@charset "utf-8";
/* CSS Document */


html, body {  font-family : /*NanumBarunGothicLight,*/ NanumBarunGothic, Malgun Gothic, '맑은고딕'; -webkit-text-size-adjust:none;  font-size:13px; min-width:980px; }
strong, b{  font-family : NanumBarunGothic_b, NanumBarunGothic, Malgun Gothic, '맑은고딕'; }

.quick_menu { position:fixed; width:48px; top:23%; right:5%; z-index:600;}
.quick_menu ul { float:left; width:154px;}
.quick_menu ul li { float:left; width:100%;}
.quick_menu ul li a { float:left; width:100%;}
.quick_menu ul li a.bg01 { background:url(../images/main/quick_img_01_1.png) no-repeat right top;}

.quick_menu .quick_box { float:left; margin-bottom:8px;}
.quick_menu .quick_box a { float:left; position:relative;}
.quick_menu .quick_box img { width:48px; height:48px;}
.quick_menu .quick_box img.layer { position:absolute; right:26px; top:0; width:118px; height:47px; display:none;}

.visual_area:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .visual_area { min-height:1px; } /* ie7 을 위한 규칙 */
.visual_area { width:100%; position:relative; min-width:990px; height:593px;}
.visual_area a {float:left;}
.visual_area div span { font-size:0; text-indent:-9999px;}
.visual_area div.visual_01 { position:absolute; left:0; top:0; width:100%; height:593px; background:url(../images/main/main_visual01.jpg) no-repeat center top; filter: alpha(opacity:'100');}
.visual_area div.visual_02 { position:absolute; left:0; top:0; width:100%; height:593px; background:url(../images/main/main_visual02.jpg) no-repeat center top; filter: alpha(opacity:'0'); opacity:0;}
.visual_area div.visual_03 { position:absolute; left:0; top:0; width:100%; height:593px; background:url(../images/main/main_visual03.jpg) no-repeat center top; filter: alpha(opacity:'0'); opacity:0;}
.visual_area div.visual_04 { position:absolute; left:0; top:0; width:100%; height:593px; background:url(../images/main/main_visual04.jpg) no-repeat center top; filter: alpha(opacity:'0'); opacity:0;}
.visual_area div.visual_05 { position:absolute; left:0; top:0; width:100%; height:593px; background:url(../images/main/main_visual05.jpg) no-repeat center top; filter: alpha(opacity:'0'); opacity:0;}

.visual_area .visual_btn_area { position:relative; width:990px; margin:0 auto; height:74px; z-index:500; }
.visual_area .visual_btn_area .visual_btn { position:absolute; top:380px; left:0; z-index:300; }
.visual_area .visual_btn_area .visual_btn ul { float:left; }
.visual_area .visual_btn_area .visual_btn ul li { float:left; width:16px; height:16px !important; padding-top:1px;}
.visual_area .visual_btn_area .visual_btn ul li a { position:relative; float:left; width:16px; height:16px !important; background:url(../images/common/rolling_btn_off.png) no-repeat; margin:0 1px; cursor:pointer;}
.visual_area .visual_btn_area .visual_btn ul li a.on { background:url(../images/common/rolling_btn_on.png) no-repeat;}
.visual_area .visual_btn_area .visual_btn ul li a:hover { background:url(../images/common/rolling_btn_on.png) no-repeat;}
.visual_area .visual_btn_area .visual_btn ul li a:focus { background:url(/web/images/common/rolling_btn_on.png) no-repeat; }
.visual_area .visual_btn_area .visual_btn ul li a span { display:none; text-indent:-9999px;}

.visual_btn a.play_stop { float:left; margin-left:3px;}


