/* CSS Document */

/*¿£ÆÄ°í´Ù ¸ÞÀÎ*/
.wrap_main {
	z-index: 5;
	background: url("/renewal/images//common/wh_pt.png") repeat scroll 0 0 transparent;
	height:73px;
	width:100%;
	position: relative;
}
.header {
	margin:0 auto;
	width:1000px;
	text-align:left;
	z-index: 1000;
	position: relative;
}
.top-util {
	font-weight:bold;
	display: inline;
	float: right;
	margin-right: 220px;
	margin-top: 44px;
	overflow: hidden;
}
.top-util ul li {
	display: inline-block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	z-index: 5002;
}
/*GNB*/
.gnb_bar {
		/*
	background-clip: padding-box;
	background-color: #b1b4b8;
	background-image: linear-gradient(#e8eaea, #b1b4b8);
	background: #e8eaea; 
	background: -moz-linear-gradient(top, #e8eaea 0%, #b1b4b8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8eaea), color-stop(100%, #b1b4b8)); 
	background: -webkit-linear-gradient(top, #e8eaea 0%, #b1b4b8 100%); 
	background: -o-linear-gradient(top, #e8eaea 0%, #b1b4b8 100%); 
	background: -ms-linear-gradient(top, #e8eaea 0%, #b1b4b8 100%); 
	background: linear-gradient(to bottom, #e8eaea 0%, #b1b4b8 100%); 
 	
	border: 1px solid #d3d3d3;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaea', endColorstr='#b1b4b8', GradientType=0 ); 
	position: relative;
	*/
	background: url("/renewal/images/main/gnb_bar_bg.png") repeat-x;
	height:46px;
	width:100%;
	
}
.gnb_menu {
	width:1000px;
	margin:0 auto;
	display: block;
	position: relative;
	z-index:7000;
	/*height:46px;*/
}
.gnb_menu ul li {
	display:block;
	/*loat: left;*/
	font-size:15px;
}


#gnb LI UL LI {
    background: url("/images/common/ico/sNavi_line.gif") no-repeat scroll right center transparent;
    display: inline;
    float: left;
    margin-right: 8px;
    padding-right: 11px;
    position: static;
}


.gnb_menu ul li a {
	color: #434343;
	font-weight:bold;
	display: inline-block;
	letter-spacing:-0.03px;
}


.sel00 a{ position:absolute; left:-1px; top:0; width:2px; height:40px}
.sel01 a{ position:absolute; left:0; top:0; }
.sel02 a{ position:absolute; left:110px; top:0; }
.sel03 a{ position:absolute; left:215px; top:0; }
.sel04 a{ position:absolute; left:319px; top:0; }
.sel05 a{ position:absolute; left:431px; top:0; }
.sel06 a{ position:absolute; left:546px; top:0; }
.sel07 a{ position:absolute; left:649px; top:0; }

/*
.gnb-one-depth .g1
{ background: url("/renewal/images//main/gnb_ver.png") no-repeat 100% 10px ;  }
*/

/*.sel01 a:hover.p_s1{width:108px; height:44px;}
.sel01 a.p_s1{width:108px; height:44px;}
.sel02 a:hover.p_s2{padding: 13px 38px}
.sel02 a.p_s2{padding: 13px 39px}
.sel03 a:hover.p_s3{padding: 13px 37px}
.sel03 a.p_s3{padding: 13px 38px}
.sel04 a:hover.p_s4{padding: 13px 34px }
.sel04 a.p_s4{padding: 13px 35px}
.sel05 a:hover.p_s5{padding: 13px 35px  }
.sel05 a.p_s5{padding: 13px 36px}
.sel06 a:hover.p_s6{padding: 13px 23px}
.sel06 a.p_s6{padding: 13px 24px}
.sel07 a:hover.p_s7{padding: 13px 25px}
.sel07 a.p_s7{padding: 13px 26px}*/

.sel01 a:hover.p_s1{padding: 13px 40px;}
.sel01 a.p_s1{padding: 13px 41px  }
.sel02 a:hover.p_s2{padding: 13px 38px}
.sel02 a.p_s2{padding: 13px 39px}
.sel03 a:hover.p_s3{padding: 13px 37px}
.sel03 a.p_s3{padding: 13px 38px}
.sel04 a:hover.p_s4{padding: 13px 34px }
.sel04 a.p_s4{padding: 13px 35px}
.sel05 a:hover.p_s5{padding: 13px 35px  }
.sel05 a.p_s5{padding: 13px 36px}
.sel06 a:hover.p_s6{padding: 13px 23px}
.sel06 a.p_s6{padding: 13px 24px}
.sel07 a:hover.p_s7{padding: 13px 25px}
.sel07 a.p_s7{padding: 13px 26px}

