@charset "utf-8";
/* /////////////////////////////// 공통 ///////////////////////////////////*/

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GmarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html,body {width:100%;height:100%;}
body {overflow:auto;}

body {font-family: "Malgun Gothic","맑은 고딕","Helvetica Neue","Apple SD Gothic Neo","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;font-size:14px;color:#555;line-height:130%;letter-spacing: -0.05em;}
select,input,button,textarea,button{font-family: "Malgun Gothic","맑은 고딕","Helvetica Neue","Apple SD Gothic Neo","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;letter-spacing: -0.03em;}

@media only screen and (max-width:480px){
	body {font-size:13px;}
}


#doc {position: relative;width:100%;height:100%;min-width:1200px;}
body {overflow-y:visible;overflow-x:hidden;line-height:150%;}
body.no-scr {overflow-y:hidden;}

.div-wrap {position:relative;width:100%;text-align:center;margin:0 auto 0 auto;}
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease;}
.body-slider-ovclick {position:fixed;z-index:2006;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.25);cursor:pointer }

i {font-style:normal}

@media all and (min-width:1025px) {
	.div-wrap {min-width:1200px;}
	.div-cont {max-width:1200px;width:100%;margin-left:auto;margin-right:auto;}
}
@media all and (min-width:481px) and (max-width:1024px) {
	body {overflow-x:hidden;}
	.div-cont {margin-left:0;margin-right:0;}
}
@media all and (max-width:480px) {
	body {overflow-x:hidden;}
	.div-wrap {min-width:320px;}
	.div-cont {min-width:320px;margin-left:0;margin-right:0;}
}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi a {display:block;position:fixed;width:1px;height:1px;top:-1000em;left:-1000em;z-index:2500;overflow:hidden;}
#skipNavi a:focus {width:auto;height:auto;background:#175aaf;color:#fff;padding:0.75em 1em;top:0;left:0;}

/* z-index */
.header-wrap-abs {z-index:7000;}
#gnavi-wr,#header-wrap,#header {z-index:2005;}
#container-wrap {z-index:10;}
#subtop-wrap {z-index:900;}
#container {z-index:1001}

/* /////////////////////////////// 상단 ///////////////////////////////////*/

#header-wrap {transition:all .2s ease;border-bottom: 1px solid #eee;}
#header {height:100%;z-index:9999}

/* 메뉴 */
#header-wrap .mn-bg {position:absolute;width:100%;height:60px;left:0;top:100px;background:#fff;z-index:10;border-top:1px solid #DDD;border-bottom:1px solid #EEE;display:none;}
#header-wrap .mn-bg.over {box-shadow:0 7px 10px rgba(33,33,33,0.3);}
#header-wrap .mn-bar {position:absolute;left:0;top:130px;width:100%;display:block;z-index:2000;background:#eff0f3;}
#header-wrap .mn-bar:after {position:absolute;bottom:-1px;width:2000px;height:1px;background:#eee;display:block;content:"";margin-left:-1000px;left:50%;}

#logo {position:absolute;top: 25px;left: 0;width:232px;height:54px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;z-index:6050;}
#logo a {display: block;}
#logo a img {-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}

#header .bt-sitemap {display:block;position:absolute;top:-2px;right:0;width:40px;height:40px;overflow:hidden;background:url("/static/images/design/layout/bt-sitemap.png") no-repeat center center;border:1px solid #ddd;z-index:2300;}
#header .bt-mnall {display:block;position:absolute;top:10px;left: 10px;overflow:hidden;background:#0c2f61;width:40px;height:40px;z-index:2300;border:0;border-radius:50%;}
#header .bt-mnall .fe {font-size: 20px;color: #fff;}
#header .bt-mcart {display:block;position:absolute;top:0;right: 0;overflow:hidden;width:50px;height:40px;z-index:2300;border:0;text-align: center;padding: 13px 8px 7px;}
#header .bt-mcart .txt {display: block;font-size: 11px}
#header .bt-mcart .fe {display: block;font-size: 22px;color: #222}
#header .bt-mcart .count {position: absolute;top: 3px;right: 10px;width: 22px;height: 22px;background: #084e99;color: #fff;font-size: 12px;text-align: center;line-height: 23px;border-radius: 50%;}


