@import "base.css";

/* skip navigation */
#skipnav {position:absolute; top:0; left:22px; z-index:1000000000000000000000000;}
#skipnav a {position:absolute; top:-9999px; z-index:1000000000000000000000000;}
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus {top:0; width:180px; color:#000; font-weight:bold; text-align:center; display:inline-block; background-color:#fff; border:3px solid #ddd; padding:5px 0;}
a {cursor: pointer;}

.header_wrap {position:relative; width:100%; height:61px; background:url('../images/common/bg_top.gif') repeat-x left top; border-bottom:2px solid #110c37;}
.header_wrap .header_inner {position:relative; width:978px; height:61px; margin:0 auto;}
.header_wrap .header_inner h1 {display:block; float:left; width:201px; height:43px; border-right:1px solid #e0e2e7; padding-top:18px;}
.header_wrap .header_inner .gnb_area {float:left;}
.header_wrap .header_inner .gnb_area .gnb {float:left; width:680px;}
.header_wrap .header_inner .gnb_area .gnb li {float:left; background:none;}
.header_wrap .header_inner .gnb_area .all_menu {float:left;}
.header_wrap .header_inner .gnb_area .all_menu dd {padding:26px 14px 0 0;}

.s_menu_wrap {position:absolute; top:63px; left:0; width:100%; z-index:100;}
.s_menu_wrap .s_menu_inner {width:976px; height:158px; margin:0 auto; background:#f8f8f8; border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3;}
.s_menu_wrap .s_menu_inner .s_menu ul {float:left; height:141px; padding:17px 0 0 15px; border-right:1px solid #dadada;}
.s_menu_wrap .s_menu_inner .s_menu ul.sm1 {width:82px; border-left:1px solid #dadada; margin-left:200px;}
.s_menu_wrap .s_menu_inner .s_menu ul.sm2 {width:99px;}
.s_menu_wrap .s_menu_inner .s_menu ul.sm3 {width:93px;}
.s_menu_wrap .s_menu_inner .s_menu ul.sm4 {width:83px;}
.s_menu_wrap .s_menu_inner .s_menu li {height:20px; font-size:11px; color:#333;}
.s_menu_wrap .s_menu_inner .s_menu li a {color:#333;}
.s_menu_wrap .online_list {float:right; width:165px; padding:15px 0 0 0;}
.s_menu_wrap .online_list p.tit {height:25px; font-weight:bold; color:#30323d;}
.s_menu_wrap .online_list ul {border-right:none;}
.s_menu_wrap .online_list li {height:20px; padding-left:17px; background:url('../images/common/icon_list.gif') no-repeat left top;}
.s_menu_wrap .online_list li a {color:#010101;}

.footer_wrap {clear:both; width:100%;}
.footer_wrap .footer_inner {width:978px; height:96px; font-family:'Tahoma'; font-size:11px; color:#666; padding-top:25px; margin:0 auto; text-align:center; border-top:1px solid #6e6e6e;}


/* main */
.main_container_wrap {width:100%;}
.main_container_wrap .container_inner {width:978px; margin:0 auto; border-top:1px solid #cdcdcd;}

.main_vis_wrap {width:100%; height:404px;}
.main_vis_wrap .main_vis_inner {position:relative; width:978px; margin:0 auto;}
.main_vis_wrap .main_vis_inner p {position:absolute; top:298px; left:0;}
.main_vis_wrap .main_vis_inner p a {margin-right:10px;}

.main_cont_l {float:left; border-right:1px solid #e6e6e6;}
.main_cont_l dd {border-bottom:1px solid #e6e6e6;}
.main_cont_l dd.last {border-bottom:none;}

.main_cont_r {float:left;}
.main_cont_r dd.online {width:314px; height:122px; background:url('../images/main/bg_main01.gif') no-repeat left top; border-bottom:1px solid #e6e6e6; text-align:center;}
.main_cont_r dd.online p.txt {height:55px; padding:18px 0 0 0;}
.main_cont_r dd.ask {border-bottom:1px solid #e6e6e6;}
.main_cont_r dd.btm_btns {padding:17px 0 0 17px;}
.main_cont_r dd.btm_btns p {height:47px;}


/* sub */
.sub_container_wrap {width:100%;}
.sub_container_wrap:after {content:""; display:block; clear:both;} 
.sub_container_wrap .container_inner {width:978px; margin:0 auto; padding-bottom:280px; background:url('../images/common/bg_sub.gif') repeat-y left top;}
.sub_container_wrap .container_inner:after {content:""; display:block; clear:both;}
.sub_container_wrap .container_inner .contents {float:left; width:777px; padding-top:22px;}

.lnb_wrap {float:left; width:201px;}
.lnb_wrap p.tit {width:157px; height:41px; background:#fff; border-bottom:2px solid #373b47; padding-top:22px;}
.lnb_wrap .lnb {width:156px; background:#fff;}
.lnb_wrap .lnb li {height:49px; border-bottom:1px solid #dee0e5;}
.lnb_wrap .lnb_btm {width:148px; height:162px; background:#fff; margin:4px 0 18px 4px; text-align:center;}
.lnb_wrap .lnb_btm .txt01 {margin:11px 0 17px 0;}
.lnb_wrap .txt02 {margin:0 0 24px 7px;}
.lnb_wrap .btm_btns li {height:45px; padding:0 0 0 7px;}

.tit_box {height:31px; padding:10px 0 0 0; border-bottom:2px solid #373b47; margin-bottom:19px;}

.tab_ty1 {height:28px; border-bottom:1px solid #c3c3c3;}
.tab_ty1 li {float:left; padding-right:3px;}
.tab_ty1 li a {display:block; width:86px; height:29px; color:#fff; background:#98A1AF; line-height:31px; text-align:center; text-decoration:none;}
.tab_ty1 li a.on {font-weight:bold; background:#6585d6;}
.tab_ty1 li a:hover {background:#6585d6;}

.product_box_top_wrap {height:73px; background:url('../images/product/bg_box01.gif') no-repeat bottom left; margin-bottom:36px;}
.product_box_top_wrap .inner {height:38px; padding:28px 0 0 33px; border:1px solid #c3c3c3; border-top:none;}
.product_box_top_wrap .inner li {float:left; width:180px; height: 31px;}
.product_box_top_wrap .inner li.last {width:100px;}
.product_box_top_wrap .inner li a {color:#666; background:url('../images/product/blit_arr2.gif') no-repeat left 0px top 0px; padding-left:16px; text-decoration:none;}
.product_box_top_wrap .inner li a.on {font-weight:bold; color:#4c74b4; background:url('../images/product/blit_arr.gif') no-repeat left top 0px; padding-left:16px;}
.product_box_top_wrap .inner li a:hover {text-decoration: underline;}

.product_box_top_wrap {height:73px; background:url('../images/product/bg_box01.gif') no-repeat bottom left; margin-bottom:36px;}
.product_box_top_wrap .inner2 {height:83px; padding:4px 0 0 33px; border:1px solid #c3c3c3; border-top:none;}
.product_box_top_wrap .inner2 li {float:left; width:185px; margin-top: 10px;}
.product_box_top_wrap .inner2 li.last {}
.product_box_top_wrap .inner2 li a {color:#666; background:url('../images/product/blit_arr2.gif') no-repeat left 0px top 0px; padding-left:16px; text-decoration:none;}
.product_box_top_wrap .inner2 li a.on {font-weight:bold; color:#4c74b4; background:url('../images/product/blit_arr.gif') no-repeat left top 0px; padding-left:16px;}
.product_box_top_wrap .inner2 li a:hover {text-decoration: underline;}

.product_box_top_wrap {height:73px; background:url('../images/product/bg_box01.gif') no-repeat bottom left; margin-bottom:36px;}
.product_box_top_wrap .inner3 {height:38px; padding:28px 0 0 33px; border:1px solid #c3c3c3; border-top:none;}
.product_box_top_wrap .inner3 li {float:left; width:194px;}
.product_box_top_wrap .inner3 li.last {width:100px;}
.product_box_top_wrap .inner3 li a {color:#666; background:url('../images/product/blit_arr2.gif') no-repeat left 0px top 0px; padding-left:16px; text-decoration:none;}
.product_box_top_wrap .inner3 li a.on {font-weight:bold; color:#4c74b4; background:url('../images/product/blit_arr.gif') no-repeat left top 0px; padding-left:16px;}
.product_box_top_wrap .inner3 li a:hover {text-decoration: underline;}


.product_box_top_wrap2 {height:73px; background:url('../images/product/bg_box01.gif') no-repeat bottom left; margin-bottom:36px;}
.product_box_top_wrap2.mar2 {margin-bottom:10px;}
.product_box_top_wrap2 .inner {height:38px; padding:28px 0 0 33px; border:1px solid #c3c3c3; border-top:none;}
.product_box_top_wrap2 .inner li {float:left; width:177px;}
.product_box_top_wrap2 .inner li.last {width:177px;}
.product_box_top_wrap2 .inner li a {color:#666; background:url('../images/product/blit_arr2.gif') no-repeat left 0px top 0px; padding-left:16px; text-decoration:none;}
.product_box_top_wrap2 .inner li a.on {font-weight:bold; color:#4c74b4; background:url('../images/product/blit_arr.gif') no-repeat left top 0px; padding-left:16px;}
.product_box_top_wrap2 .inner li a:hover {text-decoration: underline;}

.product_box_top_wrap_n {height:105px; background:url('../images/product/bg_box01.gif') no-repeat bottom left; margin-bottom:36px;}
.product_box_top_wrap_n .inner {height:71px; padding:28px 0 0 33px; border:1px solid #c3c3c3; border-top:none;}
.product_box_top_wrap_n .inner li {float:left; width:180px; height: 31px;}
.product_box_top_wrap_n .inner li.last {width:100px;}
.product_box_top_wrap_n .inner li a {color:#666; background:url('../images/product/blit_arr2.gif') no-repeat left 0px top 0px; padding-left:16px; text-decoration:none;}
.product_box_top_wrap_n .inner li a.on {font-weight:bold; color:#4c74b4; background:url('../images/product/blit_arr.gif') no-repeat left top 0px; padding-left:16px;}
.product_box_top_wrap_n .inner li a:hover {text-decoration: underline;}

.product_box_top_wrap_n .inner2 {height:119px; padding:4px 0 0 33px; border:1px solid #c3c3c3; border-top:none;}
.product_box_top_wrap_n .inner2 li {float:left; width:185px; margin-top: 18px;}
.product_box_top_wrap_n .inner2 li.last {}
.product_box_top_wrap_n .inner2 li a {color:#666; background:url('../images/product/blit_arr2.gif') no-repeat left 0px top 0px; padding-left:16px; text-decoration:none;}
.product_box_top_wrap_n .inner2 li a.on {font-weight:bold; color:#4c74b4; background:url('../images/product/blit_arr.gif') no-repeat left top 0px; padding-left:16px;}
.product_box_top_wrap_n .inner2 li a:hover {text-decoration: underline;}


.stit_ty1 {height:34px; font-weight:bold; font-size:19px; color:#252525; line-height:19px;}
.stit_ty1 span {color:#4c74b4;}

.cont_box_ty1 {}
.cont_box_ty1 p.txt01 {height:36px; padding:28px 0 0 0;}

.guide_list {padding-top:17px;}
.guide_list li {clear:both; display:inline-block; padding:12px 0 9px 0; background:url('../images/product/bg_dot01.gif') repeat-x left bottom;}
.guide_list li p.stit {float:left; width:136px; padding:2px 0 0 26px;}
.guide_list li p.txt {float:left; width:615px; color:#757575; line-height:18px;}

.guide_img_box01 {padding:29px 0 13px 0;}
.guide_img_box02 {height:53px;}

/*»ùÇÃ*/
.ad978 {width: 1041px;height: 71px;margin: 204px 0 0 0; text-align: center; background: #000;}
.ad260a {width:260px; height:277px; margin: 410px 0 0 781px;;}
.ad260b {width:260px; height:185px; margin:-32px 0 0 418px;}
.ad260c {width:260px; height:185px; margin: 546px 0 0 781px;}
.ad362 {width:362px; height:104px; margin:1088px 0 0 679px;}
.ti1{width:310px; height:320px; margin: 285px 0 0 0px;}
.ti2{width:460px; height:320px; margin: 285px 0 0 0px;}
.ti3{width:699px; height:320px; margin: 285px 0 0 0px;}
.ti4{width:1041px; height:320px; margin: 285px 0 0 0px; text-align: center; background:#000; }
.to{bottom: 0; height: 155px; position: fixed; right: 0; width: 220px; z-index: 1000;}
.ti_left{background:url("../images/sample/left_bg.jpg") no-repeat scroll 0 0;}
.ti_right{background:url("../images/sample/right_bg.jpg") no-repeat scroll 0 0;}
.tosc{top: 0;height: 55px;position: fixed;right: 0; width: 100%;z-index: 1000;text-align: center;background: #000;}

/*sub2*/
.guide_step_box li {height:25px; font-size:13px; padding-top:11px; border-bottom:1px solid #ececec;}
.guide_step_box li p {float:left; color:#4a4a4a;}
.guide_step_box li p.icon {width:52px;}
.guide_step_box li p.stit {float:left; width:115px; font-weight:bold; letter-spacing:-2px; padding-top:1px;}
.guide_step_box li p.txt {float:left; padding-top:1px;}

.guide_txt_box1 li {/*height:23px;*/ padding:13px 0 10px 24px; background:url('../images/guide/blit_blue.gif') no-repeat 12px 18px; border-bottom:1px solid #ececec;}
.guide_txt_box1 li.last {border-bottom:none;}
.guide_txt_box1 li.img {padding:0 0 0 0; border-bottom:none;}
.guide_txt_box2 li {/*height:23px;*/ padding:19px 0 17px 0; border-bottom:1px solid #ececec;}
.guide_txt_box2 li.last {border-bottom:none;}
.guide_txt_box2 li.img {padding:0 0 0 0; border-bottom:none;}
.guide_txt_box2 li p {padding-left:24px;}
.guide_txt_box2 li p.stit {font-weight:bold; padding-bottom:10px; background:url('../images/guide/blit_blue.gif') no-repeat 12px 3px;}

.guide_stit01 {height:26px; font-family:'±¼¸²'; font-weight:bold; font-size:19px; color:#252525; line-height:19px;}

.faq_box {display:inline-block; color:#4a4a4a; border-top:1px solid #ececec;}
.faq_box dt {float:left; width:108px; height:26px; font-weight:bold; border-bottom:1px solid #ececec; padding:13px 0 0 21px; background:#fcfcfc url('../images/guide/blit_blue.gif') no-repeat 11px 18px;}
.faq_box dd {float:left; width:632px; height:30px; border-bottom:1px solid #ececec; padding:9px 0 0 15px;}
.faq_box dd .inp_ty1 {width:245px; height:19px; border:1px solid #d1d1d1; padding-left:5px;}
.faq_box dd .inp_ty2 {width:75px; height:19px; border:1px solid #d1d1d1; padding-left:5px;}
.faq_box dd p.rad {padding-top:6px;}
.faq_box dd .rad_ty1 {width:12px; height:12px; margin-top:-1px;}
.faq_box dd .rad_ty2 {margin:-1px 0 0 22px;}
.faq_box dl.cont dt {height:71px; padding-top:58px; background:#fcfcfc url('../images/guide/blit_blue.gif') no-repeat 11px 63px;}
.faq_box dl.cont dd {height:121px; padding-top:8px;}
.faq_box dl.cont dd textarea {width:600px; height:100px; border:1px solid #d1d1d1; padding:5px;}

p.faq_btm_btns_c {text-align:center; padding-top:16px;}

.faq_ilst ul {border-bottom:1px solid #ececec; margin-bottom:21px;padding-bottom: 31px;}
.faq_ilst li.q {height:21px; font-weight:bold; color:#1a1a1a; background:url('../images/faq/icon_q.gif') no-repeat left top; padding:2px 0 0 25px;}
.faq_ilst li.a {height:32px; color:#44a4a; line-height:20px; background:url('../images/faq/icon_a.gif') no-repeat left top; padding:2px 0 0 25px;}

.tbl_guide { border-left: 0 solid #FFFFFF; color: #333333; width: 100%; margin:10px 0 30px 0;}
.tbl_guide th {text-align: center;}
.tbl_guide td {background-color: #ffffff; border-bottom: 1px solid #D2D7FA;  height: 27px; padding: 4px 10px 4px 10px;}
.txtline1 {border-right: 1px solid #D2D7FA;}
.txtline2 {border-right: 1px solid #D2D7FA; text-align: center;}
.size {letter-spacing: 1px; border-right: 1px solid #D2D7FA;}