@charset "utf-8";

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0; font-family:HelveticaNeue-Light,Helvetica,AppleSDGothicNeo-Regular,sans-serif;}
body, input, textarea, select, button, table {font-size:14px; line-height:1.25em}
body{position:relative; background-color:#fff; color:#000;  -webkit-text-size-adjust:none}
img, fieldset{border:0}
ul, ol{list-style:none}
em, address{font-style:normal}
a{text-decoration:none}
table{border-collapse:collapse}
hr{display:none !important}
b, strong{font-weight:bold}
.u_hc, .u_skip, .u_vc, .blind, legend{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}


html{height:100%}
body{position:relative; height:100%; font-family:"NotoR", sans-serif;}
#wrap{position:relative;min-height:100%;overflow:hidden;}
#container{position:relative;background:#dcede7;/*padding-bottom:20px;*/overflow: hidden;padding-top:60px !important;}

/* 메인 header 
#header {position:relative; height:120px; padding:0 15px; border-bottom:2px solid #1f5aa0; background:#fff;}
#header .logo{width:100%; height:120px; text-indent:-10000em; background:url(/images/intro/logo.jpg) no-repeat center; background-size:230px 60px; -webkit-background-size:230px 60px;}
#header .icon_set {position:absolute; right:15px; top:30px; display:block; width:50px; height:50px; text-indent:-10000em; background:url(/images/intro/ico_toggle.gif) no-repeat center; background-size:50px auto; -webkit-background-size:50px auto}
#header .icon_search{position:absolute; left:15px; top:30px; display:block; width:50px; height:50px; text-indent:-10000em; background:url(/images/intro/ico_search.gif) no-repeat center; background-size:50px auto; -webkit-background-size:50px auto}
*/

/* mobile layout */
#tablet { width:100%}
#tabletHeader {width:100% !important; height:60px !important;margin:0 auto !important; position: fixed !important;z-index:21 !important; top:0 !important; left:0!important; border-bottom:2px solid #1f5aa0 !important; background:#fff;}
#tabletLogo {text-align:center !important; padding:10px 0 0 !important;}
#tabletLogo img{width: 155px !important; }
#tabletGnb #menuOpen {position:fixed !important; left:2.5% !important; top:15px !important; z-index: 21 !important; }
#tabletGnb #menuOpen img {width:30px !important; height:30px !important;}

/* mobile 검색영역 */
#tabletSearch #searchOpen { position:fixed !important; right:2.5% !important; top:15px !important;z-index: 21 !important; }
#tabletSearch #searchOpen img{width:30px !important; height:30px !important;}

#mSearch{ position:absolute !important; top:-90px ; left:0; z-index:18;width:100%; height:90px; background-color:#354052 !important;}
#mSearch .con p {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; width:90%; margin:0 auto; padding:21px 200px 0 0}
#mSearch .con .inputText {border-color:transparent; width:100%; background:#fff; border-radius:3px; height:39px; line-height:39px; padding:0 10px 0}
#mSearch .con .btnSearch { position:absolute; top:21px; right:90px; min-width:80px; font-size:15px}
#mSearch  .btnSearch, #mSearch  a.btnSearch { font-family:"NotoR"; display:inline-block; padding:12px 15px 11px; background-color:#f9a825 !important; font-size:16px; color:#fff !important; border:none; border-radius: 0 3px 3px 0 }
#mSearch .btnSearchClose { font-size:0; line-height:0; text-indent:-9999em; position:absolute; top:25px; right:5%; width:50px; height:45px; background:url('/images/intro/btn_search_close.png') no-repeat 50% 0; border: 0;}

/* mobile navi */
#mNavi{position:absolute;  left:-250px; top:0; width:250px; height:100%; z-index:9999; background-color:#30394a !important;}
#mNavi #mtitle{width:100%; height:50px; background:#354052 !important; border-bottom:1px solid #434d5e !important;}
#mNavi #mtitle a {z-index:10000; font-size:0; line-height:0; text-indent:-9999em; display:inline-block; width:26px; height:23px; position:absolute; left:18px; top:14px; background:url(/images/intro/btn_close.gif) no-repeat !; background-size:100% auto;}

#mNavi #mgnb .snb { width:100%; border-bottom:1px solid #535c6c; padding:5px 0; }
#mNavi #mgnb .snb, #mNavi #mgnb .snb ul li {background-color:#30394a !important;}
#mNavi #mgnb .snb li { float:left; width:30%; border-bottom:0; }
#mNavi #mgnb .snb li a { display:inline-block; font-family:"NotoR"; height:26px; line-height:26px; text-align:left; font-size:12px; color:#fff !important; vertical-align:middle}

#mNavi #mgnb ul{width:100%; overflow:hidden}
#mNavi #mgnb ul li{border-bottom:1px solid #535c6c !important; background-color:#30394a !important; position:relative}
#mNavi #mgnb ul li a{display:block; padding:0 0 0 20px; height:42px; line-height:42px; font-size:16px; font-family:"NotoM"; color:#fff}
#mNavi #mgnb ul li a:hover, #mNavi #mgnb ul li a:focus, #mNavi #mgnb ul li a:active{color:#2eaced !important;}

#mNavi #mgnb ul li ul{display:none; background-color:#202631 !important; padding:10px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background-color:#202631 !important;}
#mNavi #mgnb ul li ul li a{display:block; padding:0 0 0 20px; height:28px; line-height:28px; font-size:14px; font-family:"NotoR"; color:#fff}
#mNavi #mgnb ul li ul li a:hover, #mNavi #mgnb ul li ul li a:focus, #mNavi #mgnb ul li ul li a:active{color:#2eaced !important;}

#mNavi #mgnb ul li ul li ul{ display:none; background-color:#202631 !important; padding:4px 0;}
#mNavi #mgnb ul li ul li ul li{border-bottom:0; background-color:#202631 !important;}
#mNavi #mgnb ul li ul li ul li a{display:block; padding:0 0 0 30px; height:22px; line-height:22px; font-size:12px; font-family:"NotoR"; color:#ccc}
#mNavi #mgnb ul li ul li ul li a:hover, #mNavi #mgnb ul li ul li ul li a:focus, #mNavi #mgnb ul li ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li.row > a:before,
#mNavi #mgnb ul li ul li.row > a:after {display:block; position:absolute; background-color:#a7a8aa; content:'';}
#mNavi #mgnb ul li ul li.row > a:before {width:9px; height:1px; right:18px; top:14px;}
#mNavi #mgnb ul li ul li.row > a:after {width:1px; height:9px; right:22px; top:10px;}
#mNavi #mgnb ul li ul li.on > a:after { display:none}



/* 비주얼 */
.visual {width:100%; }
.visual img {width:100%;    min-height: 150px; }

.main_content {position:relative; margin-top:10px !important; min-height:0px !important;  }

/* 공지사항 */
.MC_box4{position:relative; width:100%; height:230px; }
.notice{position:relative; width:85%; height:100%; margin:0 auto; overflow:hidden;}
.notice h2{position:absolute; left: 10px; top:0; width:160px; height:40px; background:#00b599; border-radius:50px; color:#fff; font-size:22px; font-weight:bold; line-height:40px; text-align:center; z-index:5; letter-spacing:-1px; font-family:"NotoR";}
.notice .list_box{position:absolute; top:20px; width:98%; height:190px; border-radius:10px; border: 1px solid #e5e5e5; background:#fff; box-shadow: 5px 5px 5px #c6c2c2;}
.notice .list_box ul{width:80%; height:180px; margin:35px auto 0; overflow:hidden;}
.notice .list_box li{position:relative;  font-family:"NotoM"; padding:0 0 0 10px; line-height:30px; overflow:hidden; letter-spacing: -1px;}
.notice .list_box li:before {content:""; position:absolute; left:0; top:15px; width:5px; height:5px; background:#007f6b; border-radius:50px;}
.notice .list_box li:before {content:""; position:absolute; left:0; top:15px; width:5px; height:5px; background:#007f6b; border-radius:50px;}
.notice .list_box li a{display:block; margin:0 80px 0 0; color:#444444; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice .list_box li a:hover{text-decoration: underline;}
.notice .list_box li span.date{display:block; position:absolute; top:0; right:0; text-align:right; color:#777; font-size:16px; font-family:"NotoR";}
.notice .btn_more{position:absolute; top:0;  left: 10px; width:80px; height:40px; margin-left:120px; background:#007f6b url(/images/intro/btn_more.png) no-repeat 48px center; background-size:20px; border-radius:50px; text-indent:-9999em; z-index:2;}



/* 링크1 */
/*.m_link {margin:20px 0 0;}*/
.m_link li {width:33.3333%;margin:0;float:left;text-align:center; font-size:20px; font-family:"NotoR";}
.m_link li.link1 {margin-left:0; background:url(/images/intro/M_link01.png) no-repeat center 20px #00b7b3; background-size:25%;}
.m_link li.link2 {background:url(/images/intro/M_link02.png) no-repeat center 20px #0383ce;  background-size:25%;}
.m_link li.link3 {background:url(/images/intro/M_link03.png) no-repeat center 20px #3cb878;  background-size:25%;}

.m_link li.link4 {margin-left:0; background:url(/images/intro/M_link04.png) no-repeat center 30px #f56b4d; background-size:25%; }
.m_link li.link5 {background:url(/images/intro/M_link05.png) no-repeat center 30px #fbb82b;  background-size:25%;}
.m_link li.link6 {background:url(/images/intro/M_link06.png) no-repeat center 30px #f18039;  background-size:25%;}
.m_link li a {display:block;color:#fff;padding-top: 55px; line-height: 3em;}
.m_link li a:hover{text-decoration: underline; }
.main_visual {margin: 0px !important; width:100% !important; }
.main_content{width: 100% !important;}
/* 푸터 footer */
.intro_area_footer {margin:0px !important;position:relative !important;padding: 15px 0 15px 0 !important;line-height:20px;text-align:left;color:#666;letter-spacing:-1px;overflow:hidden; font-family:"NotoR"; background: #f6f6f6 !important;}
.intro_area_footer .intro_copy {position:relative!important;  text-align:center; line-height:1.2em; font-size:17px; letter-spacing:-1px;}

/* footer */
.intro_area_footer {position:relative;z-index:20;padding:0 0 30px;border-top:1px solid #dbd8d3;background:#fff;}
.intro_box_footer {position:relative; width:980px; margin:0 auto;}
.intro_footer_link {font-family:'NotoR';font-size:14px;margin: 0 0 10px;/* border-bottom:1px solid #dbd8d3; */overflow:hidden;}
.intro_footer_link li {float:left; line-height:40px;}
.intro_footer_link li a { display:block; padding:0 16px; letter-spacing:-1px; color:#333; }
.intro_footer_link li:first-child a { padding-left:0; background-image:none;}
.intro_box_footer .intro_box_info{ font-size:12px; font-family:'돋움',Dotum; color:#eee;}
.intro_box_footer .intro_box_info address{line-height:18px; color:#666; font-style:normal; }
.intro_box_footer .intro_box_info span{ margin-left:10px;}
.intro_copy {font-family:'돋움',Dotum; font-size:12px; color:#555; padding:3px 0 0;}
.intro_footer_link li a{font-weight:900 !important;}
.intro_footer_link li.point1 a {color:#405dfd; }


/********** media query mobile *************/
@media screen and (max-width: 800px){
	
	.intro_area_footer,
	.intro_box_footer,
	.intro_footer_link li { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	
	/* footer */
	.intro_box_footer {width:95%; }
	.intro_footer_link {margin:10px 0; border-bottom:none;}
	.intro_footer_link li { width:33.33%; line-height:30px; border:1px solid #ddd; background:none}
	.intro_footer_link li a {background-color:#fbfbfb; text-align:center; padding:0; background-image:none }
	.intro_footer_link li:nth-child(4), .intro_footer_link li:nth-child(5) {  border-top:0}
	.intro_footer_link li:nth-child(2), .intro_footer_link li:nth-child(3), .intro_footer_link li:nth-child(5) { border-left:0}
	.intro_box_footer .intro_box_info span{display:block; margin-left:0;}

}

@media (max-width:560px) {
	
	
		/* footer */
	.intro_footer_link li { width:50%}
	.intro_footer_link li:nth-child(3), .intro_footer_link li:nth-child(5){ border-left:1px solid #ddd !important;}
	.intro_footer_link li:nth-child(3){  border-top:0}
	.intro_footer_link li:nth-child(4) { border-left:0 !important}
	
}

@media screen and (max-width: 480px){
	
	/* footer */
	.intro_footer_link li { width:100%}
	.intro_footer_link li:nth-child(2), .intro_footer_link li:nth-child(4), .intro_footer_link li:nth-child(5){ border-left:1px solid #ddd !important;}
	.intro_footer_link li:nth-child(2){  border-top:0 !important}


}