.comm_body {}
.comm_body #container-wrap {padding-top: 0}
.comm_head {position: relative;display: block;overflow: hidden;background: #fff;box-shadow: 0px 2px 4px rgba(0,0,0,0.2);z-index: 8000}
.comm_head .inner {position: relative;display: block;width: 1200px;margin: 0 auto;padding: 20px 0 }
.comm_head .inner .logo {display: inline-block}
.comm_head .inner .slogo {position: absolute;bottom: 28px;left: 188px;}
.comm_head .inner .slogo li {position: relative;float: left;padding: 0 15px;}
.comm_head .inner .slogo li:before {position: absolute;top: 5px;right: 0;width: 1px;height: 15px;background: #ddd;content: ""}
.comm_head .inner .slogo li:last-child {padding-right: 0}
.comm_head .inner .slogo li:last-child:before {display: none}
.comm_head .inner .slogo li:last-child:before {display: none}
.comm_head .inner .slogo li a {display: block;}
.comm_head .mem_right {position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
.comm_head .mem_right li {float: left;margin-left: 20px}
.comm_head .mem_right li span {display: block;}
.comm_head .mem_right li a {display: block;text-align: center;font-size: 13px}
.comm_head .mem_right li .fe {font-size: 21px;margin-bottom: 5px;font-weight: normal !important}
.comm_head .mem_right li.lecture a span {font-weight: 600;color: #333}

@media only screen and (min-width:1025px) {

	#header-wrap {height:100px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}

	.header-wrap-abs {position: fixed;top: 0;left: 0;width: 100%;background: #fff;}

	#header .bt-mnall {display:none;}
	#header .bt-mcart {display:none;}

	/* gnb-wrap */
	#gnb-wrap { position:absolute;top: 0;left: 0;width:100%;font-size: 13px;z-index:99999}
	#gnb {position: relative;display: block;overflow: hidden;width: 1200px;margin: 0 auto;}


	#gnb-left {position: relative;float: left;padding: 9px 0;}
	#gnb-left .txt {display: inline-block;line-height: 22px;float: left;margin-right: 5px;}
	#gnb-left .dday {display: inline-block;float: left;height: 22px;border-radius: 22px;padding: 0 15px;background: #e45711;line-height: 22px;color: #fff;font-weight: 600;}

	#gnb-right {position: relative;float: right;padding-top: 10px}
	#gnb-right li { position: relative;float:left;line-height: 30px;padding: 0 15px;}
	#gnb-right li:after {position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top: -6px;background: #ccc;content: "";}
	#gnb-right li:first-child:after {display: none;}
	#gnb-right li a {display: inline-block;line-height: 30px;}
	#gnb-right li .user-name {font-weight: 600;color: #222;display: inline-block;}
	#gnb-right li .fe {margin-right: 5px;}
	#gnb-right li i {font-style: italic;}

	#gnb-right li:last-child a {;padding: 0 15px;border-radius: 30px}
	#gnb-right li:last-child a span {font-weight: 600;color: #fff}


	/* MainNavi-wrap */
	#mainNavi-wrap {position:absolute;overflow: hidden;right:0;top:50px;width:auto;height:50px;display:block;z-index:99}

	#mainNavi-wrap .tmn-tit {display:none;}
	#mainNavi-wrap .side-banner {display:none;}
	#mainNavi-wrap .side-banner2 {display:none;}
	#mainNavi {position:relative;z-index: 10}

	.topmenu {display:block;position:relative;padding: 0 20px 0 150px;}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {}
	.topmenu .tgl-btn {display:none;}

	.topmenu a, .topmenu span {white-space: nowrap;color: #333;}
	.topmenu .mn_a1 {height: 40px;display: block;text-align: center;position: relative;overflow: hidden}
	.topmenu .mn_l1 { position: relative;display: inline-block;vertical-align: top}
	.topmenu .mn_l1:last-child {margin-right: 0}
	.topmenu .first {background: none;}
	.topmenu li.mn_l1:first-child a{}
	.topmenu li.mn_l1:first-child a.mn_a1:after{display: none;}
	.topmenu .mn_l1.isTopHide {display: none;}

	.topmenu .mn_s1 {color: #333;font-size: 17px;font-weight: 600;line-height: 40px;padding: 0 17px;cursor: pointer;text-align: center;white-space: nowrap;display: block;text-overflow: ellipsis;}
	.topmenu .mn_l1.is-open .mn_a1 .mn_s1 {color: #084e99;}

	.topmenu .mn-btxt{ font-size: 17px;font-weight: 300;padding-top: 45px;letter-spacing: -0.03em;padding-left: 20px;display: none;color: #222}

	.topmenu .depth2-wrap {position: absolute;top: 51px;left: 50%;width: 220px;margin-left: -110px;padding: 20px 0 !important;background: #084e99;box-shadow:3px 15px 15px rgba(0,0,0,0.15); transition:all 0.4s ease; transition-property:opacity, right, visibility; transition-delay:0s, 0s, 0s;}

	.topmenu .depth2 {position: relative;width: 100%;z-index: 1}
	.topmenu .sico-nwin {display: none;}
	.topmenu .first .depth2 {}
	.topmenu .depth2 li {position: relative;color: #b4b4b6;white-space: nowrap;letter-spacing: -1px;line-height: 1.3em;display: block;}
	.topmenu .depth2 a, .topmenu .depth2 a span {display: inline-block;font-weight: 400;white-space: nowrap;}
	.topmenu .depth2 a span.txt{display: block;}
	.topmenu .depth2 a {position: relative;padding: 0 20px}
	.topmenu .depth2 a:before {content:''; display:block; position:absolute; right:20px; top:50%; margin-top:-3px; border-left:4px solid rgba(255,255,255,0.6); border-top:3px solid transparent; border-bottom:3px solid transparent; transition:all 0.3s ease;}

	.topmenu .depth2 .blt {display: none;}
	.topmenu .depth2 .mn_l2 {text-align: left;margin-bottom: 1px; }
	.topmenu .depth2 .mn_a2 {line-height: 32px;display: block;}

	.topmenu .depth2 .mn_a2 span {cursor: pointer; font-size: 14px;letter-spacing: -0.01em;color: rgba(255,255,255,0.6)}
	.topmenu .depth2 .mn_a2:hover span {text-decoration: none;color: #fff;font-weight: 600}
	.topmenu .depth2 .mn_a2:hover:before {border-left:4px solid #fff; }

	.topmenu .depth2 .is-over .mn_a2{color: #fff}
	.topmenu .depth2 .is-over .mn_a2 span {color: #fff; }
	.topmenu .depth2 .over .mn_a2 span {color: #fff;font-weight: 600}
	.topmenu .depth2 .over .blt {/*display:block;*/}
	.topmenu .depth2 .mn_a2:hover .blt {display:none;}

	.topmenu .depth2 .mn_a2:hover , .topmenu .depth2 a.over, .topmenu .depth2 .over a { }
	.topmenu .depth2 .mn_l2.is-over .depth3, .topmenu .depth2 .mn_a2:focus {display: block;}

	#mainNavi-wrap .ovbar {position: absolute;top: 32px;display: block;overflow: hidden;height: 12px;}
	#mainNavi-wrap .ovbar:after {position: absolute;bottom: 0;left: 50%;margin-left: -3px;content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #084e99;z-index: 200}

	.home-btn-wrap{display: none;}

	.scrollFixed #header-wrap {margin-top: -33px;height:100px;}
	.scrollFixed #header-wrap:after {background: #fff}
	.scrollFixed #logo {top: 46px;width: 172px;height: 40px}
	.scrollFixed #logo img {width: 100%}
	.scrollFixed #mainNavi-wrap {top: 45px}
	.scrollFixed #mainNavi-wrap .ovbar:after {background: #fff;}
	.scrollFixed .depth2-wrap {top: 55px;}

	.noneFixed {position: absolute;}
	.noneFixed #header-wrap {margin-top: 0;}

	.pcnone {display: none !important}

	}

@media only screen and (max-width:1024px) {

	#doc {min-width:320px;}

	#gnavi-wr, #header-wrap,#header {z-index:1000;}

	#header {height: auto;}

	#header-wrap .mn-bar:after {display: none;}

	#header-wrap {height:60px;border-bottom: 1px solid #eee}
	#header-wrap:after, #header-wrap:before {display: none;}
	#logo {top:13px;left:50%;width: 140px;height: 24px;margin-left: -70px;}
	#logo img {width: 100%;}

	/* gnb-wrap */
	#gnb-wrap { position: fixed;right:-240px;top:0;width:240px;height: 106px;border-bottom:1px solid rgba(0,0,0,0.2);background: #eee;z-index: 7005}

	#gnb-left {display: none}

	#gnb-right {position: relative;top: 0;left: 0;text-align: center;padding: 15px 0;z-index: 10}
	#gnb-right li { position: relative;display: inline-block;line-height: 30px;}
	#gnb-right li.full {width: 100%;padding: 0;margin-bottom: 5px}
	#gnb-right li a {display: inline-block;line-height: 30px;border: 1px solid #ccc;font-size: 13px;padding: 0 10px;background: #fff}
	#gnb-right li .user-name {font-weight: 600;color: #222;line-height: 30px;display: inline-block;vertical-align: middle;margin-left: 3px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	#gnb-right li i {font-style: italic;line-height: 30px;}
	#gnb-right li .fe {margin-right: 3px;line-height: 30px;}
	#gnb-right li.smbt {width: 100px;}
	#gnb-right li.smbt a {display: block;}
	#gnb-right li.find {margin-top: 5px;width: 203px;}
	#gnb-right li.find a {display: block;}
	#gnb-right li:last-child {display: none}

	#header .bt-sitemap {display: none;}
	#gnb-sns {display: none;}

	/* 메뉴 */
	#header-wrap .mn-bg {display:none;}
	#mainNavi {position:fixed;transition:right 0.3s ease;z-index:7000;right:-320px;top:0;width:240px;overflow-y:scroll;padding-left:70px;height:100%;/*min-height:300px;background:rgba(0,0,0,0.25);*/overflow-x:hidden}
	#mainNavi.mn-h-open {right:0;}
	#mainNavi:after {background:#fff;position:absolute;left:70px;top:0;width:240px;height:100%;z-index:-1;display:block;content:"";}

	.tmn-tit {display:block;background-color:#fff;text-align: center;height: 106px;padding: 0;z-index: 8000}
	.tmn-tit strong {display: block;text-indent: -99999px;height: 0;}
	.tmn-tit .bt-mnclose {position:absolute;left:0;top:0;width:70px;height:70px;border:0;background:#0c2f61 url("/static/images/design/layout/bt-mnall-close.png") no-repeat center center;z-index: 8000}
	.tmn-tit button {position:absolute;right:20px;top:15px;border:0;}

	.mn-bar {display:none;}
	.topmenu {width:100%;display:block;position:relative;}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {float:left;line-height:1.3em;position:relative;}
	.topmenu a {position:relative;}
	.topmenu a, .topmenu span {/* white-space:nowrap;*/}
	.topmenu .tgl-btn {display:none;}
	.topmenu .mn_l1 {display:block;float:left;width:100%;}

	.topmenu .mn_a1 {position:relative;display:block;background-color:#fff;background-position:left top;background-repeat:repeat;border-bottom:1px solid rgba(0,0,0,0.2);}
	.topmenu .mn_a1 span {display:block;padding:15px 20px 12px 20px;overflow:hidden;font-size:15px;font-weight:600;letter-spacing:-1px;white-space:normal;cursor:pointer;color:#333;}
	.topmenu .over .mn_a1, .topmenu .mn_a1:hover {background:#084e99;}
	.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#fff;}
	.topmenu .mn_l2.over .mn_a2 span, .topmenu  .mn_l2.mn_a2:hover span {color:#fff;}
	.topmenu .has-sub .mn_a1 span {margin-right:30px;overflow:hidden;}
	.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:20px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
	.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;right:0;top:7px;width:15px;height:1px;background:#999;}
	.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:7px;top:0;width:1px;height:15px;background:#999;}
	.topmenu .mn_l1 > .tgl-btn {right:13px;top:16px;}
	.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {background: #fff;}
	.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {display: none}
	.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:15px;top:14px;opacity:0.8}
	.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
	.topmenu .mn_l2.has-sub > .tgl-btn:before {content:'';position:absolute;left:11%;top:50%;width:80%;height:1px;background:#fff;transform: rotate(0);}
	.topmenu .mn_l2.has-sub > .tgl-btn:after {content:'';position:absolute;right:46%;top:12%;width:1px;height:80%;background:#fff;transform: rotate(0);}
	.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
	.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);height:0;top:50%}

	.topmenu li > div {display:none;}
	.topmenu .depth2-wrap {position:relative;}
	.topmenu .depth2-tit {display:none;}
	.topmenu .depth2 .blt {display:none !important;}
	.topmenu .mn-stit {display:none;}
	.topmenu .depth2 {position:relative;width:100%;background:#e2e9f2;border-bottom:1px solid rgba(0,0,0,0.2);}
	.topmenu .depth2:after {clear:both;content:"";display:block}
	.topmenu .depth2 li {width:100%;float:left;font-size:14px;line-height:1.3em;}
	.topmenu .depth2 a {display:block;}
	.topmenu .depth2 .mn_l2 {border-bottom:1px solid rgba(0,0,0,0.2)}
	.topmenu .depth2 .mn_l2:last-child {border-bottom:none}
	.topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0}
	.topmenu .depth2 .mn_a2 {display:block;padding:10px 20px 10px 20px;}
	.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:400;cursor:pointer;color:#555;}
	.topmenu .depth2 .mn_l2.over .depth3-wrap {display:block;}
	.topmenu .depth2 .mn_l2 .depth3-wrap {display:none;}
	.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span {color:#084e99;font-weight: 600}

	#header-quick {display:none;}
	.mn-btxt {display:none;}

	.pcnone {display: block !important}

	.comm_body #container-wrap {padding-top: 60px}
	.comm_head {position: absolute;top: 0;left: 0;width: 100%;z-index: 99999}
	.comm_head .inner {width: 100%; height: 60px;padding: 0 15px;box-sizing: border-box }
	.comm_head .inner .logo {position: absolute;top: 50%;left: 15px;transform: translateY(-50%)}
	.comm_head .inner .logo img {height: 25px}
	.comm_head .inner .slogo {bottom: 22px;left: auto;right: 15px}
	.comm_head .inner .slogo li {padding: 0 10px;}
	.comm_head .inner .slogo li img {width: 80px}
	.comm_head .inner .slogo li:before {top: 7px;height: 10px;}
	.comm_head .mem_right {right: 15px;}
	.comm_head .mem_right li {display: none;}
	.comm_head .mem_right li .fe {font-size: 17px;}
	.comm_head .mem_right li.lecture {display: block}
}



/* /////////////////////////////// 컨텐츠 ///////////////////////////////////*/


/* 컨텐츠 */
#container-wrap { position:relative;z-index:56;margin:0 auto;overflow: hidden;padding-top: 100px;}
#container {position:relative;display:block;margin: 0 auto;}
#container-inner {position:relative;display:block;width: 1200px;margin: -50px auto 0;overflow: hidden;z-index: 1005}
#container-inner.noSvisual {margin: 0 auto;padding-top: 50px}
#contents-wrap {min-height:350px;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-size:14px;text-align:left;color:#54546a}
#container-inner.noSvisual #contents-wrap {margin-top: 0}

#subtop-wr {position:relative;z-index:1000;}
#svisual-wrap {position: relative;display: block;height: 230px;overflow: hidden;}
#svisual-wrap .visimg-txt {position: absolute;top: 85px;left: 50%;width: 760px;height: 40px;margin: 0 0 0 -380px;background: url("/static/images/design/layout/visimg-txt.png?211224") no-repeat center;z-index: 10}
#svisual-wrap .visimg-img {position: absolute;top: 0;left: 50%;width: 2000px;height: 230px;margin-left: -1000px;overflow:hidden;animation : 5s linear zoominout;background: url("/static/images/design/layout/visimg-img.jpg?211224") no-repeat center;z-index: 1}

@keyframes zoominout {
	0% {transform: scale(1.2);}
	100% {transform: scale(1);}
}

#cont-navi-wrap {position: relative;display:block;top: 0;right: 0;z-index:1010;}

.cont-navi {position: absolute;display: block;overflow: hidden;top: -90px;left: 0;width: 100%;text-align: center;z-index: 10}
.cont-navi li {position: relative;display: inline-block;vertical-align: top;height: 30px;line-height: 30px;font-size: 16px;color: #fff;padding-right: 27px;}
.cont-navi li:before {position: absolute;top: 50%;right: 7px;width: 10px;height: 1px;background: rgba(255,255,255,0.4);content: ""}
.cont-navi li:last-child {padding-right: 0}
.cont-navi li:last-child:before {display: none;}

.cont-ctrl-btns {position: absolute;top: 35px;right: 0;z-index: 10}
.view-container .cont-ctrl-btns {top: 54px;right: 20px}
.cont-ctrl-btns button {position: relative;border:0;width:40px;height:40px;border-radius: 50%;vertical-align:top;display:inline-block;float:left;margin: 0 2px}
.cont-ctrl-btns button:before {position: absolute;top: 0;left: 0;width: 40px;height: 40px;line-height: 40px;color: #fff;font-size: 21px;font-family: Feather;}
.cont-ctrl-btns .bt-facebook {background: #4c65a7}
.cont-ctrl-btns .bt-facebook:before {content: "\e95e"}
.cont-ctrl-btns .bt-twitter {background: #1ec5fc}
.cont-ctrl-btns .bt-twitter:before {content: "\e9ea"}
.cont-ctrl-btns .bt-print {background: #444952}
.cont-ctrl-btns .bt-print:before {content: "\e9b6"}
.cont-ctrl-btns .bt-bookmark {background: #7ab605}
.cont-ctrl-btns .bt-bookmark:before {content: "\e9d5"}

.cont-top {position:relative;margin-bottom:50px;border-bottom: 1px solid #ddd}
.cont-tit {line-height:1.2em;display:block;}
.cont-tit h2 {display:block;font-size:35px;letter-spacing:-0.07em;line-height:1.2em;margin: 34px 0;font-weight:600;color:#222;}

#side-quick {position: fixed;top: 170px;right: 15px;width: 80px;transition:all .4s ease;z-index: 5000}
#side-quick.addDday {width: 130px;}
#side-quick .quick {position: absolute;display: block;}
#side-quick .quick .dDay {position: relative;display: block;padding: 40px 10px 30px;text-align: center;background: #ffc600;border-radius: 130px;height: 115px;margin-bottom: 15px;}
#side-quick .quick .dDay:after {position: absolute;top: -25px;left: 50%;width: 45px;height: 53px;margin-left: -23px;background: url("/static/images/design/layout/Dday_ico.png") no-repeat center;content: ""}
#side-quick .quick .dDay .tit {display: block;font-size: 20px;color: #111;font-weight: 600}
#side-quick .quick .dDay .date {display: block;font-size: 20px;color: #de0e0e;font-weight: 600;margin: 5px 0}
#side-quick .quick .dDay ul {display: block;}
#side-quick .quick .dDay li {display: inline-block;vertical-align: top;font-size: 20px;font-weight: 600;color: #222;line-height: 30px;}
#side-quick .quick .dDay li.bg {background: #222;color: #fff;width: 24px;border-radius: 5px;text-align: center}

#side-quick .quick .qlink {display: block;width: 70px;margin: 0 auto;}
#side-quick .quick .qlink li {display: block;margin-bottom: 10px;}
#side-quick .quick .qlink li a {position: relative; display: block;width: 70px;height: 60px;border-radius: 50%;background: rgba(0,0,0,0.7);text-align: center;padding-top: 10px}
#side-quick .quick .qlink li a .fe {display: block;font-size: 23px;color: #fff;line-height: 25px}
#side-quick .quick .qlink li a .txt {display: block;color: #fff;font-size: 12px}
#side-quick .quick .qlink li a .count {position: absolute;top: 0;right: 5px;width: 22px;height: 22px;background: #084e99;color: #fff;font-size: 12px;text-align: center;line-height: 23px;border-radius: 50%;}

#side-quick .quick .qlink li a .icon {display: block;height: 27px;text-align: center}
#side-quick .quick .qlink li.cafe a {background: #2eb80d}
#side-quick .quick .qlink li.blog a {background: #2eb80d}
#side-quick .quick .qlink li.kakao a {background: #fee900;color: #333}
#side-quick .quick .qlink li.kakao a .txt {color: #333}

.cont_img {position: relative;display: block;overflow: hidden}

@media only screen and  (max-width:1200px) {
	#side-quick {display: none}
}

@media only screen and  (min-width:1025px) {

	.quickFixed {top: 70px !important;}
	.quickFixed.addDday {top: 90px !important;}

	#subNavi-wrap {position:relative;display:block;width:225px;float:left;z-index:900;}
	#subNavi .lm-tit {position:relative;display:block;padding:40px 0;letter-spacing:-0.05em;z-index:5;vertical-align:top;width:auto;background: #2464bf}
	#subNavi .lm-tit button {display:none;}
	#subNavi .lm-tit .btxt {position:relative;display:block;font-size:22px;font-weight:600;color:#fff;line-height: 120%;letter-spacing: -0.08em;text-align: center}

	#subNavi .leftmenu {display:block;position:relative;z-index:3}
	#subNavi .leftmenu ul {position:relative;line-height:130%;text-align:left;}
	#subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
	#subNavi .leftmenu ul li {border-bottom:1px solid #ddd;}
	#subNavi .leftmenu ul.depth2 {width:100%;}
	#subNavi .leftmenu ul .lm_l2 {position:relative;vertical-align:top;}
	#subNavi .leftmenu ul .lm_a2 { position: relative;display:block;z-index:2;font-size:15px;line-height: 30px;padding: 10px 15px;}
	#subNavi .leftmenu ul .lm_a2 .isMask {position: absolute;top: 19px;right: 15px;width: 13px;height: 13px;background: url("/static/images/design/layout/lm_a2_off.png") no-repeat center;transition:all 0.15s; -webkit-transition:all 0.15s; -moz-transition:all 0.2s;z-index: 10}
	#subNavi .leftmenu ul .over .lm_a2 {}
	#subNavi .leftmenu ul .lm_a2 span.isTxt {color:#666;position:relative;z-index:20;transition:all 0.3s; -webkit-transition:all 0.15s; -moz-transition:all 0.15s;}
	#subNavi .leftmenu ul .over .lm_a2 {background: #102748}
	#subNavi .leftmenu ul .over .lm_a2:after, #subNavi .leftmenu ul .lm_a2:hover:after  {opacity: 1;left: 10px}
	#subNavi .leftmenu ul .over .lm_a2 span.isTxt {color:#fff;}
	#subNavi .leftmenu ul .lm_a2:hover span.isTxt {color: #084e99;font-weight: 600}
	#subNavi .leftmenu ul .over .lm_a2:hover span.isTxt {color:#fff;}
	#subNavi .leftmenu ul .over .lm_a2 .isMask, #subNavi .leftmenu ul .lm_a2:hover .isMask {background: url("/static/images/design/layout/lm_a2_on.png") no-repeat center;	}


	.side-notice {position: relative;display: block;margin: 40px 0}
	.side-notice .title {display: block;border-bottom: 2px solid #222;padding-bottom: 10px}
	.side-notice .title h3 {display: block;font-size: 25px;color: #222;font-weight: 600;line-height: 30px}
	.side-notice .title .more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;text-indent: -99999px;
		-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	}
	.side-notice .title .more:hover {
		-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
	}
	.side-notice .title .more:after {position: absolute;top: 5px;left: 50%;width: 1px;height: 21px;background: #222;content: "";z-index: 1}
	.side-notice .title .more:before {position: absolute;top: 50%;left: 5px;width: 21px;height: 1px;background: #222;content: "";z-index: 1}
	.side-notice ul {display: block;}
	.side-notice li {position: relative;display: block;padding: 13px 0;border-bottom: 1px solid #ddd;}
	.side-notice li a {display: block;}
	.side-notice li .txt {position: relative;display: block;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;color: #222;line-height: 26px}
	.side-notice li .txt:before {position: absolute;top: 50%;left: 0;width: 4px;height: 4px;margin-top: -2px;border-radius: 50%;background: #084e99;content: ""}
	.side-notice li .date {display: block;color: #888;padding-left: 10px;margin-top: 2px;font-size: 13px}

	.side-banner {position: relative;display: block;margin-bottom: 40px;}
	.side-banner li {display: block;margin-bottom: 5px;}
	.side-banner li:last-child {margin-bottom: 0;}
	.side-banner li a {position: relative;display: block;border: 1px solid #ddd;background: #f6f6f6;padding: 15px 48px 15px 14px;font-size: 15px;font-weight: bold}
	.side-banner li a:after {position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;color: #fff;background: #999;text-align: center;font-family: Feather;content: "\e912";font-weight: normal;font-size: 13px}
	.side-banner .banner1 {color: #f04242}
	.side-banner .banner1:after {background: #f04242}
	.side-banner .banner2 {color: #0a49a8}
	.side-banner .banner2:after {background: #0a49a8}
	.side-banner .banner3 {color: #0a7e78}
	.side-banner .banner3:after {background: #0a7e78}


	#contents-wrap {width:920px;float:right;min-height:600px;letter-spacing:-0.02em;margin-top: 50px;word-break:keep-all;word-wrap:break-word}
	#contents {padding-bottom:70px;line-height:180%}


}

@media only screen and  (max-width:1024px) {

	.cont_img img {max-width: 100%;}

	#container-wrap {padding-top:100px;}
	#container {padding-top: 0;width: 100%;}
	#container-inner {width: 100%;margin: 0 auto 0;}
	#cont-navi {padding-left:0;}
	#cont-navi-wrap {display:none;}
	#container:before {display:none}
	#container-wrap {padding-top:0;}
	#contents {width:100%;padding: 0 15px 50px;min-height:600px;box-sizing: border-box}


	#svisual-wrap {display: none}


	.mn-stit {display:none}
	.cont-tit h2 { font-size:22px}

	.cont-path {display:none;}

	#subNavi-wrap {display:block;;width:100%;position:relative;z-index:1000;}
	#subNavi .lm-tit {font-weight:300;background:#084e99;color:#fff;text-align:left;position:relative;display:block;;vertical-align:top;width:auto;padding:0;line-height:50px;letter-spacing:-0.05em;}
	#subNavi .lm-tit * {vertical-align:middle;}
	#subNavi .lm-tit .tit {display:block;white-space:nowrap;font-size:18px;position:relative;text-align: center}
	#subNavi .lm-tit .tit .stxt {display:none;}
	#subNavi .lm-tit .tit .btxt {position: relative;display: inline-block;padding: 0 35px 0 0;}
	#subNavi .lm-tit .tit .btxt:after {position: absolute;top: 10px;right: 0;width: 25px;height: 25px;font-family: Feather;content: "\e92e";font-size: 15px;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 25px}
	#subNavi .lm-tit button {position:absolute;left: 0;top:0;width:100%;height:100%;border:none;display:block;background: none;text-indent: -999999px}
	#subNavi .lm-tit .btxt {padding-left:15px;display:block;font-size:15px;font-weight:600}
	#subNavi .lm-tit .stxt {display:block;font-weight:500;line-height:50px;font-size:14px;color:#666;display:block;padding-left:15px;background:#f0f0f0;}

	#subNavi-wrap .leftmenu {display:none;background:#fff;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:#ecf3fc;}
	#subNavi-wrap .leftmenu .over .lm_a2 span {color:#084e99;font-weight: 600}
	#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}

	.side-notice {display:none;}
	.side-banner {display:none;}

	.cont-top {margin-bottom: 30px;border-bottom: none}
	.cont-top:after {position: absolute;top: 0;left: -15px;width: 100%;padding: 0 15px;height: 100%;background: #f6f6f6;border-bottom: 1px solid #ddd;content: ""}
	.cont-tit h2 {position: relative;padding: 15px 0;margin: 0;text-align: center;z-index: 10}
	#contents {line-height:160%}
}
@media only screen and (max-width:760px) {

	#header-wrap .mn-bar {display:none;}

	#svisual-wrap {display: none;}

}
@media only screen and (min-width:481px) and (max-width:760px) {
	.cont-ctrl-btns {display:none;}
	#cont-navi {padding-right:0;}
	#cont-navi .home {width:49px;}
	#cont-navi dl {min-width:69px;}
	#cont-navi dd {min-width:100px;}
	#container-wrap {padding-top:0px;}
}

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



	.body-sub #contents {margin-left:10px;margin-right:10px;}
	#svisual-wrap .visimg-img {left:30% !Important;}
	#container-wrap {padding-top:0px;}

	#gnavi .gnb-right {margin-top:13px;margin-right:80px;}
	.gbt-search {position:absolute;right:40px;top:15px;width:34px;height:34px;}
	.gbt-search .ico {background-size:68px auto;}


	#subtop-wrap {display:none;}
	#cont-navi-wrap {display:none;}
	.cont-tit h2 {font-size:20px;border-bottom:0;}
	.cont-ctrl-btns {top:0;}

}






/* /////////////////////////////// 하단 ///////////////////////////////////*/

.topBtn {position:fixed;bottom: 40px;right:-70px;width:70px;height:20px;z-index:3500;border-radius: 50%;font-size:13px;text-align:center;color:#fff;padding: 35px 0 15px;letter-spacing: 0;line-height: 20px;transition:all .3s ease;}
.topBtn:before {position: absolute;top: 20px;left: 0;width: 100%;display: block;font-family: Feather;content: "\e931";font-size: 15px}
.topBtn.over {background: rgba(49,148,94,0.9);right:20px;}

#footer-wrap {display:block;background:#f6f6f6;clear: both;z-index:2000}
#footer-top {position: relative;width: 100%;background: #e9e9e9;}
#footer {position: relative;width: 1200px;margin: 0 auto;padding: 40px 0;overflow: hidden}

.ftoplink {position: relative;display: block;overflow: hidden;padding: 13px 0;}
.ftoplink .fnb {position: relative;display: block;overflow: hidden}
.ftoplink .fnb li {position: relative;display: inline-block;vertical-align: top;}
.ftoplink .fnb li:after {position: absolute;top: 50%;right: -1px;width: 1px;height: 12px;margin-top: -6px;background: rgba(0,0,0,0.2);content: ""}
.ftoplink .fnb li:last-child:after {display: none;}
.ftoplink .fnb li a {display: inline-block;color: rgba(0,0,0,0.7);padding: 2px 10px 2px 7px;}

#f-family{ position:absolute;top: 0;right: 0;width: 200px;z-index:400}
#f-family ul{font-size:0;}
#f-family li{display:inline-block;vertical-align:top;width:100%;position:relative;z-index:1}
#f-family li.over{z-index:5}
#f-family li a.mn_f1{ line-height:50px;display:block;letter-spacing:-0.04em;font-size:14px;padding-left:35px;font-weight:600;color:rgba(0,0,0,0.6);position:relative;border-left:1px solid rgba(0,0,0,0.1)}
#f-family li:last-child a.mn_f1{border-right:1px solid rgba(0,0,0,0.1)}
#f-family li a.mn_f1:after{ right:26px;;top:50%;margin-top:-4px;width:8px;height:8px;background:url("/static/images/design/layout/family-ctrl.png") no-repeat;display:block;content:"";position:absolute;}
#f-family li.over a.mn_f1:after{background-position:-9px 0;}

#f-family li div.list-wrap{ position:absolute;left:0;bottom:50px;width:100%;display:none;box-sizing:border-box;border:1px solid #cfcfcf;border-bottom: none}
#f-family li div.list-wrap .close{ width:29px;height:30px;background:url("/static/images/design/layout/family-close.jpg") no-repeat center center;position:absolute ;right:0;top:0;}
#f-family li div.list-gap{padding-top:10px;background:#fff;}
#f-family li div ul{ font-size:13px;letter-spacing:-0.03em;color:#333;padding:10px 25px 10px 25px ;overflow:hidden;}
#f-family li div ul li{padding:2px 0;width:100%}
#f-family li div ul li a{display:block;padding-left:7px; }
#f-family li div ul li a:hover {text-decoration: underline}
#f-family li div ul li a:after{background:#8a95a2;width:2px;height:2px;position:absolute;left:0 ;top:12px;display:block;content:""}

.foot-service {position: relative;float: right;width: 200px;}
.foot-service .btit {display: block;font-size: 15px;color: #333;}
.foot-service .btit span,.foot-service .btit b {display: block;line-height: 120%;}
.foot-service .btit b {color: #333;font-size: 28px;margin-bottom: 5px}
.foot-service .btit b a {color: #333;}

.foot-sns {position: relative;display: block;}
.foot-sns li {position: relative;float: left;margin-left: 7px;line-height: 40px;}
.foot-sns li:first-child {margin-left: 0}
.foot-sns li a {display: block}
.foot-sns li a img {width: 30px;}

.foot-info {position: relative;display: block;overflow: hidden;width: 800px;float: left;}

.foot-info .copyright {position: relative;display: block;overflow: hidden}
.foot-info .copyright li {display: block;color: #888;font-size: 14px;line-height: 130%;margin-bottom: 7px;letter-spacing: -0.03em}
.foot-info .copyright li .bs {display: inline-block;padding: 0 10px;background: #6d7279;color: #fff;border-radius: 3px;line-height: 20px;font-size: 12px}
.foot-info .copyright li a {color: #8c9197;}

.mobile_quick {display: none;position: fixed;width: 100%;bottom: 0;left: 0;border-top: 1px solid #ddd;background: #fff;padding: 0 10px;box-sizing: border-box;z-index: 9999}
.mobile_quick ul {overflow: hidden;}
.mobile_quick ul li {width: 20%;float: left;text-align: center;}
.mobile_quick ul li a {display: block;padding: 10px 0}
.mobile_quick ul li .fe {display: block;text-align: center;font-size: 17px}
.mobile_quick ul li .txt {display: block;text-align: center;font-size: 12px}


@media only screen and  (max-width:1024px) {

	.topBtn {bottom:70px;right:-50px;width:40px;height:40px;font-size:12px;padding: 15px 0 0;box-sizing: border-box;}
	.topBtn:before {top: 3px;}
	.topBtn.over {right:10px;}


	#footer {width: 100%;padding: 30px 0 80px;}


	#f-family{ width: 300px;}
	#f-family li a.mn_f1{padding-left:25px;}
	#f-family li div ul{ padding:10px 15px 10px 15px;}

	.foot-service {float: none;width: 100%;text-align: center}

	.service-time {display: inline-block;padding: 5px 15px;}
	.service-time li {position: relative;display: inline-block;vertical-align: top;padding-left: 15px}
	.service-time li:after {position: absolute;top: 4px;left: 4px;width: 1px;height: 10px;background: #bbb;content: ""}
	.service-time li:first-child {padding-left: 0}
	.service-time li:first-child:after {display: none}

	.foot-sns {text-align: center}
	.foot-sns li {float: none;display: inline-block;margin: 0 2px;vertical-align: top}
	.foot-sns li:first-child {margin-left: 2px}

	.foot-info {width: 100%;margin: 10px 0 0;float: none;padding: 0 25px;box-sizing: border-box}
	.foot-info .copyright {text-align: center}

	.foot-ad {display: none}

	.mobile_quick {display: block;}
}

@media only screen and  (max-width:680px) {

	.ftoplink .fnb {text-align: center}
	.ftoplink .fnb li a {font-size: 12px;padding: 2px 7px 2px 4px;}


	#f-family{ position:relative;width: 100%;background: #c4c4c4}
	#f-family li a.mn_f1{ font-size:13px;padding-left:20px;color:#555;position:relative;border-left:none;}
	#f-family li:last-child a.mn_f1{border-right:none;border-left: 1px solid rgba(0,0,0,0.1)}

	#f-family li div ul{ font-size:12px;padding:10px 15px;}

	.service-time {padding: 10px 20px}
	.service-time li {display: block;padding-left: 0}
	.service-time li:after {display: none;}

	.fquick li {width: 50%;margin-bottom: 1px}
	.fquick li:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #eee;content: ""}
	.fquick li:first-child:after, .fquick li:nth-child(3):after {display: none}
	.fquick li a span {font-size: 13px;background-size: 10px}

	.foot-info {padding: 0 15px;}
	.foot-info .addr {display: block}
	.foot-info .resize {display: block}
	.foot-info .resize .line:first-child {padding-left: 0}
	.foot-info .resize .line:first-child:after {display: none}
	.foot-info .bs {display: none;}

}


@media only screen and  (max-width:380px) {

	.ftoplink .fnb li a {padding: 2px 5px 2px 2px;}

}


@media only screen and (min-width:1025px) {

	.zoomImg img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .4s;
		-moz-transition: .4s;
		-ms-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
	}

	a:hover .zoomImg img, .img:hover .zoomImg img {
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-o-transform: scale(1.08);
		transform: scale(1.08);
	}
}




.sideQuick {position: fixed;top: 0;left: 0;width: 200px;height: 100%;background: #fff;box-shadow: 2px 3px 4px rgba(0,0,0,0.15);-webkit-transition-duration: 0.2s;transition-duration: 0.2s;z-index: 9999}
.sideQuick.close {left: -200px}
.sideQuick .sq_opcl {position:absolute;right:-30px; top:50%; margin-top:-40px}
.sideQuick .sq_opcl .opcl_btn {display:inline-block; width:30px; height:80px;background:#333 url("/static/images/design/layout/q_cl.png")no-repeat 50% 50%;}
.sideQuick .opcl_btn.close {background:#333 url("/static/images/design/layout/q_op.png")no-repeat 50% 50%;}

.sideQuick .sq_top {display: block;text-align: center;padding: 30px 15px;background: #e8342f url("/static/images/design/layout/sideQuick_bg.png") no-repeat bottom center;}
.sideQuick .sq_top .btit {display: block;color: #fff;font-size: 15px;line-height: 150%;margin-bottom: 15px}
.sideQuick .sq_top .btit b {display: block;font-size: 17px}
.sideQuick .sq_top .cbs_logo {display: inline-block;margin-bottom: 10px}
.sideQuick .sq_top li {display: block;margin: 0 auto 5px}
.sideQuick .sq_top li:last-child {margin-bottom: 0}
.sideQuick .sq_top li a {display: inline-block;width: 120px;border: 1px solid #fff;border-radius: 5px;color: #fff;text-align: center;line-height: 30px;font-size: 13px}
.sideQuick .sq_top li a:hover {background: #fff;color: #e8342f;font-weight: 600}

.sideQuick .inner {display: block;padding: 30px 12px}
.sideQuick .boxLst {display: block;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 15px;overflow: hidden}
.sideQuick .boxLst .logo {display: block;}
.sideQuick .boxLst .logo a {display: block;padding: 10px 0;text-align: center;}
.sideQuick .boxLst .lst {background: #f6f6f6;border-top: 1px solid #ddd;padding: 10px}
.sideQuick .boxLst .lst li {display: block;margin-bottom: 5px;}
.sideQuick .boxLst .lst li:last-child {margin-bottom: 0}
.sideQuick .boxLst .lst li a {display: inline-block;font-size: 13px;color: #333;line-height: 20px;}
.sideQuick .boxLst .lst li a span {float: left;}
.sideQuick .boxLst .lst li a .icon {width: 32px;text-align: center;margin-left: 3px;margin-top: 2px;height: 16px;line-height: 14px;background: #222;color: #fff;font-size: 10px;letter-spacing: 0;border-radius: 3px}
.sideQuick .boxLst .lst li a .icon.hot {background: #ee2c49}
.sideQuick .boxLst .lst li a .icon.new {background: #2c95ee}

@media only screen and  (max-width: 1024px) {
	.sideQuick {display: none}
}