@charset "utf-8";
/**
공통 레이아웃
*/
.m{display:none;}

body{width:100%; min-width:320px; overflow-x:hidden;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1200px; margin:0 auto;}

#top{width:100%; height:44px; background:#e8e8e8;}
#top:before{content:''; display:block; clear:both;}
#top .global{float:left;}
#top .global > li{position:relative; float:left; border-left:1px solid #e8e8e8; width:159px;}
#top .global > li > a{display:block; height: 44px; line-height:44px; color:#f6f6f7; text-transform:uppercase; font-size:16px; background:#1a366f; text-align:center; overflow: hidden;}
#top .global > li > a.current{color:#3b3b3b; background:#fff;}
#top .global > li > a img{margin-right:5px; vertical-align: baseline;}
#top .global > .list > a.on{color:#fff; background:#637EA8;}
#top .global .list div{display:none; z-index:95; position:absolute; top:44px; left:0px; width:100%; padding: 3px 8px; background: #fff; box-sizing: border-box; border: 1px solid #e2e2e2; border-top:none; text-align: center; }
#top .global .list div a{display:block; height:44px; line-height:44px; font-size:97%; border-top:1px dashed #184c87;}
#top .global .list div li:first-child a{border-top:none;}

#top .global > .list #member_list { width: 180%; }
#top .global > .list #member_list li { float: left; width: 33.33%; }
#top .global > .list #member_list li a { display: block; font-weight: 100; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; }
#top .global > .list #member_list li a:hover,
#top .global > .list #member_list li a:focus { color: #184c87; font-weight: 400; }

#top .global2{float:right; padding:12px 0 0 0;}
#top .global2 li{float:left; padding:0 1.5em; line-height:100%; border-left:1px solid #9e9e9e;}
#top .global2 li:last-child{padding-right:0;} 
#top .global2 li a{color:#4c4b4b;}
#top ul li:first-child{border-left:none;}

#top .sns { float: left; padding: 8px 30px; } 
#top .sns li { float: left; width: 25px; height: 25px; margin-right: 10px; }
#top .sns li a { display: block; width: 100%; height: 100%; background: url("/images/common/icon_sns.png") 0 0 no-repeat; font-size: 0; }
#top .sns li.kakaostory a { background-position-x: -25px; }
#top .sns li.twitter a { background-position-x: -50px; }
#top .sns li.blog a { background-position-x: -75px; }
#top .sns li.instagram a { background-position-x: -100px; }
#top .sns li.off a { background-position-y: -25px; cursor: default; }

.m_menu .sns { float: left; padding: 10px 5px; box-sizing: border-box; width: 50%; } 
.m_menu .sns li { float: left; width: 20%; height: 100%; max-width: 50px; max-height: 50px; padding-left: 5px; padding-right: 5px; box-sizing: border-box; border: none; }
.m_menu .sns li a { display: block; width: 100%; height: 100%; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; background-size: contain; font-size: 0; }
.m_menu .sns li.facebook a { background-image: url("/images/common/icon_f_on.png"); }
.m_menu .sns li.kakaostory a { background-image: url("/images/common/icon_k_on.png"); }
.m_menu .sns li.twitter a { background-image: url("/images/common/icon_t_on.png"); }
.m_menu .sns li.blog a { background-image: url("/images/common/icon_b_on.png"); }
.m_menu .sns li.instagram a { background-image: url("/images/common/icon_i_on.png"); }
.m_menu .sns li.facebook.off a { background-image: url("/images/common/icon_f_off.png"); }
.m_menu .sns li.kakaostory.off a { background-image: url("/images/common/icon_k_off.png"); }
.m_menu .sns li.twitter.off a { background-image: url("/images/common/icon_t_off.png"); }
.m_menu .sns li.blog.off a { background-image: url("/images/common/icon_b_off.png"); }
.m_menu .sns li.instagram.off a { background-image: url("/images/common/icon_i_off.png"); }
.m_menu .sns li.off a { cursor: default; }