/*.sel01 a:hover.p_s1{padding: 14px 39px !important; }
.sel01 a.p_s1{padding: 14px 40px !important; }
.sel02 a:hover.p_s2{padding: 14px 38px !important; }
.sel02 a.p_s2{padding: 14px 39px !important; }
.sel03 a:hover.p_s3{padding: 14px 37px !important; }
.sel03 a.p_s3{padding: 14px 38px !important; }
.sel04 a:hover.p_s4{padding: 14px 35px !important; }
.sel04 a.p_s4{padding: 14px 36px !important; }
.sel05 a:hover.p_s5{padding: 14px 35px !important; }
.sel05 a.p_s5{padding: 14px 36px !important; }
.sel06 a:hover.p_s6{padding: 14px 23px !important; }
.sel06 a.p_s6{padding: 14px 24px !important; }
.sel07 a:hover.p_s7{padding: 14px 25px !important; }
.sel07 a.p_s7{padding: 14px 26px !important; }*/

.gnb_menu ul li a.g1:hover,
.gnb_menu ul li a.g1.on{
	/*padding: 12px 34px;*/
	color:#ffffff;
	background: url("/renewal/images//menu/gnb1depth_bg.png") repeat-x scroll 0 0 transparent;
	/*switch to sassbackground: #49bced;  Old browsers */
	/*background: -moz-linear-gradient(top, #49bced 0%, #0f87b9 99%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49bced), color-stop(99%,#0f87b9));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #49bced 0%,#0f87b9 99%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #49bced 0%,#0f87b9 99%);  Opera 11.10+ */
	/*background: -ms-linear-gradient(top, #49bced 0%,#0f87b9 99%);  IE10+ */
	/*background: linear-gradient(to bottom, #49bced 0%,#0f87b9 99%);  W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49bced', endColorstr='#0f87b9',GradientType=0 );  IE6-9 */
	border:#3f9ec6 solid 1px;
}
.arr{background: url("/renewal/images//common/common_img.png") no-repeat scroll 0 -174px; height:28px; display:inline-block;  margin:18px auto 0;}


