@charset "utf-8";
/* 온라인창구 */

.lct_map .inner{border:1px solid #4d637b;background:#5a748f}
.lct_map .tel span{background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -40px -380px}
.lct_map .btn{border-left:1px solid #7b90a5;border-right:1px solid #7b90a5}
.lct_map .btn a{background:url(../../../resources/images/HOL/pc/bg_layout_cg.gif) no-repeat}
.lct_map .btn.on a{background:url(../../../resources/images/HOL/pc/bg_layout_cg.gif) no-repeat 0 -30px}

.emp_02{color:#5a748f !important}
.paging strong{color:#5a748f}

.pc-vNav-skin-default h2{color:#5a748f;border-bottom:3px solid #5a748f}
.pc-vNav-skin-default > ul > li.vNav-View > a{color:#5a748f;background:url(../../../resources/images/HOL/pc/bg_lnb_on.gif) no-repeat 100% 50%}
.pc-vNav-skin-default > ul ul .vNav-currentPage{color:#5a748f}
.pc-vNav-skin-default > ul ul li.vNav-View:after{background:#5a748f}

.mg_step .on span{background:url(../../../resources/images/HOL/pc/bg_step.gif)}

.table_01{border-top:2px solid #8ba0b6}
.table_01 th{background:#e8f7ff}
.table_01.table_h thead th{border:1px solid #8ba0b6}

.table_03{border-top:2px solid #8ba0b6}
.table_03 th{border-bottom:1px solid #8ba0b6;background:#e8f7ff}

.detail_view{border-top:2px solid #8ba0b6}
.detail_view .tit{border-bottom:1px solid #8ba0b6;background:#e8f7ff}

.event_list{border-top:2px solid #8ba0b6}

.faq_list{border-top:2px solid #8ba0b6}
.bul_q{background-position:-60px -60px}

.sub_tit2.bull:after{background-position:-40px -40px}
.sub_tit3.bull:after{background-position:-40px -320px}

.tab_depth > ul > li.active > a span{background:#5a748f}
.tab_depth > ul ul .on a{color:#5a748f}

.tab_list{border-bottom:1px solid #5a748f}
.tab_list .on a{background:#5a748f;border:1px solid #5a748f;border-bottom:0}

.tab_full2 .on a > span{background:#5a748f;border:1px solid #5a748f}

.tab_anchor > ul > li.active > a span{background:#5a748f;border:1px solid #5a748f}
.tab_anchor > ul ul a:after{background-position:-40px -160px}

.tab_pop{border-bottom:1px solid #5a748f}
.tab_pop .on span{background:#5a748f;border:1px solid #5a748f;border-bottom:0}

a.btn_l{background-position:0 -100px}
a.btn_l span{background-position:100% -100px}
a.btn_l.line{background-position:0 -400px;color:#5a748f}
a.btn_l.line2{background-position: 0 -200px;color:#fff;}
a.btn_l.line span{background-position:100% -400px}
a.btn_l.line2 span{background-position: 100% -200px;padding-left:5px}

a.btn_s_grey{text-decoration:none;display:inline-block;padding:0 10px;text-align:center;height:24px;line-height:24px;font-size:12px;color:#fff;background-repeat:no-repeat;background-image:url(../../../resources/images/common/pc/btn_s_grey.gif);border:0;cursor:pointer;border-right:1px solid #737373}

a.btn_i02:after{background-position:-40px -240px;text-decoration:none;}

a.btn_i04.btn_m,a.cp.btn_m{background-position:0 -100px}
a.btn_i04.btn_m span,a.cp.btn_m span{background-position:100% -100px}

a.btn_i20{padding-left:22px;position:relative}
a.btn_i20 span{min-width:inherit}
a.btn_i20:after{position:absolute;left:9px;top:50%;width:9px;height:7px;margin-top:-3px;background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -130px 0;content:""}

.table_01 .text_ico{display:inline-block;position:relative;padding:0 0 0 35px}
.table_01 .text_ico img{position:absolute;left:0;top:1px}
.table_01 .text_ico i{position:absolute;left:0;top:1px;width:25px;padding:1px 3px 0 3px;line-height:17px;font-size:11px;color:#fff;text-align:center;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;border-radius:5px 1px 5px 1px}
.table_01 .text_ico .ing{background:#0f7cc0}
.table_01 .text_ico .end{background:#999}

/* 계약조회 */
.is_info > *{z-index:50;position:relative}
.is_info .no{position:absolute;right:0;top:5px;border:1px solid #d9d9d9;height:28px;line-height:26px;padding:0 8px;color:#777;font-size:12px}

/* 마이페이지 */
.my_box{margin:30px 0 0;border:10px solid #e9f2fd;padding:22px 30px 28px;position:relative}
.my_box .tit{min-height:30px;line-height:27px;padding:0 150px 0 36px;font-size:18px;color:#303030;background:url(../../../resources/images/HOL/pc/ico_my_box.gif) no-repeat}
.my_box .tit.ep{background:url(../../../resources/images/HOL/pc/ico_my_box.gif) no-repeat 0 -50px}
.my_box .tit strong{font-size:20px;color:#0a376a}
.my_box .table_01{margin:10px 0 0}
.my_box .btn{position:absolute;right:30px;top:30px;line-height:22px;padding:0 8px 0 0}
.my_box .btn:after{position:absolute;right:0;top:50%;width:4px;height:7px;margin-top:-3px;background:url(../../../resources/images/common/pc/ico_set.png) no-repeat 0 -300px;content:""}

.my_box .link{margin:30px 0 0 123px;position:relative}
.my_box .link:after{display:block;clear:both;height:0;line-height:0;content:""}
.my_box .link dt{position:absolute;left:-123px;top:5px;font-weight:bold;font-size:15px;color:#303030;line-height:22px}
.my_box .link dd{float:left;width:20%;text-align:center;line-height:16px}
.my_box .link a{display:inline-block;padding:105px 0 0;position:relative}
.my_box .link a:after{position:absolute;left:50%;top:0;width:90px;height:90px;margin-left:-45px;background-repeat:no-repeat;background-image:url(../../../resources/images/common/pc/ico_my_box.gif);content:""}
.my_box .link .bg2 a:after{background-position:-100px 0}
.my_box .link .bg3 a:after{background-position:-200px 0}
.my_box .link .bg4 a:after{background-position:-300px 0}
.my_box .link .bg5 a:after{background-position:-400px 0}
.my_box .link .bg6 a:after{background-position:-500px 0}
.my_box .link .bg7 a:after{background-position:-600px 0}
.my_box .link .bg8 a:after{background-position:-700px 0}

.scroll_box{margin:10px 0 0 0;overflow-y:scroll;border:1px solid #d9d9d9;padding:10px 0 0 15px;height:139px}
.scroll_box li{position:relative;background:#fff}
.scroll_box li  a, .scroll_box li label{display:block;overflow:hidden;line-height:24px}
.scroll_box li input[type="radio"]{position:absolute;left:3px;top:3px;z-index:-100;width:5px;height:5px}
.scroll_box li span{float:left;text-align:center;width:94px;margin:0 20px 0 0}
.scroll_box li p{float:left}
.scroll_box li label:hover, .scroll_box li  a:hover{color:#0f7cc0;font-weight:bold;cursor:pointer}
.scroll_box li.on label{color:#0f7cc0;font-weight:bold}
.addr_choice{border:1px solid #d9d9d9;background:#f8f8f8;padding:15px 20px 20px}

/* 계약/변경 */
.step_list{margin-top:12px}
.step_list li{margin-bottom:5px}
.step_list li:last-child{margin-bottom:0}
.step_list em{font-size:15px;font-style:normal;display:block;color:#505050;font-weight:bold;line-height:32px}

/* 보상 */
.btn_accept{margin-top:10px;overflow:hidden}
.btn_accept li{float:left;width:50%;position:relative;text-align:center}
.btn_accept li a{display:block;border:1px solid #e5e5e5;margin:0 0 0 7px;overflow:hidden}
.btn_accept li:first-child a{margin:0 8px 0 0}

.hol_is_go{margin:10px 0 0;border:1px solid #e5e5e5;padding:26px 0 19px}
.hol_is_go .tit{height:49px;line-height:25px;font-size:14px;color:#737373;padding:0 0 0 30px}
.hol_is_go .tit strong{font-size:18px;color:#202020}
.hol_is_go .tit span{color:#eb0045}
.hol_is_go .list{display:table;width:100%;table-layout:fixed}
.hol_is_go .list li{display:table-cell;border-left:1px solid #e5e5e5}
.hol_is_go .list li:first-child{border:0}
.hol_is_go .list div{padding:119px 0 0;height:85px;position:relative;line-height:22px;text-align:center}
.hol_is_go .list strong{display:block;font-size:15px;line-height:25px;color:#202020;margin:0 0 8px}
.hol_is_go .list div:after{content:"";position:absolute;left:50%;top:9px;width:100px;height:100px;margin-left:-50px;background-repeat:no-repeat;background-image:url(../../../resources/images/HOL/pc/hol_is_go.gif)}
.hol_is_go .ico_02:after{background-position:0 -100px}
.hol_is_go .ico_03:after{background-position:0 -200px}
.hol_is_go .ico_04:after{background-position:0 -300px}

.joycar{overflow:hidden;margin:10px 0 0 0}
.joycar li{float:left;width:25%;text-align:center}
.joycar li > span{border:1px solid #e5e5e5;display:block;padding:112px 0 0 0}
.joycar li strong{font-size:15px;line-height:22px;color:#404040;display:block;text-align:center}
.joycar li:first-child > span{margin:0 12px 0 0;background:url(../../../resources/images/HOL/pc/hol07_024_01.jpg) no-repeat 50% 0}
.joycar li:first-child + li > span{margin:0 8px 0 4px;background:url(../../../resources/images/HOL/pc/hol07_024_02.jpg) no-repeat 50% 0}
.joycar li:first-child + li + li > span{margin:0 4px 0 8px;background:url(../../../resources/images/HOL/pc/hol07_024_03.jpg) no-repeat 50% 0}
.joycar li:first-child + li + li + li> span{margin:0 0 0 12px;background:url(../../../resources/images/HOL/pc/hol07_024_04.jpg) no-repeat 50% 0}
.joycar li a{margin:15px 0 20px}

.ol_info{margin:30px 0 0;border:6px solid #f2f2f2;padding:23px 30px 30px 242px;line-height:22px;min-height:125px}
.ol_info.ol_bg18{background:url(../../../resources/images/HOL/pc/hol01_018_02.jpg) no-repeat}
.ol_info .tit{font-size:22px;color:#303030;line-height:32px;margin:0 0 10px;letter-spacing:-1px}
.ol_info .tit .small{font-size:15px;font-weight:normal;line-height:25px}
.ol_info .btn{overflow:hidden;margin:15px 0 0}
.ol_info .btn li{float:left;margin:0 5px 0 0}

.coupon_box{width:732px;margin:0 auto}
.coupon_box .coupon{position:relative;height:334px}
.coupon_box .detail{width:732px;height:334px;position:absolute;top:0;left:0}
.coupon_box .detail h2{text-align:center;font-size:32px;color:#08376a;font-weight:bold;padding:109px 0 0;line-height:36px}
.coupon_box .detail h2 strong{color:#fc274f}
.coupon_box .desc{color:#606060;line-height:19px;font-size:12px;text-align:center;margin:11px 0 0}
.coupon_box .desc li:first-child{color:#08376a;font-weight:bold;font-size:14px}
.coupon_box .service{color:#606060;line-height:19px;font-size:12px;position:absolute;top:247px;left:185px}
.coupon_box .service li:first-child{color:#08376a;font-weight:bold}
.coupon_box .info{position:absolute;top:247px;left:534px;line-height:19px;color:#202020}
.coupon_box .info strong{position:absolute;top:-10000px;left:-10000px;line-height:1;font-size:1px;text-indent:-99999em}
.coupon_box .coupon_num{position:absolute;top:29px;right:36px;line-height:19px;color:#08376a;font-size:12px;font-weight:bold}
.coupon_box .coupon_num span{color:#202020;font-weight:normal}

.sub_tit{margin:55px 0 0;height:52px;line-height:40px;font-size:30px;color:#202020;border-bottom:2px solid #dfdfdf}

.cs_info{padding:35px 0 5px 210px;min-height:142px;background:url(../../../resources/images/HCS/pc/bg_cs_info.jpg) no-repeat 0 35px;line-height:22px}
.cs_info .tit{line-height:30px;font-size:22px;color:#000;margin:0 0 9px}
.cs_info .text{margin:15px 0 0;padding:0 0 0 13px;position:relative}
.cs_info .text:after{content:"";position:absolute;left:5px;top:11px;width:3px;height:3px;background:#999}

.cs_info{min-height:89px;border-bottom:2px solid #dfdfdf;overflow:hidden;padding:24px 20px 20px 150px;line-height:22px;margin:0 0 40px}
.cs_info .tit{line-height:30px;font-size:20px;color:#303030;margin:0 0 10px}
.cs_info.bg_01{background:url(../../../resources/images/DCS/pc/bg_info_01.jpg) no-repeat}
.cs_info.bg_02{background:url(../../../resources/images/DCS/pc/bg_info_02.jpg) no-repeat}
.cs_info.bg_03{background:url(../../../resources/images/DCS/pc/bg_info_03.jpg) no-repeat}
.cs_info.bg_04{background:url(../../../resources/images/DCS/pc/bg_info_04.jpg) no-repeat}
.cs_info.bg_05{background:url(../../../resources/images/DCS/pc/bg_info_05.jpg) no-repeat}
.cs_info.bg_06{background:url(../../../resources/images/DCS/pc/bg_info_06.jpg) no-repeat}
.cs_info.bg_07{background:url(../../../resources/images/DCS/pc/bg_info_07.jpg) no-repeat}