@charset "utf-8";
.hidden{display:none; width:0; height:0;}

/** Animation **/
#header_2017 h1.logo,
#header_2017 h1.logo a,
#header_2017 .mob_btn,
#header_2017 .toputil,
#header_2017 .toputil .sns_link,
#header_2017 .toputil .site_code,
#header_2017 .toputil .totalsearch .btn,
#header_2017 #nav #gnb,
#header_2017 #nav #gnb ul li a span:after,
#header_2017 #nav #gnb ul li ul,
#header_2017 .toputil .sns_link ul li a,
#sVisual_2017,
#sVisual_2017 p strong,
#sVisual_2017 p span,
#contents_2017 .nsnBtn a,
#container_2017 #contents,
#container_2017 #contents .nsnBtn,
#container_2017 #contents .nsnBtn a,
#container_2017 #contents h1.h1,
#footer_2017 .copy .inner,
.relate_site dd ul li a,
.family_site dd ul li a
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}


/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}
#wrap {width:100%; height:auto; margin:0 auto; overflow:hidden;}
.sub #wrap {padding:100px 0 0 0;}


/** Header **/
#slide_map {display:none;}

#header{height:123px !important;}
#header_2017 {position:relative; left:0; width:100%; height:auto; z-index:101; background:#fff;}
#header_2017 #global {position:relative; background:#464646; color:#fff; width:auto; padding:0 3%;}
#header_2017 #global:after {content:""; display:block; clear:both;}
#header_2017 #global span {display:inline-block; vertical-align:top; float:left; padding:7px 12px 7px 0;}
#header_2017 #global a {display:inline-block; vertical-align:top; background:#373737; color:#fff; padding:7px 15px; float:left; margin-left:2px;}
#header_2017 .inner {position:relative; width:100%;}

/* toputil_inner 추가 */
#header_2017 .inner .toputil_inner{position:absolute; width:1200px; height:80px; left:50%; top:0px; margin-left:-600px;}

