@charset "utf-8";
html,body {font-family:'Pretendard-Regular'; width:100%; font-weight:400;}
body{overflow-y:visible; overflow-x:hidden;}
body.top-bg{position:relative;}
.header{position:relative; width:100%; background-size:100%; position:fixed; z-index:10; top:0; transition:all 0.5s ease-out;}
.header.active{width:100%; background:#f9f9f9; background-size: 100%; }
.header.active .gnb-wrap .gnb ul.dl li a{color:#000; transition:all 0.5s ease-out;}
.header.active .gnb-box h1.logo a{}
.header.active .header-box{border-bottom: solid 1px #b6b6b6;}

.header .header-box{position:relative; border-bottom:solid 1px #7a7d8d; transition:all 0.5s ease-out; }
.header .header-box:before{position:absolute; top:0px; left:0px; width:100%; height:139px; background:#fff; content:""; z-index:-1;}
.header .header-box.h-active{background:#f9f9f9; position:relative; z-index:100;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a{color:#333;}
.header .header-box.h-active .gnb-box h1.logo a{display:inline-block;}
.wrap{width:1240px; margin: 0 auto;}
.header .gnb-box{display:flex; justify-content:space-between; /*background:red;*/}
.header .gnb-box h1.logo{width:30%; /* padding:35px 0px 35px 50px; */ box-sizing:border-box;
display: flex; flex-direction: column; padding: 20px 0px 20px 15px; align-items: center;}
.header .gnb-box h1.logo a.corp{width:165px; height:18px; display:inline-block; vertical-align:middle; font-size:0px; background:url("/images/layout/logo.png") no-repeat;
margin-left: 5px; margin-top: 2px;}
.header .gnb-box h1.logo a.marina{/* font-size:23px; */ color:#25476d; /* margin-left:5px; */ display:inline-block; vertical-align:middle; line-height:100%; letter-spacing:-0.04em; font-family:'GmarketSansTTFBold';
font-size: 40px;}

.header .gnb-box .gnb-wrap{width:50%; padding:38px 0px 38px 0px;}
.gnb-wrap .gnb ul.dl{display:flex; justify-content:space-between;}
.gnb-wrap .gnb ul.dl li{width:25%; text-align: center;}
.gnb-wrap .gnb ul.dl li a{font-size:19px; font-weight:400; color:#000;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:hover{}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a{position:relative; display:inline-block; font-weight:900;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a:before{content:""; width:100%; height:5px; background:rgba(240, 130, 0, 1); position:absolute; bottom:0px; left:0px; transform: translate(0%, 40px); display:block;}

.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:focus{color: #014099014099;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a{position:relative; display:inline-block; color:#014099;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a:before{content:""; width:100%; height:5px; background: #014099; position:absolute; bottom:0px; left:0px; transform: translate(0%, 40px); display:block; }

.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a{background:none;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a:before{content:none;}
a.toggle{display: none;}
.mbmenu-top{display: none;}

/*header .gnb-wrap .gnb ul.dl li .sub-gnb{width:100%; position: absolute; top:99px; left:0; background: #fff;  display: none; padding: 0px 0; z-index: 9999; box-shadow: 2px 2px 2px grey;  border-top: solid 1px #f7f7f7;}*/
/*.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-box{width: 1200px; margin: 0 auto;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap{width: 927px;  display: flex; justify-content:space-between; float: right; }*/
.header .gnb-wrap .gnb ul.dl li .sub-gnb{display:none; /*display:block !important;*/ position: relative; height:208px; padding:40px 0 0 0;}
.header .nav-bar{width:100%; position: absolute; top:139px; left:0; background: #fff;  display:none; padding:0px 0; z-index: 9999;  border-top:solid 1px #014099;}
.header .header-box.h-active .nav-bar{border-top:solid 1px #1f2742;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title{position:fixed; top:139px; left:0px; width:30%; height:248px; padding:40px 0px 0px 10%; box-sizing:border-box; background:#1f2742; text-align:left; display:none;}
.header .header-box .gnb-wrap .gnb ul.dl li:hover .sub-gnb .gnb-title{display:block;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title .tit{position:relative; font-size:30px; color:#fff; line-height:120%; letter-spacing:-0.02em; margin-bottom:30px; padding-top:15px; font-weight:900;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title .tit:before{position:absolute; top:0px; left:0px; width:38px; height:4px; background:#f08200; content:"";}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title .btxt{color:#a9abb1; font-size:15px; line-height:160%;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{display:block;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{width:100%; text-align:center; padding:0px 0px 0px 0px; position:relative; z-index:10;}
.header .gnb-wrap .gnb ul.dl li:hover .sub-gnb .sub-gnb-wrap .nav:before{position:absolute; top:0px; left:0px; width:100%; height:246px; background:#fff; content:"";}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{width:100%; font-size:16px; color:#000; font-weight:400; padding:10px 0px 10px 0px; letter-spacing:-0.02em; position:relative; display:block;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover{text-decoration:underline; color:#fff; background:#f08200;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover:before{content:none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank{position:relative;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:before{content: ""; width: 11px; height: 11px; background: url("/images/common/blank-menuico.png") no-repeat; position: absolute; top:7px; left:135px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:hover:before{content: ""; width: 11px; height: 11px; background: url("/images/common/blank-menuico.png") no-repeat; position: absolute; top:7px; left:135px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level:last-child a.level2-1:after{content:none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav .level .level3-1{display:none; position:absolute; top:0; left:0;}


.header .header-box .sysbtn{width:19%; /* padding:30px 40px 0px 0px; */ box-sizing:border-box; font-size:0px; text-align:right; padding: 30px 115px 0px 0px;}
.header .header-box .sysbtn .btn{display:inline-block; margin:0px 5px; vertical-align:middle; line-height:100%; font-size:14px; padding:5px 15px; border:1px solid #ddd; border-radius:20px;}
.header .header-box .sysbtn .btn:first-child{margin-left:0px;}
.header .header-box .sysbtn .btn:last-child{margin-right:0px;}
.header .header-box .sysbtn .btn.sitemap{ font-size:0px; width:40px; height:40px; padding:0px; border:none; border-radius:0px; background: url("/images/layout/smore-btn.png") no-repeat center; display:none;}

.header .header-box .relatsns-link{}
.header .header-box .relatsns-link{background:#1f2742; height:40px;}
.header .header-box .relatsns-link:after{clear:both; content:""; display:block;}

.header .header-box .relatsns-link .relat{float:left; margin:10px 0px 0px 50px;}
.header .header-box .relatsns-link .relat:after{clear:both; content:""; display:block;}
.header .header-box .relatsns-link .relat li{position:relative; float:left; padding:0px 10px;}
.header .header-box .relatsns-link .relat li:first-child{padding-left:0px;}
.header .header-box .relatsns-link .relat li:last-child{padding-right:0px;}
.header .header-box .relatsns-link .relat li:before{position:absolute; top:5px; right:0px; width:1px; height:10px; background:#fff; content:"";}
.header .header-box .relatsns-link .relat li:last-child:before{display:none;}

.header .header-box .relatsns-link .relat li a{color:#fff; line-height:100%;}
.header .header-box .relatsns-link .relat li a span{padding-right:20px;}
.header .header-box .relatsns-link .relat li a span{background:url("/images/common/more-btn.png") no-repeat right;}

.header .header-box .relatsns-link .sns{float:right;}
.header .header-box .relatsns-link .sns:after{clear:both; content:""; display:block;}
.header .header-box .relatsns-link .sns li{float:left;}
.header .header-box .relatsns-link .sns li a{width:40px; height:40px; background:#000; display:block;}
.header .header-box .relatsns-link .sns li a span{font-size:0px;}

.header .header-box .relatsns-link .sns li.insta a{background:url('/images/layout/share-btn-insta.png') no-repeat center #d32d78;}
.header .header-box .relatsns-link .sns li.face a{background:url('/images/layout/share-btn-face.png') no-repeat center #3b5a9a;}
.header .header-box .relatsns-link .sns li.X a{background:url('/images/layout/share-btn-x.png') no-repeat center #000;}
.header .header-box .relatsns-link .sns li.youtu a{background:url('/images/layout/share-btn-youtu.png') no-repeat center #cb2129;}
.header .header-box .relatsns-link .sns li.mblug a{background:url('/images/layout/share-btn-nblog.png') no-repeat center #42b649;}

.header .mobile-gnb .mbmenu-top .mb-pop.active{display:none;}

.mask-wrap{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); transition:all .3s ease;}
.mask-wrap.on{display:block;}

/*서브레이아웃*/
.sub-wrap{width:100%; margin-top:139px;}

/* .sub-wrap .sub-vis */
.sub-wrap .sub-vis{position:relative; padding:60px 0px; text-align:center;  background:url("/images/layout/sub-vis.jpg") no-repeat center #004070; background-size:cover; transition:transform 6s ease-in-out; transform:scale(1.0, 1.0);}
.sub-wrap .sub-vis.active{transform:scale(1.1, 1.1);}
.sub-wrap .sub-vis:after{clear:both; content:""; display:block;}
.sub-wrap .sub-vis .txts{ color:#fff;}
.sub-wrap .sub-vis .txts .ttxt{font-size:16px; line-height:120%; margin-bottom:20px;}
.sub-wrap .sub-vis .txts .btxt{font-size:36px; line-height:100%; margin-bottom:10px; font-weight:900;}
.sub-wrap .sub-vis .txts .stxt{font-size:16px; line-height:120%;}

/* .sub-wrap .menu-dt3 */
.sub-wrap .menu-dt3{display:none;}

#container{position:relative;}
#container:after{clear:both; content:""; display:block;}

/* #subNavi-wrap */
#subNavi-wrap {display:block; width:280px; float:left; position:relative; margin-top:-55px; z-index:9;}
#subNavi .lm-tit{font-size:30px; border-radius:8px 8px 0px 0px; font-weight:600; padding:50px 0px; letter-spacing:-0.03em; line-height:100%; background:#25476d; color:#fff; text-align:center; position:relative; z-index:5; display:block;}
#subNavi .lm-tit button {display:none;}
#subNavi .lm-tit .stxt{display:none;}

#subNavi .leftmenu{display:block; position:relative; padding:20px 26px; z-index:3; border-bottom:1px solid #d6d7da;}
#subNavi .leftmenu:after{display:block; content:""; background:#d6d7da; width:1px; height:100% ;position:absolute; left:0; top:0; z-index:-1}
#subNavi .leftmenu:before{display:block; content:""; background:#d6d7da; width:1px; height:100% ;position:absolute; right:0; bottom:0;z-index:-1}

#subNavi .leftmenu ul {position:relative; line-height:130% ;text-align:left;}
#subNavi .leftmenu ul:after {clear:both; content:""; display:block;}
#subNavi .leftmenu ul .lm_l2{position:relative; vertical-align:top;}
#subNavi .leftmenu ul .lm_a2{display:block; position:relative; z-index:1; font-weight:600; font-size:17px; letter-spacing:-0.05em; color:#2b2b2b; border-bottom:1px solid #d6d7da; padding:15px 0px;}
#subNavi .leftmenu ul .is-open .lm_a2,#subNavi .leftmenu ul .over .lm_a2 {border-bottom:none; border-left:none; border-right:none; font-weight:600; color:#000;}
#subNavi .leftmenu ul .lm_l2:last-child .lm_a2{border-bottom:none;}	

#subNavi .leftmenu ul .lm_l2.has-sub .lm_a2:after{ width:24px; height:24px; line-height:20px; position:absolute; right:0px; top:50%; margin-top:-12px; box-sizing:border-box; border:1px solid #ddd; text-align:center; font-size:12px; display:block; content:"＞"; font-family:'Malgun Gothic'; color:#ababab; border-radius:4px;}
#subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after,#subNavi .leftmenu ul .lm_l2.over.has-sub.is-open.is-close .lm_a2:after{width:24px; height:24px; transform:rotate(90deg)}
/* #subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after{ width:20px; height:20px; background:url(/images/Sub/lm-2depthz.png) no-repeat center center; right:19px} */

#subNavi .leftmenu span{display:inline-block}
#subNavi .leftmenu span.new-win {background:url(/images/Layout/new-win.png) no-repeat center right; padding-right:25px;}


#subNavi .leftmenu ul .over .depth3 {display:block;}

#subNavi .leftmenu ul.depth3{display:none; background:#eff0f2; padding:0px 14px; font-size:14px; border-radius:4px;}
#subNavi .leftmenu ul.depth3 .lm_a3{display:block; font-weight:400; position:relative; color:#000; font-size:15px;  letter-spacing:-0.05em; padding:16px 20px; border-bottom:1px dashed #ddd;}
#subNavi .leftmenu ul.depth3 .lm_a3 span{display:inline-block;}
#subNavi .leftmenu ul .lm_l3 .lm_a3:before{width:3px; height:3px; background:#c0c0c0; position:absolute; left:10px; top:50%; margin-top:-1px; display:block; content:""}
#subNavi .leftmenu ul .lm_l3 .lm_a3:after{width:12px; height:12px; line-height:12px; text-align:center; font-size:12px; position:absolute; right:5px; top:50%; margin-top:-6px; display:block; content:"＞"; font-family:'Malgun Gothic';}

#subNavi .leftmenu ul .lm_l3.has-sub .lm_a3:after{ width:20px; height:20px; background:url("/images/Sub/lm-3depth.png") no-repeat center center; position:absolute; right:10px; top:50%;margin-top:-10px; display:block; content:""}
#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:after{width:20px; height:20px; background:url("/images/Sub/lm-3deptho.png") no-repeat center center;}
#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:before{background:url("/images/Sub/lm-deptho.png") no-repeat center center; }
#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3{background:#818691; color:#fff;}
#subNavi .leftmenu ul .lm_l3:last-child .lm_a3{ border-bottom:none;}

#subNavi .leftmenu ul .lm_l3.over .depth4 {display:block;}
#subNavi .leftmenu ul.depth4 {display:none; background:#fff; padding:10px 12px}
#subNavi .leftmenu ul.depth4 .lm_a4 {display:block;font-weight:400; position:relative; color:#555; font-size:13px; padding:2px 8px 2px 8px}
#subNavi .leftmenu ul.depth4 .lm_a4 span{display:inline-block;}
#subNavi .leftmenu ul.depth4 .over .lm_a4{color:#102741; font-weight:600; letter-spacing:-0.05em;}

#subNavi .leftmenu ul .lm_l4 .lm_a4:before{ width:4px; height:8px; background:url("/images/Sub/lm-4depth.png") no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}
#subNavi .leftmenu ul .lm_l4.over .lm_a4:before{ width:4px; height:8px; background:url("/images/Sub/lm-4deptho.png") no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}

	@media only screen and  (max-width:1400px) {
		#subNavi-wrap {width:23%;}
		#subNavi .lm-tit{font-size:24px;}

		.sub-wrap .sub-vis.active{transform:scale(1.0, 1.0);}
	}

	@media only screen and  (max-width:1000px) {
		#subNavi-wrap {width:100%;position:relative;z-index:9; display:none;/* display:block; */}
		#subNavi .lm-tit {font-weight:300;height:50px;padding:0 0;font-family:'Pretendard-Regular'; line-height:48px;letter-spacing:-0.05em;background:url(/images/Sub/lmtit-bg.png) no-repeat #005fca;color:#fff;text-align:left; position:relative; z-index:5;display:block;vertical-align:top; width:auto;}
		#subNavi .lm-tit * {vertical-align:middle;}
		#subNavi .lm-tit .tit {display:block;white-space:nowrap;font-size:18px;position:relative;}
		#subNavi .lm-tit .tit span{display:block;}
		#subNavi .lm-tit button {position:absolute;right:15px;bottom:20px;width:19px;height:10px;border:none; display:block;content:"▼"}
		#subNavi .lm-tit button {text-indent:9999em;}
		#subNavi .lm-tit button:after{width:1px;background:rgba(255,255,255,0.1); width:1px ; height:30px; left:-20px; top:50%;margin-top:-15px;display:block; content:"";position:absolute;}
		#subNavi .lm-tit .btxt{padding-left:20px; display:block; font-size:19px;font-weight:400;}
		
		#subNavi-wrap .leftmenu {display:none; background:#f4f4f4;position:absolute;top:50px;left:0;width:100%;z-index:1500;}
		#subNavi-wrap .leftmenu .lm_a2 {padding:0.75em 15px;text-align:left;display:block;font-size:13px;}
		#subNavi-wrap .leftmenu li:first-child .lm_a2 {border-top:0}
		#subNavi-wrap .leftmenu .over .lm_a2 {background:#26466f;border-bottom:1px solid #26466f}
		#subNavi-wrap .leftmenu .over .lm_a2 span {color:#fff;}
		#subNavi-wrap .leftmenu .lm_a2 {background:#none;border-bottom:1px solid #dedede; border-bottom:1px solid #dedede}
		#subNavi-wrap .leftmenu .lm_a2 span{color:#555}
		#subNavi-wrap .leftmenu .depth3 {background:#fff;text-align:left;padding:5px 15px 5px 15px;border-bottom:1px solid #dedede}
		#subNavi-wrap .leftmenu .depth3 {display:none;}
		#subNavi-wrap .leftmenu .over .depth3 {display:block;;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3 {border-top:1px dotted #eee;padding:4px 0; padding-left:10px; position:relative;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3.over a span{text-decoration:underline}
		#subNavi-wrap .leftmenu .depth3 .lm_l3:after{position:absolute; width:4px; height:2px;display:block; content:""; left:0; background:#888;top:50%;margin-top:-1px;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3 span {color:#444;}
		#subNavi-wrap .leftmenu .depth3 li:first-child,	#subNavi-wrap .leftmenu .depth3 li:first-child .lm_l3 {border-top:0;}
		#subNavi-wrap .leftmenu .depth3 .lm_a3 {display:block;padding:5px 0}	
		


		#subNavi-wrap .leftmenu .depth3{display:none}
		#subNavi-wrap .leftmenu .depth4{display:none}
	}

/* .sub-wrap #content-wrap */
.sub-wrap #content-wrap{display:block; width:890px; float:right; position:relative; z-index:9; padding:40px 0px;}

/* .sub-wrap .page-infos */
.sub-wrap #content-wrap .page-infos{padding-bottom:20px; border-bottom:1px solid #e4e4e4;}
.sub-wrap #content-wrap .page-infos .navi{margin-bottom:15px;}
.sub-wrap #content-wrap .page-infos .navi ul{}
.sub-wrap #content-wrap .page-infos .navi ul li{position:relative; padding:0px 15px; display:inline-block; vertical-align:middle;}
.sub-wrap #content-wrap .page-infos .navi ul li:first-child{padding-left:0px;}
.sub-wrap #content-wrap .page-infos .navi ul li:last-child{padding-right:0px;}
.sub-wrap #content-wrap .page-infos .navi ul li:before{position:absolute; top:0px; right:0px; font-size:6px; color:#666; content:"▶";}
.sub-wrap #content-wrap .page-infos .navi ul li:last-child:before{display:none;}

.sub-wrap #content-wrap .page-infos .navi ul li a{ display:block;}
.sub-wrap #content-wrap .page-infos .navi ul li.home a{width:24px; height:24px; background:url("/images/layout/navi-home.png") no-repeat center;}

.sub-wrap #content-wrap .page-infos .navi ul li a span{font-size:15px; color:#888; display:block;}
.sub-wrap #content-wrap .page-infos .navi ul li:last-child a span{color:#000; font-weight:600;}

/* .sub-wrap #content-wrap .page-infos .title-share-print */
.sub-wrap #content-wrap .page-infos .title-share-print:after{clear:both; content:""; display:block;}

.sub-wrap #content-wrap .page-infos .title-share-print .title{font-size:30px; color:#000; line-height:120%; float:left; font-family:'Pretendard-Regular';}

.sub-wrap #content-wrap .page-infos .title-share-print .share-print{float:right}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share{position:relative; display:inline-block; vertical-align:middle;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .share-btn{width:36px; height:36px; border-radius:4px; margin-right:10px; display:block; background:url('/images/common/share-icon.png')no-repeat center #fff; border:1px solid #ddd; text-align:center;}

.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns{position:absolute; top:41px; right:10px; width:auto; text-align:center; display:none; z-index:1;}

.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share.active .btns{display:block;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share.active .share-btn{background:url('/images/layout/share-btn-close.png')no-repeat center #000;}


.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p{margin-bottom:5px;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p a{width:36px; height:36px; border-radius:4px; display:block; background:red;}

.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p.insta a{background:url('/images/layout/share-btn-insta.png') no-repeat center #d32d78;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p.face a{background:url('/images/layout/share-btn-face.png') no-repeat center #3b5a9a;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p.x a{background:url('/images/layout/share-btn-x.png') no-repeat center #000;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p.youtu a{background:url('/images/layout/share-btn-youtu.png') no-repeat center #cb2129;}
.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p.nblog a{background:url('/images/layout/share-btn-nblog.png') no-repeat center #42b649;}

.sub-wrap #content-wrap .page-infos .title-share-print .share-print .print{display:inline-block; width:36px; height:36px; border:1px solid #ddd; vertical-align:middle; font-size:0px; border-radius:4px; background:url('/images/layout/share-btn-print.png') no-repeat center #fff;}

.sub-wrap #content-wrap #contents{min-height:300px; padding-top:50px;}


/* footer */
footer{background:#000 !important;}
footer .foot{position:relative; padding:40px 0px;}
footer .foot:after{clear:both; content:""; display:block;}

footer .foot .links-address-copy{float:left;}
footer .foot .links-address-copy .links{margin-bottom:20px;}
footer .foot .links-address-copy .links:after{clear:both; content:""; display:block;}
footer .foot .links-address-copy .links li{float:left; margin:0px 15px;}
footer .foot .links-address-copy .links li:first-child{margin-left:0px;}
footer .foot .links-address-copy .links li:last-child{margin-right:0px;}
footer .foot .links-address-copy .links li a{color:#868686; font-size:16px;}
footer .foot .links-address-copy .links li a:hover{text-decoration:underline;}

footer .foot .links-address-copy .address{font-size:15px; color:#e0e0e0; line-height:160%; margin-bottom:15px;}
footer .foot .links-address-copy .copy{font-size:15px; color:#868686; line-height:120%;}

footer .foot .rele-site{float:right; width:190px; position:relative; display:block; vertical-align:middle; margin-top:30px;}
footer .foot .rele-site:before{position:absolute; top:50%; right:13px; margin-top:-6px; line-height:120%; content:"▼"; font-size:10px; color:#fff;}
footer .foot .rele-site select{width:100%; height:38px; color:#fff; padding:0px 30px 0px 10px; background:#000; border:1px solid #d1d1d1; font-size:13px; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; appearance:none;}
footer .foot .rele-site select::-ms-expand{display:none;}


@media all and (max-width:1400px){
  .sub-wrap{margin-top:139px;}
  .sub-wrap .sub-vis{padding:40px 0px;}
	.sub-wrap #content-wrap{width:73%;}

  .header{padding: 0px 0px; box-sizing: border-box;}
  .header .gnb-box h1.logo{/*width:21%; padding: 25px 20px; */ width:25%; padding: 24px 20px 24px 20px;}
  .header .gnb-box h1.logo a.corp{display:block; /* margin-bottom:10px; */}
  .header .gnb-box h1.logo a.marina{/* font-size:20px; */ display:block; margin-left:0px; font-size:30px;}

  .header .gnb-box .gnb-wrap{/* width:60%; */ padding:31px 0px; width: 58%;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb{padding:48px 0 0 0;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-box{width: 100%;}
/*  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap{width: 965px;}*/
  .gnb-wrap .gnb ul.dl{padding-bottom:10px;}
  .gnb-wrap .gnb ul.dl li a{font-size:14px; padding-bottom:0px;}

	.header .header-box .sysbtn{padding:30px 30px 0px 0px; width: 17%;}
	.header .header-box .sysbtn .btn{font-size:13px; padding:5px 5px;}
	.header .header-box .sysbtn .btn.sitemap{width:20px; height:20px; background-size:cover;}

	.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a:before{bottom:-6px;}

	.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a:before{bottom:-6px;}


  /* .sub .contents{padding: 30px 20px;}*/
  /* .sub .contents2{padding: 0; box-sizing: border-box;}*/
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{letter-spacing: -0.02em; font-size:13px;}

	.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title{top:139px; width:21%; padding:20px 0px 0px 20px;}
	.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title .tit{font-size:20px; margin-bottom:15px; padding-top:10px;}
	.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title .btxt{font-size:14px;}

  .sub-wrap-3depth{padding: 0 20px; box-sizing: border-box;}
  .submenu-wrap{width: 100%;}
  /* .contents{padding: 30px 20px; box-sizing: border-box;}*/

  footer .foot .addcopy-relat .addcopy{float:none; margin-bottom:15px;}
  footer .foot .addcopy-relat .relat{float:none;}
}

@media all and (max-width:1260px){
  .wrap{}
  .wrap{width:100%; padding:0px 20px; box-sizing:border-box;}
}

@media all and (max-width:1000px){
	.wrap{overflow-x:hidden;}
	.sub-wrap{overflow-x:hidden; margin-top:80px;}

	.sub-wrap .sub-vis{padding:20px 0px;}
	.sub-wrap .sub-vis .txts .ttxt{font-size:14px;}
	.sub-wrap .sub-vis .txts .btxt{font-size:28px;}
	.sub-wrap .sub-vis .txts .stxt{font-size:14px;}

	.sub-wrap #content-wrap{width:100%; padding:20px 0px 40px 0px;}

	.header .header-box .affil-sysbtn{position:absolute; top:20px; right:90px; width:auto; padding:0px 0px 0px 0px;}
	.header .header-box .affil-sysbtn .affil .btn{font-size:14px;}

	.sub-wrap .page-infos{padding:0px;}

	footer .top-btn{top:0px; width:50px; height:50px;  padding:10px 0px 0px 0px;}

	footer .foot .logo-terms .terms{margin-right:60px}
	footer .foot .logo-terms .terms .link{margin:0px 10px;}

}

@media all and (max-width:1000px){
  .header{padding:0px; height: 76px;}
  .header .header-box{height:80px;}
  .header .header-box:before{height:80px; }
	.header .header-box .relatsns-link{display:none;}

	.header .gnb-box .gnb-wrap{width:0px; height:0px; padding:0px;}

	.header .gnb-wrap .m-sub-gnb .gnb-title{display:none;}

  .header .gnb-box h1.logo{width:auto; /* padding:25px 20px; */ height:80px; box-sizing:border-box; padding: 19px 20px;}
  .header .gnb-box h1.logo a{width:auto; background-size:120px;}
  .header .gnb-box h1.logo a.corp{display:inline-block; margin-bottom:0px; background-size: 135px; margin-left: 2px; margin-top: 2px;}
  .header .gnb-box h1.logo a.marina{display:inline-block; margin-bottom:0px;/*  margin-left:5px; */ font-size: 25px;}

  /*.header.active .gnb-box h1.logo a{background-size: 90px;}
  .header.active .gnb-box h1.logo a{width:120px; height:25px; background-size:120px;}*/
  .header .toggle-box{position: absolute; top:0px; right:0px;}
  .header a.toggle{display:block; width:80px; height:80px; background:url("/images/common/mb-menubtn.png") no-repeat #1f2742; position:relative; background-position:center; box-sizing:border-box;}
  /*.header.active a.toggle{background: url("/images/common/mb-menubtn-at.png") no-repeat; background-position: center;}
  .header.active a.toggle:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background:#b6b6b6;}*/
  .header a.toggle:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background:#7a7d8d; }
  .header .mobile-gnb .close-box{position:absolute; top:0px; right:0px;}
  .header .mobile-gnb .close-box .mb-closebtn{width:70px; height:70px; background:url("/images/common/mb-closebtn.png") no-repeat #000; display:block; text-indent:-9999px; position: relative; background-position: center;}

  .header .mobile-gnb{display:block; position:fixed; top:-100%; left:0px; height:100%; z-index:999; overflow-y:auto; transition:all .3s ease; width:100%;  background:rgba(0,0,0,0.6);}

  .header .mobile-gnb .mbmenu-top{display:block; position:relative; height:70px; padding:0px 70px 0px 0px; background:#202743;}
  .header .mobile-gnb .mbmenu-top .other-links{width:100%; height:100%;}
  .header .mobile-gnb .mbmenu-top .other-links:after{clear:both; content:""; display:block;}
  .header .mobile-gnb .mbmenu-top .other-links li{float:left; height:100%; border-right:1px solid #63687c; box-sizing:border-box;}
  .header .mobile-gnb .mbmenu-top .other-links li:last-child{border-right:none;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn{width:25%;}
  .header .mobile-gnb .mbmenu-top .other-links li.mem{width:25%;}
  .header .mobile-gnb .mbmenu-top .other-links li.sns{width:25%;}
  .header .mobile-gnb .mbmenu-top .other-links li.site{width:25%;}

  .header .mobile-gnb .mbmenu-top .other-links li a{display:block; width:100%; line-height:70px; padding:0px 25px; font-size:18px; box-sizing:border-box; color:#fff;}
  .header .mobile-gnb .mbmenu-top .other-links li a span{position:relative; display:block;}
  .header .mobile-gnb .mbmenu-top .other-links li a span:before{position:absolute; top:0px; right:0px; font-size:9px; content:"▼";}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a{display:block; width:100%; line-height:70px; text-align:center;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span{padding-left:30px; background:url("/images/layout/login-icon.png") no-repeat left; display:inline-block;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span:before{display:none;}

  .header .mobile-gnb .mbmenu-top .other-links li.mem a span:before{position:absolute; top:0px; right:0px; font-size:9px; content:"▶";}
  
  .header .mobile-gnb .mbmenu-top .mb-pop{position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; z-index:9;}
  .header .mobile-gnb .mbmenu-top .mb-pop.active{display:block;}
  .header .mobile-gnb .mbmenu-top .mb-pop .close-btn{width:100%; box-sizing:border-box; padding:20px; line-height:120%; background:#fff; font-size:18px; display:block; text-align:center; color:#000;}
  .header .mobile-gnb .mbmenu-top .mb-pop .btns{padding:30px 20px;}
  .header .mobile-gnb .mbmenu-top .mb-pop .btns .list{text-align:center; font-size:0px;}
  .header .mobile-gnb .mbmenu-top .mb-pop .btns .list:after{clear:both; content:""; display:block;}
  .header .mobile-gnb .mbmenu-top .mb-pop .btns .list li{display:inline-block; vertical-align:top;}

  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list{margin:0px -1%;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li{width:18%; margin:0px 1%;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li a{display:inline-block; width:60px; height:60px; background:#000; border-radius:10px; box-sizing:border-box;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li.face a{background:url(/images/layout/share-btn-face.png) no-repeat center #3b5a9a;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li.insta a{background:url(/images/layout/share-btn-insta.png) no-repeat center #d32d78;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li.youtu a{background:url(/images/layout/share-btn-youtu.png) no-repeat center #cb2129;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li.nblug a{background:url(/images/layout/share-btn-nblog.png) no-repeat center #42b649;}

  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list{margin:0px -1%;}
  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li{width:48%; margin:0px 1% 10px 1%; float:left; text-align:left;}
  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li a{display:block; width:100%; padding:20px; background:#202743; border-radius:100px; box-sizing:border-box;}
  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li a span{position:relative; display:block; font-size:16px; color:#fff;}
  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li a span:before{position:absolute; top:0px; right:0px; color:rgba(255, 255, 255, 0.8); font-size:26px; content: "→";}

  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list{margin:0px -1%;}
  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li{width:48%; margin:0px 1% 10px 1%; float:left; text-align:left;}
  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li a{display:block; width:100%; padding:20px; background:#202743; border-radius:100px; box-sizing:border-box;}
  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li a span{position:relative; display:block; font-size:16px; color:#fff;}
  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li a span:before{position:absolute; top:0px; right:0px; color:rgba(255, 255, 255, 0.8); font-size:26px; content: "→";}

  .header .mobile-gnb.on{top:0px;}
  .header .mobile-gnb .dl{background:#fff; padding:20px; height:auto;}
  .header .mobile-gnb .dl li a.level1-1{padding:15px 20px; border-bottom:solid 1px #dadada; display:block; font-size:17px; color: #000000; position: relative;}
  .header .mobile-gnb .dl li a.level1-1.on{color:#f08101; border-bottom:none;}
  .header .mobile-gnb .dl li a.level1-1:after{content:"▼"; width:20px; height:20px; background:#f18101; font-size:8px; text-align:center; color:#fff; border-radius:50%; position:absolute; top:20px; right:10px; display:block;}
  .header .mobile-gnb .dl li a.level1-1.on:after{content:"▲";}
  .header .mobile-gnb .dl li .m-sub-gnb{display:none;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav{padding:0px 20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{padding:5px 20px 5px 35px; background:#f4f4f4; color:#444; font-size:14px; font-weight:400; display:block; position:relative;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:before{position:absolute; top:14px; left:25px; width:3px; height:3px; background:#444; display:block; content:"";}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1{padding-top:20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1:before{top:28px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:last-child a.level2-1{padding-bottom:20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:hover{color:#000; text-decoration:underline;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on{background: #3897db; color: #fff; padding: 20px 20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on:before{content: ""; width: 60px; height: 1px; background: #fff; position: absolute; top:30px; left:0;}


  .header .mobile-gnb .dl li .m-sub-gnb .level .level3-1{display: none; background: #e0eaf3;}
  .header .mobile-gnb .dl li .m-sub-gnb .level .level3-1 li a{padding: 15px 20px; display: block; font-size: 18px;}
  .header .header-box.h-active{z-index: 0;}

  .header .mobile-gnb .dl li:first-child .m-sub-gnb .sub-gnb-wrap .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(2) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(2) .m-sub-gnb .sub-menu02{display: block;}
  .header .mobile-gnb .dl li:nth-child(3) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(3) .m-sub-gnb .sub-menu03{display: block;}
  .header .mobile-gnb .dl li:nth-child(4) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(4) .m-sub-gnb .sub-menu04{display: block;}
  .header .mobile-gnb .dl li:nth-child(5) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu06, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(5) .m-sub-gnb .sub-menu05{display: block;}
  .header .mobile-gnb .dl li:nth-child(6) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu07{display: none;}
  .header .mobile-gnb .dl li:nth-child(6) .m-sub-gnb .sub-menu06{display: block;}

  .header .nav-bar{display: none;}
  .header .header-box.h-active .nav-bar{display: none;}
  .header .header-box .sysbtn{display:none;}

  .sub-top{padding: 40px 30px;}
  div.sub-bn-tit h2.tit span{font-size:35px; padding: 140px 0 0 0;}
  ul.submenu-2depth li{width: 50%;}
  ul.submenu-2depth li a{padding: 10px 15px; font-size:16px; border-bottom:solid 1px #fff;}
  ul.submenu-2depth li:nth-child(2) a{border-right:none;}
  ul.submenu-2depth li:nth-child(3) a{ border-bottom:none;}
  ul.submenu-2depth li:nth-child(4) a{border-bottom:none; border-right:none;}

  .sub-wrap-3depth{}
  .sub-wrap-3depth .sub-tit-3dh{padding: 150px 0 40px 0;}
  ul.sub-3depth li a{font-size:16px;}

  ul.sub-3depth.nth6 li{width: 33%;}
  ul.sub-3depth.nth6 li{margin-bottom: 15px;}
  ul.sub-3depth.nth6 li:nth-child(4){margin-bottom: 0px;}
  ul.sub-3depth.nth6 li:nth-child(5){margin-bottom: 0px;}
  ul.sub-3depth.nth6 li:nth-child(6){margin-bottom: 0px;}

	footer .foot .links-address-copy{float:none;}

	footer .foot .rele-site{float:none;}


}

@media all and (max-width:768px){
  /*footer*/
  footer.footer{height: auto; padding: 20px 20px;}
  footer.footer .footer-wrap .logo-box{position: relative;}
  footer.footer .footer-wrap .logo-box a.logo{display: none;}
  footer.footer .footer-wrap .logo-box span.tel{font-size:16px; padding:0px 0 15px 32px; }
  footer.footer .footer-wrap .logo-box span.tel:after{top:-3px; background-size: 27px;}
  footer.footer .footer-wrap p.link.first{padding-bottom: 15px;}
  footer.footer .footer-wrap p.link span{font-size:13px;}
  footer.footer .footer-wrap p.copyright{font-size:13px;}
}


@media all and (max-width:680px){
  .header{height:50px; background-size:cover;}
  .header .header-box{height: 50px;}
  .header .header-box:before{height:50px;}

  .header .gnb-box h1.logo{/* padding:13px 15px; */ height:50px;   display: inline; padding: 16px 15px;}
.header .gnb-box h1.logo a.marina {font-size: 20px;}
.header .gnb-box h1.logo a.corp {margin-left: 8px; margin-top: -2px;}

.  header .header-box .affil-sysbtn .affil .btn{font-size:12px; color:#fff;}
  .header a.toggle{width:50px; height:50px; background-size: 20px;}



  .header .mobile-gnb .mbmenu-top{padding: 0px 50px 0px 0px; height: 50px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size:100%; left:20px; top:20px; width:80px}

  .header .mobile-gnb .mbmenu-top .other-links li a{line-height:50px; padding:0px 10px; font-size:16px;}
  .header .mobile-gnb .mbmenu-top .other-links li a span:before{ font-size:9px; content:"▼";}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a{line-height:50px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span{padding-left:24px;}

  .header .mobile-gnb .close-box .mb-closebtn{width:50px; height:50px; background-size:15px;}
  .header .mobile-gnb .mb-closebtn{background-size:18px; width:18px; top:0px;}
  .header .mobile-gnb .dl li a.level1-1{padding:10px 15px; font-size:16px;}
  .header .mobile-gnb .dl li a.level1-1:after{width: 20px; background-size: 20px; top:10px;}
  .header .mobile-gnb .dl li a.level1-1.on:after{width: 20px; background-size: 20px; top:10px;}


  .header .mobile-gnb .dl li .m-sub-gnb .nav{padding:0px 5px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{padding:5px 15px 5px 25px; font-size:13px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:before{top:14px; left:15px;}

  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1{padding-top:10px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1:before{top:18px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level:last-child a.level2-1{padding-bottom:10px;}

  .sub-top{padding: 20px 30px;}

  .wrap{padding:0px 15px}

  .sub-wrap{margin-top:50px;}
  .sub-wrap .sub-vis:before{left:0px; width:680; height:100%; margin-left:-340px; background-size:cover;}

	.sub-wrap #content-wrap{padding:20px 0px 30px 0px;}
	.sub-wrap #content-wrap .page-infos{padding-bottom:10px;}
	.sub-wrap #content-wrap .page-infos .navi{margin-bottom:10px;}
	.sub-wrap #content-wrap .page-infos .title-share-print .title{font-size:26px;}

	.sub-wrap #content-wrap #contents{padding-top:20px;}

  div.sub-bn-tit h2.tit span{font-size:30px; padding: 110px 0 0 0;}
  div.sub-bn-tit h2.tit span:before{bottom:-40px;}
  ul.submenu-2depth{position: absolute; bottom:0;}
  ul.submenu-2depth li a{font-size:16px;}
  .sub-bn-tit span.txt{font-size:16px; padding: 55px 0 0 0;}

  .sub-wrap-3depth{ margin: 0px 0 0 0; padding: 0 20px;}
  .sub-wrap-3depth .box-wrap{padding-bottom: 35px;}
  .sub-wrap-3depth .sub-tit-3dh{font-size:30px; padding:40px 0 40px 0;}
  .sub-wrap-3depth .sub-tit-3dh{font-size:30px; padding: 40px 0 40px 0;}
  ul.ico-wrap li a{background-size: 20px; width: 20px;}
  ul.ico-wrap li.sns a.sns-btn{background-size: 20px; width: 20px;}
  ul.lct-box li a{padding: 0 18px; font-size:12px;}
  ul.ico-wrap{position: absolute; top:28px; right:20px;}

  ul.ico-wrap.active li ul.sns-sub{display: block; left:0px; top:30px;}
  ul.ico-wrap.active li ul.sns-sub li a{padding: 3px 0px;}
  ul.ico-wrap.active li.sns a.sns-btn{width: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li a{width: 20px; height: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li:nth-child(2) a{width: 20px; height: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li:nth-child(3) a{width: 20px; height: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li:nth-child(4) a{width: 20px; height: 20px; background-size: 20px;}


  ul.sub-3depth.nth1 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth2 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth3 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth4 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth6 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth6 li:nth-child(4){margin-bottom: 15px;}
  ul.sub-3depth.nth6 li:nth-child(5){margin-bottom: 15px;}

  ul.sub-3depth.nth1 li{margin-bottom: 0px;}
  ul.sub-3depth li{margin-bottom: 15px;}
  ul.sub-3depth li:last-child{margin-bottom: 0px;}
  ul.sub-3depth li a{padding: 5px 10px;}

	footer .foot{padding:20px 0px;}

	footer .foot .links-address-copy .links{margin-bottom:15px;}
	footer .foot .links-address-copy .links li{margin:0px 5px;}
	footer .foot .links-address-copy .links li a{font-size:15px;}

	footer .foot .links-address-copy .address{font-size:13px; color:#e0e0e0; line-height:160%; margin-bottom:10px;}
	footer .foot .links-address-copy .copy{font-size:13px; color:#868686; line-height:120%;}

	footer .foot .rele-site{margin-top:20px;}

}

@media all and (max-width:480px){

	.header .gnb-box h1.logo{padding:15px 10px;}
	.header .gnb-box h1.logo a.corp{width:120px; height:15px; background-size:120px;}
	.header .gnb-box h1.logo a.marina{font-size:15px;}

  .header .mobile-gnb .mbmenu-top .other-links li a{line-height:40px; padding:0px 8px; font-size:14px;}
  .header .mobile-gnb .mbmenu-top .other-links li a span:before{font-size:6px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a{line-height:40px;}
  .header .mobile-gnb .mbmenu-top .other-links li.btn a span{padding-left:10px; background-size:10px;}
  .header .mobile-gnb .mbmenu-top .other-links li.mem a span:before{font-size:6px;}  

  .header .mobile-gnb .mbmenu-top .mb-pop .close-btn{padding:15px; font-size:16px;}
  .header .mobile-gnb .mbmenu-top .mb-pop .btns{padding:20px 15px;}
  .header .mobile-gnb .mbmenu-top .mb-pop.sns .btns .list li a{width:50px; height:50px;}

  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li a{padding:10px;}
  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li a span{font-size:13px;}
  .header .mobile-gnb .mbmenu-top .mb-pop.site .btns .list li a span:before{font-size:20px;}

  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li a{padding:10px;}
  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li a span{font-size:13px;}
  .header .mobile-gnb .mbmenu-top .mb-pop.mypage .btns .list li a span:before{font-size:20px;}

  .header.active a.toggle{padding: 13px;}

  .header .header-box .affil-sysbtn{top:5px; right:45px;}
  .header .header-box .affil-sysbtn .affil{display:block;}
  .header .header-box .affil-sysbtn .affil .btn{font-size:11px; margin:0px 3px;}

  .header .header-box .affil-sysbtn .sysbtn{display:block; }
  .header .header-box .affil-sysbtn .sysbtn .btn{margin:0px 5px 0px 5px;}

  .header .mobile-gnb .mbmenu-top{height: 40px;}
  .header .mobile-gnb .mb-closebtn{ background-size: 13px; width: 13px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size: 60px; width: 60px; top:17px; left: 10px;}
  .header .mobile-gnb .close-box .mb-closebtn{width:40px; height:40px;}

  .header .mobile-gnb .dl{padding:10px;}

  .header .mobile-gnb .dl li a.level1-1{padding:10px 5px; font-size:14px;}
  .header .mobile-gnb .dl li a.level1-1:after{width:16px; height:16px; line-height:16px; font-size:6px; top:14px;}
  .header .mobile-gnb .dl li a.level1-1.on:after{width:16px; height:16px;}


	.sub-wrap{margin-top:50px;}
	.sub-wrap .sub-vis .txts .ttxt{margin-bottom:10px;}
	.sub-wrap .sub-vis .txts .stxt{font-size:13px;}

  .sub-wrap .page-infos{padding:0px;}
  .sub-wrap #content-wrap .page-infos .title-share-print .title{font-size:24px;}

	.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .share-btn{width:30px; height:30px; margin-right:0px;}
	.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns{top:35px; right:0px;}
	.sub-wrap #content-wrap .page-infos .title-share-print .share-print .share .btns p a{width:30px; height:30px;}
	.sub-wrap #content-wrap .page-infos .title-share-print .share-print .print{width:30px; height:30px;}

  div.sub-bn-tit h2.tit span{padding: 92px 0 0 0;}
  ul.submenu-2depth{position: absolute;}
  ul.submenu-2depth li a{padding: 5px 10px; font-size: 15px; border-right:none;}
  ul.submenu-2depth li:nth-child(3) a{border-bottom:solid 1px #fff;}

  ul.submenu-2depth li{width: 100%;}
  ul.submenu-2depth.list02 li{width:100%;}
  ul.submenu-2depth.list01 li{width:100%;}

  .sub-wrap-3depth{ padding: 0px 10px 0 10px; margin: 0px 0 0 0;}
  .sub-wrap-3depth .box-wrap{padding-bottom: 35px;}
  .sub-wrap-3depth .sub-tit-3dh{padding: 20px 0 20px 0; font-size:25px;}


  ul.sub-3depth li a{font-size: 14px;}

	.sub-wrap #content-wrap .page-infos .navi ul li{padding:0px 10px;}
	.sub-wrap #content-wrap .page-infos .navi ul li:first-child{padding-left:0px;}
	.sub-wrap #content-wrap .page-infos .navi ul li:last-child{padding-right:0px;}
	.sub-wrap #content-wrap .page-infos .navi ul li:before{position:absolute; top:0px; right:0px; font-size:6px; color:#666; content:"▶";}
	.sub-wrap #content-wrap .page-infos .navi ul li:last-child:before{display:none;}

	.sub-wrap #content-wrap .page-infos .navi ul li a{ display:block;}
	.sub-wrap #content-wrap .page-infos .navi ul li.home a{width:24px; height:24px; background:url("/images/layout/navi-home.png") no-repeat center;}

	.sub-wrap #content-wrap .page-infos .navi ul li a span{font-size:15px; color:#888; display:block;}
	.sub-wrap #content-wrap .page-infos .navi ul li:last-child a span{color:#000; font-weight:600;}


	footer .foot .links-address-copy .links{margin-bottom:15px;}
	footer .foot .links-address-copy .links li{margin:0px 0px; float:none;}
	footer .foot .links-address-copy .links li a{font-size:14px;}

	footer .foot .links-address-copy .address{font-size:12px;}
	footer .foot .links-address-copy .copy{font-size:12px;}

	footer .foot .rele-site select{height:32px; padding:0px 30px 0px 10px; font-size:13px;}

}


                                                    