#search {z-index:97; position:absolute; top:91px; right:0px;}
#search .btn_search{display:block; width:49px; height:68px; text-indent:-999px; font-size:0; background: #fff url("/images/common/icon_search.png") no-repeat center;}
#search .btn_search:hover,
#search .btn_search:active,
#search .btn_search:focus{}
#search .btn_search.on{}
#search form{display:none; position:absolute; top:69px; right:0; height:85px; width:1200px; background:rgba(0,0,0,0.35);}
#search fieldset{display:block; padding:23px 0 0 0; text-align:center;}
#search input[type="text"]{float:none; display:inline-block; height:40px; width:70%; margin:0 5px 0 0; padding:0 0 0 1em; line-height:40px; border:none; border-radius:20px;}
#search button{width:60px; height:40px; color:#fff; vertical-align:top; background:#233581; border-radius:5px;}

#header{position:relative; height:160px;}
.logo {z-index:11; position:absolute; top:23px; left:0; font-size:28px; line-height:38px; letter-spacing:-1px; font-weight:normal;}
/*
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none;}
.logo span{padding:0 0 0 5px;}
*/
.logo a{display:inline-block;}
.logo .left,
.logo .right {display:inline-block;}
.logo .right { margin-left: 10px; }
.logo div span { display: block; line-height: normal; }
.logo div .big { font-size: 28px; font-weight: 500; color: #333; margin-top: -7px; }
.logo div .small { font-size: 12px; font-weight: 100; color: #999; margin-top: -7px; }

#font_control {float:right; padding:26px 0;}
#font_control ul{overflow:hidden; width:100%;}
#font_control li{float:left; width:36px; height:36px; line-height:36px; text-align:center; border:1px solid #d6d6d6; margin-left:1px;}
#font_control li a{display:block; height:36px; line-height:36px; color:#6d6d6d;}
#font_control li.btns a{text-indent:-999px; font-size:0; background:url("/images/common/ico_util.png") no-repeat 11px 11px;}
#font_control li.big a{background-position:13px -38px;}
#font_control li.small a{background-position:13px -82px;}
#font_control li a:hover{background-color:#f9f9f9;}

.global2 { float: right; padding: 26px 0; }
.global2 > ul li { float: left; line-height: 38px; position: relative; padding-right: 19px; margin-right: 20px; }
.global2 > ul li:last-child { padding-right: 0px; }
.global2 > ul li a { display: block; font-weight: 100; color: #4c4b4b; }
.global2 > ul li:after { content: ''; display: block; width: 1px; height: 14px; background-color: #9e9e9e; position: absolute; right: 0; top: 12px; }
.global2 > ul li:last-child:after { display: none; }

/* 메인메뉴 */
#menuArea{position:absolute; left:0; top:134px; width:100%; z-index:94; background:#fff; opacity:0.97; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#menuArea .line{display:none; position:absolute; top:68px; left:0; width:100%; height:1px; background:#cdcdcd;}
#mainmenu{height:68px; width:100%; margin:0 auto; background-color:#fff;}
#topmenu{float:left; width:100%; padding:0 49px 0 0; box-sizing:border-box;}
#topmenu > li{position:relative; float:left; width:12.5%; line-height:0;}
#topmenu li.menu9,
#topmenu li.last{display:none;}
#topmenu > li > a{display:block; font-size:19px; line-height:68px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97; color:#333;}
#topmenu > li > a:before{content:''; position:absolute; top:0; left:50%; display:block; width:0; height:3px; background:#fff; transition:0.3s;}

#topmenu > li:hover > a:before,
#topmenu > li > a:hover:before,
#topmenu > li > a:active:before,
#topmenu > li > a:focus:before,
#topmenu > li.current_on > a:before{left:0; width:100%; padding:0 0 0 50%;}

#topmenu li .menu{display:none; z-index:96; position:absolute; top:68px; left:0; width:100%; height:249px; box-sizing:border-box; border-right:1px solid #cdcdcd;}
#topmenu > li > .menu > ul{display:block !important; position:absolute; top:1px; left:0; width:100%; height:233px; padding:15px 0 0 0;}
#topmenu li:first-child .menu{border-left:1px solid #cdcdcd;}

#topmenu li ul li{float:none; width:100%;}
#topmenu li ul li a{display:block; margin:0 0 10px 0; padding:0 3px 0 7px; color:#151515; text-align:left; line-height:120%;}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#305299;}

#topmenu li:focus .menu ul,
#topmenu li:hover .menu ul{background:#f8f8f8;}
#topmenu ul ul{display:none !important;}

/* 하단*/
.linksite{float:right; width:200px; background:#555; font-size:15px; /*position: relative; z-index: 95;*/}
.linksite:after{content:''; display:block; clear:both;}
.linksite > ul > li{position:relative; width:100%; box-sizing:border-box;}
.linksite > ul > li > a{display:block; height:54px; line-height:54px; color:#fff; padding: 0 20px; box-sizing: border-box; background:url("/images/common/bg_bullet.png") no-repeat right 20px top -522px; position: relative;}
.linksite > ul > li > a:after { content: ''; display: block; width: 100%; height: 1px; background-color: #6e6e6e; margin: 0 auto; position: relative; }
.linksite > ul > li:last-child > a:after { display: none; }
.linksite > ul > li > a:hover,
.linksite > ul > li > a:focus,
.linksite > ul > li > a:active{background-color:#444;}
.linksite > ul > li > a.on{background:#444 url("/images/common/bg_bullet.png") no-repeat right 20px top -564px;}
.linksite li div{display:none; z-index:56; position:absolute; bottom:54px; left:0; width:100%; padding:0.8em; box-sizing:border-box; border-bottom:none; background:#444;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%; overflow-y:auto; max-height:350px; min-height:120px; padding:0.5em 0 0.5em 1em; background:#fefefe; box-sizing:border-box;}
.linksite li div ul li{position:relative; /*display:inline-block; width:48.5%;*/ padding:2px 0 2px 0.5em; box-sizing:border-box; vertical-align:top;}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#555;}
.linksite li #linksite03 ul li{width:100%;}

#footer{color:#6d6d6d; letter-spacing:-0.5px; background-color: #666;}
#footer:after { content: ''; display: block; clear: both; }
#footer .info { float: left; padding: 33px 0px; }
#footer .link{float:left; margin-bottom: 30px;}
#footer .link:after { content: ''; display: block; clear: both; }
#footer .link li {float: left; line-height: normal; background: url("/images/common/bl_footer_link.png") right center no-repeat; padding-right: 25px; margin-right: 20px;}
#footer .link li:last-child { background: none; padding-right: 0; margin-right: 0; }
#footer .link li a{color:#fff; font-weight: 100;}
#footer .copyright {line-height: normal; color: #d9d9d9; text-transform: uppercase;}
#footer address {clear:both; width:100%; line-height: normal; color:#d9d9d9;}
#footer .wa_mark{float:left; display:block; width:100px; margin:-15px 0 10px 20px;}
#footer .wa_mark img{max-width:100%;}

/*
서브 레이아웃
*/
/* 문서정보 */
#subVisual{position:relative; overflow:hidden; clear:both; width:100%; background:#e7eff6;}
#subVisual .img{width:100%; min-height:300px; background:url("/images/kr/sub/img_visual.png") center no-repeat; background-size:cover; text-indent:-99999px;}
/* #subVisual .img img{animation:ani_zoom 10s ease-in-out;} */
#subVisual .slogan{position:absolute; width:100%; height:143px; left:0; right:0; top:-50px; bottom:0; margin:auto; text-align: center;}
#subVisual .slogan h2 { position: relative; font-family: 'Nanum Myeongjo'; font-size: 32px; line-height: normal; color: #fff; margin-bottom: 10px; }
#subVisual .slogan h2:after { content: ''; display: block; width: 50px; height: 1px; background-color: #fff; margin: 0 auto; margin-top: 10px; }
#subVisual .slogan h2 strong { display: block; font-size: 36px; }
#subVisual .slogan p { color: #fff; font-weight: 100; }

@keyframes ani_zoom{
	0%{transform:scale(1);}
	50%{transform:scale(1.13);}
}

#subContent{position:relative; overflow:hidden; max-width:1200px; margin:0 auto; margin-top: -50px; padding:0 0 5em 0;}
#subContent #content{float:right; width:calc(100% - 260px);}
#subContent #content > .wrap { box-sizing: border-box; padding-left: 70px; }

/* 서브메뉴 */
#submenu{float:left; width:260px; border-top:none; bax-sizing: border-box;}
#submenu .sm_tit{width:100%; height:138px; font-size:29px; text-align:center; letter-spacing:-1px; line-height:138px; color:#fff; background:#184c87 url("/images/kr/sub/bg_sm_tit.png") center top no-repeat;}
#submenu .sm_tit h2 { font-weight: 400; }
#submenu .depth2 li{line-height:0; margin-top: 9px;}
#submenu .depth2 > li > a{position:relative; display:block; padding:0 0 0 20px; font-size:18px; font-weight: 100; line-height:57px; color:#484848; border:1px solid #ddd; text-decoration:none;}
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{background-color:#184c87; color: #fff; border-color: #184c87;}

#submenu .depth2 > li > a:after { content: ''; display: block; width: 13px; height: 13px; background: url("/images/kr/sub/icon_plus.png") center no-repeat; position:absolute; right: 20px; top:0; bottom:0; margin:auto; }
#submenu .depth2 > li > a:hover:after,
#submenu .depth2 > li > a:focus:after,
#submenu .depth2 > li > a:active:after,
#submenu .depth2 > li.current_on > a:after{ background-image: url("/images/kr/sub/icon_minus.png"); }

#submenu .depth2 > li.current_on.none > a:after{ display: none; }

#submenu .depth2 li ul {display:none; padding:15px 20px; border:1px solid #ddd; background:#f5f5f5;}

#submenu .depth2 li.current_on ul,
#submenu .depth2 li:hover ul,
#submenu .depth2 li:focus ul,
#submenu .depth2 li:active ul{display:block;}

#submenu .depth2 li ul li a{position:relative; padding:0; font-size:100%; line-height:100%; color:#888; border-top:none; margin-bottom:15px; letter-spacing: -1px; box-sizing: border-box; padding-left: 10px;}
#submenu .depth2 li ul li:last-child a{margin-bottom:0;}
#submenu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color: #888;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus{color:#333;}
/*#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a*/
/*
#submenu .depth2 li ul li a:hover:after,
#submenu .depth2 li ul li a:focus:after,
#submenu .depth2 li ul li a:active:after,
#submenu .depth2 li ul li.current_on a:after{content:''; display:block; width:23px; height:19px; background:url("/images/kr/sub/icon_check.png") center no-repeat; position:absolute; right: 0px; top:0; bottom:0; margin:auto;}
*/
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{background-color: #333;}

/* 문서정보 */
#location{overflow:hidden; width:100%; margin-bottom:40px; background-color: rgba(0, 0, 0, .6); border: 1px solid rgba(255, 255, 255, .2); border-left: none; box-sizing: border-box;}
#location:after{content:""; display:block; clear:both;}
#location a{float:left; width:52px; height:48px; text-indent:-999px; font-size:0; border-right:1px solid rgba(255, 255, 255, .2); background:url("/images/kr/sub/icon_home.png") no-repeat center;}
#location span{position:relative; float:left; min-width:205px; height:48px; line-height:48px; padding:0 20px; border-right:1px solid rgba(255, 255, 255, .2); vertical-align:top; font-size:16px; color: #fff; box-sizing: border-box;}
#location span:after{content:''; display:block; position:absolute; top:0; right:30px; width:5px; height:100%; background:url("/images/kr/sub/icon_arrow.png") no-repeat right center;}
#location span.end:after{width:10px; background-position:0 -55px;}

#pageInfo {margin-bottom:37px;}
#pageTitle h3{position:relative; line-height:150%; font-size:33px; color:#1f1f1f; font-weight:400; padding-top:26px; padding-bottom:11px;}
#pageTitle h3:after{content:''; width:42px; height:1px; background-color:#3cb163; position:absolute; left:0; bottom:-1px;}

/* 전화번호부 */
div.field_wrap { margin-top: 10px; margin-bottom: 10px; width: 100%; float: left; }
div.field_wrap span.phone_btn { display: block; float: left; height: 30px; margin-right: 5px; margin-bottom: 5px; width: 48%; text-align: center; }
div.field_wrap span.phone_btn a { display: block; height: 20px; padding: 5px 10px; border: 1px solid #ccc; font-size: 0.95em; }
div.field_wrap span.phone_btn a:hover { text-decoration: none; background: #184c87; color: #fff; }
div.field_wrap span.phone_btn.on{ text-decoration: none; background: #184c87; color: #fff; }

@media all and (max-width:1200px) {
	.inner,
	#mainmenu{width:98%;}

	#search fieldset{padding:23px 120px 0 0; text-align:right;}
	
	#subContent{width:98%; background-size:202px auto;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:block;}
	.w{display:none;}

	.logo{top:14px; width:100%; text-align:center; letter-spacing:-1.5px; font-size:23px; font-weight:bold;}
	.logo span{padding:0;}
	.logo img{height:31px;}
	#header .logo > a { display: inline-block; margin: 0 auto; width: auto; }
	#header .logo > a:after { content: ''; display: block; clear: both; }

	#top .sns { display: none; }
	.global2 { display: none; }

	#header{height:70px;}
	#bg_main #header{border-bottom:1px solid #ddd;}

	#top{height:35px; font-size:15px;}
	#top .global > li > a{height: 35px; line-height:35px;}
	#top .global2{padding:10px 0 0 0;}
	#top .global2 li{padding:0 0.7em;}
	#top .global li div{top:35px;}
	#top .global .list div { top: 35px; }

	#search{top:5px; width:100%; right: 0px;}
	#search .btn_search{z-index:98; position:absolute; top:10px; right:0; width:40px; height:40px; border-radius:3px; background-size:25px auto;}
	#search .btn_search.on{}
	#search form{width:100%; top:65px; right:0;}
	#search fieldset{padding:23px 60px 0 0; text-align:center;}
	#search input[type="text"]{width:90%; margin:0; border-radius:0;}
	#search button{z-index:55; position:absolute; top:23px; right:3%; border-radius:0;}
	#total_m a.btn_total { display: none; }

	/* 모바일 메뉴 */
	.mask{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:95;}
	.m_top .global {display:none; float:left; width:100%; border-bottom:1px solid #6680b9;}
	.m_top .global > li{position:relative; float:left; width:60%; border-left:1px solid #6680b9; box-sizing:border-box;}
	.m_top .global > li.list2{width:40%;}
	.m_top .global > li > a{display:block; line-height:32px; color:#f6f6f7; background:#405d9e; text-align:center;}
	.m_top .global > li > a.on{background:#6980b3;}
	.m_top .global li div{display:none; z-index:97; position:absolute; top:32px; left:-1px; width:101%; padding:0 8px; background:#5b74ac; box-sizing:border-box; border:1px solid #d7d7d7; border-top:none; border-radius:0 0 4px 4px;}
	.m_top .global li div a{display:block; height:35px; line-height:35px; font-size:97%; color:#fff; text-align:center; border-top:1px dashed #98a8cb;}
	.m_top .global li div li:first-child a{border-top:none;}

	.btn_menu{display:block; z-index:94; position:absolute; top:51px; left:10px;  width:40px; height:40px; padding:0 8px; border-radius:3px; background:none;} 
	.btn_menu .bar{display:block; width:100%; height:3px; margin:4px 0 4px 0; background:#384a7a;}

	.btn_menu_close{display:block; z-index:94; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid #d8e3f2; background:none;}
	.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:#d8e3f2;}
	.btn_menu_close .bar1{transform:rotate(45deg);}
	.btn_menu_close .bar2{transform:rotate(-45deg);}

	.m_menu{position:absolute; top:0; left:-100%; width:60%; height:100%; z-index:99; background:#343d5d;}
	.m_menu .m_top{position:relative; height:106px;}
	.m_menu .logo{top:29px; left:2%; width:98%; text-align:left;}
	.m_menu .logo a{color:#fff;}
	.m_menu .logo div .big { color: #fff; margin-bottom: 3px; }
	.m_menu > ul{float:left; width:100%;}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{border-bottom:1px solid #343d5d;}
	.m_menu > ul > li > a{height:3em; line-height:3em; color:#fff; font-size:130%; padding:0 0 0 1em; background:#5B6380 url(/images/common/bul_menu.png) no-repeat 95% -27px;}
	.m_menu > ul > li > .on{background-color:#657dd5; background-position:95% 20px;}
	.m_menu > ul > li > div {display:none; padding:1.3em 0.8em 0.7em 1.2em; background:#e4f1fd;}
	.m_menu > ul > li .on + div{display:block;} 
	.m_menu > ul > li > div > ul > li {margin:0 0 0.8em 0;}
	.m_menu > ul > li > div > ul > li > a{position:relative; padding:0 0 0 1.2em; font-size:115%;}
	.m_menu > ul > li > div > ul > li > a:before{content:''; display:block; position:absolute; top:6px; left:0.2em; width:13px; height:13px; border:4px solid #527eb8; border-left:4px solid #1b4a93; border-top:4px solid #114392;}
	.m_menu > ul > li > div > ul > li > ul{overflow:hidden; width:100%; margin:0.1em 0 0 0; padding:0.5em 0 0.5em 0.5em; box-sizing:border-box; border:1px solid #e6e6e6; border-radius:5px; background:#fff;}
	.m_menu > ul > li > div > ul > li > ul li{float:left; width:50%;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:2px 0 2px 8px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:''; display:block; position:absolute; top:50%; left:2px; width:3px; height:3px; background:#4387d8;}

	#subContent{width:98%; padding:0 0 3em 0; background:none; margin-top: 0px;}
	#subContent #content{float:none; width:100%;}
	#subContent #content > .wrap { padding-left: 0px; }

	#location{margin-top:0px; margin-bottom:0px;}
	#location span{height:34px; line-height:34px; padding:0 10px 0 0; min-width:0; border-right:none;}
	#location span:after{right:0px; position:relative; float:right; right:0px; margin-left:5px;}
	#location span.end:after{display:none;}
	#location a{width:34px; height:34px; border-left:none; border-right:none; padding:0 10px 0 0;}
	
	#pageTitle h3{padding:0.5em 0 0.8em 0; font-size:29px;}
}
@media all and (max-width: 820px) {
	
	.linksite { float: none; width: 100%; }
	.linksite > ul > li > a { height: 35px; line-height: 35px; background-position: right 20px top -533px; }
	.linksite > ul > li > a.on { background-position: right 20px top -575px; }
	.linksite li div { bottom: 35px; }

	#footer .info{float:none; text-align:center;}
	#footer .link{float:none; display:inline-block;}	
	#footer .wa_mark{float:none; width:80px; margin:0 auto 10px;}

}
@media all and (max-width:768px) {
	#top{height:32px;}
	#top .global > li > a{line-height:32px; height: 32px;}
	#top .global li div{top:32px;}
	#top .global li div a{height:31px; line-height:31px;}
	#top .global2{padding:9px 0 0 0;}
	#top .global2 li{padding:0 0.5em;}
	#top .global2 li:first-child{display:none;}
	#top .global2 li:nth-child(2){border-left:none;}
	#top .global .list div { top: 32px; }

	#header{height:50px;}
	.logo{top:6px; font-size:20px;}
	.logo img{height:25px; padding:5px 0 0 0; vertical-align: baseline;}
	.logo div .big { font-size: 22px; }

	#search form{top:45px;}
	#search .btn_search{top:3px; width:33px; height:33px; background-size:22px auto;}
	#search .btn_search.on{}

	.btn_menu{top:42px; width:33px; height:33px; padding:0 5px;}
	.btn_menu .bar{margin:3px 0;}
	.btn_menu_close{top:23px; width:34px; height:34px;}
	.btn_menu_close .bar{top:15px; left:4px;}
	
	.m_menu .m_top{height:82px;}
	.m_menu .logo{top:22px;}
	.m_menu > ul > li > a{padding:0 0 0 0.7em; font-size:16px; background-size:17px auto; background-position:94% -17px;}
	.m_menu > ul > li > .on{background-position:94% 17px;}
	.m_menu > ul > li > div{padding:0.6em 0.7em 0.5em 0.7em;}
	.m_menu > ul > li > div > ul > li{margin:0 0 0.3em 0;}
	.m_menu > ul > li > div > ul > li > a{font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > ul{padding:0.4em 0 0.4em 0.4em;}
	.m_menu > ul > li > div > ul > li > ul li a{padding:0 0 0 8px; font-size:14px;}
	.m_menu .sns { width: 70%; } 
	
	#location .inner{font-size:14px;}
	#location span{height:28px; line-height:28px;}
	#location span:after{}
	#location a{height:28px;}

	#pageInfo { margin-bottom: 17px; }
	#pageTitle h3{padding:0.4em 0 0.6em 0; font-size:24px;}

	#footer{padding:15px 0 1.5em;}
	#footer .link{margin:0;}	
	#footer .link li{padding:0 0.5em 0 0.4em; margin:0 0 0.4em 0;}

	.linksite li div ul{padding:0.5em 0.2em 0.5em 0.5em;}
	.linksite li div ul li{width:100%;}

	/* 20190307 지혜승 추가 Start */
	/* top */
	#top .global > li.language,
	#top .global > li.sns { display: none; }
	#top .global > li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#top .global > li > a img { display: none; }
	/* 20190307 지혜승 추가 End */
	
	#top .global { width: 100%; }
	#top .global > li.language { display: block; }
	#top .global > li { width: 20%; }
	#top .global > li > a { font-size: 14px; }
}
@media all and (max-width:568px) {
	
	#top .global > li {width: 20%;}

	.m_menu{width:290px;}
	.m_menu > ul > li > a{background-position:92% -17px;}
	.m_menu > ul > li > .on{background-position:92% 17px;}

	#pageTitle h3{padding:0.4em 0; font-size:22px;}
	
}
@media all and (max-width:450px) {
	#top{font-size:14px;}
	#top .global{width:80%;}
	#top .global > li {width:33.3%; box-sizing:border-box;}
	#top .global > li > a{padding:0; text-align:center;}
	#top .global li div{width:102%; padding:0 5px;}
	#top .global li div a{font-size:95%;}
	#top .global2 li{padding:0;}
	#top .global2 li:nth-child(2){display:none;}
	#top .global2 li:nth-child(3){border-left:none;}

	#footer {}
	#footer address span{display:block; white-space:pre;}
	#footer .copyright{font-size:11px;}

	.linksite .inner > li{width:100%; border-left:1px solid #76797f; border-top:1px solid #76797f;}
	.linksite .inner > li:first-child{border-top:none;}
	.linksite li div ul li{width:48.5%;}

	#top .global{width:100%;}
	#top .global > li {width:25%;}
}
@media all and (max-width:400px) {
  #location span{}
  #location span.end{}
  #location span:after{}
}
@media all and (max-width:350px) {
	#top .global li div{padding:0 3px;}
}

/* 최상위로 이동 */
.go_top { position: fixed; right: 0px; bottom: 0px; width: 35px; text-align: center; background: rgba(0, 0, 0, .75); padding: 10px 0; color: #fff; z-index: 999; }
.go_top:hover,
.go_top:focus { background: rgba(0, 0, 0, 1) text-decoration: none; color: #fff; }
@media all and (max-width: 1024px) {
	.go_top { position: fixed; right: calc(50% - 17.5px); }
}