.sub #header_2017 {position:absolute;}	 
#header_2017 h1.logo {position:absolute; left:0; top:10px; z-index:999;}
#header_2017 h1.logo a {display:block;background: url("/user_res/images/common/super_logo.png") no-repeat left top; width:251px; height:54px;}
#header_2017 h1.logo a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#header_2017 .mob_btn {display:none;}
#header_2017 #nav {width:auto; height:100px; position:relative; overflow:hidden; border-bottom:1px solid #ddd; background:#fff;}
#header_2017 #nav #blind {width:100%; height:100%; background:#fff; position:absolute; left:0; top:73px; z-index:1; border-top:1px solid #ddd;}
#header_2017 #nav #gnb {width:1200px; margin:0 auto; position:relative; z-index:10; background:url("/upload_data/board_data/BBS_0000214/165666331984321.gif") 30px 98px no-repeat;}
#header_2017 #nav #gnb .header_icon{position:absolute; right:6px; bottom:162px;}
#header_2017 #nav #gnb ul {width:100%; height:auto;}
#header_2017 #nav #gnb ul:after {content:""; display:block; clear:both;}
#header_2017 #nav #gnb ul li {float:left;width: 17%;}
/*
#header_2017 #nav #gnb ul li.num2 {width:11%;}
#header_2017 #nav #gnb ul li.num4 {width:11.7%;}
#header_2017 #nav #gnb ul li.num5 {width:11.7%;}
*/
/* #header_2017 #nav #gnb ul li:last-child {display:none;} */
#header_2017 #nav #gnb ul li.num1{margin-left:330px;}
#header_2017 #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
#header_2017 #nav #gnb ul li a span {display:inline-block; vertical-align:top; font-size:1.4rem; /*height:65px;*/ padding:23px 0 20px 0; line-height:30px; color:#222; font-weight:600; position:relative;}
#header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;}
#header_2017 #nav #gnb ul li a.ov span, #header_2017 #nav #gnb ul li a:hover span, #header_2017 #nav #gnb ul li a:active span {color:#bf1f47;}
#header_2017 #nav #gnb ul li a.ov span:after, #header_2017 #nav #gnb ul li a:hover span:after, #header_2017 #nav #gnb ul li a:active span:after {width:50%; background:#bf1f47; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header_2017 #nav #gnb ul li ul {width:auto; padding:15px 5% 150px 5%; margin-top:1px; border-right:1px solid #eee;}
#header_2017 #nav #gnb ul li.num6 ul{border-left:1px solid #eee;}
#header_2017 #nav #gnb ul li:first-child ul{border-left:1px solid #eee;}
#header_2017 #nav #gnb ul li ul.ov {background:#e3aaaa;}
#header_2017 #nav #gnb ul li ul li:last-child {display:block; margin-bottom:-20px;}
#header_2017 #nav #gnb ul li ul li {float:none; width:auto; margin:0 0 0 0;}
#header_2017 #nav #gnb ul li ul li a {display:inline-block;vertical-align:top;font-size: 1rem;font-weight: bold;letter-spacing: -0.7px;line-height:20px;height:auto;padding: 5px 6px;color: #000;text-align:left;}
#header_2017 #nav #gnb ul li ul li a strong {font-weight:normal;}
#header_2017 #nav #gnb ul li ul.ov li a strong{color:#fff;}
#header_2017 #nav #gnb ul li ul li a:hover, #header_2017 #nav #gnb ul li ul li a:active, #header_2017 #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#fff;}
#header_2017 #nav #gnb ul li ul li ul {display:none !important;}
#header_2017 .toputil {position:absolute; right:3%; top:15px; z-index:10; padding-right:70px;}
#header_2017 .toputil:after {content:""; display:block; clear:both;}
#header_2017 .toputil .sns_link {float:left; margin:21px 0 0 0;}
#header_2017 .toputil .sns_link ul {width:auto;}
#header_2017 .toputil .sns_link ul:after {content:""; display:block; clear:both;}
#header_2017 .toputil .sns_link ul li {float:left; margin:0 0 0 8px;}
#header_2017 .toputil .sns_link ul li:first-child {margin:0;}
#header_2017 .toputil .sns_link ul li a {display:block; width:28px; height:28px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%;}
#header_2017 .toputil .sns_link ul li a:hover, #header_2017 .toputil .sns_link ul li a:active {
-ms-transform: scale(1.3, 1.3); /* IE 9 */
-webkit-transform: scale(1.3, 1.3); /* Safari */
transform: scale(1.3, 1.3);}
#header_2017 .toputil .sns_link ul li a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#header_2017 .toputil .sns_link ul li a.blog {background:#21c407 url(../images/2017_renew/common/sns_link_ico1.png) no-repeat center 50%;}
#header_2017 .toputil .sns_link ul li a.facebook {background:#3e5b99 url(../images/2017_renew/common/sns_link_ico2.png) no-repeat center 50%;}
#header_2017 .toputil .sns_link ul li a.twitter {background:#00acec url(../images/2017_renew/common/sns_link_ico3.png) no-repeat center 50%;}
#header_2017 .toputil .site_code {float:left; margin:21px 15px 0 15px;}
#header_2017 .toputil .site_code ul {width:auto;}
#header_2017 .toputil .site_code ul:after {content:""; display:block; clear:both;}
#header_2017 .toputil .site_code ul li {float:left; padding:0 10px; height:28px; line-height:28px; font-weight:600; color:#0261cb;}
#header_2017 .toputil .site_code ul li a {display:block; height:100%; line-height:28px;}
#header_2017 .toputil .totalsearch {position:absolute; right:-40px; top:0; overflow:hidden;}
#header_2017 .toputil .totalsearch .btn {display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; position:relative; z-index:10;}
#header_2017 .toputil .totalsearch .btn:hover, #header_2017 .toputil .totalsearch .btn:active {border:1px solid #8e8e8e;}
#header_2017 .toputil .totalsearch .btn.on {background:#014083 url(/user_res/images/main/health_totalsearch_close.png) no-repeat center 50%; border:1px solid #014083;}
#header_2017 .toputil .totalsearch .input {display:none; width:230px; height:48px; padding:5px 60px 5px 10px; left:1px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:0; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
#header_2017 .toputil .totalsearch .input input[type="text"] {width:100%; height:40px; line-height:48px; font-size:16px; border:0; color:#555; background:none; box-sizing:border-box;}
#header_2017 .toputil .totalsearch .input input[type="submit"] {text-indent:-9999px; overflow:hidden; width:48px; height:48px; display:block; position:absolute; right:0; top:0px; background: url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; border:0; background-size:60%;}
#header_2017 .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]:-moz-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]::-moz-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder {color:#555;}


