@charset "utf-8";

html, body { height:100%;  }

.overBg{width:100%;height:100%;background:black;position:absolute;z-index:999;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-webkit-opacity: 0.5;display:none;}
.overBg-noclick{width:100%;height:100%;background:black;position:absolute;z-index:999;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-webkit-opacity: 0.5;display:none;}

#fixRight { position:fixed; top:0px; right:0px; width:90px; height:100%; background:#272727; z-index:10000000; }
#fixRight a:link,
#fixRight a:visited,
#fixRight a:active,
#fixRight a:hover { color:#fff; }
#fixRight dl dt {height:100px;}
#fixRight dl dt, #fixRight dl dd { text-align:center; font-size:13px; letter-spacing:-0.5px; }
#fixRight dl dt { padding:75px 0; background:#343399; }
#fixRight dl dt.go_ch8 { background:#1d60ae; }
#fixRight dl dd { font-family:'arial', 'Malgun Gothic', '¸¼Àº °íµñ'; padding:22px 0; border-bottom:1px solid #494949; }
#fixRight .fold { position:absolute; top:280px; left:-14px; }

/* »çÀÌµå »ó´Ü.ÇÏ´Ü */
.wrapFixright_btns { 
	position:absolute;
	bottom:0;
	left:0;
}
.fixright_btns { width:100%; float:left; }
.fixright_btns li { 
	width:100%;
	float:left;
	height:27px;
	line-height:35px;
	padding:8px 0;
}
.fixright_btns li a { 
	display:block;
	border-top:1px solid #494949;
	text-align:center !important; 
}

#all_wrap{height:100%;overflow: hidden;min-width:1260px;}
#all_wrap > .wrap_inner{width:200%;height:100%;position: relative;margin-left:-100%;}
#all_wrap.basic > .wrap_inner{margin-left:0%;}
#all_wrap > .wrap_inner:after{content: "";display: block;clear: both;}
#all_wrap > .wrap_inner section{width:50%;height: 100%;float: left;overflow-x: hidden;overflow-y: scroll;position: relative;-webkit-overflow-scrolling: touch;}

#all_wrap > .wrap_inner section#areaBasic{background:#ececec;}

/*#all_wrap > .wrap_inner > section > .areaInner{position: relative;}*/