.product_search_wrap { width:100%; padding:23px 0 22px 0; background:url(../images/common/product_search_bg.jpg) repeat-x left top;}
.product_search:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .product_search { min-height:1px; } /* ie7 을 위한 규칙 */
.product_search_wrap .product_search { width:990px; margin:0 auto; }
.product_search_wrap .product_search h2 { float:left; margin-top:11px; }
.product_search_wrap .product_search h2 a { float:left;}
.product_search_wrap .product_search input { float:left; width:171px; padding:9px 0 9px 5px; background:#fff; border:1px solid #b96209; margin-right:5px; }
.product_search_area { float:left;}
.product_search_area a { float:left;}
.product_search_area img { float:left;}
.product_search_area label { display:none; text-indent:-9999px;}


.content_area01_wrap { position:relative; width:100%; border-bottom:1px solid #d7d7d7; height:481px;  }
.content_area01_wrap .bg_layer { position:absolute; left:50%; top:0; margin-left:359px; z-index:200; }
.banner:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .banner { min-height:1px; } /* ie7 을 위한 규칙 */
.content_area01_wrap .banner { position:relative; width:990px; margin:0 auto; padding:67px 0 67px 0; overflow:hidden; }
.content_area01_wrap .banner ul { float:left; }
.content_area01_wrap .banner ul li { float:left;}
.content_area01_wrap .banner ul li a { visibility:hidden; }

.content_area01_wrap .banner ul li a img{ visibility:visible; }
.content_area01_wrap .banner .prev { position:absolute; top:226px; left:0; }
.content_area01_wrap .banner .next { position:absolute; top:226px; right:0; }

.content_area01_wrap .banner .rolling_btn_area { position:absolute; left:50%; bottom:54px;}
.content_area01_wrap .banner .rolling_btn_area a { float:left; margin-top:1px;}
.content_area01_wrap .banner .rolling_btn_area a img { float:left;}
.content_area01_wrap .banner .rolling_btn_area ul { float:left; margin-top:2px; margin-right:5px; }
.content_area01_wrap .banner .rolling_btn_area img { cursor:pointer;}
.content_area01_wrap .banner .rolling_btn_area ul li { float:left; width:16px; height:16px; background:url(../images/common/rolling_btn_off.png) no-repeat; margin:0 1px; cursor:pointer;}
.content_area01_wrap .banner .rolling_btn_area ul li.on { background:url(../images/common/rolling_btn_on.png) no-repeat;}
.content_area01_wrap .banner .rolling_btn_area ul li:hover { background:url(../images/common/rolling_btn_on.png) no-repeat;}
.content_area01_wrap .banner .rolling_btn_area ul li a { visibility:visible !important; float:left; width:100%; height:100%;}
.content_area01_wrap .banner .rolling_btn_area ul li a:focus { background:url(/web/images/common/rolling_btn_on.png) no-repeat; }
.content_area01_wrap .banner .rolling_btn_area ul li a span { display:none; text-indent:-9999px;}
.content_area01_wrap .content_area01 { width:990px; margin:0 auto;} 


.content_area02_wrap { position:relative; width:100%; background:#f7f7f7 url(../images/main/promotion_wrap_bg.jpg) no-repeat center top; border-bottom:1px solid #d7d7d7; height:596px;   }
.promotion:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .promotion { min-height:1px; } /* ie7 을 위한 규칙 */
.content_area02_wrap .promotion { width:990px; margin:0 auto; padding:50px 0;}
.content_area02_wrap .promotion .title_area { width:100%; margin-bottom:40px;}
.content_area02_wrap .promotion .title_area h3 { width:100%; text-align:center; margin-bottom:20px;}
.content_area02_wrap .promotion .title_area p { width:100%; text-align:center; font-size:15px; color:#444444;}
.promotion_list_wrap { overflow:hidden; width:100%; margin-bottom:20px;}
.promotion_list_wrap .last { margin-right:0 !important;}
.promotion_list_wrap .promotion_list_01 { float:left; width:237px; margin-right:14px;}
.promotion_list_wrap .promotion_list_01 .promotion_pic { position:relative; float:left; width:100%;}
.promotion_list_wrap .promotion_list_01 .promotion_pic img {width:237px; height:165px;}
.promotion_list_wrap .promotion_list_01 .promotion_pic .play_layer {  position:absolute; left:0; top:0; width:100%; height:109px; padding-top:56px; z-index:50; text-align:center;}
.promotion_list_wrap .promotion_list_01 .promotion_pic .play_layer img {width:66px; height:66px;}
.promotion_list_wrap .promotion_list_01 .promotion_pic p { position:absolute; left:0; bottom:0; font-size:15px; color:#ffffff; padding:8px 15px; text-align:center; z-index:100;}
.promotion_list_wrap .promotion_list_01 .promotion_pic p.bg_f3 { background:#f36f23;}
.promotion_list_wrap .promotion_list_01 .promotion_pic p.bg_10 { background:#109f97;}
.promotion_list_wrap .promotion_list_01 .promition_text { float:left; width:195px; border:1px solid #eaeaea; border-top:0; padding:25px 20px; background:#fff; }
.promotion_list_wrap .promotion_list_01 .promition_text h4 { float:left; width:100%; text-align:left; font-size:19px; color:#000000; margin-bottom:13px; line-height:1.2; }
.promotion_list_wrap .promotion_list_01 .promition_text h4 a { float:left; font-size:19px; color:#000000; width:195px;}
.promotion_list_wrap .promotion_list_01 .promition_text p { float:left; width:100%; text-align:left; font-size:14px; color:#666666; line-height:1.5; letter-spacing:-1px; /*margin-bottom:20px;*/ height:62px;}
.promotion_list_wrap .promotion_list_01 .promition_text p a { float:left; float:left; font-size:14px; color:#666666; }
.promotion_list_wrap .promotion_list_01 .promotion_more { float:left; width:100%;}
.promotion_list_wrap .promotion_list_01 .promotion_more a { float:right;}
.promotion_list_wrap .promotion_list_01 .promotion_more a img { float:left;}

.promotion_list_wrap .promotion_list_02 { float:left; width:237px; margin-right:14px;}
.promotion_list_wrap .promotion_list_02 .promotion_pic { position:relative; float:left; width:100%;}
.promotion_list_wrap .promotion_list_02 .promotion_pic img {width:237px; height:165px;}
.promotion_list_wrap .promotion_list_02 .promotion_pic .play_layer { position:absolute; left:0; top:0; width:100%; height:109px; padding-top:56px; z-index:50; text-align:center; background:none; }
.promotion_list_wrap .promotion_list_02 .promotion_pic .play_layer img {width:66px; height:66px;}
.promotion_list_wrap .promotion_list_02 .promotion_pic p { position:absolute; left:0; bottom:0; font-size:15px; color:#ffffff; padding:8px 15px; text-align:center; z-index:100;}
.promotion_list_wrap .promotion_list_02 .promotion_pic .play_layer span { display:none; text-indent:-9999px; }
.promotion_list_wrap .promotion_list_02 .promotion_pic p.bg_f3 { background:#f36f23;}
.promotion_list_wrap .promotion_list_02 .promotion_pic p.bg_10 { background:#109f97;}
.promotion_list_wrap .promotion_list_02 .promition_text { float:left; width:195px; border:1px solid #eaeaea; border-top:0; padding:25px 20px; background:#fff; }
.promotion_list_wrap .promotion_list_02 .promition_text h4 { float:left; width:100%; text-align:left; font-size:19px; color:#000000; margin-bottom:13px; line-height:1.2; }
.promotion_list_wrap .promotion_list_02 .promition_text h4 a { float:left; font-size:19px; color:#000000; width:195px; }
.promotion_list_wrap .promotion_list_02 .promition_text p { float:left; width:100%; text-align:left; font-size:14px; color:#666666; line-height:1.5; letter-spacing:-1px; margin-bottom:20px; height:42px;}
.promotion_list_wrap .promotion_list_02 .promition_text p a { float:left; float:left; font-size:14px; color:#666666; }
.promotion_list_wrap .promotion_list_02 .promotion_more { float:left; width:100%;}
.promotion_list_wrap .promotion_list_02 .promotion_more a { float:right;}
.promotion_list_wrap .promotion_list_02 .promotion_more a img { float:left;}



.content_area03_wrap { position:relative; width:100%; background:#fff url(../images/main/notice_wrap_bg.jpg) no-repeat center top; border-bottom:1px solid #d7d7d7; height:706px;   }
.notice:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .notice { min-height:1px; } /* ie7 을 위한 규칙 */
.content_area03_wrap .notice { position:relative; width:990px; margin:0 auto; padding:50px 0; padding-bottom:116px; }
.content_area03_wrap .notice .title_area { width:100%; margin-bottom:40px;}
.content_area03_wrap .notice .title_area h3 { width:100%; text-align:center; margin-bottom:20px;}
.content_area03_wrap .notice .title_area p { width:100%; text-align:center; font-size:15px; color:#444444; line-height:1.2; }
.content_area03_wrap .notice .prev { position:absolute; top:590px; right:58px; }
.content_area03_wrap .notice .next { position:absolute; top:590px; right:0px; }
.content_area03_wrap .notice .right_btn_area { position:absolute; top:590px; right:0px;}

.tab_area { width:100%; margin-bottom:40px;}
.tab_area ul{ overflow:hidden; width:433px; margin:0 auto;}
.tab_area ul li { float:left; }
.tab_area ul li a { float:left; width:107px; border:1px solid #d7d7d7; border-left:0; padding:13px 0; font-size:16px; color:#444444; text-align:center;}
.tab_area ul li a.first { border-left:1px solid #d7d7d7; color:#444444; }
.tab_area ul li a:hover { background:#0040b5; border:1px solid #003698; border-left:0; color:#fff;}
.tab_area ul li a.on { background:#0040b5; border:1px solid #003698; border-left:0; color:#fff;}
.tab_area ul li a.hover { background:#0040b5; border:1px solid #003698; border-left:0; color:#fff;}
.tab_area ul li a.first:hover { background:#0040b5; border:1px solid #003698; color:#fff;}
.tab_area ul li.first a.on  { background:#0040b5; border:1px solid #003698; color:#fff;}
.tab_area ul li.first a.hover  { background:#0040b5; border:1px solid #003698; color:#fff;}


.notice_list_wrap { overflow:hidden; width:990px; height:331px; margin:0 auto; margin-bottom:17px;}
.notice_list_wrap .last { margin-right:0;}
.notice_list_wrap2 { float:left; width:100%;}
.notice_list_wrap .notice_list_rolling { float:left; width:990px; /*margin-right:15px;*/ }

.notice_list01 { float:left; width:320px; margin-right:15px;}
.notice_list01 .notice_line { width:100%; height:4px; background:#109f97;}
.notice_list01 .notice_cont_wrap { float:left; width:278px; border:1px solid #e7e7e7; border-top:0; padding:38px 20px 0 20px;}
.notice_list01 .notice_cont_wrap .notice_cont { float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:38px; }
.notice_list01 .notice_cont h4 { float:left; width:100%; height:15px; text-align:left; margin-bottom:27px; }
.notice_list01 .notice_cont h4 img { float:left;}
.notice_list01 .notice_cont h5 { float:left; width:100%; height:22px; text-align:left; font-size:21px; color:#222222; margin-bottom:24px; overflow:hidden;}
.notice_list01 .notice_cont h5 a { float:left; width:278px; font-size:21px; color:#222; line-height:1.2; }
.notice_list01 .notice_cont p { float:left;width:100%; font-size:14px; color:#555555; line-height:1.5;}
.notice_list01 .notice_cont p a { float:left; height:94px; font-size:14px; color:#555; width:278px; }
.notice_list01 .notice_more { width:100%; float:left; padding:15px 0;}
.notice_list01 .notice_more img { float:right;}
.notice_list01 .notice_more p { float:left; font-size:13px; color:#888; margin-top:5px; line-height:1.2;}
.notice_list01 .notice_more a { float:right;}

.notice_list02 { float:left; width:320px; margin-right:15px;}
.notice_list02 .notice_line { width:100%; height:4px; background:#128bef;}
.notice_list02 .notice_cont_wrap { float:left; width:278px; border:1px solid #e7e7e7; border-top:0; padding:38px 20px 0 20px;}
.notice_list02 .notice_cont_wrap .notice_cont { float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:38px; }
.notice_list02 .notice_cont h4 { float:left; width:100%; height:15px; text-align:left; margin-bottom:27px; }
.notice_list02 .notice_cont h4 img { float:left;}
.notice_list02 .notice_cont h5 { float:left; width:100%; height:22px; text-align:left; font-size:21px; color:#222222; margin-bottom:24px; overflow:hidden;}
.notice_list02 .notice_cont h5 a { float:left; width:278px; font-size:21px; color:#222; line-height:1.2;}
.notice_list02 .notice_cont p { float:left;width:100%; font-size:14px; color:#555555; line-height:1.5;}
.notice_list02 .notice_cont p a { float:left; height:94px; font-size:14px; color:#555; width:278px;}
.notice_list02 .notice_more { width:100%; float:left; padding:15px 0;}
.notice_list02 .notice_more img { float:right;}
.notice_list02 .notice_more p { float:left; font-size:13px; color:#888; margin-top:5px; line-height:1.1; }
.notice_list02 .notice_more a { float:right;}

.notice_list03 { float:left; width:320px; margin-right:15px;}
.notice_list03 .notice_line { width:100%; height:4px; background:#eb3b4b;}
.notice_list03 .notice_cont_wrap { float:left; width:278px; border:1px solid #e7e7e7; border-top:0; padding:38px 20px 0 20px;}
.notice_list03 .notice_cont_wrap .notice_cont { float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:38px; }
.notice_list03 .notice_cont h4 { float:left; width:100%; height:15px; text-align:left; margin-bottom:27px; }
.notice_list03 .notice_cont h4 img { float:left;}
.notice_list03 .notice_cont h5 { float:left; width:100%; height:22px; text-align:left; font-size:21px; color:#222222; margin-bottom:24px; overflow:hidden;}
.notice_list03 .notice_cont h5 a { float:left; width:278px; font-size:21px; color:#222; line-height:1.2;}
.notice_list03 .notice_cont p { float:left;width:100%; font-size:14px; color:#555555; line-height:1.5;}
.notice_list03 .notice_cont p a { float:left; height:94px; font-size:14px; color:#555; width:278px; }
.notice_list03 .notice_more { width:100%; float:left; padding:15px 0;}
.notice_list03 .notice_more img { float:right;}
.notice_list03 .notice_more p { float:left; font-size:13px; color:#888; margin-top:5px; line-height:1.1;}
.notice_list03 .notice_more a { float:right;}


.content_area04_wrap { position:relative; width:100%; background:#f7f7f7; border-bottom:1px solid #d7d7d7; height:624px;   }
.recruit:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .recruit { min-height:1px; } /* ie7 을 위한 규칙 */
.content_area04_wrap .recruit { position:relative; width:990px; margin:0 auto; padding:50px 0 150px 0;}
.content_area04_wrap .recruit .title_area { width:100%; margin-bottom:40px;}
.content_area04_wrap .recruit .title_area h3 { width:100%; text-align:center; margin-bottom:20px;}
.content_area04_wrap .recruit .title_area p { width:100%; text-align:center; font-size:15px; color:#444444;}

.recruit_wrap:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .recruit_wrap { min-height:1px; } /* ie7 을 위한 규칙 */
.recruit_wrap { width:990px; margin:0 auto; }
.recruit_wrap .recruit_list { float:left; width:248px; min-height:238px; border:1px solid #e7e7e7; padding:40px;}
.recruit_wrap .bg01 { background:url(../images/main/recruit_bg01.jpg) no-repeat; }
.recruit_wrap .bg02 { background:url(../images/main/recruit_bg02_180112.jpg) no-repeat; border-left:0; }
.recruit_wrap .bg03 { background:url(../images/main/recruit_bg03.jpg) no-repeat; border-left:0; }
.recruit_wrap .recruit_list h4 { float:left; width:100%; margin-bottom:16px;}
.recruit_wrap .recruit_list h4 img { float:left;}
.recruit_wrap .recruit_list .text_box { float:left; width:100%;}
.recruit_wrap .recruit_list img { display:block; }
.recruit_wrap .recruit_list .quick_btn { float:left; margin-top:25px; }
.recruit_wrap .recruit_list .quick_btn a { float:left; font-size:15px; width:79px; padding:8px 0; border:1px solid #d1d1d1; text-align:center; }
.recruit_wrap .recruit_list .quick_btn a.color_blue { float:left; color:#0040b5;}
.recruit_wrap .recruit_list .quick_btn a.color_green { float:left; ; color:#15a065;}
.recruit_wrap .recruit_list .quick_btn a.color_orange { float:left; color:#f18d26;}


.content_area05_wrap { position:relative; width:100%; background:#3e93d8; border-bottom:1px solid #d7d7d7; height:508px;   }
.cscenter:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .cscenter { min-height:1px; } /* ie7 을 위한 규칙 */
.content_area05_wrap .cscenter { position:relative; width:990px; margin:0 auto; padding:50px 0 66px 0;}
.content_area05_wrap .cscenter .title_area { width:100%; padding-bottom:25px;  margin-bottom:16px; background:url(../images/main/cs_line.jpg) no-repeat center bottom; }
.content_area05_wrap .cscenter .title_area h3 { width:100%; text-align:center; margin-bottom:20px;}
.content_area05_wrap .cscenter .title_area p { width:100%; text-align:center; font-size:15px; color:#fff;}
.content_area05_wrap .cscenter .center_number { float:left; width:100%; text-align:center; margin-bottom:50px;}
.content_area05_wrap .cscenter .center_number p { font-size:17px; color:#ffffff; line-height:1.5; }

.center_list_wrap:after {	content:"."; display:block; height:0; clear:both; visibility:hidden;} /* float 해제방법*/
*:first-child+html .center_list_wrap { min-height:1px; } /* ie7 을 위한 규칙 */
.center_list_wrap {  width:908px; margin:0 auto;}
.center_list_wrap .center_list { float:left; width:115px; text-align:center; margin:0 52px;}
.center_list_wrap .list02 { width:144px; }
.center_list_wrap .center_list .center_pic { float:left; width:100%; text-align:center; margin-bottom:12px;}
.center_list_wrap .center_list .center_pic img { display:inline; }
.center_list_wrap .center_list .center_text { float:left; width:100%; margin-bottom:15px; text-align:center; padding-top:12px; padding-bottom:9px; }
.center_list_wrap .center_list .center_text.ptb0 { padding-top:0; padding-bottom:0; }
.center_list_wrap .center_list .center_more { float:left; width:100%; text-align:center;}
.center_list_wrap .center_list .center_more a { display:block;}



.kolon_layer{ width:420px; margin:0 auto; position:absolute; top:-3590px; left:245px; margin-left:-245px; z-index:100001; }
.layer_kolonpu .today{ overflow:hidden; padding:9px 12px; background:#3f3f3f; }

.layer_kolonpu .today_cln{ float:left; color:#fff; font-size:11px; }
.layer_kolonpu .today_cln input{ width:12px; height:11px; vertical-align:top; }
.layer_kolonpu .today_cln label{vertical-align:top; } 
.layer_kolonpu .cl_btn{float:right; width:52px; font-weight:bold; }
.layer_kolonpu .cl_btn a{display:block; width: 48px; font-size:11px; color:#fff;  background:url(/web/images/main/kolon_cl_btn.png) right -1px no-repeat; }