/** Visual **/
#sVisual_2017 {width:100%; height:179px; background-size:cover !important; position:relative;}
#sVisual_2017:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/2017_renew/common/svisual_patternbg.png) repeat center 50%; opacity:0.1; -webkit-opacity:0.1; filter:alpha(opacity=10);}
#sVisual_2017.gnb01 {background:url(../images/2017_renew/common/svisual_01.jpg) no-repeat center top;}
#sVisual_2017.gnb02 {background:url(../images/2017_renew/common/svisual_02.jpg) no-repeat center top;}
#sVisual_2017.gnb03 {background:url(../images/2017_renew/common/svisual_03.jpg) no-repeat center top;}
#sVisual_2017.gnb04 {background:url(../images/2017_renew/common/svisual_04.jpg) no-repeat center top;}
#sVisual_2017.gnb05 {background:url(../images/2017_renew/common/svisual_05.jpg) no-repeat center top;}
#sVisual_2017.gnb06 {background:url(../images/2017_renew/common/svisual_06.jpg) no-repeat center top;}
#sVisual_2017 p {margin:0; position:absolute; left:50%; top:45px; margin-left:-650px; color:#fff; z-index:10;}
#sVisual_2017.gnb01 p{color:#333;}
#sVisual_2017 p strong {display:block; font-size:36px; line-height:42px; margin:0 0 12px 0;}
#sVisual_2017 p span {display:block; font-size:20px; line-height:24px;}



/********** Media quary **********/
@media screen and (max-width: 1480px){
/** Header **/
/* #header_2017 #nav #gnb {margin:0 200px 0 14%;} */
#header_2017 .toputil .sns_link {float:none; margin:0; position:absolute; top:8px; left:13px;}
#header_2017 .toputil .site_code {margin:40px 25px 0 25px;}
}


@media screen and (max-width: 1400px){
/** Header **/
#header_2017 #nav #gnb ul li ul {padding:15px 10%;}	
	
/** Visual **/
#sVisual_2017 p {left:0; top:auto; margin:0; padding:45px 0 0 3%; position:relative;}	

/** Container **/
#container_2017 .inner {width:94%; max-width:94%; margin:0 3%;}

#header_2017 #nav #gnb .header_icon{bottom:71px; right:-30px;}
}


@media screen and (max-width: 1340px){
/** Header **/
#header_2017 #nav #gnb ul li a span {font-size:22px;}
#header_2017 #nav #gnb ul li ul li a {font-size:15px; line-height:20px;}		
	
/** Footer **/
#footer_2017 .copy .inner {padding:25px 0 25px 130px;}
#footer_2017 .copy address {margin:0 0 8px 0;}
#footer_2017 .copy address span.call {display:block; width:130px; text-align:center; margin:3px 0 0 0;}
}


@media screen and (max-width: 1180px){	
/** Footer **/
#footer_2017 .copy address span:first-child {display:block; margin:0 0 3px 0;}
#footer_2017 .copy address span.call {display:inline-block; width:auto; margin:0;}
}


@media screen and (min-width: 1024px){
/** Header **/	

#slide_map {display:none !important;}	
	
/** Footer **/	
.relate_site dd {display:block !important;}
.relate_site dd ul {display:block !important;}	
}


