@charset "utf-8";
html, body { height:100%;}
body { font-size:16px;}
#wrapper { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap { position:relative; width:1200px; margin:0 auto; }

/* header */
#header { position:relative; height:160px; z-index:100;}
.header_in { height:100px;}
.header_in h1 { float:left; padding-top:32px;}

.header_in .right { float:right; padding-top:31px;}
.header_in .search { float:left;}
.header_in .search input[type="text"] { background:#ededeb; height:38px; line-height:38px; color:#666; border-radius:20px; border:none; padding-left:20px; width:200px;}
.header_in .search input[type="submit"] { background:url(../images/common/btn_search.png) no-repeat center; text-indent:-9999px; width:38px; height:38px; border:none; cursor:pointer; margin-left:8px;} 

.header_in .sns { float:left;}
.header_in .sns li { float:left;}
.header_in .sns li a { text-indent:-9999px; width:38px; height:38px; display:block; margin-left:8px;}
.header_in .sns li a.chungbuk { background:url(../images/common/btn_cblogo.png) no-repeat center; background-size:cover;}
.header_in .sns li a.youtube { background:url(../images/common/btn_youtube.png) no-repeat center; background-size:cover;}
.header_in .sns li a.nblog { background:url(../images/common/btn_blog.png) no-repeat center; background-size:cover;}
.header_in .sns li a.facebook { background:url(../images/common/btn_facebook.png) no-repeat center; background-size:cover;}
.header_in .sns li a.twitter { background:url(../images/common/btn_twitter2.png) no-repeat center; background-size:cover;}
.header_in .sns li a.kakao { background:url(../images/common/btn_kakao.png) no-repeat center; background-size:cover;}
.header_in .sns li a.instar { background:url(../images/common/btn_instar.png) no-repeat center; background-size:cover;}
.header_in .sns li a.cbk { background:url(../images/common/btn_cbk.png) no-repeat center; background-size:cover;}

.header_in #gnb { float:left;}
.header_in #gnb li { float:left; margin-left:24px; line-height:38px;}
.header_in #gnb li a { color:#666; font-size:15px;}
.header_in #gnb li a:hover { text-decoration:underline;}

.t_c{text-align:center;}
.t_l{text-align:left;}
.t_r{text-align:right;}
/* 모바일 메뉴 */

#m_gnb .btn_sitemap { display:none;}

#lnb { position:absolute; width:100%; z-index:100; background:url(../images/common/bg_lnb.jpg) no-repeat center top; border-top:1px solid #d1d1d1;border-bottom:1px solid #e5e5e5;}
#lnb .lnb_wrap { position:relative; overflow:hidden; visibility:hidden; height:360px;}
#lnb .lnb_wrap > ul { margin:0 0 0 90px;}
#lnb .lnb_wrap > ul > li { float:left; width:16.6%;}
#lnb .lnb_wrap > ul > li > a { display:inline-block; font-size:20px; color:#333; height:60px; line-height:60px;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#9c67bf; }
#lnb .lnb_sub { margin-bottom:20px;}
#lnb .lnb_sub li { padding-bottom:2px;}
#lnb .lnb_sub li a { display:block; color:#666; padding:2px 0; font-size:15px;}
#lnb .lnb_sub li a:hover { color:#ff8658; text-decoration:underline;}

/* container */
#container { position:relative;}

/* footer */
#footer .btn_footer { border-top:3px solid #253b52; border-bottom:1px solid #e1e1e1; padding:10px 0;}
#footer .btn_footer li { float:left; padding-right:25px;;}
#footer .btn_footer li a { color:#404040;}

#footer .site_info { padding:25px 0; color:#666;}
#footer .site_info .footer_logo { float:left; padding:30px 60px;}
#footer .site_info .desc .pa_left { padding-left:15px;}

#footer .btn_top { position:absolute; top:0; right:0;}
#footer .btn_top a { color:#414141;}

.gw_go{position:absolute;width:115px;height:35px;line-height:35px;padding-left:40px;border:1px solid #dedede;background:#fff url(../images/common/gw_logo2.gif) no-repeat 13px center;top:25px;right:0;font-size:13px !important;}
.gw_go a{text-decoration:none; width:115px;height:35px;color:#404040;}

@media all and (max-width:1100px) {
.gw_go{right:0px; top:53px;}
 
}
@media all and (max-width:560px) {
.gw_go{position:relative;width:100%; height:35px;line-height:35px; border:1px solid #dedede;background:#fff url(../images/common/gw_logo2.gif) no-repeat 2% center; margin:10px 0 20px 0; top:0;font-size:15px !important;left:0; box-sizing: border-box;}
.gw_go a{text-decoration:none; width:90%;height:35px;color:#404040;}
 
}

/* sitemap */
 
#sitemap {display:none; display:block; position:relative; z-index:5000;}
#sitemap .m_menu { position:absolute; top:0; right:-200px; width:200px; background:#fff; z-index:5000; }
#sitemap .m_menu .close { background:url(../images/common/btn_close_m.png) no-repeat right top; background-size:100%; width:60px; height:60px; display:block; text-indent:-9999px; position:absolute; top:0; right:0;}
#sitemap .m_menu h2 { line-height:60px; color:#333; font-size:1.4em; padding-left:20px; background:#fff; text-indent:-9999px;}

#sitemap .m_menu h3 a { color:#333; font-size:20px; font-weight:300; display:block; padding:15px 0; text-align:center;}
#sitemap .m_menu h3.on a { color:#333; }
#sitemap .m_menu .depth1 { background:none;}
#sitemap .m_menu .depth2 { display:none;}
#sitemap .m_menu .depth2 li a { font-size:15px; color:rgba(255, 255, 255, 0.8); display:block; padding:15px 25px; text-align:left; background:rgba(7, 47, 92, 1); border-bottom:1px solid rgba(255, 255, 255, 0.2);}

#sitemap .m_menu .depth2 li.on a { background:rgba(0, 0, 0, 0.1); }
#sitemap .m_menu .depth3 { background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a { font-size:1em; display:block; padding:10px 20px 10px 35px; background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a:before { content:"· ";}
#sitemap .shadow_bg { width:100%; height:100%; position:fixed; left:0; top:0;  background:rgba(0, 0, 0, 0.8); z-index:10; display:none; }

/* 태블릿 가로 */
@media all and (max-width:1260px) {
#wrapper { width:100%; min-width:100%;}
.wrap { width:95%;}
}

/* 태블릿 세로 */
@media all and (max-width:1000px) {
#wrapper {min-width:320px;}
#header { height:80px; border-bottom:1px solid #ddd;}
.header_in { height:auto;}
.header_in h1 { padding-top:25px; display:inline-block; width:auto; overflow:hidden;}
.header_in h1 img { height:30px;}
.header_in .right { float:right; padding-top:22px; padding-right:80px;}
.header_in #gnb li { margin-left:0;}
.header_in #gnb .login { text-indent:-9999px; width:38px; height:38px; display:block; margin-left:8px; background:url(../images/common/btn_login.png) no-repeat center; background-size:cover;}
.header_in #gnb .all_menu { display:none;}
#m_gnb { display:block; position:absolute; top:0; right:0;}
#m_gnb .btn_sitemap { display:block; width:80px; height:80px; text-indent:-9999px; background:url(../images/common/btn_sitemap.png) no-repeat center; background-size:35px;}
#lnb { display:none;}

#footer { font-size:14px;}
#footer .site_info .footer_logo { float:left; padding:5px 30px 20px 10px;}
}

/* 모바일 가로 */
@media all and (max-width:1000px) {
	.header_in .search { display:none;}
	.header_in .sns { display:none;}
	
}
@media all and (max-width:736px) {
#header .wrap { width:100%;}
.header_in h1 { padding-left:10px;}

#footer .site_info { font-size:13px;}
#footer .site_info .footer_logo { float:left; padding:5px 20px 0 0;}
}

/* 모바일 세로 */
@media all and (max-width:560px) {
#footer .site_info{height:120px;}
#footer .site_info .footer_logo { display:none;}
#footer .site_info .desc .pa_left { padding-left:0; display:block;}
}

@media all and (max-width:400px) {
	.header_in h1 {
		padding-top: 30px;
	}	
.header_in h1 img { height:26px;}
}


/* Box Design */
			.con_box01 { position:relative; width:96%; border:1px solid #e5e5e5; margin-top:10px; margin-bottom:10px; padding:13px 3% 19px 0; font-size:14px; color:#666; line-height:22px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fff; } 
			.con_box01_ { position:relative; border:1px solid #e5e5e5; margin-bottom:10px; padding:13px 0 19px 0; font-size:14px; color:#666; line-height:22px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fff; }
			 
/***********************************************************************************************************************************************************************/
/* 블릿디자인 ************************************************************************************************************************************************************/
	/* PC ***********************************************/
		/* Icon Design */
			.icon_h3 {  clear:both;overflow:hidden;position:relative;  padding-left:23px; font-size:21px; color:#2d2d2d; line-height:24px; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h3.gif") no-repeat left 3px; }
			.icon_h4 { clear:both;overflow:hidden; position:relative; margin-top:11px; margin-left:12px; padding-left:25px; font-size:18px; color:#2d2d2d; line-height:24px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h4.gif") no-repeat 8px 5px; }
			.icon_h5 {  clear:both;overflow:hidden;position:relative; margin-top:10px; margin-left:33px; padding-left:26px; font-size:18px; color:#2d2d2d; line-height:24px; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h5.gif") no-repeat 4px 8px; }
			.icon_h6 {  clear:both;overflow:hidden;position:relative; margin-top:10px; margin-left:43px; padding-left:18px; font-size:16px; color:#2d2d2d; line-height:24px; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h6.gif") no-repeat 4px 8px; }

			 
			.icon_h4_ {  clear:both;overflow:hidden;position:relative; margin-top:11px;  padding-left:17px; font-size:18px; color:#2d2d2d; line-height:24px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h4.gif") no-repeat left 5px; }
			.icon_h5_ {  clear:both;overflow:hidden;position:relative; margin-top:10px;   padding-left:26px; font-size:18px; color:#2d2d2d; line-height:24px; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h5.gif") no-repeat 4px 8px; }
			.icon_h6_ {  clear:both;overflow:hidden;position:relative; margin-top:10px;  margin-left:5px;padding-left:18px; font-size:16px; color:#2d2d2d; line-height:24px; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h6.gif") no-repeat 4px 8px; }

			/* UL Design */
			ul.icon_ul01 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:30px; }
			ul.icon_ul01 li { padding:3px 0px 8px 14px; font-size:16px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat left 11px; }
			ul.icon_ul02 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:45px; }
			ul.icon_ul02 li { padding:3px 0px 3px 12px; font-size:16px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 12px; }
			ul.icon_ul03 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:55px; }
			ul.icon_ul03 li { padding:3px 0px 3px 12px; font-size:15px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 12px; }

			ul.icon_ul04 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:40px; }
			ul.icon_ul04 li { padding:3px 0px 3px 12px; font-size:15px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all;   }
			ul.icon_ul01 li a:hover{text-decoration:underline;}
			ul.icon_ul01_ { clear:both;overflow:hidden; position:relative; margin-top:10px;  margin-left:10px;}
			ul.icon_ul01_ li { padding:3px 0px 3px 14px; font-size:16px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat left 11px; }
			ul.icon_ul02_ { clear:both;overflow:hidden; position:relative; margin-top:10px;  margin-left:10px; }
			ul.icon_ul02_ li { padding:3px 0px 3px 12px; font-size:16px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 12px; }
			ul.icon_ul03_ {  clear:both;overflow:hidden;position:relative; margin-top:10px;   margin-left:10px; }
			ul.icon_ul03_ li { padding:3px 0px 3px 12px; font-size:15px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 12px; }

			ul.icon_ul04_ { clear:both;overflow:hidden; position:relative; margin-top:10px;   margin-left:10px;}
			ul.icon_ul04_ li { padding:3px 0px 3px 12px; font-size:15px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all;}

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

			/* Box Design */
			.con_box01 {  clear:both;overflow:hidden;position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:22px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fff; }

			/* Icon Design */
			.icon_h3 { clear:both;overflow:hidden;position:relative; padding-left:25px; font-size:18px; color:#2b2b2b; line-height:22px;   letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h3.gif") no-repeat left 5px; }
			.icon_h4 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:10px; padding-left:25px; font-size:18px; color:#2b2b2b; line-height:22px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h4.gif") no-repeat 2px 6px; }
			.icon_h5 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:20px; padding-left:26px; font-size:18px; color:#2b2b2b; line-height:22px;   letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h5.gif") no-repeat 4px 8px; }

			.icon_h4_ { clear:both;overflow:hidden; position:relative; margin-top:10px; padding-left:25px; font-size:18px; color:#2b2b2b; line-height:22px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h4.gif") no-repeat 2px 6px; }
			.icon_h5_ { clear:both;overflow:hidden; position:relative; margin-top:10px; padding-left:26px; font-size:18px; color:#2b2b2b; line-height:22px;letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h5.gif") no-repeat 4px 8px; }

			/* UL Design */
			ul.icon_ul01 {  clear:both;overflow:hidden;position:relative; margin-top:10px; margin-left:25px; }
			ul.icon_ul01 li { padding:3px 0px 10px 17px; font-size:16px; color:#444; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat left 11px; }
			ul.icon_ul02 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:30px; }
			ul.icon_ul02 li { padding:3px 0px 3px 12px; font-size:16px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 12px; }
			ul.icon_ul03 { clear:both;overflow:hidden; position:relative; margin-top:10px; margin-left:35px; }
			ul.icon_ul03 li { padding:3px 0px 3px 12px; font-size:15px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 13px; }
			ul.icon_ul01_ { clear:both;overflow:hidden; position:relative; margin-top:10px;   margin-left:10px;}
			ul.icon_ul01_ li { padding:3px 0px 3px 22px; font-size:16px; color:#444; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat 5px 11px; }
			ul.icon_ul02_ { clear:both;overflow:hidden; position:relative; margin-top:10px;   margin-left:10px;}
			ul.icon_ul02_ li { padding:3px 0px 3px 22px; font-size:16px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat 10px 12px; }
			ul.icon_ul03_ { clear:both;overflow:hidden; position:relative; margin-top:10px;   margin-left:10px; }
			ul.icon_ul03_ li { padding:3px 0px 3px 22px; font-size:15px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat 10px 12px; }

			}

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

	/* Box Design */
			.con_box01 { position:relative; width:95%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:22px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fff; }
		/* Icon Design */
			.icon_h3 { position:relative; margin-top:30px; padding-left:25px; font-size:16px; color:#2b2b2b; line-height:22px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h3.gif") no-repeat left 5px; }
			.icon_h4 { position:relative; margin-top:10px; margin-left:10px; padding-left:25px; font-size:16px; color:#2b2b2b; line-height:22px;   letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h4.gif") no-repeat 2px 6px; }
			.icon_h5 { position:relative; margin-top:10px; margin-left:20px; padding-left:26px; font-size:16px; color:#2b2b2b; line-height:22px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h5.gif") no-repeat 4px 8px; }
			.icon_h4_ { position:relative; margin-top:10px; padding-left:25px; font-size:16px; color:#2b2b2b; line-height:22px;  letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h4.gif") no-repeat 2px 6px; }
			.icon_h5_ { position:relative; margin-top:10px; padding-left:26px; font-size:16px; color:#2b2b2b; line-height:22px;   letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_h5.gif") no-repeat 4px 8px; }

			/* UL Design */
			ul.icon_ul01 { position:relative; margin-top:10px; margin-left:25px; }
			ul.icon_ul01 li { padding:3px 0px 3px 17px; font-size:14px; color:#444; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat left 10px; }
			ul.icon_ul02 { position:relative; margin-top:10px; margin-left:30px; }
			ul.icon_ul02 li { padding:3px 0px 3px 12px; font-size:14px; color:#666; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 12px; }
			ul.icon_ul03 { position:relative; margin-top:10px; margin-left:35px; }
			ul.icon_ul03 li { padding:3px 0px 3px 12px; font-size:14px; color:#666; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 13px; }
			ul.icon_ul01_ { position:relative; margin-top:10px;   margin-left:10px;}
			ul.icon_ul01_ li { padding:3px 0px 3px 22px; font-size:14px; color:#444; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat 5px 10px; }
			ul.icon_ul02_ { position:relative; margin-top:10px;  margin-left:10px; }
			ul.icon_ul02_ li { padding:3px 0px 3px 22px; font-size:14px; color:#666; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat 10px 12px; }
			ul.icon_ul03_ { position:relative; margin-top:10px;   margin-left:10px;}
			ul.icon_ul03_ li { padding:3px 0px 3px 22px; font-size:14px; color:#666; line-height:22px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat 10px 13px; }

			 

		}

	@media all and (max-width:640px) {	
		.mimi {width: auto !important;}
		.mimi ul.icon_ul04 { margin-left :0 !important;}
	}