@charset "utf-8";
@import url("https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");



.skipNavi {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:1000; font-size:2em; background:#008dcc;}
.skipNavi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; color:#fff;}
.skipNavi a:focus, .skipNavi a:active {height:auto; width:auto; padding:20px 0; color:#fff;}



.blind {visibility: hidden; overflow: hidden;position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0;line-height: 0;}


/* align */
.txt_r{text-align:right}
.txt_l{text-align:left}
.txt_c{text-align:center}

/*상단가이드*/
.popupBox { width:100%; background:#367dd6; /*height:110px; height:150px; */ overflow:hidden;}
	.popupBox div {margin:15px auto;max-width:1100px;}
	.popupBox div > p {width:100%; text-align:center; color:#fff; font-size:18px;}
	.popupBox div > ul {float:left; width:100%;margin:20px 0 30px 0;}
	.popupBox div ul li {float:left;width:30%; padding-left:5px; color:#fff;line-height:18px;min-height:35px;}
	.popupBox div ul li:first-child { width:45%; /*padding-top: 20px;*/ }
/*	.popupBox div ul li:last-child { width:20%;} */
	.popupBox div ul li:nth-child(3),
	.popupBox div ul li:nth-child(5) { width:20%;}
	.popupBox div > ul li p.call { font-size:18px;padding:0 0 0 43px; line-height:20px; background:url(/images/suncheon/yeyak/common/callimg.png) left top no-repeat;}
	.popupBox div > ul li p.call a {font-size:20px; color:#fff; border-bottom:1px solid #fff;}
	.popupBox div > ul li p.call span {font-size:16px;}

	.popupBox div > ul li a.btn {float:right;display:inline-block; padding:10px 15px; width:150px; font-size:16px; border-radius:5px; background:#2b4c7e url(/images/suncheon/yeyak/common/arrow.png) 94% center no-repeat;; color:#fff;}
	.popupBox div > ul li span.pcnone {display:none;}

	.popupBox div > ul li.nextNotice { margin-top: 10px; }



#wrapper {width:100%; background:url(/images/suncheon/yeyak/common/bg_body_access.gif) repeat-x;}
#container {width:100%; }
body {width:100%;min-width: 320px; }
header { max-width: 1100px; margin:0 auto;}

.topHead {position:relative;overflow:hidden;height:47px;width:1100px;margin:0 auto}
.topHead > div {float:left;width:100%;}
.topHead .scSite ul {}
.topHead .scSite ul li {float:left; width:20%; text-align:center;border-right:1px solid #dfdfdf;height:47px;}
.topHead .scSite ul li.on { background:url(/images/suncheon/yeyak/common/utilTab_on.gif) left top repeat-x;border-right:none;}
/*.topHead .scSite ul li:last-child {width:19%; border-right:none;}*/
.topHead .scSite ul li a {display:inline-block;color:#fff;padding:15px 5px; font-size:16px; }
.topHead .scSite ul li.on a {color:#5a687e;}
.topHead .scSite a:hover{font-weight:600;text-decoration:none;color:#333;}

.mhead  {position:relative; margin:35px 0 0 0;}
.mhead h1 {display:inline-block; float:left; /*margin:0 125px 0 0;*/}
	.mhead .comSearch {position:relative;width:321px;margin:0 auto;}
        
	.mhead .comSearch input {width:calc(100% - 67px); height:42px; padding:0 0 0 10px; background:#eaeff2; border:none; color:#5a687e;}
	.mhead .comSearch .btnSearch {/*float:right;*/ position:absolute; right:0;top:0;}

.mhead .inforight {position:absolute; right:30px; top:0;font-size:16px; }
.mhead .inforight ul {float:left;}
.mhead .inforight ul li {float:left;padding:10px 12px 0 0; color:#404245;}

.mhead .language {float:left; margin-right:10px;position:relative;background:url(/images/suncheon/yeyak/sub/ico_arrow.jpg) right 20px no-repeat;}
.mhead .language span {position:absolute;left:8px;top:11px}
.mhead .language select {opacity:0;padding:12px 0 3px 0px; height:100%;filter: alpha(opacity:'0');color:#343537; }




.webGnb {position:relative; margin:0; padding-top: 20px;}
.webGnb > ul {background-color:#7a9ee8;position:relative; clear: both; padding-left:48px;}
.webGnb > ul > li {float:left;margin:20px 0 0 50px;}
.webGnb > ul > li:first-child {margin-left:0}
.webGnb > ul li .btn_dep1 {color:#343638;font-size:17px;display:inline-block;padding:10px 19px 11px 19px;font-weight:600;}
.webGnb > ul li .btn_dep1.on {color:#7a8fe8; font-weight:600;}

.webGnb ul li .btn_dep1+.depth_2 {display:none; position:absolute;left:0;top:60px; text-align:center;  height:315px; width:100%;padding-bottom:0;z-index:10000; border-right:1px solid #acacac; border-bottom:1px solid #acacac;}
.webGnb ul li .btn_dep1.on+.depth_2 {display:block}
.webGnb ul li .depth_2 {background:#f8f8f8;/*opacity:0.97 */}
.webGnb ul li .depth_2 h2 {float:left;font-size:30px; width:238px;height:281px;  background:#b7c8f1; font-weight:600;color:#4060a2;text-align:left;padding:35px 0 0 20px;}
.webGnb ul li .depth_2 h2 span {color:#7a9ee8;font-weight:normal;}
.webGnb ul li .depth_2 > ul {float:left;margin:50px 0 0 60px; width:725px;}

.webGnb ul li .depth_2 > ul > li {float:left;width:174px;text-align:center;margin:0 7px 5px 0;line-height:25px;font-size:16px;height:22px;padding:7px 0 7px 0;margin-right:5px;background:#7a8fe8; border: 1px solid #7a8fe8;   border-radius: 3px;   -moz-border-radius: 3px;   -webkit-border-radius: 3px;   -o-border-radius: 3px;}
.webGnb ul li .depth_2 > ul > li > a {color:#fff; display:inline-block;letter-spacing:-1px;}

.webGnb ul li .depth_2 > ul > li > ul {width:156px;display:inline-block; clear:both; text-align:left;padding:10px 0;min-height:80px;}
.webGnb ul li .depth_2 > ul > li > ul > li {line-height:18px;padding-right:15px;padding-left:7px;}
.webGnb ul li .depth_2 > ul > li > ul > li > a {color:#666;display:inline-block;font-size:14px; line-height:20px; padding-left:8px;background: url(/images/suncheon/yeyak/sub/dot_gray.gif) left 7px no-repeat;}

.webGnb ul li .depthp01 h2 { background:url(/images/suncheon/yeyak/common/h3_sub01.png) left bottom no-repeat;}
.webGnb ul li .depthp02 h2 { background:url(/images/suncheon/yeyak/common/h3_sub02.png) left bottom no-repeat;}
.webGnb ul li .depthp03 h2 { background:url(/images/suncheon/yeyak/common/h3_sub03.png) left bottom no-repeat;}
.webGnb ul li .depthp04 h2 { background:url(/images/suncheon/yeyak/common/h3_sub04.png) left bottom no-repeat;}
.webGnb ul li .depthp05 h2 { background:url(/images/suncheon/yeyak/common/h3_sub05.png) left bottom no-repeat;}
.webGnb ul li .depthp06 h2 { background:url(/images/suncheon/yeyak/common/h3_sub06.png) left bottom no-repeat;}
.webGnb ul li .depthp07 h2 { background:url(/images/suncheon/yeyak/common/h3_sub07.png) left bottom no-repeat;}

.webGnb ul li .depthp01 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub01.png) left bottom no-repeat;opacity:0.97}
.webGnb ul li .depthp02 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub02.png) left bottom no-repeat;opacity:0.97}
.webGnb ul li .depthp03 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub03.png) left bottom no-repeat;opacity:0.97}
.webGnb ul li .depthp04 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub04.png) left bottom no-repeat;opacity:0.97}
.webGnb ul li .depthp05 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub05.png) left bottom no-repeat;opacity:0.97}
.webGnb ul li .depthp06 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub06.png) left bottom no-repeat;opacity:0.97}
.webGnb ul li .depthp07 {background:#f8f8f8 url(/images/suncheon/yeyak/common/sub07.png) left bottom no-repeat;opacity:0.97}

.webGnb ul li .depth_2 p.text {padding:90px 0 0 430px; color:#4060a2; font-size:36px; text-align:left; font-family: "나눔손글씨 붓", "나눔손글씨 펜", "나눔스퀘어"; }
.webGnb ul li .depth_2 p.menuBtn { position:absolute;right:220px; top:180px; padding: 10px;width:172px; background:#7a8fe8; border: 1px solid #7a8fe8;   border-radius: 3px;   -moz-border-radius: 3px;   -webkit-border-radius: 3px;   -o-border-radius: 3px;}
.webGnb ul li .depth_2 p.menuBtn a {color:#fff; font-size:18px;}
.webGnb ul li .depthp01 > ul,
.webGnb ul li .depthp02 > ul,
.webGnb ul li .depthp03 > ul,
.webGnb ul li .depthp04 > ul,
.webGnb ul li .depthp05 > ul,
.webGnb ul li .depthp06 > ul,
.webGnb ul li .depthp07 > ul {float:left;}

.webGnb ul li .depthp06 > ul  > li:nth-child(5) {margin-top:150px;}
.webGnb ul li .depthp06 > ul  > li:nth-child(6) {margin-top:150px;}
.webGnb ul li .depthp06 > ul  > li:nth-child(7) {margin-top:150px;}
.webGnb  a.blank {padding-right:12px}
.webGnb .btn_seach {position:absolute;right:0px;top:20px;padding:14px 20px 16px 26px;}
/*.webGnb .btn_traffic a {color:#fff;font-size:16px;padding:0 0 0 30px;line-height:55px} 
.webGnb .btn_traffic a:hover {color:#ffde00;font-weight:700} */
.webGnb .btn_allmenu {position:absolute;right:0px;top:-65px;color:#fff;font-size:0px;letter-spacing:-9999px;padding:16px 20px 16px 20px;}

/*pc버전 전체메뉴*/
.webGnb .btn_allmenu+.allMenuBox {display:none;position:absolute;left:0;top:52px; text-align:center; z-index:10000; padding-bottom:20px; width:1100px; background:#fff url(/images/suncheon/yeyak/common/allmenuBg.gif) no-repeat left bottom;padding-top:20px}
.webGnb .btn_allmenu.on+.allMenuBox {display:block}
.webGnb .allMenuBox > ul {overflow:hidden; margin-left:88px}
.webGnb .allMenuBox > ul li {float:left; width:140px; text-align:left;}
.webGnb .allMenuBox ul:first-child {margin-left:279px;}
.webGnb .allMenuBox ul li .depth2{font-size: 16px;color: #303030;margin: 25px 0 10px;font-weight: 600;display: inline-block;}
.webGnb .allMenuBox ul li ul {}
.webGnb .allMenuBox ul li ul li a {display: inline-block;margin-bottom: 8px;padding-left:10px; background:url(/images/suncheon/yeyak/common/green_dot.gif) no-repeat left center;}
.webGnb .allMenuBox li a:hover {color:#333 !important}
.webGnb ul li .depth_2 > ul > li > a:hover,
.webGnb .allMenuBox ul li .depth2:hover {color:#fff;text-decoration:underline;}
.webGnb ul li .depth_2 > ul > li ul li a:hover,
.webGnb .allMenuBox ul li ul li a:hover {color:#7a8ee5; text-decoration:underline; }


.footer{clear:both; height:171px;}

.innerFoot {width:1100px; margin:0 auto; padding:30px 0 50px 0; position:relative}
.innerFoot .footLogo {float:left; width:261px; padding:20px 39px 0 0;}
.innerFoot div {float:left; width:70%;padding-top:10px;}
.innerFoot ul {}
.innerFoot ul li {float:left;padding-left:10px; background:url(/images/suncheon/yeyak/common/footerLine.gif) right center no-repeat;}
.innerFoot ul li:first-child {padding-left:0;}
.innerFoot ul li:last-child { background:none;}
.innerFoot ul a {color:#333; font-size:14px; display:inline-block; padding:0 10px;}
.innerFoot ul a:first-child {padding-left:0;}
.innerFoot ul strong { color:#FF6600;}

.innerFoot address  {font-style:normal;float:left;color:#494c52; margin:15px 0 8px 0; line-height:18px;}
.innerFoot address a {}
/*.innerFoot03 .etcImg {position:absolute;right:12px;top:30px}
.innerFoot03 .etcImg span {display:inline-block; margin-right:7px}*/
.wrap_mobile {display:none}
.m_allMenu_open,.menuPanel {display:none}

/*** Tablet  ***/
@media all and (max-width:1098px){
body{background:none}
.popupBox {width:auto;}
.popupBox div { width:95%;}
.popupBox div ul li:first-child { border-right:none; width:47%;}

.popupBox div > ul li p.call strong {font-size:20px;}


/*header {width:auto;}
#wrapper {width:auto;}*/

#container {width:auto;box-sizing:border-box; padding:0; margin:0 !important}

.topHead {width: auto;}

.mhead{width:auto;margin:25px 0 20px 0;}
.mainHead > a {display:none}
/*.mhead h1 {margin:0 100px 0 0;}*/

.mhead .inforight {display:none;}

.webGnb {margin-top:0;}
.webGnb h1 {margin:10px 20px 0;}
.webGnb h1 img {width:80%;}
.webGnb ul {display:none}

.webGnb .btn_allmenu{display:none;}
.webGnb .btn_seach {position:absolute;right:35px;top:54px;}



/* 전체메뉴 */
.m_allMenu_open { display:block; position:absolute;right:0;top:96px;z-index:2000; width:38px; height:36px;}
.menuPanel {display:block;position: fixed;left: 100%;top: 0;bottom: 0;width: 220px;height: 100%;z-index: 2000; background: #2f4a8f; overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.menuPanel .m_allMenu_close { position:absolute;right:0;top:0;width:50px;height:33px; background-color:#3f65c4; color:#c6d4c9; text-align:center; padding-top:17px;z-index:2001;}
.menuPanel > strong {display:table-cell; height:50px; background-color:#5f86ea; font-size:16px; color:#bdcbf1; vertical-align:middle;width:170px; text-indent:25px}

.menuPanel .util {clear:both;height:50px;width: 220px;font-size:16px; color:#bdcbf1; vertical-align:middle; text-indent:25px}
.menuPanel .util a {display:inline-block;float:left;margin:0; padding:18px 0; width:49%; border-right:1px solid #8a9fca; color:#8a9fca; text-align:center;}
.menuPanel .util a.home { background:url(/images/suncheon/yeyak/common/ico_home.png) 33px center no-repeat;}
.menuPanel .util a.login {border-right:none; background:url(/images/suncheon/yeyak/common/ico_login.png) 30px center no-repeat;}
.menuPanel .util a.logout {border-right:none; background:url(/images/suncheon/yeyak/common/ico_login.png) 17px center no-repeat;}

.menuPanel > ul > li {border-bottom:1px solid #7a9ee8;}
.menuPanel > ul > li > a {display:block; color:#fff; font-size:16px; padding:15px 0 15px 24px;background-color:#4e76db; position:relative}
.menuPanel > ul > li > a:after {content:''; width:11px; height:11px; position:absolute;right:15px;top:50%; background:url(/images/suncheon/yeyak/common/bg_allmenu_on01.png) no-repeat 0 0; background-size:11px; margin-top:-5px}
.menuPanel > ul > li ul {display:none}
.menuPanel > ul > li >a.on:after { background-image:url(/images/suncheon/yeyak/common/bg_allmenu_off01.png); margin-top:-1px}
/* .menuPanel > ul > li >a.on+ul {display:block} */
.menuPanel > ul > li ul li {border-top:1px solid #8a9fca;}
.menuPanel > ul > li ul li > a {background-color:#a9bee7;display:block; color:#161616; font-size:15px; padding:15px 0 15px 24px; position:relative}
.menuPanel > ul > li ul li > a:after {content:''; width:11px; height:11px; position:absolute;right:15px;top:50%; background:url(/images/suncheon/yeyak/common/bg_allmenu_on02.png) no-repeat 0 0; background-size:10px; margin-top:-5px}
.menuPanel > ul > li ul li > a.on {color:#fff;background-color:#353b41;}
.menuPanel > ul > li ul li > a.on:after {background-image:url(/images/suncheon/yeyak/common/bg_allmenu_off02.png); margin-top:-1px}
.menuPanel > ul > li ul li div {display:none;background-color:#fff}
/* .menuPanel > ul > li ul li a.on+div {display:block} */
.menuPanel > ul > li ul li div a {display:block; padding:10px 0 10px 34px; position:relative;color:#161616; border-top:1px solid #b3b3b3}
.menuPanel > ul > li ul li div a.on { color:#0078e5}
.menuPanel > ul > li ul li div a:before {content:''; width:3px; height:3px; position:absolute;left:24px;top:50%; background-color:#000; margin-top:-2px}
.menuPanel > ul > li ul li div a.on:before {background-color:#5f86ea;}
.menuPanel .noDepth a:after {content:none}

.menuPanel.on {left:auto; right:0}
.mMenuDim {display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000; opacity: 0.6;z-index: 100; width:100%; height:100%}
.menuPanel.on+.mMenuDim {display:block}

.innerFoot .footLogo {padding-left:10px; padding-right:5px; width:200px;}
.innerFoot .footLogo img {width:90%;}
.innerFoot div {width:auto;padding-top:8px;}
.innerFoot div ul a { font-size:12px; padding-bottom:5px;}
.innerFoot address { letter-spacing:-1px; margin-top:8px;font-size:12px ;}


}
@media all and (max-width:1010px){
/*.mhead .comSearch input {  width: 230px;}*/
}

@media all and (max-width:850px){

.popupBox div ul li:first-child {display:none;}
.popupBox div ul li {width:72%; font-size:16px;}
/* .popupBox div ul li:last-child {float:right;} */
.popupBox div ul li:nth-child(3),
.popupBox div ul li:nth-child(5) {float:right;}
.popupBox div > ul li span.pcnone {display: inline;}


.mhead {min-height:50px;}

.mhead h1 {margin-right:50px;}
.mhead div.comSearch {float:left;width:100%; background:#eee;padding-top:0;margin-top:10px;}
	.mhead .comSearch input {width:80%;}

}

/*** Tablet  ***/
@media all and (max-width:768px){



.mhead h1 {margin-right:30px;}
/*.mhead .comSearch {float:left; width:310px;padding-top:10px;} 20171114*/
.mhead .inforight {padding-top:10px;}
/*.m_allMenu_open {margin:7px 0 0 0;}*/

}

/*** mobile Device ***/
@media all and (max-width:690px){
body {border-top:2px solid #3366CC;}

.popupBox div ul li {width:70%;}

#wrapper {background:none; }
.topHead {display:none;}

.mhead {margin-bottom:10px;}
.mhead .inforight {display:none;}
.mhead h1 {margin-left:5px;}
	

.m_allMenu_open { /*top:45px; top:145px;*/ top: 40px;}


.footer {min-height:190px; height:auto; overflow:hidden; }
.innerFoot {width:auto;padding:15px 0 0 0;}
.innerFoot,
.innerFoot ul li {float:left;padding-left:10px;}
.innerFoot ul li:first-child {padding-left:10px;}

.innerFoot .footLogo {display:none;}
.innerFoot address { text-align:center;font-size:11px ; padding:0 10px;}

}

@media all and (max-width:663px){
body {border-top:2px solid #3366CC;}
.popupBox { /*height: 160px;*/ }
.popupBox div > ul li.nextNotice { margin-top: 20px; }
}

/*** Mobile  ***/
@media all and (max-width:480px){

.popupBox {/*height:110px; height:190px;*/}
.popupBox div {width:99%; margin-top:8px;}
.popupBox div > p {font-size:12px;}
.popupBox div > ul {margin:8px 0 10px 0;}
.popupBox div ul li {width:99%; font-size:13px;}
.popupBox div > ul li a { width:130px; font-size:14px;padding:8px;}
/* .popupBox div ul li:last-child { width:auto;} */
.popupBox div ul li:nth-child(3),
.popupBox div ul li:nth-child(5) { width:auto;}
.popupBox div > ul li span.pcnone,
.popupBox div span.mnone { display:none;}

.popupBox div > ul li.nextNoticeBtn { margin-top: 0px; }

.mhead {margin-top:15px;}

.mhead .comSearch input {width:78%;}



}

.grecaptcha-badge {visibility: hidden;}