/*2depth*/
.sel01 .gnb_two_depth{
	background: url("/renewal/images//menu/gnb2depth_bg.png") no-repeat scroll 0 0 transparent;
	z-index:6000;
	width:763px;
	height:180px;
	position:absolute;
	top:46px;
	left:0;
	display:block;
	overflow:hidden
}
.gnb_two_depth ul li{ font-size:12px; display:block}
.gnb_two_depth ul li a.g2{font-size:12px; color:#272727; padding:2px 0; text-align:center; display:block; font-weight:normal; clear:both; position:static;}
.gnb_two_depth ul li a.g2:hover{color:#0098db;  background: url("/renewal/images//menu/gnb2depth_libg.png") repeat-x scroll 0 0 transparent; /*background: rgba(138,138,138,0.2) repeat scroll 0 0; IE8 opacity:0.3; filter:Alpha(opacity=03); */  padding:2px 0; border:none ;}
.sel01 .gt_d1, .sel01 .gt_d2, .sel01 .gt_d3, .sel01 .gt_d4, .sel01 .gt_d5, .sel01 .gt_d6, .sel01 .gt_d7
{display:inline-block;  padding-top:9px; background: url("/renewal/images//menu/gnb_line.png") no-repeat scroll right 4px transparent; float:left; height:152px; position:relative;}
.sel01 .gt_d1{width:110px;}
.sel01 .gt_d2{width:105px;}
.sel01 .gt_d3{width:104px;}
.sel01 .gt_d4{width:112px;}
.sel01 .gt_d5{width:115px;}
.sel01 .gt_d6{width:103px;}
.sel01 .gt_d7{width:108px; background:none}

.other_s{ position:absolute; top:10px; right:1px; text-align:left; width:200px; }
.g_btn{
 padding:4px 11px;
 border-radius: 3px 3px 3px 3px;
 font-weight:bold;
 background: url("/renewal/images//main/s_btnbg.png") repeat-x scroll 0 0 transparent;
 border:1px solid #c1c1c1;
}
.other_s a{ display:inline-block; float:left; margin-right:5px;}
.other_s a.g_btn:hover{ border:2px solid #3fb3e4; color:#666666; /**/ padding:3px 10px;}
.talkool_b, nshop_b{ margin-right:5px; }
.talkool_ico{background: url("/renewal/images//common/common_img.png") no-repeat scroll 0 -90px;  width:10px; height:18px; display:inline-block; position:absolute; left:9px;  top:5px;}
.nshop_ico{padding:2px 0 1px 0;}
/* GNB end*/

.logo {
	top :30px;
	left: 1px;
	position: absolute;
	z-index: 1;
}
.logo h1 {
	display:inline;
}
.slogan img {
	padding:8px 0 0 30px
}
.top_memu {
	display:inline-block;
}
.top_search:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.top_search {
	height: 26px;
	overflow: hidden;
	position: absolute;
	right: 1px;
	top: 40px;
}
.top_search .sch_box {
	background: none repeat scroll 0 0 #dbdcdd;
	border: medium none;
	width:160px;
	float: left;
}
.sch {
	height:26px;
	overflow:hidden
}
/*search_btn{ background: url("/renewal/images//common/common_img.png") no-repeat scroll 8px -16px, linear-gradient(#49bced, #0f87b9) repeat scroll 0 0%, url("/renewal/images//common/common_img.png") #0f87b9 no-repeat scroll 8px -16px ;
    border: 0 none;
    float: right;
    height: 26px;
	margin-left:5px;}*/
.search_btn {
	padding:5px 3px;
	border: 1px solid #3fb3e4;
	float: left;
	height: 26px;
	margin-left:5px;
}
.top_search button[type="submit"] {
	background: url("/renewal/images//common/common_img.png") #3fb3e4 no-repeat scroll 7px -17px
}
.top_search button[type="submit"]:hover, .top_search button[type="submit"]:focus {
	background: url("/renewal/images//common/common_img.png") #107aa6 no-repeat scroll 7px -17px
}

/*¸ÞÀÎ ¹è³Ê ¿µ¿ª*/
#container{ width:100%; background: url("/renewal/images//main/main_babg.png") repeat scroll 0 0 transparent; height:497px;  clear:both; position:relative; text-align:center}
.main_bannerbg{background: url("/renewal/images//main/main_frame.png") no-repeat scroll 0 0 transparent; width:1249px; margin:0 auto; height:497px; overflow:hidden; text-align:center}
.main_bbox{width:984px; height:428px; margin:37px auto 0; overflow:hidden}

#container1{ width:1000px; margin:0 auto; position:relative; padding-bottom: 150px; overflow:hidden}

/*·¹À̾î Æ˾÷*/
.layer_popup{ clear:both; height:28px; width:1000px; margin:0 wuto; position:relative; background: url("/renewal/images//main/l_pop_bg.png") no-repeat scroll 0 0; text-align:center; display:inline-block; padding-top:9px; }
.layer_popup a{ display:block; height:28px; width:1000px;}
.layer_popup a.event_tit{ font-size:14px; font-weight:bold; text-shadow: 0px -1px 0px rgba(3, 136, 192, 0); color:#fff; overflow:hidden;}/*text-shadow: 0 0 0 transparent, -1px -1px 0 rgba(3, 136, 192, 0);*/
.layer_popup a.close_btn{background: url("/renewal/images//main/close_btn.png") no-repeat scroll 0 0 transparent; width:9px; height:9px; position:absolute; top:7px; right:10px;}
.layer_popup a.close_btn:hover{background: url("/renewal/images//main/close_btn_ov.png") no-repeat scroll 0 0 transparent;}

/*¸ÞÀÎ ÄÁÅÙÃ÷ ¹è³Ê ¿µ¿ª*/
.con_area1{ overflow:hidden}
.con_area1 h2{background: url("/renewal/images//main/con_tit_hr1.png") no-repeat scroll right bottom transparent; float:none; display:block}
.con_area2 h2{background: url("/renewal/images//main/con_tit_hr2.png") no-repeat scroll right bottom transparent; float:none; display:block}
.con_area3 h2{background: url("/renewal/images//main/con_tit_hr3.png") no-repeat scroll right bottom transparent; float:none; display:block}
.b_box{ width:322px; height:346px; border:1px solid #d6d6d6; display:inline-block; margin-top:14px; float:left; padding-top:9px; position:relative;}

.m_T14{margin-top:14px;}
.m_R13{margin-right:13px;}
.m_R20{margin-right:20px;}
.f_L{ float:left}
.f_R{ float:right}
.blank_25p{ clear:both; height:25px; display:block}
.pro_thumb{ width:302px; height:275px; margin:0 auto; background-color:#dcdcdc ;z-index:10}
.pro_txt{padding:15px 0 0 15px; display:inline-block; margin-left:15px;  }
.pro_txt ul li{ line-height:18px; font-weight:bold; list-style:disc; text-indent:-3px; text-align:left; vertical-align:middle;}
.mpm_ico{background: url("/renewal/images//common/pmp_ico.png") no-repeat scroll 0 0 transparent; width:31px; height:15px; display:inline-block; vertical-align:middle; margin-left:4px;}
.cell_ico{background: url("/renewal/images//common/cell_ico.png") no-repeat scroll 0 0 transparent; width:50px; height:15px; display:inline-block; vertical-align:middle; margin-left:4px;}
.thumb_btn a,
.thumb_btn1 a,
.thumb_btn2 a{background: url("/renewal/images//main/thumb_btn_gray.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; position:absolute; top:304px; right:15px}
.thumb_btn a:hover{background: url("/renewal/images//main/thumb_btn_blue.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; position:absolute; top:304px; right:15px}
.thumb_btn1 a:hover{background: url("/renewal/images//main/thumb_btn_red.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; position:absolute; top:304px; right:15px}
.thumb_btn2 a:hover{background: url("/renewal/images//main/thumb_btn_green.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; position:absolute; top:304px; right:15px}
	
	
/*ǪÅÍ ¿µ¿ª*/
#footer{width:100%; background: url("/renewal/images//common/bl_pt.png") repeat scroll 0 0 transparent; overflow:hidden; border-top:3px solid #069bda;  padding-top:40px; z-index:10}
.footer_menu{ width:970px; margin:0 auto;   overflow:hidden ; padding-left:16px;}/*border:1px solid #fff;*/
.footer_menu ul li{ display:inline-block; float:left ;}
.footer_top{ font-weight:bold; color:#d7d7d7; font-size:13px; margin:0 0 10px 0; display:block}
.footer_d2{color:#a6a6a6; font-size:12px; margin:0 10px 0 2px;}
.footer_d2 ul li{margin-bottom:1px; float:left}
.footer_d2 ul li a{display:block;  clear: both; padding:0 3px; color:#a6a6a6}
.footer_d2 ul li a.fg2:hover{ background-color:#0099d9; color:#fff}
.w98{width:98px;}
.w90{width:90px;}
.w80{width:80px;}
.w93{width:93px;}
.w77{width:77px;}
.w78{width:78px;}
.w83{width:83px;}
.w86{width:86px;}
.w73{width:73px;}
.w78{width:78px;}
.w86{width:86px;}
.w88{width:88px;}
.w70{width:70px;}

.footer_info{ border-top:1px solid #4c4f53; display:block; overflow:hidden;; height:100px; width:1000px; margin-top:30px;  padding:15px 0; text-align:left; font-size:11px; color: #A6A6A6; position:relative; letter-spacing:0.3px;}
.footer_info a{color: #A6A6A6;}
.footer_info a:hover{color: #5ec5f1}
.footer_info .cr{padding-top:15px; display:block; float:left}
.footer_info{ display:inline-block}
.info_menu{padding-left:30px; display:block; position:absolute;  top:54px; left:0px}
.info_menu ul li{padding:0 4px}


/*·Î±×ÀÎ ÆäÀÌÁö*/
.wrap_mainlog {
	z-index: 5;
	background: url("/renewal/images//common/wh_pt.png") repeat scroll 0 0 transparent;
	width:100%;
	position: relative;
	overflow:hidden ;
	min-height:600px
}
.gray_top{height:10px; width:100%; background-color:#dfe0e2; position:absolute; top:0; left:0; }
.container_log{width:1000px;  margin:0 auto; padding-top:107px; overflow:hidden}/*height:356px;*/
.container_log h1{padding:0 0 6px 129px;}
.login_box{width:748px; height:356px; margin:0 auto; background: url("/renewal/images//main/login_boxbg.png") no-repeat scroll 0 0 transparent;}
.login_box1{ overflow:hidden; padding:54px 0 0 0; width:342px; position:relative; margin-left:30px; float:left}/*width:343px;*/
.login_box1 dl dd,
.login_box1 dl dt{ display:inline; line-height:22px;}
.login_box1 input{margin-bottom:5px;}
/*.login_box1 dl dd{ padding:0 0 7px 6px;}*/
.no_mar{ margin:0px !important}
.w158{min-width:158px}
.w140{min-width:140px}
.login_box1 ul li{ display:inline-block;}
.my_id ul li{ display:inline; line-height:22px}
.my_id{ display:block; position:absolute; top:121px; right:72px;overflow:hidden; text-align:left} 
.login_btn a{color:#ffffff;
			background: url("/renewal/images//main/login_btnbg.png") repeat-x scroll 0 0 transparent;
			border:#3f9ec6 solid 1px;
			border-radius: 3px 3px 3px 3px;
    		font-weight: bold;
    		padding-top:20px;
			text-align:center;
			width:77px;
			height:38px;
			font-size:15px;
			display:block}	
.login_btn a:hover{ border:1px solid #7bd8ff}
.login_btn{ position:absolute; top:56px; right:35px}
.sign{width:315px; border-top:1px solid #dfe0e2; padding-top:25px; overflow:hidden; text-align:center; margin:23px auto 0; clear:both; font-size:14px; font-weight:bold}
.sign_btn{  padding-top:12px; display:block}
.sign_btn a{    background: url("/renewal/images//main/signbtn_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #3F9EC6;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 28px;
    padding-top: 10px;
    text-align: center;
    width: 137px;
	margin:0 auto
	}
.sign_btn a:hover{ border:1px solid #7bd8ff}
.login_box2{width:365px; height:298px; float:right; margin:8px 8px 0 0;}