@charset "utf-8";


div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0;  vertical-align:baseline; }



body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select,img{margin:0;padding:0;  }
body,input,textarea,select,button,table{font-family:"Malgun Gothic","맑은 고딕","돋움",dotum,sans-serif;font-size:18px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
body{min-width:320px;line-height:1.5;word-break:break-all; overflow-x:hidden; margin:0; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:18px;}
a {color:#333;text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{ border:0; vertical-align:middle; }
/*img{max-width:100%;vertical-align:top;}*/
li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;margin:1px;}
input[type="checkbox"]{padding:1px;}
caption,
legend,
.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number]{width:100%;height:36px;padding:0 10px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;-webkit-appearance:none;}
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:30px;border:1px solid #d2d2d2;background:#fff;}
select{height:36px;padding-left:5px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #999;font-size:16px;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}

/* 	기본 레이아웃 --------------------------------------------------------------------------------*/
.container {position:relative; width:100%; max-width:1210px; margin:0 auto; /*padding:0 28px;*/}

/* 메뉴 건너뛰기 */
#skip-navigation a {position: absolute;width:100%;left:-9999px;color:#7f7e7e;text-decoration: none;font-size:18px;background:#000;background:rgba(0,0,0,.4);padding:.10px 12px 10px;text-shadow:0px 0px 5px #313131;}
#skip-navigation a:focus {left: 0;z-index:100;color: #fff;}

/* gnb, 푸터 */
#header {position:fixed;left:0;top:0;z-index:999;width:100%;}


#gnb-wrap {width:100%;height:81px; background:#fff; border-bottom:1px solid #eee}

.gnb-wrap-inner {max-width:1210px;margin:0 auto;padding:21px 0 0; }
.gnb-wrap-inner:after {content:"";display:block;clear:both;}
.gnb-wrap-inner h1 {float:left;font-size:0;}
.gnb {float:right ;/* padding-left:210px; */margin-top:11px;}
.gnb a {color:#333;}
.gnb .depth1:after {content:"";display:block;clear:both;}
.gnb .depth1 > li > a {position:relative; height:50px; text-align:center; font-size:19px; }
.gnb .depth1 > li.on > a:after {content:""; position:absolute; bottom:5px;left:0; right:0; height:1px; background:#fff;}
.gnb .depth1 > li {float:left;}
.gnb .depth1 > li + li {padding-left:90px;}

.lang{position:absolute; right:0; top:-30px;}
.lang ul li{float:left ; margin-left:10px;}
.lang ul li a{font-size:15px;}

/*.gnb .depth2 {position:absolute;top:114px;left:0;right:0;height:60px;background:url(/img/gnb_depth2_bg.png) repeat-y 0 0;display:none;}*/
.gnb .depth2 {position:absolute;top:80px;left:0;right:0;height:50px;background:rgba(255,255,255,.9); display:none; border-top:1px solid rgba(71,71,71,.2) }
.gnb .depth2-inner {position:relative;max-width:1210px;margin:0 auto;}
.gnb .depth2-inner > ul > li {display:inline-block; padding:11px 0; text-align:center; line-height:28px; font-size:16px}
.gnb .depth2-inner > ul > li + li {margin-left:35px;}
.gnb .depth2-inner > ul > li {position:relative;}
.gnb .depth2-inner > ul > li a {color:#666}
.gnb .depth2-inner > ul > li a:hover {color:#000;}
.gnb .depth2-inner > ul {position:absolute;z-index:10;}
.gnb .depth1 li.m1 div.depth2-inner {padding-left:350px;}
.gnb .depth1 li.m2 div.depth2-inner {padding-left:400px;}
.gnb .depth1 li.m3 div.depth2-inner {padding-left:675px;}
.gnb .depth1 li.m4 div.depth2-inner {padding-left:820px;}


.gnb_search {float:right ; margin-top:10px; margin-left:80px; position:relative; }

.gnb_search span{ display:block; width:240px; height:34px; padding:3px 0 5px; border-bottom:1px solid #aaa; vertical-align:top}
.gnb_search span input[type=text]{ float:left; display:inline-block; width:210px; padding:1px 0 1px 2px; height:28px; font:normal 14px/28px Malgun Gothic; border:0; color:#666}
.gnb_search span a{float:right; display:inline-block; cursor:pointer; padding-bottom:3px  }
.gnb_search span input:placeholder { color: #999;}


.gnb_search span input:-webkit-input-placeholder { color: #999;}
.gnb_search span input:-ms-input-placeholder {color: #999;}


.mobile-lang-wrap {display:none; position:absolute; top:20px; right:70px;}
.mobile-lang-wrap a {color:#fff;}
.mobile-lang-wrap .lang:after {display:none;}

.hamburger {display:none; position:relative; float:right; width:30px; height:30px; margin-top:0; text-indent:999999px; background-image:url('/img/burger_menu.png');
			background-position:0 0 ; background-repeat:no-repeat;  background-size:30px; overflow:hidden;}
.hamburger.on{display:none; position:relative; float:right; width:30px; height:30px; margin-top:0; text-indent:999999px; background-image:url('/img/burger_menu.png');
			background-position:0 0 ; background-repeat:no-repeat;  background-size:30px; overflow:hidden;}
.hamburger.active {background-position:0 -30px;}
.mobile-gnb-panel {position:absolute; top:70px; left:100%; width:70%; max-width:475px; height:calc(100% - 70px); background:#474747; overflow-y:auto; z-index:999;}
.mobile-gnb > ul.accordion > li > a.toggle {position:relative; display:block; padding:20px; background:#474747; border-bottom:1px solid rgba(255,255,255,.1); font-family:'icon'; font-size:20px; color:#fff; line-height:40px;}
.mobile-gnb > ul.accordion > li > a.toggle .icon {position:absolute; top:50%; right:20px; width:24px; height:24px; margin:-12px 0; background:url('/img/icon_accordian.png') 0 0 no-repeat;}
.mobile-gnb > ul.accordion > li > a.toggle.on .icon {background-position:0 -24px;}
.mobile-gnb > ul.accordion .inner {display:none; background:#fff; overflow:hidden;}
.mobile-gnb > ul.accordion .inner a {position:relative; display:block; padding:20px; background:#fff; border-bottom:1px solid #ccc; font-family:'Malgun Gothic'; color:#333;}
.mobile-gnb > ul.accordion .inner a.toggle.on {border-color:transparent; color:#0057a4;}
.mobile-gnb > ul.accordion .inner a.toggle .icon {position:absolute; top:50%; right:20px; width:24px; height:24px; margin:-12px 0; background:url('/img/icon_accordian.png') 0 -48px no-repeat;}
.mobile-gnb > ul.accordion .inner a.toggle.on .icon {background-position:0 -72px;}
.mobile-gnb > ul.accordion .sub-inner {padding:0 0 15px 15px;}
.mobile-gnb > ul.accordion .sub-inner.show {border-bottom:1px solid #ccc;}
.mobile-gnb > ul.accordion .sub-inner a {padding:5px; border:none; color:#666;}
.mobile-gnb > ul.accordion .sub-inner a:before {display:inline-block; margin-right:5px; content:'-';}
.mobile-gnb > ul.accordion > .m_lang{background-color:#2c2c2c; text-align:center; height:50px; line-height: 50px}
.mobile-gnb > ul.accordion > .m_lang a{color:#fff; }
.mobile-util-wrap {margin:20px 0; font-size:0; text-align:center;}
.mobile-util-wrap li {display:inline-block; margin:0 8px;}
.mobile-util-wrap li a {display:block; font-size:16px; color:#ccc; line-height:40px;}
.mobile-util-wrap li .icon {display:inline-block; width:40px; height:40px; margin-top:-5px; background:url('/resources/images/common/icon_mobile_util.png') no-repeat; vertical-align:middle;}
.mobile-util-wrap li .icon.fb {background-position:0 0;}
.mobile-util-wrap li .icon.tw {background-position:0 -40px;}
.mobile-util-wrap li .icon.ut {background-position:0 -80px;}
.mobile-util-wrap li .icon.vet {margin-right:5px; background-position:0 -120px;}
.mobile-util-wrap li .icon.vet:before, .mobile-util-wrap li .icon.vet:after {display:none;}
.mobile-util-wrap li .icon.med2 {margin-right:5px; background-position:0 -160px;}
.dimd-gnb-panel {display:none; position:fixed; top:70px; left:0; width:100%; height:calc(100% - 70px); background:#000; opacity:.7; filter:alpha(opacity=70); z-index:998;}  
footer {position:relative; padding:38px 0; background:#474747;}
footer:after {display:block; clear:both; content:'';}
footer .logo { /* display:block; */ float:left; /* margin:0 60px 0 0; */ /* padding-top:3px; */ width:17%; display:inline-block; height:0 !important;}
footer .logo img {width:auto; vertical-align:top; margin:0; padding:0}
.footer-body { /* position:absolute; */ width:auto; /* margin:0 240px; */ text-align:center; }
.footer-menu, .info {width:100%; margin:0; line-height:20px; padding:0}
.footer-menu li, .info li {display:inline-block;}
.footer-menu li+li:before, .info li:nth-child(2):before, .info li:nth-child(4):before {display:inline-block; padding:0 5px 0 0; font-size:15px; color:#eee; content:'|';}
.info li:nth-child(3):before {display:inline-block; padding:0 5px 0 0; content:'';}
.footer-menu li a, .info li, .info li a {font-size:12px; color:#eee;}
.copyright { /* display:block; */ /* clear:both; */ /* margin-left:240px; */ font-size:12px; color:#ccc; line-height:2; text-align:center; }

.copyright a {  color:#ccc;}
.copyright .designed{ font-size:12px; color:#ccc; line-height:2; }
/* .copyright .designed .red{ color:#ff1130;}
.copyright .designed .black{ color:#fff;} */
.fm-wrap {position:relative; float:right;}
.fm-wrap .fm-btn {display:block;width:210px; margin-top:10px; padding:10px; border:1px solid #999; font-size:12px; color:#999;}
.fm-wrap .fm-btn:after {content:""; position:absolute; top:27px; right:10px; width:13px; height:7px; background:url(/resources/images/common/family_site_arr.png) no-repeat 0 -7px;}
.fm-wrap .fm-btn.on:after {background-position:0 0;}
.fm-wrap .fm-list {position:absolute; left:0; bottom:39px; width:210px; border:1px solid #999; background:#000; display:none;}
.fm-wrap .fm-list a {display:block;padding:10px;font-size:12px; color:#999;}

/* 사이트맵 */
#siteMap .layer-top {position:relative; height:60px; background:transparent;}
#siteMap .layer-cont {padding:0; height:485px;}
#siteMap .depth1 {display:block; width:100%; height:100%;}
#siteMap .depth1 > li {display:block; float:left; width:33.3%; height:100%; padding:20px 25px; -webkit-box-sizing:border-box; }
#siteMap .depth1 > li + li {border-left:1px solid #ccc;}
#siteMap .depth1 > li .tit {padding-bottom:20px; font-family:'icon'; color:#0a69c8; background:url(/resources/images/common/dot_underline.png) bottom repeat-x;}
#siteMap .depth2 > li {padding:20px 0;}
#siteMap .depth2 > li + li {background:url(/resources/images/common/dot_underline.png) top repeat-x; color:#0a69c8;}
#siteMap .depth3 > li {font-size:16px;}
#siteMap .depth3 > li:before {display:inline-block; margin-right:5px; content:'-';}
#siteMap .depth3 > li:first-child {margin-top:10px;}
#siteMap .external {padding-right:30px; background:url('/resources/images/common/icon_external.png') right 50% no-repeat;}


/*레이어팝업*/
.popup{position:absolute; z-index:99999; background:#111; /*box-shadow:3px 3px 3px rgba(0,0,0,0.2); filter:alpha(opacity=96); opacity:.96;*/}
.popup_footer{height:25px; font-size:12px;  background:#111; color:#eee; text-align:right; line-height:24px;}
.popup_footer label{display:inline-block; zoom:1; font-size:11px;  filter:alpha(opacity=92); opacity:.92; padding:1px 3px; }
.popup_footer a.popclose{display:inline-block; width:22px; line-height:22px; background:#111;  color:#eee; margin-left:3px; cursor:pointer; font-weight:bold;
						text-align:center;}


.pc_on{display:block}
.mobile_on{display:none}

/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}

/* -----------------------------------------------------------------------------------------------
	공통 컨텐츠 미디어 쿼리
--------------------------------------------------------------------------------------------------*/

/* tablet & pc - 768px 이상 해상도 */
@media (min-width:768px){
	
}

/* Tablet ? 768px~1024px 해상도에서 해석하는 코드 */
@media (min-width:768px) and (max-width:1024px){
	/* gnb */
.gnb-list>li {margin:0 10px;}
footer .logo{/* width:100%;  *//* margin:0 auto; text-align:center; */}
footer .logo img {/* margin-right:6%;  */ }



}

@media (max-width:1290px){
	/* common */
	.container {padding:0 15px;}
	/* footer .logo { width:170px; height:40px !important; margin:0 0 0 10%;} */
.gnb .depth2-inner {position:relative;max-width:1200px;margin:0 auto;}
.gnb .depth1 li.m1 div.depth2-inner {padding-left:540px;}
.gnb .depth1 li.m2 div.depth2-inner {padding-left:750px;}
.gnb .depth1 li.m3 div.depth2-inner {padding-left:860px;}
.gnb .depth1 li.m4 div.depth2-inner {padding-left:1100px;}
}
@media (max-width:1280px){
	footer .logo {/* width:170px;  */height:40px !important; margin:0 0 0 3%;}	
.gnb .depth2-inner {position:relative;max-width:1023px;margin:0 auto;}
.gnb .depth1 li.m1 div.depth2-inner {padding-left:390px;}
.gnb .depth1 li.m2 div.depth2-inner {padding-left:530px;}
.gnb .depth1 li.m3 div.depth2-inner {padding-left:700px;}
.gnb .depth1 li.m4 div.depth2-inner {padding-left:980px;}
.gnb_search {display:none }

}
@media (max-width:1024px){
	footer .logo{ margin:0 auto; /* text-align:center; */ display:block; float:none; }
	.footer-body {position:relative; width:100%; /* margin:0 0 10px 0; */ margin:0; } 
	.copyright {margin:0; /* padding-top:10px; */ line-height:1.5; text-align:center; padding:0; }
}
@media (max-width:1023px){
	/* gnb */
	#util-wrap {display:none;}
	#gnb-wrap {height:70px;}
	.gnb-wrap-inner {padding:17px 15px 0;}
	.gnb, .sitemap-go {display:none;}
	.mobile-lang-wrap {display:inline-block;}
	.hamburger {display:block;}

	.footer-menu, .info {width:90%; margin:0 auto; text-align:center;}
	.info {margin:10px auto;}
	/* footer .logo {width:170px; height:40px !important; margin:0 0 0 10%;} */
	.fm-wrap {margin:0 10% 0 0;}
	.fm-wrap .fm-btn {margin-top:0;}
	.fm-wrap .fm-btn:after {top:18px;}
	/* .copyright {margin:0; padding-top:10px; line-height:1.5; text-align:center;} */
	.pc_on{display:none}
	.mobile_on{display:block}



}
/* 모바일 ? 320px~767px 해상도에서 해석하는 코드 */
@media (max-width:767px){
	/* footer */
	/* footer {padding:20px 0;} */
	footer .logo img {max-width:120px;}
	/* footer .logo{width:100%; margin:0 auto; text-align:center;} */

}
@media (max-width:640px){
	footer {padding:10px 0;}
	footer .logo{ width:100%; margin:0 auto; text-align:center; height:28px !important; display:none; }
}

@media (max-width:533px){
	#gnb-wrap {height:50px;}
	.gnb-wrap-inner {padding:10px; 0 0 5px}
	.mobile-lang-wrap {top:13px;}
	.mobile-gnb-panel {top:50px; height:calc(100% - 50px);}
	.dimd-gnb-panel {top:50px; height:calc(100% - 50px);}
	.gnb-wrap-inner h1 a {width:74%; }
	.gnb-wrap-inner h1 a  img{ width:100%; }
	.mobile-gnb > ul.accordion > li > a.toggle {padding:8px 10px; font-size:18px;}
	.mobile-gnb > ul.accordion > li > a.toggle .icon {width:16px; height:16px; margin:-8px 0; background-size:16px 64px;}
	.mobile-gnb > ul.accordion > li > a.toggle.on .icon {background-position:0 -16px;}
	.mobile-gnb > ul.accordion .inner a {padding:8px 10px;}
	.mobile-gnb > ul.accordion .inner a.toggle .icon {width:16px; height:16px; margin:-8px 0; background-position:0 -32px; background-size:16px 64px;}
	.mobile-gnb > ul.accordion .inner a.toggle.on .icon {background-position:0 -48px;}
	.mobile-gnb > ul.accordion .sub-inner a {padding:5px;}
	.mobile-util-wrap li {margin:0 5px;}
	.mobile-util-wrap li a {line-height:30px;}
	.mobile-util-wrap li .icon {width:30px; height:30px; background-size:30px auto;}
	.mobile-util-wrap li .icon.tw {background-position:0 -30px;}
	.mobile-util-wrap li .icon.ut {background-position:0 -60px;}
	.mobile-util-wrap li .icon.vet {background-position:0 -90px;}
	.mobile-util-wrap li .icon.med2 {background-position:0 -120px;}
	footer .logo {width:80%; text-align:center;}
	.fm-wrap {width:80%;}
	.fm-wrap .fm-btn, .fm-wrap .fm-list {width:100%;}
	.copyright {width:96%; margin:0 auto;}
	/* .footer-menu, .info {display:none} */
}
@media (max-width:400px){
	.mobile-util-wrap li {margin:0 3px;}
	.mobile-util-wrap li a {line-height:24px;}
	.mobile-util-wrap li .icon {width:24px; height:24px; background-size:24px auto;}
	.mobile-util-wrap li .icon.tw {background-position:0 -24px;}
	.mobile-util-wrap li .icon.ut {background-position:0 -48px;}
	.mobile-util-wrap li .icon.vet {background-position:0 -72px;}
	.mobile-util-wrap li .icon.med2 {background-position:0 -96px;}
}

/*메인 팝업 20170421
.ad_popup_comm {z-index:9999; position:fixed; left:0; top:0; width:100%; height:100%; background:url('/resources/images/common/bg_ADpopup.png') repeat;}
.ad_popup_comm .edge {border:1px solid #000; position:absolute;}
.ad_popup_comm .ad_body {position:relative;}
.ad_popup_comm .ad_body a.btn_zoom {display:none; position:absolute; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #4e3c33; text-align:center; font-size:0; padding:15px;}
.ad_popup_comm .ad_body a.btn_zoom span {display:inline-block;padding-left:30px; background:url('/resources/images/common/ADpop_zoom.png') left center no-repeat; line-height:22px; font-size:13px; letter-spacing:-0.5px; color:#333;}
.ad_popup_comm .tab {background:#000;}
.ad_popup_comm .tab:after {content:""; clear:both; height:0%; display:block;}
.ad_popup_comm .tab p {display:block; padding:15px;}
.ad_popup_comm .tab p a {display:block; color:#fff; cursor:pointer; font-size:13px; letter-spacing:-0.5px; line-height:22px;}
.ad_popup_comm .tab p.td_close {float:left; font-size:13px; letter-spacing:-0.5px; line-height:22px; color:#fff;}
.ad_popup_comm .tab p.td_close input {border:none; width:17px; height:17px;}
.ad_popup_comm .tab p.close {float:right;}
.ad_popup_comm .tab p.close a {background:url('/resources/images/common/ADpop_close.png') right center no-repeat; padding-right:20px;}

.ad_popup_comm.ad170421 .edge {left:50%; top:50%; margin:-310px 0 0 -220px;}


@media (max-width:470px){
.ad_popup_comm {padding:20px;}
.ad_popup_comm .edge {position:static;}
.ad_popup_comm .ad_body {width:100%;}
.ad_popup_comm .ad_body img {width:100%;}
.ad_popup_comm .ad_body a.btn_zoom {display:block;}
.ad_popup_comm .tab p a {display:block; color:#fff; cursor:pointer; font-size:11px; letter-spacing:-0.7px; line-height:22px;}
.ad_popup_comm.ad170421 .edge {left:0; top:0; margin:0;}
}
*/