/* °øÅë */
.basic_wrap .container { width:100%; position:relative; z-index:1px; padding-bottom:50px; } 
.basic_wrap .container .container_inner { max-width:1200px; margin:0 auto; text-align:center; }
.basic_wrap .container:after { content:''; display:block; clear:both; }
.basic_wrap .container h3 { font-size:40px; color:#fff; letter-spacing:-4px; }
.basic_wrap .container h3.black { color:#000; }
.basic_wrap .container h4 { font-size:17px; letter-spacing:-2px; color:#fff; margin-top:5px; line-height:130%; }
.basic_wrap .container h4.black { color:#666; }
.basic_wrap input::-ms-clear {display:none;}
.basic_wrap input { outline:none; }
.basic_wrap .b_fff { background:#fff; }
.basic_wrap .clear { clear:both; display:block; }



/*·¹À̾ƿô*/
.basic_wrap #contents { width:100%; height:auto; height:auto; overflow:hidden; }
.basic_wrap #contents:after { content:''; display:block; clear:both; }
.basic_wrap #bodyWrap { width:100%; float:left; }


/*GNB*/
.basic_wrap #top {position:relative; width:100%; background:#fff; min-height:154px; border-bottom:1px solid #d9d9d9; }
.basic_wrap #top .gnbWrap { margin:0 auto; width:1200px; min-height:154px;  }
.basic_wrap .gnbWrap .gnb_inner .global_tit{ float:left;position:relative;}
.basic_wrap .gnbWrap .gnb_inner h1.logo {  position:absolute; top:35px; left:0px;  }
.basic_wrap .gnbWrap .gnb_inner .allmenu { position:absolute; top:102px; left:0px;  }
.basic_wrap .gnbWrap .gnb_inner .allmenu img { width:35px; height:27px; }

/*
.basic_wrap .gnbWrap .gnb_inner h2 a:link,
.basic_wrap .gnbWrap .gnb_inner h2 a:visited,
.basic_wrap .gnbWrap .gnb_inner h2 a:active { color:#000; }
.basic_wrap .gnbWrap .gnb_inner h2 a:hover { color:#f34f3e; border-bottom:3px solid #f34f3e; display:inline-block; height:50px; }
*/

.basic_wrap .gnbWrap .gnb_inner .gnbNavi {text-align:left; float:left; padding-left:29px;margin-top:102px;}
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap{display:inline-block;}
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap h2 { font-weight:bold; font-size:17px; letter-spacing:-1px; }
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap { float:left; /*padding-left:43px;*/display:inline-block;}
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu {position:absolute; top:155px; left:0; width:100%;background:#fff; z-index:2100;display:none; height: 500px !important;}
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp {display:block; position:relative; padding-top:40px; width:1200px; margin:0px auto; z-index:2100; overflow:hidden;}


.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp .para { float:left; width:25%; }
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp dl + dl { padding:25px 0 0 0; }
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp dl img { display:inline-block; vertical-align:top; padding:4px 0 0 3px; }
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp dt { font-size:15px; font-weight:bold; } 
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp dd { font-size:13px; padding-top:7px; }

.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp a:link,
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp a:visited,
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp a:active { color:#272727; letter-spacing:-1px; } 
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap .sub_menu .gnbDepWarp a:hover { color:#f34f3e; text-decoration:underline; letter-spacing:-1px; font-weight:bold; }


.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap.active .sub_menu {display:block !important;}
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap h2 a:first-child{/* margin-left:40px;*/ margin-left:30px; }
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap h2 a{display:block;height:50px;padding:0px 15px; }
.basic_wrap .gnbWrap .gnb_inner .gnbNavi li.menu_depthWrap h2 a.active {color:#f34f3e; border-bottom:3px solid #f34f3e;}


/*¼­ºê GNB*/
.basic_wrap .submapWrap { 
	z-index:5;
	position:relative;
	display:block;
	width:100%;
	height:52px;
	background:#fff;
	border-bottom:1px solid #d9d9d9;
}
.basic_wrap .submapWrap .submap { 
	position:relative;
	max-width:1200px;
	margin:0 auto;
	}
.basic_wrap .submapWrap .submap .home {
	width:58px;
	text-align:center;
	float:left;
	border-left:1px solid #d9d9d9;
	height:52px;
	padding:0;
	}

/* ¼­ºê¸Ê Àç¼öÁ¤ */
.basic_wrap .submap .home {
	background:url('/common/img/gnb/home.gif') center center no-repeat;	
}


.basic_wrap .submap .select_list {
	/*overflow:hidden;*/
	position:relative;
	display:inline-block;
	min-width:200px;
	height:52px;
	border-left:1px solid #dfdfdf;
	font-size:13px;
	line-height:53px;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left;
}



.basic_wrap .submap .select_list .headline {
	display:block;
	/*overflow:hidden;*/
	z-index:111;
	width:225px;
	font-weight:bold;
	height:52px;
	white-space:nowrap;
	vertical-align:top;
	color:#222;
	background:url('/common/img/gnb/btn_fold.gif') 95% center no-repeat;
	text-indent:20px;
}

.basic_wrap .submap .select_list .headline.on{
	background:url('/common/img/gnb/btn_unfold.gif') 95% center no-repeat;
	color:#f34f3e;
}

.basic_wrap .submap .select_list .headline.last{width:230px;}

.basic_wrap .submap .select_list .brdfdfdf { border-right:1px solid #dfdfdf; }
.basic_wrap .submap .select_list .sMenuG {
	display:block;
	background:#fff;
	min-width:229px;
	margin-top:1px;
	margin-left:-1px;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	position:absolute;	
}

.basic_wrap .submap .select_list .sMenuG.off{border-bottom:none;}

.basic_wrap .submap .select_list .sMenuG>ul{display:none;}
.basic_wrap .submap .select_list .sMenuG ul {min-width:200px;}

.basic_wrap .submap .select_list .sMenuG ul li{position:relative;}

.basic_wrap .submap .select_list .sMenuG ul li ul.low-depth{position:absolute;top:-1px;left:231px;display:block;border:1px solid #d9d9d9;margin-left:-1px;background:#fff;display:none;}


.basic_wrap .submap .select_list .sMenuG li a:link,
.basic_wrap .submap .select_list .sMenuG li a:visited,
.basic_wrap .submap .select_list .sMenuG li a:active{ 
	color:#222;
	padding:12px 10px 12px 20px;
	display:inline-block;
	min-width:200px;
	background:#fff url('/common/img/gnb/btn_go.gif') 90% center no-repeat;
}

.basic_wrap .submap .select_list .sMenuG li.on>a,
.basic_wrap .submap .select_list .sMenuG li a:hover {
	color:#f34f3e;
	background:#fff url('/common/img/gnb/btn_go_on.gif') 90% center no-repeat;
}

.basic_wrap .submap .select_list .sMenuG ul li a.no-depth, .basic_wrap .submap .select_list .sMenuG ul.third-depth li a{
	background-image:none !important;
}

/* ·Î±×ÀÎâ + Á¢¼ÓÁ¤º¸Ã¢ */
.basic_wrap .gnbWrap .gnb_inner_r { position:relative; }
.basic_wrap .gnb_inner_r .mbLogin { position:absolute; top:33px; right:0px; }
.basic_wrap .gnb_inner_r .mbLogin li { display:inline; letter-spacing:-1px; }
.basic_wrap .gnb_inner_r .mbLogin li span.name { font-size:15px; font-weight:bold; }
.basic_wrap .gnb_inner_r .mbLogin li.mypage{ display:inline-block; vertical-align:bottom; height:20px; background:url('/common/img/gnb/gnb_line.gif') 0px 0px no-repeat; padding-left:10px; }
.basic_wrap .gnb_inner_r .mbLogin li.mypage span.mp { font-weight:bold; }
.basic_wrap .gnb_inner_r .mbLogin li.mypage a:link,
.basic_wrap .gnb_inner_r .mbLogin li.mypage a:visited,
.basic_wrap .gnb_inner_r .mbLogin li.mypage a:active,
.basic_wrap .gnb_inner_r .mbLogin li.mypage a:hover { color:#222; }
.basic_wrap .gnb_inner_r .mbLogin li.mypage img { vertical-align:bottom; padding-left:4px; }

.basic_wrap .join_inner { position:absolute; right:0px; top:100px; /* top:92px; */ }
.basic_wrap .scWrap { float:left; padding-right:13px; }
.basic_wrap .join_inner li { display:inline; font-weight:bold; }
.basic_wrap .join_inner .radius {
	padding:13px 24px;
	border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; }
.basic_wrap .join_inner .join { border:1px solid #d8d8d8; color:#000; margin-left:13px; }
.basic_wrap .join_inner .log { border:1px solid #343399; background:#343399; }
.basic_wrap .join_inner .join a:link, .join_inner .join a:visited, .join_inner .join a:active, .join_inner .join a:hover { color:#000; }
.basic_wrap .join_inner .log a:link, .join_inner .log a:visited, .join_inner .log a:active, .join_inner .log a:hover { color:#fff; }




/* °Ë»öâ */
.basic_wrap #area_search { position:absolute; top:154px; left:0px; width:100%; background-color:#f1f1f1; background-color:rgba(249, 249, 249, 0.9); 
	box-shadow:0px 1px 3px #ddd; opacity:1; top:100%; visibility:visible; 
	-webkit-transition: opacity .4s ease-in-out, top .4s ease-in-out, visibility .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out, top .4s ease-in-out, visibility .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out, top .4s ease-in-out, visibility .4s ease-in-out;
  transition: opacity .4s ease-in-out, top .4s ease-in-out, visibility .4s ease-in-out;
  display:none;}
.basic_wrap #area_search.on { opacity:1; top:100%; visibility:visible; z-index:99; }
.basic_wrap #area_search .inner { width:100%; border-top:1px solid #d9d9d9; }
.basic_wrap #area_search .inner .serchArea { max-width:1200px; margin:0 auto; padding:25px 0; }
.basic_wrap #area_search .inner .serchArea .i_search { position:relative; margin:0 auto; width:980px; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #d9d9d9; }
.basic_wrap #area_search .inner input::-ms-clear {display:none;}
.basic_wrap #area_search .inner input { outline:none; }
.basic_wrap #area_search .inner .serchArea label { position:absolute; left:0px; bottom:20px; font-size:20px; letter-spacing:-1px; color:#272727; cursor:text; }
.basic_wrap #area_search .inner .serchArea .btn_search { position:absolute; right:0px; bottom:20px; border:none; background:none; }
.basic_wrap #area_search .inner .serchArea .i_search .ip_search {	padding:20px 0; width:100%; font-size:20px; letter-spacing:-3px; border:none; background:none;}


.solidtype01{padding-left:5px;}

/* ¸¶ÀÌÆäÀÌÁö */
.basic_wrap .mypage .mypageSub { position:absolute; top:0px; right:0px; /*border:1px solid #7f7ed4;*/ z-index:9999; margin-top:30px; }
.basic_wrap .mypage .mypageSub ul.mpSin { border:1px solid #7f7ed4; background:#fff; padding:5px 15px 15px 15px; display:none; min-width:100px;}
.basic_wrap .mypage .mypageSub ul.mpSin li { display:block; }
.basic_wrap .mypage .mypageSub ul.mpSin li a:link,
.basic_wrap .mypage .mypageSub ul.mpSin li a:visited,
.basic_wrap .mypage .mypageSub ul.mpSin li a:active { font-size:12px; color:#797979; text-align:center; padding-top:10px; display:block; }
.basic_wrap .mypage .mypageSub ul.mpSin li a:hover { font-size:12px; color:#343399; text-decoration:underline; }



/* »çÀÌÆ®¸Ê */
.basic_wrap .scs_sitemap { position:absolute; width:100%; top:155px; z-index:9998; display:none;}
.basic_wrap .scs_sitemap .sitemapWrap { width:1200px; margin:0 auto; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner { background:#fff; border:1px solid #d9d9d9; border-top:none;padding-bottom:30px; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul { width:100%; display:inline-block; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01
	{ float:left; min-width:20%; display:inline-block; text-align:center; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 h2 a { display:inline-block; font-size:16px; color:#343399;
	font-weight:bold; margin:30px 0 25px 0; text-align:center; height:14px; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 span.ic { padding-left:8px; display:inline-block;
 background:url('/common/img/sitemap/btn_site_h2.gif') bottom right no-repeat; width:14px; height:14px; vertical-align:middle; }
 
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li
 { clear:both; border-bottom:1px solid #ececec; padding:10px 0; text-align:left; text-indent:7px;}
 

 
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.on
 { border-bottom:none; } 
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.on > a:link,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.on > a:visited,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.on > a:active {
	font-size:14px; color:#000; display:inline-block;	width:100%; font-weight:bold; 
  background:url('/common/img/sitemap/btn_site_plusOFF.gif') 85% center no-repeat; color:#000; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li > a:link,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li > a:visited,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li > a:active {
	font-size:14px; color:#000; display:inline-block;	width:100%;		
	background:url('/common/img/sitemap/btn_site_plusON.gif') 85% center no-repeat;  }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul > li > ul.sstit
 { display:none; background:#fafafa; padding:15px; margin-top:10px; text-indent:0px; padding-left:15px;}
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul > li > ul.sstit > li > a:link,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul > li > ul.sstit > li > a:visited,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul > li > ul.sstit > li > a:active
 { font-size:13px; color:#5b5b5b; line-height:180%; }
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul > li > ul.sstit > li > a:hover
 { color:#343399; text-decoration:underline; }
 
 
 
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.no-depth > a:link,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.no-depth > a:visited,
.basic_wrap .scs_sitemap .sitemapWrap .sitemap_inner > ul > li.section01 > ul.stit > li.no-depth > a:active { background:none !important;}