@media screen and (max-width: 1023px){
#header_2017 .inner .toputil_inner{width:100%; left:inherit; margin:0;}
#header{height:auto !important; padding-bottom:0;}

/** Common **/
.js_mobile_check {display:block;}
.sub #wrap {padding:0;}

/** Header **/
#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
#slide_map .box {position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#bf1f47; color:#fff; box-sizing:border-box;}
#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
#slide_map .box ul li {}
#slide_map .box ul li a {display:block; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; position:relative;}
#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
#slide_map .box ul li a:after {content:""; display:block; width:11px; height:7px; background:url(../images/2017_renew/common/mob_depth1_bul_down.gif) no-repeat center 50%; position:absolute; right:10px; top:50%; margin-top:-3px;}
#slide_map .box ul li a.ov {border-bottom:1px solid #0164cc; color:#0164cc;}
#slide_map .box ul li a.ov:after {background:url(../images/2017_renew/common/mob_depth1_bul_up.gif) no-repeat center 50%;}
#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
#slide_map .box ul li ul li {}
#slide_map .box ul li ul li a {border:0 !important; color:#444;}
#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px; background:url(../images/2017_renew/common/mob_depth2_bul_off.gif) no-repeat 15px 18px;}
#slide_map .box ul li ul li a.ov {background:#25649e; color:#fff;} 
#slide_map .box ul li ul li a.ov strong {background:url(../images/2017_renew/common/mob_depth2_bul_on.gif) no-repeat 15px 18px;}
#slide_map .box ul li ul li a:after {display:none;}
#slide_map .box ul li ul li ul {display:none; background:#f7f7f7; border:0;}
#slide_map .box ul li ul li ul li {}
#slide_map .box ul li ul li ul li a {color:#555;}
#slide_map .box ul li ul li ul li a strong {font-size:15px; line-height:19px; padding:5px 10px 5px 27px; background:url(../images/2017_renew/common/mob_depth3_bul_off.gif) no-repeat 18px 12px;} 
#slide_map .box ul li ul li ul li a.ov {color:#25649e; background:none;}
#slide_map .box ul li ul li ul li a.ov strong {background:url(../images/2017_renew/common/mob_depth3_bul_on.gif) no-repeat 18px 12px;}
#slide_map .box ul li ul li ul li ul {background:none; padding:0 0 5px 0;}
#slide_map .box ul li ul li ul li ul li {}
#slide_map .box ul li ul li ul li ul li a {color:#666;}
#slide_map .box ul li ul li ul li ul li a strong {font-size:14px; line-height:18px; padding:3px 10px 3px 38px; background:url(../images/2017_renew/common/mob_depth4_bul.gif) no-repeat 27px 12px;}
#slide_map .box ul li ul li ul li ul li a.ov {color:#666;}
#slide_map .box ul li ul li ul li ul li a.ov strong {background:url(../images/2017_renew/common/mob_depth4_bul.gif) no-repeat 27px 12px; text-decoration:underline;}
#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#565864; text-indent:-9999px;}
#slide_map .box .close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/user_res/images/main/mobile_close_btn.png) no-repeat center 50%; -webkit-transition: all .8s ease; transition: all .8s ease;}
#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
#slide_map .box .sns_link {width:auto; padding:0 3%;}
#slide_map .box .sns_link ul {padding:25px 0; margin:0;}
#slide_map .box .sns_link ul li {float:left; width:32%; margin-left:2%;}
#slide_map .box .sns_link ul li:first-child {margin:0;}
#slide_map .box .sns_link ul li a {display:block; border-bottom:0; color:#fff; height:38px; border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
#slide_map .box .sns_link ul li a.blog {background:#21c407;}
#slide_map .box .sns_link ul li a.facebook {background:#3e5a99;}
#slide_map .box .sns_link ul li a.twitter {background:#00acec;}
#slide_map .box .sns_link ul li a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#slide_map .box .sns_link ul li a:after {width:100%; height:100%; left:0; top:0; margin:0;}
#slide_map .box .sns_link ul li a.blog:after {background:url(../images/2017_renew/common/mob_sns_link_ico1.png) no-repeat center 50%;}
#slide_map .box .sns_link ul li a.facebook:after {background:url(../images/2017_renew/common/mob_sns_link_ico2.png) no-repeat center 50%;}
#slide_map .box .sns_link ul li a.twitter:after {background:url(../images/2017_renew/common/mob_sns_link_ico3.png) no-repeat center 50%;}
#slide_map .box .site_code {position:absolute; right:52px; top:0;}
#slide_map .box .site_code ul {margin:0 10px 0 0; padding:0;}
#slide_map .box .site_code ul li {float:left;}
#slide_map .box .site_code ul li:first-child {display:none;}
#slide_map .box .site_code ul li a {display:block; height:39px; padding:13px 10px 0 10px; font-size:20px; line-height:24px; border:0; color:#fff;}
#slide_map .box .site_code ul li a:after {display:none;}
.sub #header_2017 {position:relative;}
#header_2017 .inner {background:#fff; height:70px;}
#header_2017 h1.logo {left:50%; top:50%; margin:5px 0 0 -90px;}
#header_2017 #nav #gnb{width:auto;}
#header_2017 #nav #gnb ul {display:none;}
#header_2017 .mob_btn {z-index:9999; display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/mobile_btn.jpg) no-repeat center 50%; position:absolute; left:3%; top:15px;}
#header_2017 .mob_btn:hover, #header_2017 .mob_btn:active {border:1px solid #8e8e8e;}
#header_2017 .toputil {width:100%; right:0; top:0; padding:0;}
#header_2017 .toputil .sns_link {display:none;}
#header_2017 .toputil .site_code {display:none;}
#header_2017 .toputil .totalsearch {position:absolute; right:0; top:0; overflow:visible; width:100%; padding:0 !important;}
#header_2017 .toputil .totalsearch .btn {width:48px; height:48px; position:absolute; right:3%; top:15px;}
#header_2017 .toputil .totalsearch .input {width:100%; height:54px; padding:0; position:absolute; right:0 !important; top:80px;}
#header_2017 .toputil .totalsearch .input form {display:block; position:relative; padding:0 54px 0 0; width:80%; margin:0 auto;}
#header_2017 .toputil .totalsearch .input form label{display:none; width:0; height:0;}
#header_2017 .toputil .totalsearch .input input[type="text"] {width:100%; height:54px; line-height:54px;}
#header_2017 .toputil .totalsearch .input input[type="submit"] {top:0; width:54px; height:54px;}

/** Visual **/
#sVisual_2017 {height:150px;}
#sVisual_2017 p {padding:37px 0 0 3%;}
#sVisual_2017 p strong {font-size:32px; line-height:38px; margin:0 0 8px 0;}
#sVisual_2017 p span {font-size:17px; line-height:22px;}

/** Container **/
#main_container {padding-top:0 !important;}
#lnb_2017 {display:none;}
#container_2017 {background:none;}
#container_2017 .inner {padding:0 0 50px 0;}
#container_2017 #contents {padding:35px 0 0 0; min-height:10px;}
#container_2017 #contents .path {display:none;}
#container_2017 #contents .nsnBtn {border:0; top:-48px; z-index:201;}
#container_2017 #contents .nsnBtn a {width:38px; height:38px; border-radius:50%; background:#fff; opacity:0.9; -webkit-opacity:0.9; filter:alpha(opacity=90); overflow:hidden; margin-left:5px; position:relative; border:0; box-shadow:0 0 4px #8a8a8a; -webkit-box-shadow:0 0 4px #8a8a8a;}
#container_2017 #contents .nsnBtn a:first-child {margin-left:0;}
#container_2017 #contents .nsnBtn a:hover, #container_2017 #contents .nsnBtn a:active {background:#fff;}
#container_2017 #contents .nsnBtn a img {position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}
#container_2017 #contents h1.h1 {font-size:31px; line-height:36px; margin:0 0 30px 0;}

/** Footer **/	
#footer_2017 .menu_link .inner {padding:0;}
.relate_site {width:50%; position:relative;}
.relate_site dt {display:block;}
.relate_site dt a {display:block; padding:10px 20px 10px 4%; height:24px; position:relative;}
.relate_site dt a:after {content:""; display:block; position:absolute; right:4%; top:50%; margin-top:-2px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #333;
-webkit-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: all .3s ease; transition: all .3s ease;}
.relate_site dt a.on:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.relate_site dd {display:none; position:absolute; left:0; bottom:44px; width:100%; z-index:101;}
.relate_site dd ul {background:#fff; border:1px solid #ddd;}
.relate_site dd ul li {border-top:1px dotted #ddd; float:none; width:auto; text-align:left; background:none;}
.relate_site dd ul li:first-child {border:0;}
.relate_site dd ul li a {display:block; padding:6px 4%; font-size:13px;}
.relate_site dd ul li a:hover, .relate_site dd ul li a:active {background:#f7f7f7;}
.family_site {width:50%;}
.family_site dt a {display:block; text-align:left; padding:10px 20px 10px 4%; height:24px;}
.family_site dt a:after {right:4%;}
.family_site dd {bottom:44px;}
.family_site dd ul li dl dd ul li a {padding:6px 4%;}
#footer_2017 .copy .inner {padding:20px 0; background:none;}
#footer_2017 .copy address {text-align:center; margin:0 0 5px 0;}
#footer_2017 .copy address span {margin:0 15px 0 0; display:inline-block;}
#footer_2017 .copy address span:first-child {display:inline-block; margin:0 15px 0 0;}
#footer_2017 .copy p {text-align:center;}
#footer_2017 .copy .certifi_mark {display:none;}

.m_bestEdu div.inner{width:90%; margin:0px auto;}
}


@media screen and (max-width: 840px){
/** Header **/	
#header_2017 #nav{height: 60px !important;}
.topUtility{display:none;}
#header_2017{margin:0;}
#header_2017 .inner {height:60px;}
#header_2017 h1.logo {/*margin-left:-100px;*/}
#header_2017 h1.logo a {width:180px; height:44px; margin:5px 0 0 0px; background-size:90% auto;}	
#header_2017 .mob_btn {top:12px; width:35px; height:35px;}
#header_2017 .toputil .totalsearch .btn {width:35px; height:35px; top:12px;}
#header_2017 .toputil .totalsearch .input {top:70px; height:50px;}
#header_2017 .toputil .totalsearch .input form {padding:0 50px 0 0;}
#header_2017 .toputil .totalsearch .input input[type="text"] {height:50px; line-height:50px; font-size:15px;}
#header_2017 .toputil .totalsearch .input input[type="submit"] {width:50px; height:50px;}
#header_2017 .inner .toputil_inner{height:60px;}
	
/** Visual **/
#sVisual_2017 {height:130px;}
#sVisual_2017 p {padding:30px 0 0 3%;}
#sVisual_2017 p strong {font-size:30px; line-height:36px; margin:0 0 7px 0;}
#sVisual_2017 p span {font-size:16px; line-height:21px;}

/** Container **/
#container_2017 #contents {padding:30px 0 0 0;}
#container_2017 #contents h1.h1 {font-size:29px; line-height:34px; margin:0 0 25px 0;}	

/** Satis  **/
#satis_wrap ul li {float:left; margin:0; width:50%;}

/** Footer **/	 
#footer_2017 .copy .inner {padding:20px 0;}


/** board add **/
.bodo_list li a .thumbnail {width:25%;}
.bodo_list li a .text {width:75%;}
.bodo_list li a .text p {margin:0 0 0 20px;}
.bodo_list li a .text p.title {margin:0 0 10px 20px;}
.bodo_list li a .text p.txt {max-height:44px;}
.bodo_list li a .text p.date {position:relative; right:auto; top:auto; margin:10px 0 0 20px;}
.bodo_list.ty3 li .box .thumbnail {width:25%;}
.bodo_list.ty3 li .box .text {width:75%;}
.bodo_list.ty3 li .box .text p {margin:0 0 0 20px;}
.bodo_list.ty3 li .box .text p.title {margin:0 0 10px 20px;}
.bodo_list.ty3 li .box .text p.pdf {position:relative; right:auto; top:auto; margin:10px 0 0 20px;}
}


@media screen and (max-width: 700px){
/** Footer **/	 
#footer_2017 .copy .inner {padding:15px 0;}
#footer_2017 .copy address {margin:0 0 8px 0;}
#footer_2017 .copy address span:first-child {display:block; margin:0 0 3px 0;}
#footer_2017 .copy address span.call {display:inline-block;}	
}


@media screen and (max-width: 640px){
/** Visual **/
#sVisual_2017 {height:110px;}
#sVisual_2017 p {padding:24px 0 0 3%;}
#sVisual_2017 p strong {font-size:27px; line-height:32px; margin:0 0 5px 0;}
#sVisual_2017 p span {font-size:15px; line-height:19px;}	

/** Container **/
#container_2017 #contents {padding:25px 0 0 0;}
#container_2017 #contents .nsnBtn {top:-44px;}
#container_2017 #contents .nsnBtn a {width:34px; height:34px;}
#container_2017 #contents .nsnBtn a:hover, #container_2017 #contents .nsnBtn a:active {background:#fff;}
#container_2017 #contents .nsnBtn a img {position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}
#container_2017 #contents h1.h1 {font-size:27px; line-height:32px; margin:0 0 20px 0;}	

/** Footer **/
.relate_site dt a {padding:8px 20px 8px 4%;}
.relate_site dd {bottom:40px;}
.family_site dt a {padding:8px 20px 8px 4%;}
.family_site dd {bottom:40px;}


/** board add **/
.bodo_list li a .thumbnail {width:30%;}
.bodo_list li a .text {width:70%;}
.bodo_list li a .text p.title {margin:0 0 5px 20px; font-size:16px;}
.bodo_list li a .text p.txt {max-height:22px; font-size:14px; max-height:22px;}
.bodo_list li a .text p.date {font-size:14px;}
.bodo_list.ty3 li .box .thumbnail {width:30%;}
.bodo_list.ty3 li .box .text {width:70%;}
.bodo_list.ty3 li .box .text p.title {margin:0 0 5px 20px; font-size:16px;}
.bodo_list.ty3 li .box .text p.txt {font-size:14px;}
}


@media screen and (max-width: 540px){
/** Visual **/
#sVisual_2017 {height:auto; background-position:60% top !important;}
#sVisual_2017 p {padding:20px 3% 60px 3%;}
#sVisual_2017 p strong {font-size:25px; line-height:30px;}
#sVisual_2017 p span {font-size:14px; line-height:18px;}

/** Container **/
#container_2017 #contents .nsnBtn {right:auto; left:0;}	
#container_2017 #contents .nsnBtn a {width:30px; height:30px;}
#container_2017 #contents h1.h1 {font-size:25px; line-height:30px; margin:0 0 15px 0;}
}


@media screen and (max-width: 480px){
/** Visual **/
#sVisual_2017 p {padding:17px 3% 57px 3%;}
#sVisual_2017 p strong {font-size:23px; line-height:28px; margin:0 0 3px 0; letter-spacing:-0.5px;}
#sVisual_2017 p span {font-size:13px; letter-spacing:-0.5px;}	

/** Container **/
#container_2017 #contents h1.h1 {font-size:23px; line-height:28px;}	

/** Satis  **/
#satis_wrap ul li {float:none; width:auto;}



/** board add **/
.bodo_list li a .thumbnail {width:35%;}
.bodo_list li a .text {width:65%;}
.bodo_list li a .text p.title {margin:0 0 5px 15px; font-size:15px;}
.bodo_list li a .text p.txt {margin:0 0 0 15px; font-size:13px; max-height:21px;}
.bodo_list li a .text p.date {margin:5px 0 0 15px; font-size:13px;}
.bodo_list.ty3 li .box .thumbnail {width:35%;}
.bodo_list.ty3 li .box .text {width:65%;}
.bodo_list.ty3 li .box .text p.title {margin:0 0 5px 15px; font-size:15px;}
.bodo_list.ty3 li .box .text p.txt {margin:0 0 0 15px; font-size:13px;}

.date_select .year {float:none; margin-bottom:10px;}
.date_select .select {float:none;}
}


@media screen and (max-width: 380px){
/** Visual **/
#sVisual_2017 p {padding:15px 3% 55px 3%;}
#sVisual_2017 p strong {font-size:21px; line-height:27px; margin:0 0 3px 0;}

/** Container **/
#container_2017 #contents h1.h1 {font-size:21px; line-height:26px;}


}

/* 2022 리뉴얼 추가 */
#header .gnb.gucung .gnb_left ul.clearfix li + li a{
	/* background-image: url("/upload_data/board_data/BBS_0000214/165638250375379.png"); */
    background-image: none;
}