@charset "utf-8"; /******************************************************************** Publishing :Lee Kang Won Beginning : 2016-03-21 Project Name : HanWha CM Project *********************************************************************/ @font-face { font-family: 'LIFEPLUS'; font-weight: bold; font-style: normal; src: url('/css/fonts/LIFEPLUS-Bold.eot'); src: url('/css/fonts/LIFEPLUS-Bold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/LIFEPLUS-Bold.woff2') format('woff2'), url('/css/fonts/LIFEPLUS-Bold.woff') format('woff'); } @font-face { font-family: 'LIFEPLUS'; font-weight: 300; font-style: normal; src: url('/css/fonts/LIFEPLUS-Light.eot'); src: url('/css/fonts/LIFEPLUS-Light.eot?#iefix') format('embedded-opentype'), url('/css/fonts/LIFEPLUS-Light.woff2') format('woff2'), url('/css/fonts/LIFEPLUS-Light.woff') format('woff'); } @font-face { font-family: 'LIFEPLUS'; font-weight: 500; font-style: normal; src: url('/css/fonts/LIFEPLUS-Medium.eot'); src: url('/css/fonts/LIFEPLUS-Medium.eot?#iefix') format('embedded-opentype'), url('/css/fonts/LIFEPLUS-Medium.woff2') format('woff2'), url('/css/fonts/LIFEPLUS-Medium.woff') format('woff'); } /* 공통 */ .lifeplus { font-family: 'LIFEPLUS'; letter-spacing:0 !important; font-size: 0.95rem; } .lifeplus.thin{ font-weight:lighter !important;} .lifeplus.bolder{font-weight:bold !important;} .lifeplus sup { font-size: 0.55em; letter-spacing: normal; position: relative; top: 0.2em; font-weight: 300; } .lifeplus .product_calc_wrap .pro_title p {font-size: 15px;} .lifeplus .product_calc.cm ul li .thumb_info p {font-size:13px;} .roma {font-family: sans-serif;} /* 공통 */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, ol, ul {margin:0;} .btnC{text-align:center; margin-top:30px;} .btnC + dl, .btn02 + dl{margin-top:50px;} .btn02{width:100%; text-align:center; margin-top:30px; display:inline-block;} .btn02 a{margin:0 5px;} .btn_gray, .btn_orange, .btn_black, .btn_white, .product_calc .btn_white { min-width:120px; height:50px; line-height:50px; color:#fff; border-radius:0; padding:0 15px; font-weight:normal; font-size:16px; letter-spacing:-0.06em; box-sizing:border-box; text-align:center; vertical-align:middle; } .btn_gray{background:#777;} .btn_orange{background:#ff6600; display: inline-block;} .btn_orange:hover {text-decoration: none; background:#cc5100; color:#fff;} .btn_black{ font-size:15px; display: block; width: 100%; background:#000; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position:relative; text-transform:uppercase; } .btn_black:hover { text-decoration: none; background:#f37320; } .product_calc .btn_white{ color:#000; font-size:15px; display: block; width: 100%; background:#fff; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position:relative; text-transform:uppercase; border:1px solid #fff; } .product_calc .btn_white:hover {text-decoration: none; color:#f37320; border-color:#f37320;} .btn_orange02{height:35px; line-height:34px; color:#fff; border-radius:30px; padding:0 15px; background:#f37321; font-weight:normal; font-size:14px; letter-spacing:-0.06em; box-sizing:border-box; text-align:center; vertical-align:middle;} .btn_orange02.h50{height:50px; padding: 7px 15px 0px 15px;} .btn_gray_small{display:inline-block; height:35px; line-height:34px; border-radius:30px; padding:0 15px; background:#949494; font-weight:normal; font-size:14px; letter-spacing:-0.06em; box-sizing:border-box; color:#fff; vertical-align:middle;} .mo .btn_gray_small{line-height:37px;} .btn_white, .btn_detail{display:inline-block; height:35px; line-height:33px; border-radius:3px; padding:0 25px; background:#fff; color:#555; border-radius:30px; font-weight:bold; font-size:14px; letter-spacing:0; box-sizing:border-box; border:1px solid #b4b4b4; vertical-align:middle;} .btn_white .arrow, .btn_detail .arrow{display:inline-block; padding-right:14px; background:url('/images/common/btn_white_arrow.png') no-repeat 100% 12px;} .mo .btn_white .arrow{background:url('/images/common/btn_white_arrow_m.png') no-repeat 100% 12px; background-size:6px 9px;} .btn_function{display:inline-block; height:40px; line-height:37px; border-radius:5px; padding:0 15px; background:#949494; font-weight:bold; font-size:14px; letter-spacing:0; box-sizing:border-box; border-bottom:3px solid #818181; color:#fff; vertical-align:middle;} .mo .btn_function{line-height:40px;} .btn_arrow{height:26px; line-height:21px; padding:0 21px 0 11px; border:1px solid #ccc; box-sizing:border-box; border-radius:3px; font-size:13px; position:relative; background:#fff;} .input_basic {background:#fff; border:none; border-bottom:1px solid #ddd; color:#777; height:40px; border-radius:0; padding:0 0px 0 4px; box-sizing:border-box; vertical-align:middle; line-height:40px;} .mo .btn_arrow{line-height:26px;} .mo .custom_select{background:#fff url('/images/common/ic_select_arrow_m.png') no-repeat 95% 50%; background-size:13px 8px;} .btn_arrow:after{content:''; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:4px solid #f37321; position:absolute; right:11px; top:50%; margin-top:-3px;} .ic_docu{display:inline-block; padding-left:23px; background:url('/images/common/ic_document.png') no-repeat 0 16px;} .ic_calc{display:inline-block; padding-left:20px; background:url('/images/common/ic_calc.png') no-repeat 0 9px;} .btn_orange .ic_calc{background-position:0 14px;} .ic_tel{display:inline-block; padding-left:22px; background:url('/images/common/ic_tel.png') no-repeat 0 9px;} .ic_counsel{display:inline-block; padding-left:22px; background:url('/images/common/ic_counsel.png') no-repeat 0 16px;} .mo .ic_counsel{display:inline-block; padding-left:22px; background:url('/images/common/ic_counsel_m.png') no-repeat 0 16px; background-size:17px 17px;} .orange_textarrow{ margin-left:25px; float:right; font-size:13px; color:#f37321; line-height:20px; padding-right:11px; display:inline-block; background:url('/images/common/ic_orange_textarrow.png') no-repeat 100% 7px;} .textarrow {margin: 0;float:right;font-size: 14px;color: #0150ad;line-height:20px;padding-right:11px;display:inline-block; text-decoration: underline;} .mo .orange_textarrow{font-size:13px; color:#f37321; line-height:20px; padding-right:11px; display:inline-block; background:url('/images/common/ic_orange_textarrow_m.png') no-repeat 100% 5px; background-size:6px 9px;} .only_mobile{display:none;} .mo .only_mobile{display:block;} .mo .only_mobile .btnC {display:none;} .ic_caution{color:#d60000; padding-left:22px; font-size:13px; line-height:22px;background:url('/images/common/ic_caution.png') no-repeat 0 4px;} .mo .ic_caution{background:url('/images/common/ic_caution_m.png') no-repeat 0 2px; background-size:16px 16px;} .btn_disabled {color:#bcbcbc;background:#949494; cursor:default;} .mo .only_mobile + .input_inquiry {margin-top:15px;} .no_result{text-align:center; font-size:18px; margin-top:10px; padding:100px 0 110px 0;} .no_result p{margin-top:14px;} .marT15{margin-top:15px;} .normal{font-weight:normal !important;} .mo_view{display:none;} .mo_img{display:none;} .borNoneB{border-bottom:none !important;} .basic_box{box-sizing:border-box; width:100%; border:1px solid #e9e9e9; background:#f9f9f9; border-radius:5px; overflow:hidden;} .round_number > li{margin-left:18px; text-indent:-18px;} li > .round_number{margin-top:5px; font-size:13px;} label.checkbox{display:inline-block; position:relative; height:18px; line-height:16px; padding-left:32px; font-size:14px; color:#333; font-weight:500;} label.checkbox > span{display:inline-block; width:24px; height:24px; background: #fff; position:absolute; left:0; top:-4px; border:1px solid #ddd; box-sizing: border-box; border-radius:15px;} label.checkbox.on > span{background:#333; border-color:#333; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;} label.checkbox.on > span::before{content:'';width: 10px;height:2px;position:absolute;left: 8px;top: 10px;background: #fff;transform: rotate(-45deg);} label.checkbox.on > span::after{content:'';width: 6px;height:2px;position:absolute;left: 5px;top: 12px;background: #fff;transform: rotate(-135deg);} label.radio{ display: inline-block; position: relative; height: 24px; line-height: 24px; padding-left: 32px; } label.radio > span{ display:inline-block; position: absolute; width: 24px; height: 24px; margin-right: 5px; border: 1px solid #d9d9d9; background: #fff; border-radius: 20px; left: 0; top: 0; box-sizing: border-box; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } label.radio > span:after { content: ''; position: absolute; width: 8px; height: 8px; background: #eee; left: 7px; top: 7px; border-radius: 10px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } label.radio.on > span {border-color:#333; background:#333;} label.radio.on > span:after {background:#fff;} label.radio.alone{width:18px; height:18px; vertical-align:middle; padding:0;} .icon_call{width:20px: height:20px; line-height:12px;padding-left:20px;background:url('/images/common/ic_call_19x19 1.5.png') no-repeat 0 0} .icon_check{height:14px;line-height:12px;padding-left:20px;background:url('/images/ccr_pc/common/icon_notice.png') no-repeat 0 0} .txt_check{color:#d60000; margin:7px 0 5px; display:block;font-size:13px;} .validation {border:1px solid #d60000;} .verM{vertical-align:middle !important;} .bg{background-color:#f5f5f5;} .info_point{color:#f37321 !important;} .accText {} /*카카오버튼추가 220621*/ .product_calc .btn_kakao{margin-top:6px; border:0px; overflow:hidden; background:#fae101;} .product_calc .btn_kakao:hover{backgroud:#fae101;} .product_calc .btn_kakao img{width:22px;padding-right:4px;} /* 공통탭 */ .tabIsp .tabCon{display:none; padding-bottom:30px;} .tabIsp .tabCon.on{display:block;} /* 2배이미지 */ .mo .subimg_area .txt_subimg{background:url('/images/common/img_colon_m.png') no-repeat 0 0; background-size:27px 19px;} .mo .bottom_caution dt{background:url('/images/common/ic_bot_caution_m.png') no-repeat 20px 9px; background-size:16px 16px;} .mo .bottom_caution dt{background-position:20px 7px;} .mo .lnb_device > ul > li.category > a{background:url('/images/common/bg_lnb_device_1depth_m.png') no-repeat 15px 50%; background-size:13px 11px;} .mo .custom_select{background:#fff url('/images/common/ic_select_arrow_m.png') no-repeat 95% 50%; background-size:13px 8px;} .mo .btn_orange, .mo .btn_gray{line-height:45px;} .mo .btn_gray_small, .mo .btn_orange02, .mo .btn_white{line-height:35px;} .mo label.checkbox{line-height:18px;} .mo .input_faq_sch button{background:#fff url('/images/common/btn_faq_search_m.png') no-repeat 50% 50%; background-size:18px 19px;} .mo .ic_calendar{background:url('/images/common/ic_term_m.png') no-repeat 0 4px; background-size:13px 13px;} .mo .ready_ing{background:url('/images/common/ic_ready_m.png') no-repeat 0 5px; background-size:13px 13px;} .mo .subimg_area.rservice{background:url('/images/desk/img_rservice_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .subimg_area.special{background:url('/images/ins/img_special_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .rservice.merit01{background:url('/images/benefit/img_merit01_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .subimg_area.member01{background:url('/images/benefit/img_member01_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .subimg_area.member02{background:url('/images/benefit/img_member02_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .subimg_area.card01{background:url('/images/benefit/img_card01_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .subimg_area.other{background:url('/images/support/img_other_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .subimg_area.mservice{background:url('/images/desk/img_mservice_m.jpg') no-repeat 100% 0; background-size:285px 170px;} .mo .mservice_easy_list .phone .btn_sch{background-image:url('/images/desk/btn_sns_orange_m.gif'); background-size:40px 40px;} .mo .short_cut_list .use_flow.item03 li{background:url('/images/desk/bg_short_cut_list_m.png') no-repeat 22px 0; background-size:40px 435px;} .mo .smart_app .smart_letter_btn{background:url('/images/desk/btn_sns_orange_m.gif') no-repeat 0 0; background-size:40px 40px;} .mo .smart_app .search_area{box-sizing:border-box;padding-right:45px;background:#e9e9e9 url('/images/desk/bg_smart_app_m.png') no-repeat 20px 100%; background-size:268px 30px;} .mo .ic_tel{background:url('/images/common/ic_tel_m.png') no-repeat 0 9px; background-size:16px 16px;} .mo .review_list > li > a .number .best{background:url('/images/desk/img_best_review_m.png') no-repeat 0 0; background-size:22px 22px;} .mo .ic_calc{background:url('/images/common/ic_calc_m.png') no-repeat 0 10px; background-size:14px 16px;} .mo .ic_docu{background:url('/images/common/ic_document_m.png') no-repeat 0 16px; background-size:16px 15px;} .mo .ic_tel{background:url('/images/common/ic_tel_m.png') no-repeat 0 9px; background-size:16px 16px;} /* HEADER */ .header{height:110px; width:100%; background:#fff; border-bottom:1px solid #f89b6c; position:relative;} .btn_mo_gnb{display:none;} .header h1{position:absolute; left:50%; top:50px; z-index:20; margin: 0 0 0 -560px;} .header h1 a{position:relative; display:block; width:182px; height:44px; text-align:center;} .header h1 a img{position:absolute; left:0; top:0; } .header h1 a img.img_logo01{display:inline-block; margin-top:2px;} .header h1 a img.img_logo02{display:inline-block; opacity:0;} .header h1 a img.img_logo{opacity:1 !important;} .header h1.h1_tm a img.img_logo02 {opacity: 1!important;} .head_util_wrap{height:32px; position:relative; z-index:2; background:#fff; border-bottom: 1px solid #f0f0f0;} .head_util_wrap .mobile_home{display:none;} .head_util{width:1120px; margin:0 auto;} .head_util:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .head_util .log{float:left;margin-right:15px;} .head_util .log a{display:block;line-height: 31px;font-size: 13px;height: 31px;padding:0 15px;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;color:#2b2b2b;} .head_util nav{height:31px; float:right; width:auto; position:relative; padding-right:165px;} .head_util nav .head_util_menu{float:left; margin-right:15px;} .head_util nav .head_util_menu li{margin-left:15px;display:inline-block;/* font-size: 13px; */} .head_util nav .head_util_menu li:first-child{margin-left:0;} .head_util nav .head_util_menu li a{display:inline-block;height:31px;line-height: 30px;font-size: 12px; letter-spacing: -0.1em;} .head_util nav .btn_hanwha_ins{width:90px; height:31px; text-align:center; background:url('/images/common/img_hanwha_ins.png') no-repeat 50% 9px; float:left; margin-right:0px;} .head_util nav .btn_ins_center{float: left;display: inline-block;height: 31px;line-height: 30px;font-size: 12px;margin-right: 3px; letter-spacing: -0.1em; color: #333;} .mo .head_util nav .btn_hanwha_ins{background:url('/images/common/img_hanwha_ins.png') no-repeat 50% 50%; background-size:70px 12px; margin-left: 0px;} .head_util nav .btn_hwgi_ins{width:122px; height:31px; text-align:center; border-left:1px solid #e9e9e9; background:url('/images/common/img_hwgi_ins.png') no-repeat 50% 50%; float:left;} .mo .head_util nav .btn_hwgi_ins{background:url('/images/common/img_hwgi_ins_m.png') no-repeat 50% 50%; background-size:93px 12px;} .header .header_ins_calc{width:165px; height:32px; position:absolute; right:50%; top:0; z-index:1999; margin-right:-560px;} .header .header_ins_calc .btn_head_calc{line-height:30px;background:url('/images/main/btn_head_off.png') no-repeat 90% 50% #000;text-align:center;color:#fff;display:block;font-weight: 500;height:32px;text-align:left;padding:0 20px;font-size: 15px;} /* .header .header_ins_calc .btn_head_calc.on{background:url('/images/main/btn_head_on.png') no-repeat 90% 47% #f37321;} */ .mo .header .header_ins_calc .btn_head_calc{line-height:32px;} .header .header_ins_calc .btn_head_calc .img_calc{display:none;} .header .header_ins_calc .btn_head_calc.on:after{position:absolute; content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:5px solid #000; position:absolute; left:50%; margin-left:-6px; bottom:-5px; z-index:2050;} .header .calc_list{position:absolute; right:0; top:32px; width:320px; z-index:2000; display:none;} .header .calc_list li a{display:block; box-sizing:border-box; padding:17px 30px 16px 21px; background:#f7f7f7 url('/images/common/bu_head_calc_list.png') no-repeat 95% 50%; border-bottom:1px solid #e9e9e9;} .mo .header .calc_list li a{background:#f7f7f7 url('/images/common/bu_head_calc_list_m.png') no-repeat 95% 50%; background-size:11px 20px;} .header .calc_list li a strong{color:#2b2b2b; font-size:18px;} .header .calc_list li a p{color:#8f8f8f; margin:1px 0 0; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;} .header .calc_list li a:hover, .head_util nav .calc_list li a:focus{background:#fff url('/images/common/bu_head_calc_list_on.png') no-repeat 95% 50%; border-bottom:1px solid #f37321;} .mo .header .calc_list li a:hover, .mo .head_util nav .calc_list li a:focus{background:#fff url('/images/common/bu_head_calc_list_on_m.png') no-repeat 95% 50%; background-size:11px 20px;} .header .calc_list .list_close{display:block; width:100%; overflow:hidden; background:#000; height:36px; line-height:34px; text-align:center; box-sizing:border-box;} .header .calc_list .list_close a{display:inline-block; padding-right:17px; background:url('/images/common/ic_calc_close.png') no-repeat 100% 13px; color:#fff; font-size:14px; box-sizing:border-box; padding-right:20px;} .mo .header .calc_list .list_close a{ background:url('/images/common/ic_calc_close_m.png') no-repeat 100% 12px; background-size:10px 10px; line-height:34px;} .header .calc_list .mobile_tel{display:none; box-sizing:border-box; width:100%; overflow:hidden; background:#f37321; color:#fff; padding:10px 15px; line-height:30px;} .header .calc_list .mobile_tel .txt_join{float:left; font-size:18px;} .header .calc_list .mobile_tel .txt_tel{float:right; font-size:28px;} /* GNB */ .gnb_box{height:78px; background:#fff;} .gnb_line{width:100%; height:78px; overflow:hidden; background:#fff; position:absolute; left:0; top:32px; border-bottom:1px solid #f0f0f0; z-index:10;} /* box-shadow:0 3px 3px 0 rgba(225,225,225,0.9); height:263px; */ .gnb_wrap nav .gnb li > ul > li .gnb_line:after{content:''; position:absolute; left:0; top:78px; background:#f89b6c; width:100%; height:1px; display:block;} .gnb_line.off {box-shadow:none;} .gnb_wrap{width:1120px; margin:0 auto; position:relative; height:78px; box-sizing:border-box; padding-left:265px;} .gnb_wrap:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .gnb_wrap h2{color:#756762; line-height:33px;position:absolute; left:0; top:107px; font-size:26px; font-weight:normal;} .gnb_wrap h2 span{display:block; color:#f66000; margin-top:12px;} .gnb_wrap .gnb_banner{position:absolute; right:0; top:100%;} .gnb_wrap .gnb_img {position:absolute; left:20px; top:125px;} .gnb_wrap nav{float:left; width:855px; text-align:right;} .gnb_wrap nav .gnb{display:inline-block;} .gnb_wrap nav .gnb li{display:inline-block; text-align:right; position:relative; width:160px;} .gnb_wrap nav .gnb>li:nth-child(1) {width:190px;} .gnb_wrap nav .gnb>li:nth-child(2) {width:150px;} .gnb_wrap nav .gnb li.depth01 > a{width:100%; display:block; color:#2b2b2b; position:relative; font-size:17px; font-weight:normal; padding:27px 0; text-align:left;} .gnb_wrap nav .gnb li.depth01 > a:after{width:100%; height:3px; background:#f66000; position:absolute; left:0; top:53px; z-index:1;} .gnb_wrap nav .gnb li.depth01 > a.on:after, .gnb_wrap nav .gnb li.depth01 > a:hover:after{display:block;} .gnb_wrap nav .gwnb li.depth01 > a span{display:none;} .gnb_wrap nav .gnb li.gnb_btn {width:auto; position: absolute; right: 0; top: 28px;} .gnb_wrap nav .gnb li.gnb_btn img {width:18px; position:relative; top:-2px;} .gnb_wrap nav .gnb li > ul{position:absolute; left:0; top:78px; width:100%;} .gnb_wrap nav .gnb li > ul > li{width:100%; padding:0; text-align:left;} .gnb_wrap nav .gnb li > ul > li > a{line-height:28px;font-size: 14px;} .gnb_wrap nav .gnb li > ul > li > a:hover{color:#f66000;} .gnb_wrap nav .gnb > li:hover > a {color: #f66000;} .gnb_wrap nav .gnb > li:hover ul {color: #000;} .tablet_dot{display:none;} .header .sub_menu{position:absolute; left:50%; top:57px; margin-left:275px; z-index:20;} .header .sub_menu li{display:inline-block; float:left; position:relative;margin-left:15px;} .header .sub_menu li:first-child{margin-left:0;} .header .sub_menu li:first-child:after{content:''; display:block; width:1px; height:12px; background:#e9e9e9; position:absolute; left:-20px; top:8px;} .mo .header .sub_menu li:first-child:after{top:6px;} .gnb_wrap .gnb_close{display:none; overflow:hidden; width:16px; height:16px; position:absolute; right:1px; top:32px; line-height:0; font-size:0; background:url('/images/common/ic_gnb_close.png') no-repeat 0 0;} .container{width:1120px; margin:0 auto;} .container:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} /* LNB */ .lnb_device{display:none;} .lnb{float:left; width:190px; margin:44px 75px 0 0 ;} .lnb h1{color:#2b2b2b;font-size: 22px;font-weight: 600;} .lnb .lnb_list{margin-top:26px;} .lnb .lnb_list ul > li {border-bottom:1px solid #e9e9e9;} .lnb .lnb_list ul > li > a {display:block;overflow:hidden;box-sizing:border-box;padding: 10px 0;} .mo .lnb .lnb_list ul > li > a{padding:10px 0 9px 0;} .lnb .lnb_list ul > li > a.active{background:url('/images/common/ic_lnb_active.png') no-repeat 98% 50%;font-weight: 600;color:#2b2b2b;} .mo .lnb .lnb_list ul > li > a.active{background:url('/images/common/ic_lnb_active_m.png') no-repeat 98% 50%; background-size:14px 9px;} .lnb .lnb_list ul > li > a:hover{color: #ff6600;} .lnb .lnb_list ul > li.low_depth > a{background:url('/images/common/lnb_depth_plus.png') no-repeat 95% 50%;} .mo .lnb .lnb_list ul > li.low_depth > a{background:url('/images/common/lnb_depth_plus_m.png') no-repeat 95% 50%; background-size:9px 9px;} .lnb .lnb_list ul > li.low_depth > a:hover{color:#5f5450; color:#2b2b2b;} .lnb .lnb_list ul > li.low_depth > a.on{border-bottom:0;background:url('/images/common/lnb_depth_minus.png') no-repeat 95% 50%; font-weight:bold; color:#2b2b2b;} .mo .lnb .lnb_list ul > li.low_depth > a.on{background:url('/images/common/lnb_depth_minus_m.png') no-repeat 95% 50%; background-size:9px 1px;} .lnb .lnb_list ul > li.low_depth > ul{margin-top:5px; padding-bottom:13px; display:none;} .lnb .lnb_list ul > li.low_depth > ul > li > a{color:#5f5450; line-height:25px; padding:0 0 0 8px; position:relative; border-bottom:0; font-size:14px;} .lnb .lnb_list ul > li.low_depth_on ul {display:block;} .mo .lnb .lnb_list ul > li.low_depth > ul > li > a{padding:5px 0 0 8px;} .lnb .lnb_list ul > li.low_depth > ul > li {border-bottom:none;} .lnb .lnb_list ul > li.low_depth > ul > li > a:hover{font-weight:bold; color:#f66000;} .lnb .lnb_list ul > li.low_depth > ul > li > a:after{content:''; display:block; width:2px; height:2px; background:#f89b6c; position:absolute; left:0; top:13px;} .mo .lnb .lnb_list ul > li.low_depth > ul > li > a:after{top:15px;} .lnb .lnb_list ul > li.activeOn {border-bottom:1px solid #f37321;} .lnb .lnb_list ul > li.low_depth_on > a.active {background:url('/images/common/lnb_depth_minus.png') no-repeat 95% 50%;} .lnb_util{border:1px solid #e9e9e9; border-radius:5px; overflow:hidden; margin-top:40px;} .lnb_util h2{background:#f9f9f9; padding:7px 15px 16px 15px; font-size:13px; font-weight:normal;} .lnb_util h2 span{display:block; line-height:0; font-size:0; margin-top:8px;} .lnb_util ul li{border-top:1px solid #e9e9e9;} .lnb_util ul li a{display:block; box-sizing:border-box; height:38px; line-height:35px; padding-left:15px; color:#666; background:url('/images/common/bu_lnb_util.png') no-repeat 92% 50%; font-size:13px;} .mo .lnb_util ul li a{padding-top:2px; background:url('/images/common/bu_lnb_util_m.png') no-repeat 92% 50%; background-size:6px 9px;} #content{float:left; width:855px; height:auto; margin-top:40px; box-sizing:border-box; padding-bottom:0;} #content2, #gnb2 {width:1px; height:1px;} /* footer */ footer{border-top:1px solid #e9e9e9;} .foot_util{width:1120px; margin:0 auto; height:45px; position:relative;} .foot_util_menu li{display:inline-block; margin-right:30px;} .foot_util_menu li a{height:45px; line-height:45px; font-size:12px;} .foot_util_menu li:first-child a{color:#2b2b2b; font-weight:bold;} .foot_util_menu li:nth-child(2) a{font-weight: bold; color: #0015a9;} .foot_util .affiliate{position:absolute; right:0; width:169px; margin:0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; height:45px; bottom:0;} .foot_util .affiliate dt a{height:45px; box-sizing:border-box; padding-left:21px; width:100%; line-height:45px; color:#8f8f8f; background:url('/images/common/ic_foot_util_plus.png') no-repeat 90% 50%; font-size:12px;} .mo .foot_util .affiliate dt a{background:url('/images/common/ic_foot_util_plus_m.png') no-repeat 90% 50%; background-size:9px 9px;} .foot_util .affiliate dt a.on{background:#666 url('/images/common/ic_foot_util_minus.png') no-repeat 90% 50%; color:#fff;} .mo .foot_util .affiliate dt a.on{background:#666 url('/images/common/ic_foot_util_minus.png') no-repeat 90% 50%; background-size:9px 1px;} .foot_util .affiliate dd{box-sizing:border-box; width:650px; height:302px; overflow:hidden; border:1px solid #666; position:absolute; right:0; bottom:45px; background:#fff; padding: 0; display:none; z-index:2;} .affiliate_list{width:100%; display:table;} .affiliate_list ul {overflow:hidden;width: 100%;visibility:visible;overflow:hidden;height:auto;padding: 0;opacity:1;} .affiliate_list ul a:hover, .affiliate_list ul a:focus {color:#eb6810;text-decoration:none;} .affiliate_list ul li a{color:#666; line-height: 27px; font-size: 12px; padding: 0 15px;} .affiliate_list ul > li {float:left;width: 100%; box-sizing:border-box;} .affiliate_list ul > li:last-child {width: 20%;} .affiliate_list ul > li:first-child > ul > li:first-child ul {overflow:hidden;width:100%;padding: 0 ;box-sizing: border-box;} .affiliate_list ul > li:first-child > ul > li:first-child li {float:left;display:inline-block;width:50%;} .affiliate_list ul > li > strong {display:block;padding: 5px 15px;font-size:12px;line-height: 28px;} .affiliate_list ul > li > ul > li a {white-space:nowrap; width:100%;} .affiliate_list ul > li:first-child > ul > li {float:left;margin:0 0 0 -1px;} .affiliate_list > ul > li:first-child > ul > li:first-child {border-right:1px dotted #ddd;} .affiliate_list > ul > li:first-child > ul > li:last-child {border-left:1px dotted #ddd;} .affiliate_list > ul > li > ul {padding: 9px 0 15px;} .affiliate_list > ul > li {width: 80%;} .affiliate_list > ul > li:first-child {border-right:1px solid #ddd;} .affiliate_list > ul > li:first-child > ul > li:nth-child(1){width: 50%;} .affiliate_list > ul > li:first-child > ul > li:nth-child(2){width: 24%;} .affiliate_list > ul > li:first-child > ul > li:nth-child(3){width: 26%;} .affiliate_list > ul > li > strong {padding: 10px 15px;} .affiliate_list > ul > li:last-child > ul {margin-top:5px;} .affiliate_list > ul > li:last-child > ul > li {width:100%} .affiliate_list > ul > li > strong {background-color:#f0f0f0; border-bottom:1px solid #ddd;} .foot_util .fsite{position:absolute; right:0; bottom:0; border:1px solid #e9e9e9; border-width:0 1px; width:168px;} .foot_util .fsite dt a{height:45px; box-sizing:border-box; padding-left:21px; width:100%; line-height:45px; color:#8f8f8f; background:url('/images/common/ic_foot_util_plus.png') no-repeat 90% 50%; display:block; font-size:13px;} .mo .foot_util .fsite dt a{background:url('/images/common/ic_foot_util_plus_m.png') no-repeat 90% 50%; background-size:9px 9px;} .foot_util .fsite dt a.on{background:#666 url('/images/common/ic_foot_util_minus.png') no-repeat 90% 50%; color:#fff;} .mo .foot_util .fsite dt a.on{background:#666 url('/images/common/ic_foot_util_minus.png') no-repeat 90% 50%; background-size:9px 1px;} .foot_util .fsite dd{position:absolute; left:0; bottom:45px; background:#fff; border:1px solid #666; border-bottom-width:0; width:100%; box-sizing:border-box; display:none;} .foot_util .fsite dd ul{padding:15px 0 14px 0;} .foot_util .fsite dd ul li{padding-left:20px;} .foot_util .fsite dd ul li a{color:#666; line-height:34px; font-size:14px;} .footer_wrap{width:100%; border-top:1px solid #e9e9e9; background:#fff; padding-bottom:15px;} .footer{width:1120px; margin:0 auto; overflow:hidden; position:relative;} .footer address{display:block; margin-top:20px; font-size:12px;} .footer address span{color:#8f8f8f; display:inline-block; position:relative; margin-right:20px; line-height:18px;} .footer address span:after{content:''; display:block; width:1px; height:12px; background:#e9e9e9; position:absolute; left:-11px; top:3px;} .footer address span:first-child:after{display:none;} .footer address span.last{display:block;} .footer address span.last:after{display:none;} .foot_blog_list{display:inline-block; position:absolute; right:0; top:24px; overflow:hidden;} .foot_blog_list li{display:inline-block; margin-left:15px; line-height:0; font-size:0; vertical-align:middle;} .foot_blog_list li a{ color:#8f8f8f; line-height:20px; font-size:13px; padding-left:21px; background:url('/images/common/ic_blog.png') no-repeat 0 3px;} .mo .foot_blog_list li a{background:url('/images/common/ic_blog_m.png') no-repeat 0 3px; background-size:16px 16px;} .foot_blog_list li:first-child a{background:none; padding-left:0; margin-left:0;} .certimark{display:inline-block; position:absolute; right:0; bottom:9px;} .certimark li{display:inline-block; margin-left:15px;} .foot_etc{margin-top:3px;} .foot_etc .phone_list{display:inline-block;} .foot_etc .phone_list li{display:inline-block; margin-right:20px; position:relative; line-height:20px; font-size:12px; color:#333;} .foot_etc .phone_list li:after{content:''; display:block; width:1px; height:12px; background:#e9e9e9; position:absolute; left:-11px; top:6px;} .mo .foot_etc .phone_list li:after{top:5px;} .foot_etc .phone_list li:first-child:after{display:none;} .foot_etc .phone_list li strong {font-size:13px;} .foot_etc .copyright{margin-top:10px; font-size:10px; letter-spacing:0; color:#8f8f8f;} #content h1{color:#2b2b2b; font-size:32px; line-height:42px; margin-bottom:42px;} .faq_sch{text-align:center; padding:30px 0;} .input_faq_sch{display:inline-block; box-sizing:border-box; width:100%; max-width:480px; padding-right:50px; overflow:hidden; position:relative; height:45px; border:2px solid #f37321; border-radius:3px; box-shadow:0px 2px 1px #eaeaea;} .input_faq_sch .placeholder_warp{width:100%; background:#fff;} .input_faq_sch .txt_placeholder{width:100% !important; font-size:15px !important; text-align:center;} .input_faq_sch input[type="text"], .input_faq_sch input[type="tel"] {width:100%; height:42px; padding:5px 10px 5px 10px; border:0; color:#2b2b2b; font-size:18px; box-sizing:border-box;} .input_faq_sch button{width:50px; height:42px; position:absolute; right:0; top:0; background:#fff url('/images/common/btn_faq_search.png') no-repeat 50% 50%;} .faq_sch .keyword_list{width:100%; text-align:center; margin-top:7px;} .faq_sch .keyword_list li{display:inline-block; margin-left:27px; position:relative; font-size:14px;} .faq_sch .keyword_list .keyFirst{margin-left:14px;color:#2b2b2b;font-size:13px;} .faq_sch .keyword_list .keyFirst:after{display:none;} .faq_sch .keyword_list li:after{content:''; display:block; width:1px; height:12px; background:#dfdfdf; position:absolute; left:-15px; top:5px;} .faq_sch .keyword_list li:first-child{margin-left:0;} .faq_sch .keyword_list li:first-child:after{content:''; display:none;} .faq_sch .keyword_list li a:hover{font-weight:bold; color:#2b2b2b;} .faq_tab{margin-top:35px; line-height:0; font-size:0;} .faq_tab .mobile_select{display:none;} .tabmenu{width:100%; display:inline-block; padding-bottom:5px;} .tabmenu li{width:20%; float:left;} .tabmenu li a{display:block; width:100%; height:46px; line-height:43px; background:#6b6b6b url('/images/common/bg_tab_line.png') no-repeat 100% 18px; box-sizing:border-box; text-align:center; color:#fff; position:relative; font-size:16px; border-bottom:3px solid #585858; position:relative;} .tabmenu li a.on, .tabmenu li a:hover{background:#f37321 url('/images/common/bg_tab_line.png') no-repeat 100% 18px; border-bottom:3px solid #e65a00; font-weight:bold;} .tabmenu li a.on:after, .tabmenu li a:hover:after{content:''; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #e65a00; position:absolute; left:50%; margin-left:-6px; bottom:-8px;} .tabmenu li:first-child a{border-left:0;} .tabmenu li.first a{border-radius:5px 0 0 5px;} .tabmenu li.last a{border-radius:0 5px 5px 0;} .product_detail .tabmenu li{width:34%;} .product_detail .tabmenu li.first, .product_detail .tabmenu li.last{width:33%;} .faq_list{box-sizing:border-box;} .faq_list > li{margin-top:10px; border-radius:5px; border:1px solid #e9e9e9; overflow:hidden;} .faq_list > li > a{display:block; box-sizing:border-box; padding:24px 70px 28px 30px; color:#2b2b2b; font-size:18px; background:url('/images/common/ic_faq.png') no-repeat 96% 32px;} .mo .faq_list > li > a{background:url('/images/common/ic_faq_m.png') no-repeat 96% 50%; background-size:14px 14px;} .faq_list > li > a .question{padding-left:30px; display:inline-block; background:url('/images/common/ic_question.png') no-repeat 0 5px;} .mo .faq_list > li > a .question{background:url('/images/common/ic_question_m.png') no-repeat 0 2px; background-size:20px 18px;} .faq_list > li:hover{border-color:#f89b6c;} .faq_list > li:hover > a{background:url('/images/common/ic_faq_over.png') no-repeat 96% 32px; color:#f66000;} /* .mo .faq_list li:hover > a{background:url('/images/common/ic_faq_over_m.png') no-repeat 96% 32px; background-size:14px 14px;} */ .faq_list > li:hover > a .question{color:#f66000;} .faq_cont{ overflow:hidden; position:relative; background:#f9f9f9; padding:23px 55px 26px 55px; display:none;} .faq_cont p{margin-top:10px; overflow:hidden; width:100%; color:#555;} .faq_cont p:first-child{margin-top:0;} .faq_cont .faq_cont_tit{display:block;} .faq_cont .btn_wrap{margin-top:10px;} .faq_list li.on{border-color:#8f8f8f;} .faq_list li.on > a{background:url('/images/common/ic_faq_close.png') no-repeat 96% 32px;} .mo .faq_list li.on > a{background:url('/images/common/ic_faq_close_m.png') no-repeat 96% 32px; background-size:12px 12px;} .faq_list li.on:hover{border-color:#8f8f8f;} .faq_list li.on:hover .question{color:#2b2b2b;} .paging_wrap{width:100%; position:relative; margin-top:35px; text-align:center;} .paging_wrap .ab_right{position:absolute; right:0; top:-5px;} .paging{height:35px;} .paging a{display:inline-block; width:35px; height:35px; line-height:32px; text-align:center; vertical-align:middle; overflow:hidden; box-sizing:border-box;} .paging a.num{padding-left:15px; margin-right:14px; background:url('/images/common/bu_paging_line.gif') no-repeat 0 50%;} .paging a.num.bgnone{background:none;} .paging a.on{font-weight:bold; color:#f66000;} .paging .first{border:1px solid #eee; border-radius:3px; background:url('/images/common/bg_paging_first.png') no-repeat 50% 50%;} .paging .prev{border:1px solid #eee; border-radius:3px; background:url('/images/common/bg_paging_prev.png') no-repeat 50% 50%;} .paging .next{border:1px solid #eee; border-radius:3px; background:url('/images/common/bg_paging_next.png') no-repeat 50% 50%;} .paging .last{border:1px solid #eee; border-radius:3px; background:url('/images/common/bg_paging_last.png') no-repeat 50% 50%;} .paging .mo_paging{display:none;} .mo .paging .first{background:url('/images/common/bg_paging_first_m.png') no-repeat 50% 50%; background-size:10px 9px;} .mo .paging .prev{background:url('/images/common/bg_paging_prev_m.png') no-repeat 50% 50%; background-size:6px 9px;} .mo .paging .next{background:url('/images/common/bg_paging_next_m.png') no-repeat 50% 50%; background-size:6px 9px;} .mo .paging .last{background:url('/images/common/bg_paging_last_m.png') no-repeat 50% 50%; background-size:10px 9px;} .list_sch{width:100%; text-align:center; position:relative; background: #f9f9f9; padding: 30px;} .list_sch .input_basic{display:inline-block; width:35%; margin-right: 5px; margin-left: 5px;} .ie8 .list_sch .input_basic{margin-right:5px;} .btn_sch{background:url('/images/common/btn_lish_sch.png') no-repeat 0 0; display:inline-block; width:40px; height:40px; overflow:hidden;} .mo .btn_sch{background:url('/images/common/btn_lish_sch_m.png') no-repeat 0 0; background-size:40px 40px;} .list_sch .total{position:absolute; left:0; bottom:0;} .list_sch .custom_select{background-position:90% 50%;} .list_sch .txt_placeholder{text-align:left !important;} .list_sch .select_wrap{width:28%;} .list_total{position:relative; margin: 20px 0px 0px 0px; padding-top: 15px;} .list_total .total{position:absolute; left:0; bottom:0;} .notice_list{margin-top:-5px; padding-top: 1px;} .notice_list li{margin-top:10px;} .notice_list li > a{box-sizing:border-box; display:table; border:1px solid #e9e9e9; border-radius:3px; height:77px; width:100%; table-layout:fixed; padding-right:145px; position:relative;} .notice_list li a .number{width:13%; font-size:13px; color:#8f8f8f; text-align:center; vertical-align:middle; display:table-cell;} .notice_list li a .date{width:145px; font-size:14px; color:#8f8f8f; text-align:center; vertical-align:middle; position:absolute; right:0; top:0; height:77px; line-height:77px;} .notice_list li a p{width:87%; color:#2b2b2b; font-size:18px; vertical-align:middle; display:table-cell;} .notice_list li a p .ellipsis{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;} .notice_list li a:hover, .notice_list li.fix a:hover{border-color:#f89b6c;} .notice_list li a:hover p{color:#f66000;} .notice_list li.fix a{border:1px solid #8f8f8f; background:#f9f9f9;} .mini_paging .notice_list a p{font-size:15px; color:#666;} .notice_list li a .number em{font-weight:bold; color:#2b2b2b; font-size:15px; display:inline-block; padding-right:23px; line-height:20px;font-style: normal;} .notice_list li a .number em.prev{background:url('/images/common/select_up.png') no-repeat 100% 7px;} .notice_list li a .number em.next{background:url('/images/common/select_down.png') no-repeat 100% 7px;} .mo .notice_list li a .number em.prev{background:url('/images/common/select_up_m.png') no-repeat 100% 7px; background-size:13px 8px;} .mo .notice_list li a .number em.next{background:url('/images/common/select_down_m.png') no-repeat 100% 7px; background-size:13px 8px;} .notice_view{border:1px solid #8f8f8f; padding:23px 30px 35px 30px; border-radius:3px;} .notice_subject{position:relative; padding-bottom:36px;} .notice_subject:after{content:''; display:block; width:12px; height:2px; background:#f37321; position:absolute; left:0; bottom:0;} .notice_subject h2{font-size:26px; line-height:32px; font-weight:normal; color:#2b2b2b;} .notice_subject .date{color:#8f8f8f; font-size:14px; display:inline-block; margin-top:5px;} .notice_view .notice_txt{margin-top:30px;} .notice_view p {max-width:100%; width:100%;} .notice_view img {max-width:100%;} /* 1:1상담 */ .chadori_box + .priv_agree{margin-top:35px;} .priv_agree{padding:14px 25px 20px; position:relative;} .priv_agree h2{color:#2b2b2b; font-size:18px;} .priv_agree .txt_priv{color:#8f8f8f; font-size:14px;} .ask_wrap.priv_agree .ask_txt{position:relative;padding-right:120px;min-height:35px;} .ask_wrap.priv_agree .txt_priv{} .ask_wrap.priv_agree .btn_detail{position:absolute;top:50%;right:0;margin-top:-17px;} .priv_agree .btn_white{position:absolute; right:25px; top:35px;} .priv_agree .agree_chk{border:1px solid #e9e9e9; background:#fff; margin-top:16px;border-radius:3px;} .priv_agree .agree_chk label{margin-right:20px;} .priv_agree .agree_chk .all_agree{display:block; border-bottom:1px solid #e9e9e9; padding:9px 0 14px 20px;} .agree_warp.priv_agree h2 > span{font-weight:normal;} .agree_warp.priv_agree .agree_chk .all_agree{position:absolute;top:16px;right:24px;padding:0;border:none;} .agree_warp.priv_agree .agree_chk .all_agree label{margin-right:0;font-weight:bold;} .mo .agree_warp.priv_agree .agree_chk .all_agree{padding:12px 0 12px 20px;} .mo .agree_warp.agree_warp .agree_chk .all_agree{padding:0;} .priv_agree .sub_agree{padding:14px 20px 19px 20px; border-top:1px solid #e9e9e9;} .ask_wrap.priv_agree .agree_chk{border-top:none;margin-bottom:18px;} .ask_wrap.priv_agree .sub_agree{float:left;width:50%;box-sizing:border-box;padding:14px 30px 19px 20px;} .ask_wrap.priv_agree .sub_agree:first-child{border-right:1px solid #e9e9e9;} .ask_wrap.priv_agree .sub_agree h3{font-size:15px;} .ask_wrap.priv_agree .sub_agree .radio_wrap{text-align:center;padding-left:10px;} .ask_wrap .agree_box{overflow:hidden;} .priv_agree .sub_agree p{height:105px; font-size:14px; line-height:21px; margin:5px 0 20px 0;} .priv_agree_list{width:100%; overflow:hidden; padding:15px 20px;} .priv_agree_list li{float:left; width:50%; margin-bottom:3px;} .priv_agree .agree_chk .priv_agree_list li label{margin-right:10px;} .priv_agree .agree_chk_01, .priv_agree .agree_chk_02{border:1px solid #e9e9e9; background:#fff; margin-top:10px;border-radius:0;} .agree_warp.priv_agree .agree_chk_01 .all_agree_01, .agree_warp.priv_agree .agree_chk_02 .all_agree_02 {position:absolute;top:0; right:0;padding:0;border:none; z-index:1;} .agree_warp.priv_agree .agree_chk_01 .all_agree_01 label, .agree_warp.priv_agree .agree_chk_02 .all_agree_02 label {margin-right:0;font-weight:bold;font-size:16px; margin-top:4px;} .mo .agree_warp.priv_agree .agree_chk_01 .all_agree_01, .mo .agree_warp.priv_agree .agree_chk_02 .all_agree_02 {padding:12px 0 12px 20px;} .mo .agree_warp.agree_warp .agree_chk_01 .all_agree_01, .mo .agree_warp.agree_warp .agree_chk_02 .all_agree_02 {padding:0;} .priv_agree_list_01, .priv_agree_list_02 {width:100%; overflow:hidden; padding:15px 20px; box-sizing: border-box;} .priv_agree_list_01 li, .priv_agree_list_02 li {float:left; width:100%; margin-bottom:5px;} .priv_agree_list_01 .agree_chk .priv_agree_list li label, .priv_agree_list_02 .agree_chk .priv_agree_list li label {margin-right:10px;} .priv_agree_list_01 li:last-child {margin-bottom:0;} .input_inquiry{margin-top:30px;} .input_inquiry.input_wrap{margin-top:10px;} .input_inquiry h2{font-size:22px; color:#2b2b2b;} .input_inquiry h2 + ul{margin-top:20px;} .input_inquiry > ul > li{padding:0 10px 15px 10px; border-bottom:1px solid #e9e9e9;} .input_wrap.input_inquiry {} /*.input_wrap.input_inquiry > ul:first-child{border-top:1px solid #666;}*/ .input_wrap.input_inquiry > .infoNext, .certiWrap .btnNext{display:none;} .input_wrap.input_inquiry > ul{overflow:hidden; border:none;} .input_wrap.input_inquiry > ul > li{float:left;border:none; padding: 0 20px 15px 0;} .input_wrap.input_inquiry > ul > li:last-child{padding-right:0;} .input_wrap.input_inquiry > ul > li .btn_function{width: 120px; margin: 0; text-align: center; background:#fff; border: 1px solid #999; font-weight: 400; color: #333; border-radius:0; margin-right:10px;} .input_wrap.input_inquiry > ul > li .phone_txt{font-size:14px;color:#666;} .input_wrap.input_inquiry > ul > li .phone_num{margin-bottom:8px;} .input_wrap.input_inquiry > ul > li .gender{padding:8px 0 7px;} .input_inquiry > ul > li > strong{display:block; color:#2b2b2b; margin:13px 0 6px 0;} .input_inquiry > ul > li > strong em{display:inline-block; margin:0 5px;} .input_inquiry > ul > li > strong span{font-size:14px; color:#666;} .input_inquiry > ul > li .select_wrap{width:200px;} .input_inquiry > ul > li .input_basic{width:200px;} .input_inquiry > ul > .card .input_basic{width:90px;} .input_inquiry > ul > li .cellphone .input_basic{width:90px;} .input_inquiry > ul > li .cellphone .tel_bar{display:inline-block; width:20px; text-align:center; height:40px; line-height:37px; vertical-align:middle;} .input_inquiry > ul > li textarea{width:100%; height:155px; border:1px solid #ccc; border-radius:3px;} .input_inquiry > ul > li.datepicker .input_box{width:170px; padding-right:45px; display:inline-block; margin-right:15px;} .input_inquiry > ul > li.datepicker .input_box .input_basic{width:100%;} .input_inquiry > ul > li.datepicker img{width:40px; height:40px; position:absolute; right:0; top:0;} .input_inquiry > ul > li.datepicker .input_box .placeholder_warp{display:inline-block !important;} .input_inquiry > ul > li.datepicker .input_box .placeholder_warp img{right:-45px;} .input_inquiry > ul > li.datepicker .select_wrap{width:195px;} .input_inquiry > ul > li .after_info{display:block; background:#fff; padding:0;} .input_inquiry > ul > li.subject .placeholder_warp{width:100%;} .tel_confirm{width:100%; overflow:hidden;} .tel_confirm .input_box{width:auto; float:left; margin-right:10px; padding:0;} .tel_confirm .confirm_count{font-size:14px; float:left; margin-top:14px;} .quarter{width:auto; overflow:hidden;} .quarter > li{width:100px; float:left; margin-right:5px;} .input_inquiry > ul > li .quarter > li .input_basic{width:100%;} .input_inquiry > ul > li.card_pw .quarter > li{width:100%;} .input_inquiry > ul > li.card_pw .quarter > li .input_basic{width:100px;} .input_inquiry > ul > li.email .reference{margin-top:5px;} .input_inquiry > ul > li .tel_wrap .input_basic{margin-right:20px;} .input_inquiry > ul > li .tel_wrap .counsel_time em{margin-right:10px;} .file_wrap .fake_file{border:1px solid #d1d1d1; max-width:346px; width:100%; border-radius:3px; position:relative; display:inline-block; height:40px; box-sizing:border-box; padding-right:38px;} .file_wrap .fake_file input[type="text"]{width:100%; border:0; height:38px; background:none;} .file_wrap .fake_file button{position:absolute; right:0; top:0; width:36px; height:38px; background:url('/images/common/btn_input_delete.png') no-repeat 50% 50%; overflow:hidden;} .mo .file_wrap .fake_file button{background:url('/images/common/btn_input_delete_m.png') no-repeat 50% 50%; background-size:10px 10px;} .file_wrap .btn_function{position:relative; vertical-align:top;} .file_wrap .btn_function input[type="file"]{opacity:0; width:100%; height:100%; position:absolute; left:0; top:0;} /* 상담완료 */ .complete{text-align:center; padding:80px 0 62px 0;} .basic_step + .complete{margin-top:30px;} .car_number + .complete{margin-top:30px;} .complete .thumb{line-height:0; font-size:0;} .complete .thumb img{width:105px; height:94px;} .complete .complete_tit{font-size:22px; line-height:28px; color:#2b2b2b; margin-top:19px;} .complete .complete_text{display:block; margin-top:7px;} .complete .complete_list_txt{text-align:left; margin:15px 60px 0 60px;} .complete .complete_list_txt .gray_square{ border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:15px 0 15px 60px;} .complete .reference{text-align:left;} /* 원격지원 및 메신저상담 */ .subimg_area{min-height:170px; padding-top:10px;overflow:hidden;} .faq_tab + .subimg_area{margin-top:35px;} .faq_tab + .subimg_area .txt_subimg br{display:none;} .subimg_area.rservice{background:url('/images/desk/img_rservice.jpg') no-repeat 100% 0;} .subimg_area.special{background:none;} .subimg_area.merit01{background:url('/images/benefit/img_merit01.jpg') no-repeat 100% 0;} .subimg_area.member01{background:url('/images/benefit/img_member01.jpg') no-repeat 100% 0;} .subimg_area.member02{background:url('/images/benefit/img_member02.jpg') no-repeat 100% 0;} .subimg_area.card01{background:url('/images/benefit/img_card01.jpg') no-repeat 100% 0;} .subimg_area.coop01{background:url('/images/benefit/img_coop01.jpg') no-repeat 100% 0;} .subimg_area.other{background:url('/images/support/img_other.jpg') no-repeat 100% 0;} .subimg_area .txt_subimg{font-size:20px; color:#2b2b2b; background:url('/images/common/img_colon.png') no-repeat 0 0;padding-top:25px; position:relative; line-height:27px;} .subimg_area .use_time{display:table;float:left; font-size:22px;margin-top:33px; position:relative; color:#2b2b2b; margin-right:10px;} .subimg_area .use_time .orange{font-size:24px;display:table-cell;padding:1px 0 0 5px;} .subimg_area .use_time.fontB{font-size:18px;line-height:28px;} .subimg_area .use_time span{letter-spacing:0;} .subimg_area .use_time:after{content:''; display:block; width:12px; height:2px; background:#666; position:absolute; left:0; top:-10px;} .subimg_area .btn_arrow{float:left;margin-top:36px;} /*.mo .subimg_area .btn_arrow{margin-top:-3px;}*/ .problem_service{width:100%; border-top:1px solid #666; display:table; table-layout:fixed; margin-top:50px;} .problem_service li{border-bottom:1px solid #e9e9e9; width:50%; display:table-cell; box-sizing:border-box; padding:0 0 35px 150px; position:relative; vertical-align:top;} .problem_service li:first-child{border-right:1px solid #e9e9e9;} .problem_service li figure{position:absolute; left:0; top:0; text-align:center; width:150px; padding-top:35px;} .problem_service figcaption{display:block; padding:29px 20px 0 0;} .problem_service figcaption strong{color:#2b2b2b; font-size:18px;} .problem_service figcaption p{line-height:21px; margin:7px 0 18px 0;} .bottom_caution{margin-top:30px; position:relative; padding:24px 20px 28px 113px;} .bottom_caution dt{position:absolute; left:0; top:21px; width:113px; box-sizing:border-box; padding-left:45px; background:url('/images/common/ic_bot_caution.png') no-repeat 20px 7px; line-height:30px; font-weight:bold; color:#2b2b2b;} .mo .bottom_caution dt{background:url('/images/common/ic_bot_caution_m.png') no-repeat 20px 7px; background-size:16px 16px;} .bottom_caution dd{width:100%;} .bottom_caution dd ul > li{position:relative; padding-left:8px; font-size:14px; line-height:21px; margin-top:7px;} .bottom_caution dd ul > li > ol{margin-top:4px;} .bottom_caution 0px 2px 0px #dd ul > li > ol > li{font-size:13px; line-height:21px;} .bottom_caution dd ul > li:first-child{margin-top:0;} .bottom_caution dd ul > li:after{content:''; display:block; width:2px; height:2px; background:#666; position:absolute; left:0; top:11px;} .mo .bottom_caution dd ul li:after{top:8px;} .bottom_caution dd ul > li .util_btn{margin-top:5px;} .bottom_caution dd ul > li.import{color:#f66000;} .bottom_caution dd ul > li.import:after{background:#f37321;} .bottom_caution dd ul.text_indent > li{position:relative;} .bottom_caution dd ul.text_indent > li > strong {display:inline-block; margin-right:4px; padding-left:35px; text-indent:-35px;} .bottom_caution dd ul.reference > li {color:#666;} .bottom_caution dd ul.reference > li:after {display:none;} .mo .bottom_caution dd ul.text_indent > li {padding-left:10px; text-indent:0;} .mo .bottom_caution dd ul.text_indent > li strong {position:static; display:block;} .bottom_caution dd ul.text_indent > li.info {padding-left:10px; text-indent:0;} .bottom_caution dd ul.text_indent > li.info:after {display:none;} /* 예금자보호 안내 추가 */ .bottom_caution.protect_box {padding: 50px 35px 20px; margin-top: 10px;} .bottom_caution.protect_box dt {width:100%; top:15px;} .sub_banner{margin-bottom:45px;} .sub_banner img{width:100%;} .banner_review_m {display:none;} /*모바일 서비스 안내*/ .subimg_area.mservice{padding-right:330px; background:url('/images/desk/img_mservice.jpg') no-repeat 100% 0;} .mservice_easy_list{border-top:1px solid #666; border-bottom:1px solid #e9e9e9; overflow:hidden;} .mservice_easy_list li{width:50%; float:left; box-sizing:border-box;} .mservice_easy_list li:first-child dl dt, .mservice_easy_list li:first-child dd{border-right:1px solid #e9e9e9;} .mservice_easy_list li dl dt{height:53px; line-height:50px; font-size:15px; color:#2b2b2b; font-weight:bold; text-align:center; background:#f9f9f9; border-bottom:1px solid #e9e9e9;} .mservice_easy_list li dl dd{padding:38px 20px 38px 80px;} .mservice_easy_list .qr .img , .mservice_easy_list .qr p{display:table-cell; vertical-align:middle;} .mservice_easy_list .qr .img{width:115px;} .mservice_easy_list .qr .img img{width:92px;} .mservice_easy_list .phone .input_basic{width:230px; border:1px solid #f89b6c; box-shadow:0px 2px 0px #f0f0f0;} .mservice_easy_list .phone .btn_sch{vertical-align:middle; background-image:url('/images/desk/btn_sns_orange.gif');} .mservice_easy_list .phone p{padding-top:10px; font-size:13px; line-height:19px;} .event_visual.mservice .indicator{vertical-align:middle; margin-top:-3px;} .event_visual.mservice .bullet_nav{top:25%; bottom:auto;} .event_visual.mservice .bx-pager .bx-pager-item a{width:17px; height:4px; margin-right:5px; border-radius:5px; background:#8f8f8f; box-shadow:0 2px 3px #666;} .event_visual.mservice .bx-pager .bx-pager-item a.active{width:17px; height:4px; background:#ff5400;} .event_visual.mservice .bullet_nav .bx-stop, .event_visual.mservice .bullet_nav .bx-start{vertical-align:middle;} .event_visual.mservice .bullet_nav .bx-stop:before , .event_visual.mservice .bullet_nav .bx-stop:after{background:#8f8f8f;} .short_cut_list > li{margin-top:55px; padding:57px 20px 0; border-top:1px solid #e9e9e9;} .short_cut_list > li:first-child{margin-top:0; padding-top:0; border-top:none;} .short_cut_list li strong{position:relative; display:block; padding-left:18px; font-size:20px; font-weight:normal; line-height:1;} .short_cut_list li strong:after{content:''; display:block; clear:both; position:absolute; left:0; top:9px; width:11px; height:3px; background:#f37321;} .short_cut_list .use_flow.item03{margin:15px 0 0 -100px;} .short_cut_list .use_flow.item03 li{margin-top:0; padding-left:100px; background:url('/images/desk/bg_short_cut_list.png') no-repeat 22px 0;} .short_cut_list .use_flow.item03 li figcaption{min-height:53px;} .smart_app{display:table; width:100%; margin-top:60px; background:#e9e9e9; border-radius:5px;} .smart_app .logo_img , .smart_app .smart_cont{display:table-cell; vertical-align:middle;} .smart_app .logo_img{width:130px; height:135px; background:#f97b1e; text-align:center; border-radius:5px 0 0 5px;} .smart_app .smart_cont{height:135px; padding:0 30px;} .smart_app .logo_img img{width:72px;} .smart_app .txt_area , .smart_app .search_area{display:table-cell;} .smart_app .txt_area{width:335px; padding-right:15px; border-right:1px solid #f89b6c;} .smart_app .txt_area h2{font-size:22px; color:#5f5450; font-weight:bold;} .smart_app .txt_area p{margin-top:10px; font-size:14px; color:#f37321; line-height:21px;} .smart_app .search_area{position:relative; width:300px; padding-left:20px;padding-right:45px;background:url('/images/desk/bg_smart_app.png') no-repeat 20px 100%;} .smart_app .search_area .placeholder_warp{width:100%;} .smart_app .search_area .input_basic{width:100%; border:1px solid #f89b6c; box-shadow:0px 2px 0px #dbdbdb;} .smart_app .smart_letter_btn{width:40px; height:40px; position:absolute; right:0px; top:0px; background:url('/images/desk/btn_sns_orange.gif') no-repeat 0 0;} /* 후기 */ .review_wrap{margin-top:10px;} .review_list > li{margin-top:10px; border-radius:5px; border:1px solid #e9e9e9; overflow:hidden;} .review_list > li > a{display:table; box-sizing:border-box; width:100%; table-layout:fixed; background:url('/images/common/ic_faq.png') no-repeat 98% 50%;} .review_list > li > a .number{width:10%; vertical-align:middle; text-align:center; display:table-cell;} .review_list > li > a .number .best{display:inline-block; width:22px; height:22px; background:url('/images/desk/img_best_review.png') no-repeat 0 0;} .review_list > li > a .subject{width:65%; vertical-align:top; display:table-cell; padding:22px 0 28px 0; } .review_list > li > a .subject .insu{font-size:14px; color:#2b2b2b;} .review_list > li > a .subject .insu .star{width:66px; height:12px; display:inline-block; line-height:0; font-size:0; vertical-align:middle;} .mo .review_list > li > a .subject .insu .star{position:relative; margin-top:-11px;vertical-align:super;} .review_list > li > a .subject .insu .star em{display:inline-block; height:12px; background:url('/images/desk/bg_star.png') no-repeat 0 0; margin-left:10px; vertical-align:middle; overflow:hidden;} .mo .review_list > li > a .subject .insu .star em{background:url('/images/desk/bg_star_m.png') no-repeat 0 0; background-size:66px 12px;} .review_list > li > a .subject .insu .star .star0{width:0;} .review_list > li > a .subject .insu .star .star1{width:20%;} .review_list > li > a .subject .insu .star .star2{width:40%;} .review_list > li > a .subject .insu .star .star3{width:60%;} .review_list > li > a .subject .insu .star .star4{width:80%;} .review_list > li > a .subject .insu .star .star5{width:100%;} .review_list > li > a .subject p{font-size:18px; color:#2b2b2b; margin-top:2px;} .review_list > li > a .write_info{width:25%; vertical-align:middle; display:table-cell; font-size:14px; color:#8f8f8f;} .review_list > li > a .write_info .date{display:inline-block; position:relative; margin-left:25px;} .review_list > li > a .write_info .date:after{content:''; display:block; width:1px; height:12px; background:#8f8f8f; position:absolute; left:-14px; top:8px;} .mo .review_list > li > a .write_info .date:after{height:10px; top:7px;} .review_list > li:hover{border-color:#f89b6c;} .review_list > li:hover > a{background:url('/images/common/ic_faq_over.png') no-repeat 98% 50%;} .review_list li.on > a{background:url('/images/common/ic_faq_close.png') no-repeat 98% 50%;} .mo .review_list > li > a{background:url('/images/common/ic_faq_m.png') no-repeat 98% 50%; background-size:14px 14px;} .mo .review_list > li:hover > a{background:url('/images/common/ic_faq_over_m.png') no-repeat 98% 50%; background-size:14px 14px;} .mo .review_list li.on > a{background:url('/images/common/ic_faq_close_m.png') no-repeat 98% 50%; background-size:12px 12px;} .review_list li.on{border-color:#8f8f8f;} .review_list li.on:hover{border-color:#8f8f8f;} .review_list li.on:hover .question{color:#2b2b2b;} .review_cont{overflow:hidden; position:relative; background:#f9f9f9; padding:20px 20px 24px 10%; display:none;} .review_cont .detail_info{border:1px solid #e9e9e9; background:#fff; border-radius:3px; position:relative;box-sizing:border-box; padding-right:170px;} .review_cont .detail_info ul{padding:11px 0 15px 0;} .mo .review_cont .detail_info ul{padding:15px 0 11px 0;} .review_cont .detail_info ul li{display:inline-block; font-size:14px; margin-left:25px; position:relative;} .review_cont .detail_info ul li:after{content:''; display:block; width:1px; height:13px; background:#e9e9e9; position:absolute; left:-13px; top:8px;} .mo .review_cont .detail_info ul li:after{top:6px;} .review_cont .detail_info ul li:first-child:after{display:none;} .review_cont .detail_info ul li strong{color:#2b2b2b;} .review_cont .detail_info .btn_orange02{position:absolute; right:8px; top:50%; margin-top:-18px;} .review_cont .txt_review{padding-left:20px; background:url('/images/common/img_gray_colon.png') no-repeat 0 7px; margin-top:13px;} .review_cont .reply_review{padding-left:20px; background:url('/images/common/img_colon_small.png') no-repeat 0 7px; margin-top:28px;} .mo .review_cont .txt_review{background:url('/images/common/img_gray_colon_m.png') no-repeat 0 7px; background-size:11px 9px;} .mo .review_cont .reply_review{background:url('/images/common/img_colon_small_m.png') no-repeat 0 7px; background-size:11px 9px;} .review_cont .reply_review p{margin-top:5px;} /* 후기작성 */ .review_type{padding:30px;} .review_type p{font-size:14px; margin-bottom:5px;} .review_type p strong{color:#2b2b2b; font-size:15px;} .review_type p .orange{display:inline-block; margin:0 5px;} .review_type .select_wrap{width:40%;} .write_review{margin-top:55px;} .write_review h2{font-size:22px; color:#2b2b2b;} .review_star{width:100%; overflow:hidden; border-top:1px solid #666; border-bottom:1px solid #e9e9e9; margin-top:20px; padding:13px 10px 13px 210px; box-sizing:border-box; position:relative;} .review_star strong{color:#2b2b2b; display:block;} .review_star .input_star{width:210px; box-sizing:border-box; position:absolute; left:0; top:0; padding:13px 0 0 10px;} .review_star .review_text textarea{width:100%; height:155px; border:1px solid #ccc; display:block; margin-top:4px; border-radius:3px;} #setStars{overflow:hidden; width:100%; margin-top:6px;} #setStars span{display:block; float:left; width:23px; height:23px; background:url('/images/desk/star_basic.png') no-repeat 0 0; margin-right:4px;} #setStars .star01.on{background:url('/images/desk/star01.png') no-repeat 0 0;} #setStars .star02.on{background:url('/images/desk/star02.png') no-repeat 0 0;} #setStars .star03.on{background:url('/images/desk/star03.png') no-repeat 0 0;} #setStars .star04.on{background:url('/images/desk/star04.png') no-repeat 0 0;} #setStars .star05.on{background:url('/images/desk/star05.png') no-repeat 0 0;} /* .ie8 #setStars span{background:url('/images/desk/star_basic_ie.png') no-repeat 0 0;} .ie8 #setStars .star01.on{background:url('/images/desk/star01_ie.png') no-repeat 0 0;} .ie8 #setStars .star02.on{background:url('/images/desk/star02_ie.png') no-repeat 0 0;} .ie8 #setStars .star03.on{background:url('/images/desk/star03_ie.png') no-repeat 0 0;} .ie8 #setStars .star04.on{background:url('/images/desk/star04_ie.png') no-repeat 0 0;} .ie8 #setStars .star05.on{background:url('/images/desk/star05_ie.png') no-repeat 0 0;} */ .main #setStars{text-align:center;margin-top:25px;} .main #setStars .star01.on, .main #setStars .star02.on, .main #setStars .star03.on, .main #setStars .star04.on{background:url('/images/desk/star05.png') no-repeat 0 0;} .main #setStars span{display:inline-block; float:none;margin-right:0;width:20px;height:20px;background-size:20px;} .main #setStars span.on{background-size:20px !important;} .mo #setStars span{background:url('/images/desk/star_basic_m.png') no-repeat 0 0; background-size:20px 20px;} .mo #setStars .star01.on{background:url('/images/desk/star01_m.png') no-repeat 0 0; background-size:20px 20px;} .mo #setStars .star02.on{background:url('/images/desk/star02_m.png') no-repeat 0 0; background-size:20px 20px;} .mo #setStars .star03.on{background:url('/images/desk/star03_m.png') no-repeat 0 0; background-size:20px 20px;} .mo #setStars .star04.on{background:url('/images/desk/star04_m.png') no-repeat 0 0; background-size:20px 20px;} .mo #setStars .star05.on{background:url('/images/desk/star05_m.png') no-repeat 0 0; background-size:20px 20px;} .mo .main #setStars .star01.on, .mo .main #setStars .star02.on, .mo .main #setStars .star03.on, .mo .main #setStars .star04.on{background:url('/images/desk/star05_m.png') no-repeat 0 0; background-size:20px 20px;} /* 혜택소개 */ .tab_basic{width:100%; height:64px; position:relative; box-sizing:border-box; border:1px solid #ccc; border-width:1px 1px 0 1px;} .tab_basic li{display:table; width:50%; height:64px; float:left; border-right:1px solid #ccc; box-sizing:border-box; position:relative;} .tab_basic li.last{border-right-width:0;} .tab_basic li a{display:table-cell; width:100%; height:64px; text-align:center; vertical-align:middle; position:relative; font-size:17px; line-height:21px; background:#f9f9f9;} .tab_basic li a br{display:none;} .tab_basic li.on{z-index:2;} .tab_basic li.on a{background:#fff; color:#2b2b2b; font-weight:bold;} .tab_basic:after{content:''; display:block; width:100%; height:2px; background:#333; position:absolute; left:-1px; bottom:-1px; padding:0 1px;} .tab_basic li.on:after{content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid #333; position:absolute; left:50%; margin-left:-7px; bottom:0; z-index:2;} .tab_basic li.on a:after{content:''; display:block; width:100%; height:2px; background:#fff;position:absolute; left:0px; bottom:0; z-index:1;} .tab_basic li.on a:before{content:''; display:block; width:100%; height:63px; border:2px solid #333; border-bottom-width:0; position:absolute; left:-2px; top:-1px;} .mo .tab_basic li.on a:after{left:1px;} .mo .tab_basic li.on a:before{left:-1px;} .tab_basic.item03 li{width:33%;} .tab_basic.item03 li.middle{width:34%;} .tab_basic.item04 li{width:20%;} .tab_basic.item05 li{width:25%;} .tabWrap .agree_warp.priv_agree .agree_chk_01 .all_agree_01 label, .tabWrap .agree_warp.priv_agree .agree_chk_02 .all_agree_02 label { margin: 42px 30px 0 0; } } .benefit_list{width:100%; overflow:hidden; display:table; border-top:1px solid #666; margin-top:30px;} .benefit_list li{display:table-row; width:100%;} .benefit_list li .benefit_box{display:table-cell; width:50%; box-sizing:border-box; position:relative; padding-left:150px; border-bottom:1px solid #e9e9e9; vertical-align:top;} .benefit_list li .benefit_box.odd{border-right:1px solid #e9e9e9;} .benefit_list li .benefit_box figure{width:150px; position:absolute; left:0; top:0; text-align:center; padding-top:35px;} .benefit_list li .benefit_box figcaption{padding:28px 20px 31px 0; } .benefit_list li .benefit_box figcaption strong{color:#2b2b2b; font-size:18px; line-height:23px;} .benefit_list li .benefit_box figcaption p{line-height:21px; margin-top:7px;} .benefit_list li .reference{padding-left:14px; font-size:13px; line-height:21px; margin-top:5px;} .benefit_list.welfare li figure img{width:88px; height:74px;} .benefit_list.welfare li figcaption{min-height:150px; box-sizing:border-box;} /* 엔진오일 할인 */ .coupon_view{margin:30px 0 35px 0; padding:40px 50px; overflow:hidden;} .coupon_view figure{float:left; width:220px; margin-right:50px;} .coupon_view figcaption{float:left; position:relative; margin-top:-6px;} .coupon_view figcaption > strong{font-size:26px; line-height:30px; color:#2b2b2b;} .coupon_view figcaption ul{margin-top:10px;} .coupon_view figcaption li{font-size:14px; padding-left:12px; position:relative;} .coupon_view figcaption li strong{font-size:15px;} .coupon_view figcaption li:after{content:''; display:block; width:4px; height:4px; background:#f89b6c; border-radius:50%; position:absolute; left:0; top:13px;} .orange_round li.tbl_space{margin-top:25px;} .orange_round li.tbl_space .tbl_scroll{margin:10px 0 0 -13px;} .orange_round li.tbl_space .reference{margin-left:-13px;} .orange_round .tbl_space .tbl_cont_space{position:relative; margin-top:15px;} .orange_round .tbl_space .tbl_cont_space strong{margin-left:-13px;} .orange_round .tbl_space .tbl_cont_space .pos_txt{position:absolute; right:0; top:0;} .tbl_scroll.second{margin-top:35px;} .tbl_basic{border-top:1px solid #666;} .tbl_basic thead th{border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#f9f9f9; text-align:center; padding:13px 0 15px 0px; color:#2b2b2b;} .tbl_basic thead th.al{text-align:left; padding:13px 0 15px 20px;} .tbl_basic thead th.last{border-right:0;} .tbl_basic tbody th{background:#f9f9f9; color:#2b2b2b; text-align:left; padding:13px 0 16px 20px; border-bottom:1px solid #e9e9e9; vertical-align:top;} .tbl_basic tbody th.line{border-right:1px solid #e9e9e9;} .tbl_basic tbody th.al{padding:13px 0 18px 20px; text-align:left;} .tbl_basic tbody th.ac{padding:13px 0 18px 0; text-align:center; vertical:middle;} .tbl_basic tbody td{padding:13px 20px 16px 20px; border-bottom:1px solid #e9e9e9; vertical-align:top; border-right:1px solid #e9e9e9;} .tbl_basic tbody td a.linkLine:hover {color:#f66000;} .tbl_basic tbody .tr_contract td{border-bottom:1px solid #f66000;} .tbl_basic td.last{border-right:0;} .tbl_basic tbody td .round_list li{position:relative; padding-left:7px;} .tbl_basic tbody td .round_list li:after{content:''; display:block; width:2px; height:2px; background:#f89b6c; position:absolute; left:0; top:13px;} .tbl_basic tbody td .half_list{width:100%; overflow:hidden;} .tbl_basic tbody td .half_list ol{float:left; width:50%;} .tbl_basic tbody td .risk_reward{display:block; line-height:21px; color:#666; margin:16px 0 8px 0;} .tbl_basic tbody td .risk_reward:first-child {margin-top:0;} .tbl_basic tbody td .risk_reward .normal{font-size:13px;} .tbl_basic tbody td.radio_select{font-weight:bold; color:#2b2b2b;} .tbl_basic tbody td.ac{text-align:center; padding:13px 10px 16px 10px;} .tbl_basic tbody td.ar, .tbl_basic tfoot td.ar{text-align:right; padding-left:0;} .tbl_basic tbody td.no_data{text-align:center; border-right:0; padding:26px 0 27px 0;} .tbl_basic tbody td h3.title {margin:-8px -20px 8px;border-bottom:1px solid #ddd; color:#666; font-size:15px; font-weight:normal; text-align:center;} .tbl_basic tfoot th{padding:13px 0 16px 20px; font-weight:bold; background:#f9f9f9;border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align:left; color:#2b2b2b;} .tbl_basic tfoot th.ac{padding:13px 0 16px 0; text-align:center;} .tbl_basic tfoot td{padding:13px 20px 16px 20px; font-weight:bold; background:#f9f9f9; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;} .tbl_basic tfoot td.last{border-right:0;} .tbl_basic td .tbl_basic{border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9;} .tbl_basic td .tbl_basic thead th, .tbl_basic td .tbl_basic tbody td{padding:5px; font-size:14px; vertical-align: middle; line-height: normal;} .tbl_basic td .tbl_basic tbody td.ar{padding: 3px 10px 3px 0;} .tbl_basic td .reference.orange{font-size:13px;} .tbl_basic td .reference.orange li{margin-top:5px;} .tbl_basic td.td_limit{text-align:center; padding:30px 0;} .tbl_basic td.td_limit .orange{font-size:22px; margin-right:5px;} .tbl_basic tbody .noLIine td{border-bottom:none;} .tbl_basic tbody td .btn_wrap{text-align:center;} .tbl_basic tbody td .btn_wrap a{display:inline-block;vertical-align:top;} .tbl_basic tbody td .btn_wrap .img{display:inline-block;margin-left:5px;} .tbl_basic tbody td .btn_wrap .img img{width: 92px;} .tbl_basic .vm {vertical-align:middle;} .tbl_bor tbody td{border-bottom:none !important;} .tbl_basic.tbl_product2 tbody th {text-align:center; padding: 10px 0;} .tbl_basic.tbl_product2 tbody th.ac {text-align:center; padding: 10px 0;} .tbl_basic.tbl_product2 tbody td {vertical-align: middle;} .tbl_basic.ac tbody th, .tbl_basic.ac tbody td{text-align:center;} .tbl_product {} .tbl_product .bg_gray {background:#f9f9f9; color:#666;} .tbl_product .bg_title {border-bottom:1px solid #666;} .tbl_product thead th, .tbl_product tbody th, .tbl_product tbody td {border-color:#ddd;} .tbl_product thead th, .tbl_prodRow tbody th {background:#eeeeee;} .tbl_product tbody td table th {background:#f9f9f9;} .tbl_product tbody th {color:#666;} .tbl_prodRow tbody th {color:#2b2b2b;} .tbl_product tfoot th, .tbl_product tfoot td {background:#fee6d3; color:#f66000;} .tbl_product thead th, .tbl_product tbody th, .tbl_product tbody td {padding-top:8px; padding-bottom:10px; vertical-align: middle; word-break: keep-all;} .tblIn{margin-top:20px;} .tblIn .tit{margin-bottom:10px;font-weight:bold;} .tblIn .tbl_basic tbody td.ar{padding:5px 5px 8px 0 !important;} .tbl_product tbody td .tblIn table th{color:#666; padding: 5px; line-height: normal; font-size:14px;} .orange_round .tbl_space .discount_info_menu{margin:15px 0;} .orange_round .tbl_space .discount_info_menu .discount_info_drop{width:600px;padding:5px 5px;margin:0 5px;border:1px solid #ccc;background:#fff url('/images/ins/discount_select_arrow.png') no-repeat 97% 13px;background-size:9px 6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:5px;} /*.orange_round .tbl_space .discount_info_menu .discount_info_btn{width:65px;line-height:35px;background:#6b6b6b;color:#fff;border-radius:3px;border:0;vertical-align:middle;}*/ .orange_round .tbl_space .discount_info_menu select::-ms-expand{display: none;} /* 화살표 없애기 for IE10, 11*/ /* 보장내용 */ .pay_list{overflow:hidden;} .pay_list li{float:left;} .pay_list li .bar{display:inline-block;padding:0 13px;} /* 차량정비 할인 */ .carfix{width:100%; overflow:hidden; box-sizing:border-box; padding:0 20px; margin-top:60px;} .carfix li{width:20%; float:left; text-align:center; position:relative;} .carfix li:after{content:''; display:block; width:2px; height:14px; background:#ccc; position:absolute; left:-1px; top:49px;} .carfix li:before{content:''; display:block; width:14px; height:2px; background:#ccc; position:absolute; left:-7px; top:55px;} .carfix li:first-child:after, .carfix li:first-child:before{display:none;} .carfix li figcaption{display:block; margin-top:8px;} .carfix li figcaption strong{color:#2b2b2b; font-size:16px;} .carfix li figcaption p{line-height:21px;} .basic_space{margin-top:55px;} .basic_space02{margin-top:30px;} .basic_space.first{margin-top:0;} .basic_space h2{margin-bottom:20px; color:#2b2b2b; font-size:22px; line-height:25px;} /* 지정협력정비업체(HRP) */ .txt_hrp{line-height:21px; font-size:14px; margin:52px 0 23px 0;} .txt_hrp span{color:#2b2b2b; display:block; font-size:15px; line-height:25px;} .service_info_list{border-top:1px solid #666;} .service_info_list > li{border-bottom:1px solid #e9e9e9; width:100%; display:table;} .service_info_list > li figure{width:20%; display:table-cell; text-align:center; padding:25px 0; vertical-align:top;} .service_info_list > li figcaption{width:80%; display:table-cell; padding:33px 0; vertical-align:middle;} .service_info_list > li figcaption strong{color:#2b2b2b; display:block; font-size:18px; line-height:25px;} .service_info_list > li figcaption strong + ul{margin-top:6px;} .service_info_list > li figcaption p{line-height:30px; margin-top:3px;} .service_info_list > li figcaption > span{font-size:14px; color:#f66000; line-height:23px;} /* 지역별 업체 찾기 */ .place_sch{text-align:center; padding:30px 0; margin:30px 0 10px 0;} .place_sch strong{color:#2b2b2b; vertical-align:middle; display:inline-block; margin-right:10px;} .place_sch .select_wrap{width:199px;} /* 최대 3만원 제휴할인카드 */ .alliance_card{margin-top:30px;} .alliance_card > li{margin-top:10px;} .alliance_card > li:first-child{margin-top:0;} .alliance_card > li .alliance_card_info{background:#fff;} .alliance_card_info{overflow:hidden; padding:40px 0; display:table;} .alliance_card_info figure{width:37%; display:table-cell; vertical-align:top; text-align:center;} .alliance_card_info figcaption{display:table-cell; vertical-align:top; width:63%;} .alliance_card_info figcaption strong{display:block; font-size:26px; line-height:30px; color:#2b2b2b; font-weight:normal; position:relative; margin-top:-6px;} .alliance_card_info figcaption ul{margin:13px 0 26px 0;} .alliance_card_info figcaption .btn_wrap{display:inline-block; vertical-align:middle;} .alliance_card_info figcaption .btn_wrap a{margin-right:5px;} /* 제휴카드 상세 */ .orange_round > li{position:relative; padding-left:12px;} .orange_round > li:after{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#ff6600; position:absolute; left:0; top:12px;} .orange_round > li:first-child{margin-top:0px;} .orange_round.space > li{margin-top:15px;} .mo .orange_round > li::after{top:9px;} /* 무이자할부 카드 */ .no_inter{width:100%; overflow:hidden; box-sizing:border-box; padding-left:250px; position:relative; margin-top:50px;} .no_inter .thumb{position:absolute; left:0; top:0; width:250px; text-align:center;} .no_inter .no_inter_info{margin-top:-7px;} .no_inter .no_inter_info dt{color:#2b2b2b; font-size:26px; line-height:32px;} .no_inter .no_inter_info dd ul{margin-top:14px;} .no_inter .no_inter_info dd li{padding-left:80px; text-indent:-67px;} .mo .no_inter .no_inter_info dd li{padding-left:71px; text-indent:-58px;} .no_inter .no_inter_info dd li > strong{color:#2b2b2b;} .no_inter_list{margin-top:41px;} .no_inter_list > li{margin-top:10px; box-sizing:border-box; width:100%; display:table; border:1px solid #e9e9e9; border-radius:5px; overflow:hidden;} .no_inter_list > li:first-child{margin-top:0;} .no_inter_list > li .gray_square li{margin-top:5px;} .no_inter_list > li .gray_square li:first-child{margin-top:0;} .no_inter_list li .company_logo{width:30%; display:table-cell; vertical-align:middle; text-align:center; padding:23px 0 19px 0;} .no_inter_list li .company_logo img{width:160px;height:50px;} .no_inter_list li .inter_benefit_info{width:70%; display:table-cell; vertical-align:middle; padding: 25px 25px 25px 0;} .inter_benefit_info strong{color:#2b2b2b; font-size:18px;} .inter_benefit_info p{line-height:23px; margin-top:6px;} .inter_benefit_info .attached{display:block; font-size:14px; line-height:21px; color:#f66000; margin-top:1px;} .inter_benefit_info strong + .attached{margin-top:6px;} /* 진행중인 이벤트 */ .move_event{padding:30px 30px 30px 194px; position:relative; margin-bottom:10px;} .move_event strong{position:absolute; color:#2b2b2b; left:35px; top:50%; margin-top:-13px;} .move_event .select_wrap{width:100%;} .move_event .select_wrap .custom_select{background-position:98% 50%;} .event_wrap{border:1px solid #8f8f8f; box-sizing:border-box; padding:23px 30px 50px 30px; border-radius:5px;} .event_wrap h2{color:#2b2b2b; font-size:26px; line-height:32px; font-weight:normal;} .event_wrap .during_date{font-size:14px; color:#8f8f8f; display:inline-block; padding-bottom:25px; position:relative; margin-top:5px;} .event_wrap .during_date:after{content:''; display:block; width:12px; height:2px; background:#f37321; position:absolute; left:0; bottom:0;} .event_wrap .during_date .in_charge{color:#666; font-size:14px; line-height:19px; font-weight:bold; display:inline-block; position:relative; margin-right:20px;} .event_wrap .during_date .in_charge:after{content:''; display:block; width:1px; height:12px; background:#e9e9e9; position:absolute; right:-11px; top:6px;} .event_img{margin-top:40px;} .event_img img{width:100%;} .event_agree{border:1px solid #e9e9e9; background:#fff; border-radius:5px; box-sizing:border-box; padding:14px 20px 20px 20px; margin-top:18px;} .event_agree p{font-size:14px; line-height:21px; margin-bottom:13px;} .event_agree label{margin-right:20px;} .event_list{margin-top:30px;} .event_list li:first-child{margin-top:0;} .event_list li{margin-top:10px; box-sizing:border-box; border:1px solid #e9e9e9; border-radius:5px; overflow:hidden;} .event_list li:hover{border:1px solid #f89b6c;} .event_list li:hover a{background:url('/images/common/orange_right_arrow.png') no-repeat 97% 50%;} .mo .event_list li:hover a{background:url('/images/common/orange_right_arrow_m.png') no-repeat 97% 50%; background-size:10px 17px;} .event_list li:hover a strong{color:#f66000;} .event_list li > a{display:block;font-size:14px; box-sizing:border-box; padding:23px 60px 25px 30px; background:url('/images/common/gray_right_arrow.png') no-repeat 97% 50%;} .mo .event_list li > a{background:url('/images/common/gray_right_arrow_m.png') no-repeat 97% 50%; background-size:10px 17px;} .event_list li > a strong{font-size:20px; line-height:27px; color:#2b2b2b;} .event_list li > a p{line-height:21px; color:#8f8f8f; margin-top:1px;} .event_list li > a span{display:inline-block; margin-top:14px;} .event_visual{ position:relative; margin-top:10px;} .event_visual .left{display:block; overflow:hidden; width:16px; height:31px; background:url('/images/benefit/event_visual_left.png') no-repeat 0 0; position:absolute; left:40px; top:50%; margin-top:-16px;} .mo .event_visual .left{background:url('/images/benefit/event_visual_left_m.png') no-repeat 0 0; background-size:16px 31px;} .event_visual .right{display:block; overflow:hidden; width:16px; height:31px; background:url('/images/benefit/event_visual_right.png') no-repeat 0 0; position:absolute; right:40px; top:50%; margin-top:-16px;} .mo .event_visual .right{background:url('/images/benefit/event_visual_right_m.png') no-repeat 0 0; background-size:16px 31px;} .event_visual .left a, .event_visual .right a{color:transparent;} .visual_swipe{width:100%; overflow:hidden; position:relative;} .visual_swipe ul{position:relative; width:300%;} .visual_swipe ul li{float:left; line-height:0; font-size:0; overflow:hidden; border-radius:5px; width:33.333%;} .visual_swipe ul li a{display:block; line-height:0; font-size:0;} .visual_swipe ul li img{width:100%; height:auto;} .bullet_nav{display:inline-block; overflow:hidden; line-height:0; font-size:0;text-align:center; width:100%; position:absolute; left:0; bottom:16px; text-align:center;} .event_visual .indicator{display:inline-block;} .event_visual .bx-pager .bx-pager-item{display:inline-block; line-height:0; font-size:0;} .event_visual .bx-pager .bx-pager-item a{width:11px; height:11px; display:inline-block; margin-right:10px; background:#f37321; border-radius:50%; vertical-align:top; line-height:0; font-size:0;} .event_visual .bx-pager .bx-pager-item a.active{width:11px; height:11px; background:#fff;} .event_visual .bx-pager li:last-child{margin-right:0;} .event_visual .bullet_nav .bx-controls-auto, .bx-controls-auto-item{display:inline-block;} .event_visual .bullet_nav .bx-start{display:inline-block; width:9px; height:12px; position:relative; display:none;} .event_visual .bullet_nav .bx-start:after{content:''; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid #8f8f8f; position:absolute; left:0; top:0;} .event_visual .bullet_nav .bx-stop{display:inline-block; width:9px; height:12px; position:relative; position:relative;} .event_visual .bullet_nav .bx-stop:after{content:''; display:block; width:3px; height:12px; background:#f37321; position:absolute; left:0; top:0;} .event_visual .bullet_nav .bx-stop:before{content:''; display:block; width:3px; height:12px; background:#f37321; position:absolute; right:0; top:0;} .popup_block .typeCheck{display:block;padding:4px 15px 6px;margin-top:10px;background:#eee;position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .popup_block .typeCheck .tit{color:#333;font-size:12px;display:block;position:relative;margin-bottom:2px;padding-bottom:4px;padding-left:8px;} .popup_block .typeCheck .tit:after{content:"";display:block;width:2px;height:2px;background:#5f5f5f;position:absolute;top:11px;left:0;} .popup_block .typeCheck .checkAgree{overflow:hidden;} .popup_block .typeCheck .checkAgree .inputArea{display:block;float:left;margin-left:103px;} .popup_block .typeCheck .checkAgree .inputArea:first-child, .mo .popup_block .typeCheck .checkAgree .inputArea:first-child{margin-left:0;} .mo .popup_block .typeCheck .checkAgree .inputArea{margin-left:0;width:25%;} .popup_block .typeCheck .allAgree{position:absolute;top:5px;right:16px;} .popup_block .typeCheck .allAgree input, .popup_block .typeCheck .checkInput input{position:absolute;top:0;left:0;} .popup_block .typeCheck label.checkbox{font-weight:600;color:#333;font-size:12px;} .popup_block .typeCheck .checkInput label.checkbox{color:#333;font-size:12px;} .popup_block .typeCheck .txt_check{position:absolute;top:3px;right:135px;font-size:12px;height:19px;line-height:16px;display:inline-block;vertical-align:middle;color:#d60000; margin:7px 0 5px; display:block;font-size:13px;} .popup_block .typeCheck label.checkbox{display:inline-block; position:relative; height:19px;line-height:16px; padding-left:25px;} .popup_block .typeCheck label.checkbox > span{display:inline-block; width:20px; height:19px; background:url('/images/ccr_pc/common/check.png') no-repeat 0 0; position:absolute; left:0;} .popup_block .typeCheck label.checkbox.on > span{background:url('/images/ccr_pc/common/check_on.png') no-repeat 0 0;} /* 당첨자 발표 */ .event_sch{text-align:center; padding:24px 0 30px 0;} .event_sch p{font-size:18px; margin-bottom:13px;} .event_sch p br{display:none;} .announce_list li{margin-top:10px; border:1px solid #e9e9e9; border-radius:5px; width:100%; display:table; box-sizing:border-box;} .announce_list li:hover{border:1px solid #f89b6c;} .announce_list li:hover .announce_cont > strong{color:#f66000;} .announce_list li .announce_cont{width:82%; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:23px 0 24px 30px;} .announce_list li .announce_cont > strong{color:#2b2b2b; font-weight:normal; font-size:20px; line-height:27px;} .announce_list li .announce_cont .term{font-size:14px; margin-top:5px;} .ic_calendar{padding-left:21px; background:url('/images/common/ic_term.png') no-repeat 0 7px;} .announce_list li .announce_cont .term .announce{position:relative; display:inline-block; margin-left:25px;} .announce_list li .announce_cont .term .announce:after{content:''; display:block; width:1px; height:10px; background:#e9e9e9; position:absolute; left:-14px; top:9px;} .announce_list li .announce_cont .term .announce strong{color:#2b2b2b; display:inline-block; margin-left:10px;} .announce_list li .announce_status{width:18%; display:table-cell; vertical-align:middle; text-align:center;} .ready_ing{padding-left:17px; font-size:14px; color:#8f8f8f; display:inline-block; background:url('/images/common/ic_ready.png') no-repeat 0 8px;} .winner_banner{margin-top:40px;} .winner_banner img{width:100%;} .winner_list{width:100%; overflow:hidden; margin-top:30px;} .winner_list li{float:left; width:25%; box-sizing:border-box; padding-left:7px; position:relative; line-height:30px;} .winner_list li:after{content:''; display:block; width:2px; height:2px; background:#f89b6c; position:absolute; left:0; top:15px;} /* 계약조회 */ .h1_subtext{position:relative; padding-bottom:40px;} .h1_subtext:after{content:''; display:block; width:12px; height:2px; background:#666; position:absolute; left:0; bottom:0;} .h1_subtext strong{font-weight:normal; color:#2b2b2b; font-size:20px; line-height:27px;} .h1_subtext p{font-size:14px; line-height:22px; color:#8f8f8f;} .ic_cm{padding-left:35px; display:inline-block; background:url('/images/common/ic_cm.png') no-repeat 0 5px;} .mo .ic_cm{ background:url('/images/common/ic_cm_m.png') no-repeat 0 3px; background-size:28px 17px;} .reference {font-size:14px; line-height:21px; color:#8f8f8f; margin: 15px 0;} li > .reference{margin-top:5px;} .reference li{margin-left:14px; text-indent:-14px;} .reference li:nth-child(2){font-size:12px; color:#888;} .reference li > .gray_square li{margin-left:0; text-indent:0;} .reference li a{text-indent:0;} .reference li.notice {font-size: 13px;} .reference li span.num {display: block; font-size: 12px; color: #304369; margin-bottom: 5px;} .mo .reference li{margin-left:11px; text-indent:-11px;} .mo .reference li strong{color:#2b2b2b;} .reference + .btnC{padding-top:30px; border-top:1px solid #e9e9e9;} .ic_newWin{padding-left:13px;display:inline-block; background:url('/images/common/ic_new_win.png') no-repeat 0 7px;color:#f66000; font-weight:bold; font-size:14px;} .mo .ic_newWin{background:url('/images/common/ic_new_win_m.png') no-repeat 0 4px; background-size:10px 10px;} .h2_wrap{position:relative; width:100%;} .h2_wrap .tbl_rt{position:absolute; right:0; top:-4px;} .h2_wrap .tbl_rt .custom_select{background-position:85% 50%;} .h2_wrap .tbl_rt2 {top:5px;} .h2_wrap .tbl_rt .btn_gray_small{margin-top:6px;} .mo .h2_wrap .tbl_rt .btn_gray_small{margin-top:5px;} .h2_wrap .tbl_rt .select_title{height:40px; line-height:37px; display:inline-block; margin-right:10px;} .h2_wrap .tbl_rt .select_only{display:inline-block; margin-top:15px;} .mo .h2_wrap .tbl_rt .select_title{line-height:40px;} /* 자동차 번호 등록 */ .car_number{margin-top:40px;} .orange_round + .basic_step{margin:10px 0 25px;} .basic_step{width:auto;margin-left:-3px;} .basic_step:after{content: ".";display:block;height:0;clear:both;visibility:hidden} .basic_step > li{float:left; box-sizing:border-box; display:table; position:relative; padding-left:3px;} .basic_step.grid03 > li{width:33.333%;} .basic_step.grid04 > li{width:25%;} .basic_step.grid05 > li{width:20%;} .basic_step.grid06 > li{width:17%;} .basic_step.grid06 > li:first-child{width:16%;} .basic_step.grid06 > li.last{width:16%;} .basic_step > li .step_wrap{display:table-cell; width:100%; vertical-align:middle; text-align:center; background:#f9f9f9; border:1px solid #e9e9e9; border-radius:5px; overflow:hidden; font-size:20px; line-height:27px; color:#8f8f8f; padding:19px 0 20px 0;} .basic_step > li .step_wrap .step{font-size:14px; margin-right:10px; font-weight:bold; display:inline-block; vertical-align:top; padding-top:1px;} .first_time_intro .basic_step > li .step_wrap{width:100%;text-align:center;font-size:14px;padding:8px 0 9px 0;} .first_time_intro .basic_step > li .step_wrap .step{width:100%;text-align:center;} .basic_step.grid05 > li .step_wrap{padding-left:20px; text-align:left;} .basic_step.grid05 > li .step_wrap .step{display:block;} .basic_step > li.on .step_wrap{background:#fff; border:1px solid #f37321; color:#2b2b2b;} .basic_step > li.on .step_wrap .step{color:#f66000;} .basic_step > li .next, .basic_step > li .prev{display:none;} .basic_step > li:after{content:''; display:block; width:20px; height:20px; background:url('/images/common/ic_step.png') no-repeat 0 0; position:absolute; left:-8px; top:50%; margin-top:-10px;} .mo .basic_step > li:after{background:url('/images/common/ic_step_m.png') no-repeat 0 0; background-size:20px 20px;} .basic_step > li:first-child:after{display:none !important;} .basic_step > li.on:after{content:''; display:block; width:20px; height:20px; background:url('/images/common/ic_step_on.png') no-repeat 0 0; position:absolute; left:-8px; top:50%; margin-top:-10px;} .mo .basic_step > li.on:after{background:url('/images/common/ic_step_on_m.png') no-repeat 0 0; background-size:20px 20px;} .basic_step > li.on:before{content:''; display:block; width:20px; height:20px; background:url('/images/common/ic_step_on.png') no-repeat 0 0; position:absolute; right:-12px; top:50%; margin-top:-10px; z-index:1;} .mo .basic_step > li.on:before{background:url('/images/common/ic_step_on_m.png') no-repeat 0 0; background-size:20px 20px;} .basic_step > li.on.last:before{display:none;} .product_detail .basic_step > li{min-height:152px;} .product_detail .basic_step > li .step_wrap{padding:22px 15px 20px 15px; text-align:left;} .product_detail .basic_step > li .step_wrap .step{display:block; margin-right:0;} .product_detail .basic_step > li .step_wrap .black{font-size:18px;} .product_detail .basic_step > li .step_wrap .reference{color:#f66000; margin-top:5px;} .product_detail .basic_step > li .step_wrap .small{display:block; font-size:14px; color:#666;} .first_time_intro{margin-top:40px;} .first_time .basic_step.grid03 > li{margin-bottom:3px;} .first_time .basic_step.grid03 > li.etc:after{display:none;} .first_time .basic_step.grid03 > li .step_wrap{text-align:left; padding-left:20px;} .first_time .basic_step.grid03 > li .step_wrap .step{display:block;} .now_number{display:block; background:#fff; text-align:center; font-size:18px; color:#2b2b2b; padding:24px 0 28px 0;} .regist_number{text-align:center; padding:23px 0 30px 0;} .regist_number strong{display:block; color:#2b2b2b; margin-bottom:7px;} .regist_number input[type="text"]{width:204px;} .basic_tab_default li.on {} .basic_tab_default > li .step_wrap.on {background:#fff; border:1px solid #f37321; color:#2b2b2b;} .basic_tab_default > li .step_wrap.on .step{color:#f66000;} .basic_tab_default > li:after, .basic_tab_default > li:before {display:none;} .basic_tab_default > li .step_wrap.on:before, .basic_tab_default > li .step_wrap.on:after {content:''; display:block; width:20px; height:20px; background:url('/images/common/ic_step_on.png') no-repeat 0 0; position:absolute; right:-12px; top:50%; margin-top:-10px; z-index:1;} .basic_tab_default > li .step_wrap:after {content:''; display:block; width:20px; height:20px; background:url('/images/common/ic_step.png') no-repeat 0 0; position:absolute; left:-8px; top:50%; margin-top:-10px;} .basic_tab_default > li:first-child .step_wrap:after, .basic_tab_default > li.last .step_wrap:before, .basic_tab_default > li.etc .step_wrap:after {display:none;} .mo .basic_tab_default > li .step_wrap:after {background:url('/images/common/ic_step_m.png') no-repeat 0 0; background-size:20px 20px;} .mo .basic_tab_default > li .step_wrap.on:after {background:url('/images/common/ic_step_on_m.png') no-repeat 0 0; background-size:20px 20px;} .mo .basic_tab_default > li .step_wrap.on:before {background:url('/images/common/ic_step_on_m.png') no-repeat 0 0; background-size:20px 20px;} /* 청약 철회 및 신청 */ .request_info{ background:#fff; text-align:center; font-size:18px; color:#2b2b2b; padding:24px 0 28px 0;} .request_info .dot{position:relative; display:inline-block; margin-left:45px;} .request_info .dot:after{content:''; display:block; width:6px; height:6px; background:#8f8f8f; border-radius:50%; position:absolute; left:-26px; top:12px;} .input_cancle_info{padding:23px 0 30px 0; text-align:center;} .input_cancle_info dl{display:inline-block; vertical-align:top; padding:0 20px;} .input_cancle_info dl dt{font-weight:bold; color:#2b2b2b; text-align:left; display:block; margin-bottom:8px;} .input_cancle_info dl dd .select_wrap{width:140px;} .input_cancle_info dl dd.account_num{width:292px; box-sizing:border-box; padding-right:90px; position:relative;} .input_cancle_info dl dd.account_num .input_basic{width:100%;} .input_cancle_info dl dd.account_num button{position:absolute; right:0; top:0;} .input_cancle_info .cancle_card_info{margin-top:10px;} .input_cancle_info .orange_round{display:inline-block; margin-top:10px;} .input_cancle_info.input_inquiry{text-align:left; padding:0; margin-top:0;} .input_cancle_info.input_inquiry > ul{border-top-color:#e9e9e9;} .input_cancle_info.input_inquiry > ul > li.card_pw{border-bottom:0;} /* 마일리지특약 사진등록 */ .basic_step + .chadori_box{margin-top:12px;} .chadori_box{box-sizing:border-box; border:1px solid #fdd3b5; background:#feede0; border-radius:5px; margin-top:20px; font-size:14px; padding:17px 30px 21px 30px; position:relative;} .chadori_box .chadori{position:absolute; right:30px; bottom:-18px;} .chadori_box .chadori img{width:78px; height:84px;} .picture_sample{width:100%; border-top:1px solid #666; border-bottom:1px solid #e9e9e9; overflow:hidden;} .picture_sample li{width:50%; box-sizing:border-box; float:left;} .picture_sample li dl dt{text-align:center; font-weight:bold; color:#2b2b2b; font-size:15px; height:53px; line-height:50px; background:#f9f9f9; border-bottom:1px solid #e9e9e9;} .picture_sample li:first-child dl dt, .picture_sample li:first-child dd{border-right:1px solid #e9e9e9;} .picture_sample li dl dd{padding:20px 0; text-align:center;} .picture_sample li dl dd img{max-width:280px; width:100%;} .how_regist_picture{width:auto; overflow:hidden; margin-left:-22px;} .how_regist_picture li{width:33.333%; box-sizing:border-box; padding-left:22px; float:left;} .how_regist_picture li .in_wrap{border:1px solid #e9e9e9; border-radius:5px; text-align:center; padding:40px 0 35px 0;} .how_regist_picture li .in_wrap .thumb{line-height:0; font-size:0;} .how_regist_picture li .in_wrap .thumb img{width:110px; height:110px;} .how_regist_picture li .in_wrap strong{color:#2b2b2b; font-size:18px; display:inline-block; margin-top:19px;} .how_regist_picture li .in_wrap strong .normal{display:block; font-size:17px;} .how_regist_picture li .in_wrap p{font-size:14px; line-height:21px; color:#8f8f8f; margin-top:7px;} /* 레이어팝업 */ .layer_msg{max-width:362px;} .layer_picture{max-width:400px;} .layer_zipcode, .layer_agree01, .layer_agree02, .layer_agree03, .layer_agree04, .layer_agree05, .layer_agree06{max-width:620px;} .popup_block{position:fixed; z-index:2500; border-radius:0; overflow:hidden; left:50%; top:50%; display:none;width:100%; } .popup_block h1{height: 80px;line-height: 80px;font-size: 22px;color: #333;padding: 0 80px 0 40px;background: #fff;font-weight: 500;border-bottom: 1px solid #eee;} .mo .popup_block h1{line-height:70px;} .popup_block .layer_cont{padding:0; margin:40px; background:#fff;} .popup_block .layer_cont .priv_agree.basic_box{padding:0; border:none; background:none;} .input_box{box-sizing:border-box; width:100%; padding-right:65px; position:relative;} .input_box .input_basic{width:100%;} .input_box .btn_function{position:absolute; right:0; top:0;} .input_box .btn_function.file{width:60px; height:100%;} .input_box .btn_function input[type="file"]{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;} .popup_block .layer_cont .reference{margin-top:7px;} .popup_block .layer_cont .reference li{font-size:14px;} .popup_block .layer_cont .reference li a{text-indent:0;} .popup_block .layer_cont .layer_close{display:inline-block; overflow:hidden; width:24px; height:24px; position:absolute; right:40px; top:27px;} .popup_block .layer_cont .layer_close::before, .popup_block .layer_cont .layer_close::after {position:absolute;content:'';width: 24px;height:2px;background: #000;} .popup_block .layer_cont .layer_close::before {right: 0;top: 12px;transform: rotate(45deg);} .popup_block .layer_cont .layer_close::after {right: 0;top: 12px;transform: rotate(-45deg);} .popup_block .layer_cont .btn_layer_close{display:inline-block; overflow:hidden; width:32px; height:32px; background:url('/images/common/btn_layer_close.png') no-repeat 50% 50%; position:absolute; right:20px; top:10px;} .mo .popup_block .layer_cont .layer_close{background:url('/images/common/btn_layer_close_m.png') no-repeat 50% 50%; background-size:16px 16px;} .mo .popup_block .layer_cont .btn_layer_close{background:url('/images/common/btn_layer_close_m.png') no-repeat 50% 50%; background-size:16px 16px;} .m_photo_cont{max-width:620px;} .m_photo_cont .layer_cont{padding:0 0 25px;} .m_photo_cont h1{background:#666;} .m_photo_cont .cont_img{max-width:620px;} .m_photo_cont .cont_img img{width:100%;} .m_photo_cont .btnC{margin-top:0; padding:0 15px;} /* 주행거리 사진등록 */ .regist_pic{width:auto; overflow:hidden; margin-left:-21px;} .regist_pic > li{width:50%; box-sizing:border-box; padding-left:21px; float:left;} .regist_pic > li .in_wrap{border:1px solid #e9e9e9; background:#f9f9f9; box-sizing:border-box; padding:23px 20px 40px 20px; border-radius:5px; overflow:hidden;} .regist_pic > li .in_wrap .input_box{margin-top:7px;} .regist_pic > li .in_wrap .reference{margin-top:10px;} .regist_pic > li .in_wrap .thumb{margin-top:35px; line-height:0; font-size:0; text-align:center;} .regist_pic > li .in_wrap .thumb img{width:100%; max-width:375px;} .km{padding:23px 0 30px 0;} .km strong{color:#2b2b2b; display:block; text-align:center;} .km p{font-size:14px; line-height:21px; color:#f37321; text-align:center; margin-top:5px;} .km .input_km{text-align:center; margin-top:30px;} .km .input_km input{width:204px; margin-right:5px;} /* 증명서/구비서류 발급 */ .td_btn_list li{margin-top:10px;} .td_btn_list li:first-child{margin-top:0;} .td_btn_list li .btn_gray_small{min-width:138px;} /* 기타계약변경신청 */ .change_contract .move_event{padding:20px 20px 20px 107px; margin-top:15px;} .change_contract .move_event .select_wrap{width:309px;} /* 보상내역조회 */ .reward_list{width:auto; overflow:hidden; margin-left:-22px; margin-top:40px;} .reward_list li{width:33.333%; box-sizing:border-box; padding-left:22px; float:left;} .reward_list li .in_wrap{border:1px solid #e9e9e9; border-radius:5px; text-align:center; padding:40px 0 35px 0;} .reward_list li .in_wrap .thumb{line-height:0; font-size:0;} .reward_list li .in_wrap .thumb img{width:110px; height:110px;} .reward_list li .in_wrap strong{color:#2b2b2b; font-size:18px; display:inline-block; margin-top:19px;} .reward_list li .btn_orange02{width:135px;} /* 청약철회 서비스이용안내 */ .use_flow{width:auto; overflow:hidden; margin-left:-70px;} .use_flow li{width:25%; box-sizing:border-box; padding-left:70px; float:left; text-align:center; background:url('/images/support/useflow_bar.png') no-repeat 25px 80px;} .mo .use_flow li{background:url('/images/support/useflow_bar_mo.png') no-repeat 25px 80px; background-size:22px 4px;} .use_flow li:first-child{background:none !important;} .use_flow li.bgnone{background:none !important;} .use_flow li .in_wrap figure{line-height:0; font-size:0;} .use_flow li .in_wrap figure img{width:160px;height:auto;} .use_flow li .in_wrap figcaption{font-size:16px; line-height:21px; margin-top:20px;} .use_flow.item03{margin-left:-185px;} .use_flow.item03 li{width:33.2%; padding-left:185px; margin-top:15px; background:url('/images/reward/flow_long_bar.png') no-repeat 63px 80px;} .mo .use_flow.item03 li{background:url('/images/reward/flow_long_bar_m.png') no-repeat 63px 80px; background-size:62px 4px;} .use_flow.item03 li figcaption{min-height:75px;} /* 고객정보변경 */ .userinfo_list{border-top:1px solid #666;} .userinfo_list > li{border-bottom:1px solid #e9e9e9; position:relative; padding:0 0 0 155px; box-sizing:border-box;} .userinfo_list > li.on{padding-bottom:15px;} .now_lnfo .info_tit{color:#2b2b2b; position:absolute; left:10px; top:19px;} .now_lnfo .btn_gray_small{position:absolute; right:0; top:15px;} .info_cont{padding:19px 0 20px 0;} .info_cont .gray_dot{font-size:18px; position:relative; display:inline-block; padding-left:20px;} .info_cont .gray_dot:after{content:''; display:block; width:4px; height:4px; background:#ccc; border-radius:50%; position:absolute; left:0; top:12px;} .after_info{background:#f9f9f9; padding:18px 25px 30px 25px; display:none; border-radius:5px; overflow:hidden;} .after_info > strong{color:#2b2b2b; display:block; margin-bottom:5px;} .after_info .input_box{margin-top:10px; display:inline-block;} .after_info strong + .input_box{margin-top:0px;} .after_info .telecom .select_wrap{width:200px;} .after_info .input_box.confirmed{color:#2b2b2b; font-size:18px;} .after_info .input_box .input_basic{width:200px; margin-right:5px;} .after_info .input_box .btn_function{vertical-align:top; position:static;} .after_info .email_wrap{width:100%; overflow:hidden; display:block; margin-top:10px;} .after_info .email_wrap .input_basic{float:left; width:29%;} .after_info .email_wrap .email_bar{float:left; width:6%; text-align:center; display:inline-block; height:40px; line-height:35px; font-size:15px;} .after_info .email_wrap .select_wrap{float:left; width:28%; margin-left:6%;} .after_info .email_wrap .custom_select{background-position:90% 50%;} .after_info .zip_wrap{width:100%; overflow:hidden; margin-top:10px;} .after_info .zip_wrap .input_basic{width:48%; margin-right:5px;} .after_info .cellphone{width:100%; overflow:hidden;} .after_info .cellphone .input_basic, .after_info .cellphone .select_wrap{width:100px;} /* 주소검색 */ .layer_cont .input_faq_sch{max-width:100%;} .zip_example dt{line-height:21px; margin-top:5px;} .zip_example dd{font-size:13px; line-height:21px; margin-top:4px;} .zip_example dd li{display:inline-block; margin-right:10px; padding-left:5px; position:relative;} .zip_example dd li:after{content:''; display:block; width:2px; height:2px; background:#666; position:absolute; left:0; top:11px;} .zip_example dd li span{color:#8f8f8f;} .call_data_zip .input_basic{margin-top:10px; width:100%;} .call_data_zip input.input_basic[readonly="readonly"]{background:#f8f8f8;} .zip_list_wrap{max-height:175px; overflow-y:auto; margin-top:20px;border-top:1px solid #666;border-bottom:1px solid #e9e9e9;} .zip_list > li{padding:3px 10px 5px 10px; box-sizing:border-box; border-bottom:1px solid #e9e9e9; font-size:13px;} .zip_list > li > a{display:block;} .mo .zip_list > li > a{padding:10px 10px 5px 10px;} .zip_list > li > a:hover span{color:#2b2b2b;} .zip_list > li span{display:block; font-size:13px; line-height:20px; position:relative; box-sizing:border-box; padding-left:60px;} .zip_list > li span em.orange {display:inline-block; width:60px; position:absolute; left:0; top:0;} .zip_list_wrap .no_data{padding:26px 0 27px; text-align:center;} /* 사용자 인증해제 안내 */ .layer_clear, .layer_continue, .counsel_complete{max-width:620px;} .layer_clear .complete{padding:20px 15px 25px 15px;} /* 채용공고/입사지원 */ .recruit_list > li{margin-top:10px; border:1px solid #e9e9e9; border-radius:5px; overflow:hidden;} .recruit_list > li:first-child{margin-top:0;} .recruit_list > li:hover{border:1px solid #f37321;} .recruit_list > li:hover > a .recruit_title p{color:#f37321;} .recruit_list > li > a{width:100%; display:table;font-size:14px;} .recruit_list > li > a .in_charge{width:18%; display:table-cell; vertical-align:middle; line-height:19px; text-align:center;} .recruit_list > li > a .recruit_title{width:67%; display:table-cell; vertical-align:middle; padding:23px 0 24px 0;} .recruit_list > li > a .recruit_title p{color:#2b2b2b; font-size:20px; line-height:27px; margin-bottom:4px;} .recruit_list > li > a .recruit_title .ic_calendar{background-position:0 5px;} .recruit_list > li > a .recruit_status{width:15%; text-align:center; color:#8f8f8f; display:table-cell; vertical-align:middle;} .recruit_list > li > a .recruit_status .ing{color:#f37321; display:inline-block; padding:0 10px; height:24px; box-sizing:border-box; line-height:20px; border:1px solid #f37321; color:#f37321; border-radius:12px;} .recruit_detail{margin-top:35px;} .recruit_detail ol > li{margin-top:20px;} .recruit_detail ol > li > ul{margin:5px 0 0 14px;} .recruit_detail ol > li > ul > li{padding-left:15px; position:relative;} .recruit_detail ol > li > ul > li:after{content:''; display:block; width:7px; height:1px; background:#666; position:absolute; left:0; top:13px;} /* 개인정보 이용 및 제공동의 */ .layer_agree_wrap{font-size:13px; line-height:21px; padding-right:20px; max-height:400px; overflow-y:auto;} .txt_agree_top{margin-top:20px;} .telecom_tit.first{margin-top:0;} .telecom_tit{font-size:20px; display:block; color:#2b2b2b;} .layer_cont.agency{padding:0;} .layer_agree_wrap.tabIsp{padding-right:0;} .layer_agree_wrap .tabTit{width:100%; overflow:hidden;} .layer_agree_wrap .tabTit li{float:left; width:33%; height:64px; background:#e9e9e9;} .layer_agree_wrap .tabTit li:first-child{width:34%;} .layer_agree_wrap .tabTit.fif li{width:25%;} .layer_agree_wrap .tabTit.half li{width:50%;} .layer_agree_wrap .tabTit li.on{position:relative; background:#fff;} .layer_agree_wrap .tabTit li a{display:block; font-size:17px; color:#666; line-height:64px; text-align:center;} .layer_agree_wrap .tabTit li.on a{font-weight:bold; color:#2b2b2b;} .layer_agree_wrap .tabTit li.on:after{content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid #333; position:absolute; left:50%; margin-left:-7px; bottom:0; z-index:2;} .layer_agree_wrap .tabWrap{padding:30px;} .agree_sub_tit{display:block; font-size:13px; color:#2b2b2b; margin-top:10px;} .agree_num_list > li{margin-top:12px;} .agree_num_list > li > strong{font-size:15px;} .agree_num_list > li .gray_square{margin-top:3px;} .gray_square > li{padding-left:7px; position:relative;} li > .gray_square.space{margin-top:5px; font-size:14px;} li > .gray_square.space li{margin-top:10px;} .gray_square > li .reference{margin-top:0;} .gray_square > li .reference li{font-size:13px; line-height:21px;} .gray_square > li:after{content:''; display:block; width:2px; height:2px; background:#666; position:absolute; left:0; top:13px;} .mo .gray_square > li:after{top:10px;} .layer_agree_wrap .refernece{margin-top:15px;} /* 자동차사고 보상 */ .white_box{box-sizing:border-box;width:100%;border:1px solid #e9e9e9;background:#fff;border-radius:5px;overflow:hidden;} .service_info_img{margin-top:10px; width:100%; display:table;} .service_info_img figure{width:35%; text-align:center; padding:30px 0; display:table-cell; vertical-align:top;} .service_info_img figcaption{width:65%; display:table-cell; vertical-align:top; padding-top:47px;} .service_info_img figcaption ol{overflow:hidden;} .service_info_img figcaption li{float:left;font-size:18px;font-weight:bold;} .service_info_img figcaption li:first-child{margin-right:30px;} .service_info_img figcaption li .num{padding:0 10px 0 0;} .service_info_img figcaption p{margin-top:24px;} .service_info_img .btn_white{margin-top:10px;} .receipt_list li{margin-bottom:5px;} .receipt_list strong{display:inline-block;margin-right:7px;color:#2b2b2b;} .doc_info{margin-top:20px;} .doc_info td > ul > li{margin-top:15px;} .doc_info .last > ul > li{margin-top:5px;} .doc_info td > ul > li:first-child{margin-top:0;} .doc_info td ul ol li, .doc_info td ul .list li{font-size:13px;} .doc_info li .color{display:block;font-size:13px;color:#f66000;} .doc_info .tit_sample{line-height:20px;margin:3px 0 17px;} .doc_info .btn_sample > a{display:inline-block;width:130px;text-align:center;margin-bottom:5px;} .bottom_info{margin-top:30px; position:relative; padding:24px 30px 28px 155px;} .bottom_info dt{position:absolute; left:25px; top:21px; width:113px; box-sizing:border-box; line-height:30px; font-weight:bold; color:#2b2b2b;} .bottom_info dd{width:100%;} .bottom_info dd ul > li{position:relative; font-size:14px; line-height:21px; margin-top:7px;} .bottom_info dd ul > li > ol{margin-top:4px;} .bottom_info dd ul > li > ol > li{font-size:13px; line-height:21px;} .bottom_info dd ul > li:first-child{margin-top:0;} .bottom_info dd ul > li .util_btn{margin-top:5px;} .bottom_info dd ul > li.import{color:#f66000;} .bottom_info dd ul > li.import:after{background:#f37321;} .bottom_info dd ul.text_indent > li{padding-left:72px; text-indent:-64px;} .mo .bottom_info dd ul.text_indent > li{padding-left:63px; text-indent:-55px;} .reward_info{margin-top:10px; padding:30px 250px 30px 30px;overflow:hidden; position:relative;} .reward_info p{color:#2b2b2b;font-size:18px;} .reward_info a{position:absolute; right:30px; top:50%; margin-top:-23px;} /* 상해/질병보험 보상 */ .reward_step h2{border-bottom:1px solid #e9e9e9; padding-bottom:20px;} .reward_col_flow{margin-bottom:60px;} .reward_col_flow > li:first-child figure{padding-top:0px; background:none;} .reward_col_flow > li:first-child figcaption{padding-top:0;} .reward_col_flow .in_wrap{display:table;width:100%;} .reward_col_flow .in_wrap figure{display:table-cell;width:18.1%;vertical-align:middle;box-sizing:border-box; padding-top:50px; background:url('/images/reward/flow_col_bar.png') no-repeat 50% 15px;} .mo .reward_col_flow .in_wrap figure{background:url('/images/reward/flow_col_bar_m.png') no-repeat 50% 15px; background-size:4px 22px;} .reward_col_flow .in_wrap figure img{width:100%;height:auto;} .reward_col_flow .in_wrap figcaption{display:table-cell;width:78%; padding:0 15px 0 30px; vertical-align:middle;font-size:16px;padding-top:50px;} .reward_col_flow .in_wrap dt{font-weight:bold;} .reward_col_flow .in_wrap dd .reference{display:inline-block;width:100%;font-size:13px; margin-top:0;} /* 긴급출동서비스 */ .service_choice{margin-top:15px; padding:30px;} .service_choice strong{display:inline-block; width:75px;} .service_choice .select_wrap{width:305px;} .service_choice .custom_select{background-position:95% 50%;} .faq_list .emerg_num{font-size:15px;} .faq_list li .emerg_pop_btn{color:#f66000; text-decoration:underline;} .ic_newWin_r{padding-right:13px; display:inline-block; background:url('/images/common/ic_new_win.png') no-repeat 100% 7px;} /* 보상서비스_popup */ .layer_emerg{max-width:620px;} .layer_emerg .emerg_num_list{margin-top:-5px;} .layer_emerg.emerg_freediag .emerg_num_list{overflow:hidden;} .layer_emerg .emerg_num_list li{position:relative; margin-top:5px; padding-left:25px;} .layer_emerg.emerg_freediag .emerg_num_list li{float:left; width:33.333333%; box-sizing:border-box;} .layer_emerg .emerg_num_list li span{position:absolute; left:0; top:0; font-weight:bold;} .border_btnC{margin-top:30px; padding-top:30px; text-align:center; border-top:1px solid #e9e9e9;} /* 채용 지원 */ .jobapp_down_box{position:relative; padding:41px 30px;} .jobapp_down_box h2{font-size:18px; color:#2b2b2b; font-weight:normal;} .jobapp_down_box p.jobapptxt{padding-top:3px; font-size:14px; color:#8f8f8f;} .jobapp_down_box .btn_down{position:absolute; right:30px; top:25px;} .jobapp_down_box .btn_down .btn_orange02{display:block; margin-top:5px; width:192px; letter-spacing:-0.5px;} .ic_down{display:inline-block; padding-left:20px; background:url('/images/common/ic_btn_down.png') no-repeat 0 12px;} .mo .ic_down{background:url('/images/common/ic_btn_down_m.png') no-repeat 0 12px; background-size:13px 12px;} .input_inquiry .only_txt{line-height:30px;} .input_inquiry .radio_area label{margin-right:30px;} .input_inquiry li .birthday{overflow:hidden;} .input_inquiry li .birthday li{float:left; padding-left:5px;} .input_inquiry li .birthday .select_wrap{width:100px;} .input_inquiry li .birthday .custom_select{background-position:90% 50%;} .priv_agree .sub_agree.case h3{font-size:15px;} .priv_agree .sub_agree.case p{height:auto;} .input_inquiry + .priv_agree{margin-top:30px;} /* 사용자 인증해제 안내 */ .layer_interests{max-width:620px;} .layer_interests .interests_cont h2{font-size:15px; line-height:1;} .layer_interests .interests_cont p{margin:5px 0 26px; font-size:13px; line-height:21px;} .layer_interests .interests_cont p.btm_info_txt{position:relative; margin:6px 0 0; padding-left:13px; color:#f37321;} .layer_interests .interests_cont p.btm_info_txt strong{display:block;} .layer_interests .interests_cont p.btm_info_txt strong span{position:absolute; left:0; top:0;} /* 상품상세 */ .product_visual_wrap{width:100%; height:370px; position:relative; overflow:hidden; background:#f9f9f9;} .product_visual_wrap.cm {background:#fff; border-bottom:1px solid #f0f0f0;} .special_contract{margin-top:35px;} .product_visual_wrap.car{background:url('/images/ins/visual_car_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.drive{background:url('/images/ins/visual_drive_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.dmst{background:url('/images/ins/visual_dmst_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.ovsse{background:url('/images/ins/visual_ovsse_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.golf{background:url('/images/ins/visual_golf_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.teeth{background:url('/images/ins/visual_teeth_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.teethtm{background:url('/images/ins/visual_teethtm_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.childtm{background:url('/images/ins/visual_childtm_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.dise{background:url('/images/ins/visual_dise_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.life{background:url('/images/ins/visual_life_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.cancer{background:url('/images/ins/visual_cancer_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.hous{background:url('/images/ins/visual_hous_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.bogeum{background:url('/images/ins/visual_bogeum_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.drivecm{background:url('/images/ins/visual_drivecm_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.medi{background:url('/images/ins/visual_medi_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.cham{background:url('/images/ins/visual_cham_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.dntl{background:url('/images/ins/visual_dntl_ins.jpg') no-repeat 50% 0;} .product_visual_wrap.house{background:url('/images/ins/visual_house_ins.png') no-repeat 50% 0 #f9f9f9; } .product_visual_wrap.driver{background:url('/images/ins/visual_driver_ins.jpg') no-repeat 50% 0;} /** New Class **/ .product_calc_wrap.car {background: url(/images/ins/ins_visual_car.png) no-repeat 60% 60%;} /*자동차*/ .product_calc_wrap.house, .product_calc_wrap.housetm {background: url(/images/ins/ins_visual_house.png) no-repeat 60% 60%;} /*주택화재*/ .product_calc_wrap.mall {background: url(/images/ins/ins_visual_mall.png) no-repeat 60% 60%;} /*상가화재*/ .product_calc_wrap.life {background: url(/images/ins/ins_visual_life.png) no-repeat 60% 60%;} /*종합*/ .product_calc_wrap.health {background: url(/images/ins/ins_visual_health.png) no-repeat 60% 60%;} /*건강종합*/ .product_calc_wrap.s_health {background: url(/images/ins/ins_visual_s_health.png) no-repeat 60% 60%;} /*유병자건강*/ .product_calc_wrap.driver, .product_calc_wrap.drivertm {background: url(/images/ins/ins_visual_driver.png) no-repeat 60% 60%;} /*운전자*/ .product_calc_wrap.cancer, .product_calc_wrap.cancertm {background: url(/images/ins/ins_visual_cancer.png) no-repeat 60% 60%;} /*암*/ .product_calc_wrap.child {background: url(/images/ins/ins_visual_child.png) no-repeat 60% 60%;} /*어린이*/ .product_calc_wrap.s_cancer {background: url(/images/ins/ins_visual_s_cancer.png) no-repeat 60% 60%;} /*유병자암*/ .product_calc_wrap.teethtm, .product_calc_wrap.dntl {background: url(/images/ins/ins_visual_dntl.png) no-repeat 60% 60%;} /*치아*/ .product_calc_wrap.golf {background: url(/images/ins/ins_visual_golf.png) no-repeat 60% 60%;} /*골프*/ .product_calc_wrap.apthouse {background: url(/images/ins/ins_visual_apthouse.png) no-repeat 60% 60%;} /*아파트화재*/ .product_calc_wrap.apthouse {background: url(/images/ins/ins_visual_apthouse.png) no-repeat 60% 60%;} /*눈*/ .product_calc_wrap.eyetm {background: url(/images/ins/ins_visual_eye.png) no-repeat 60% 60%;} /*눈*/ .product_calc_wrap{width:1120px; margin:0 auto; height:100%; position:relative;} .product_calc_wrap h1{position:absolute; left:0; top:126px; width:100%; box-sizing:border-box; padding:0 350px 0 15px;} .product_calc_wrap h1 img{width:100%;} .product_calc_wrap h1 span{color:#fff; font-size:20px; line-height:28px; font-weight:normal; margin-top:15px; display:block;} .product_calc_wrap h1 span br{display:none;} .product_calc_wrap h1 .ins_policy{color:#fff; font-size:16px; line-height:28px; font-weight:normal; margin-top:0px; display:block;} .product_calc{position:absolute; right:0; top:0; width:280px; height:100%; background:rgba(0,0,0,0.03); box-sizing:border-box; padding:0 25px; line-height:0; font-size:0;} .product_calc.cm ul{margin-top:42px;} .product_calc.cm ul.item2{margin: 70px 0 40px;} .car .product_calc.cm ul{margin-top:22px;} .product_calc.cm ul li{width:100%; display:table; font-size:14px; line-height:19px; margin-top:20px;} .car .product_calc.cm ul li{margin-top:15px;} .product_calc.cm ul li:first-child{margin-top:0;} .product_calc.cm ul li .thumb{width:58px; display:table-cell; vertical-align:top; padding-top:3px;text-align:center;} .product_calc.cm ul li .thumb_info{width:177px; display:table-cell; vertical-align:top;} .product_calc.cm ul li .thumb_info strong{color:#555; display:block;} .product_calc.cm ul li .thumb_info p{color:#777; font-size: 12px; word-break: keep-all; line-height: 140%; margin-top: 3px;} .product_calc.cm .btn_orange{width:100%; text-align:center; display:block; margin-top:15px;} .product_calc.cm .btn02{margin-top:6px;} .product_calc.cm .btn02 a{float:right; width:112px; text-align:center; margin:0;} .product_calc.cm .btn02 a:first-child{float:left;} .product_calc.cm .btn02 a.mo_view {display:none;} .product_calc.cm .btn02 p.callnum {font-size: 22px; color: #fff; margin-top: 25px; text-shadow: 2px 1px 2px rgba(0,0,0,0.4);} .product_calc.cm .btn02 p.callnum b {font-size: 1.35em; position: relative; top: 2px; margin-left: 5px;} .product_calc.tm .total_info{font-size:20px; line-height:140%; color:#000; margin-top:35px; padding:15px 0 0 0; position:relative; letter-spacing: -0.07em;} .product_calc.tm .total_info strong{font-size:30px; line-height:30px; vertical-align:bottom;} .product_calc.tm ul{padding:15px 0 10px 0; border-top:1px solid #666; margin-top:25px;} .product_calc.tm ul li{font-size:13px; line-height:20px; color:#444; position:relative; padding-left:8px; letter-spacing:-0.1em; } .product_calc.tm ul li:after{content:''; display:block; width:2px; height:2px; background:#8f8f8f; position:absolute; left:0; top:10px;} .product_calc.tm .btnC{margin-top:6px;} .product_calc.tm .btnC a{display:block; width:100%; text-align:center; padding:0;} .input_user_info{margin:20px 0 15px; position:relative;} .input_user_info .user_info_sch{box-sizing:border-box;padding-right:87px;} .input_user_info .placeholder_warp{/*display:block !important;*/ font-size:15px; line-height:25px; text-align:center;} .input_user_info .placeholder_warp{display:inline-block !important;width:100%;height:40px;} .input_user_info .placeholder_warp .txt_placeholder{top:-1px !important;} .input_user_info .input_birth{outline:none; background:#fafafa; border:0; width:100%; height:40px; border-radius:50px; overflow:hidden; text-align:center;} .input_user_info .input_birth:focus, .input_user_info .input_birth:visited {background:#fff;} .input_user_info .select_sex, .input_user_info .select_hous{height:40px;position:relative; border-radius:5px; overflow:hidden;box-sizing:border-box;} .input_user_info .select_sex{margin-top:6px;} .input_user_info .user_info_sch + .select_sex{width:80px;position:absolute;top:0;right:0;margin-top:0;} .input_user_info .select_hous{margin-top:10px;} .input_user_info .select_sex label, .input_user_info .select_hous label{width: calc( 50% - 2px); display:inline-block; height:40px; border-radius:40px; float:left; box-sizing:border-box; color:#ccc; text-align:center; font-size:15px; line-height:40px; padding-left:0; background:#fafafa;transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position: relative; text-transform: uppercase;} .input_user_info .select_hous label{width:33.3%;border-right:1px solid #8f8f8f;} .input_user_info .select_hous .housType03{width:33.4%;border-right:none;} .mo .input_user_info .select_sex label, .mo .input_user_info .select_hous label{line-height:40px;} .input_user_info .select_sex label.radio > span, .input_user_info .select_hous label.radio > span{display:none; position:relative; width:11px; height:8px; margin-right:5px; background:url('/images/common/ic_select_sex.png') no-repeat 0 50%; position:static;} .mo .input_user_info .select_sex label.radio > span, .mo .input_user_info .select_hous label.radio > span{background:url('/images/common/ic_select_sex_m.png') no-repeat 0 50%; background-size:11px 8px;} .input_user_info .select_sex label.radio.on > span, .input_user_info .select_hous label.radio.on > span{display:inline-block;} .input_user_info .select_sex label.male{margin-right:4px;} .input_user_info .select_sex label.on, .input_user_info .select_hous label.on{background:#fff; color:#2b2b2b;} .car .product_calc_wrap h1 span br {display:none;} .product_tab{height:64px; width:100%; position:relative;} .floating_menu{width:1120px; margin:0 auto; overflow:hidden; position:relative;} .product_menu{width:100%; height:54px; width:100%; text-align:center; background:#fff; z-index:1; font-size:0; line-height:0;} .product_menu ul li{display:inline-block; width:25%; height:100%;} .product_menu ul li:first-child{margin-left:0;} .product_menu ul li a{ display: block; width: 100%; height: 54px; line-height: 54px; border-bottom: 2px solid #f6f5f5; color: #666; font-size: 15px; text-align: center; margin: 0 auto; padding: 0 12px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position: relative; text-transform: uppercase; box-sizing: border-box; } .product_menu ul li a.on { border-color: #ff6600; color: #ff6600; font-weight: 700; } .product_menu ul li:hover a { color: #ff6600; text-decoration: none; font-weight: bold; } .product_menu ul.item03 li { width:33.33333%; } .product_menu .ins_tab_tit{position:absolute; left:0; top:23px; line-height:0; font-size:0; display:none !important;} .product_menu .scroll_button{position:absolute; right:0; top:0; width:285px; height:63px; display:none !important;} .product_menu .scroll_button a{text-align:center; border-radius:0; line-height:60px; font-size:17px; display:block; height:63px; padding:0;} .product_menu.on .scroll_button.tm a{width:50%; float:left;} .product_menu.on .scroll_button.tm a .ic_counsel{background-position:0 26px;} .product_menu.on{position:fixed; left:0; top:0; z-index:2;} .product_menu.on .ins_tab_tit, .product_menu.on .scroll_button{display:block;} .product_detail{width:100%;} .product_detail h1{font-size:27px; line-height:30px; color:#2b2b2b; margin:40px 0 32px 0;} .product_detail .basic_space h2{line-height:30px;} .limit_info .orange_round{margin-top:10px;} .limit_info .orange_round > li{margin-top:7px;} .limit_info .orange_round li > strong{display:block;} .limit_info .orange_round li .reference{margin-top:0;} .limit_info .sub_limit_txt{color:#2b2b2b; font-weight:bold; margin:10px 0 5px 0;} .limit_info + .sub_banner{margin:35px 0 0 0} .limit_info .orange_round li > ol > li{margin-left:18px; text-indent:-18px;} .img_blackbox{margin-top:15px; text-align:center;} .img_blackbox img{width:100%; max-width:680px;} /* 이미지 교체후에 max-width삭제 또는 수정 */ .btn_product_util{width:100%; overflow:hidden; margin-top:50px; position:relative; padding-bottom:20px; border-bottom: 1px dotted #e9e9e9;} .btn_product_util ul.sns{position:absolute; right:0; top:0; line-height:0; font-size:0; width:auto; display:none;} .btn_product_util ul li{margin-left:8px; float:left;} .btn_product_util ul li:first-child{margin-left:0;} /* 꼭 알아두실 사항 */ .layer_know{max-width:750px;} .popup_block.layer_know .layer_cont{padding:0 0 20px 0;} .layer_tab{width:100%; position:relative; height:100%; display:block; overflow:hidden;} .layer_tab .tab{position:absolute; top:0; box-sizing:border-box; height:64px; background:#abada9; width:50%; display:table;} .layer_tab .tab.menu01{left:0;} .layer_tab .tab.menu02{left:50%;} .layer_tab .tab a{width:100%; height:100%; vertical-align:middle; text-align:center; display:table-cell; font-size:17px; position:relative; background:#e9e9e9; box-sizing:border-box; line-height:25px;} .layer_tab .on .tab a{color:#2b2b2b; font-weight:bold; background:#fff;} .layer_tab .on .tab a:after{content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid #333; position:absolute; left:50%; margin-left:-7px; bottom:0; z-index:2;} .layer_tab .cnt{display:none;} .layer_tab .on .cnt{display:block; padding-top:64px;} .layer_tab .cnt .reference li{color:#f37321; font-size:13px; line-height:21px; text-indent: 0; margin: 0;} .txt_import{padding:25px 30px; box-sizing:border-box; max-height:400px; overflow-y:auto;} .txt_import .reference{padding-bottom:20px; border-bottom:1px solid #e9e9e9;} .txt_import > ol > li{padding-left:25px;position:relative; margin-top:15px;} .txt_import > ol > li .num span{position:absolute; left:0; top:0;} .txt_import .tbl_scroll{margin:10px 0 20px 0;} .txt_import > ul.reference li{ color: #000; font-size: 15px; line-height: 21px; text-indent: 0; margin: 0; padding-left: 18px; margin-bottom: 5px; position: relative; font-weight: 500; } .txt_import > ul.reference li:after { content: '※'; position: absolute; left: 0px; top: 0; } .txt_import .tbl_basic tbody td {padding:0;} .txt_import .tbl_basic tbody th {padding: 3px; text-align: center;} /* 상담신청 레이어 */ .layer_counsel{max-width:750px;} .layer_counsel h1 .normal{font-size:14px;} .layer_counsel .layer_scroll{max-height:400px; overflow-y:auto;} .popup_block.layer_agree_in{max-width:750px;height:558px;} .popup_block.layer_agree_in .layer_agree_wrap{max-height:458px;} /* 상품개정안내*/ .layer_stop{width:620px;} .layer_stop .complete .thumb img{width:169px;height:135px;} .layer_stop .complete .complete_text{font-size:13px;} .layer_stop .complete .complete_text strong{color:#2b2b2b;} /* 퀵메뉴 */ .quick_menu{width:60px; position:absolute; right:50%; margin-right:-630px; top:613px;} .quick_menu .call { background: url(/images/ins/ic_quick_callicon.png) no-repeat 50% 12px #f37320; text-align: center; color: #fff; margin-bottom: 10px; font-size: 19px; font-weight: bold; letter-spacing: -0.03em; line-height: 18px; box-sizing: border-box; padding: 47px 0 9px; background-size: 30px; } .quick_menu .call a {color:#fff;} .quick_menu .call small { display: block; font-size: 11px; font-weight: normal; letter-spacing: -0.06em; line-height: 140%; margin-top: 9px; padding-top: 4px; opacity: 0.7; position:relative; } .quick_menu .call small:before{ position:absolute; content:''; width:10px; height:1px; background:#fff; top:0; left:50%; margin-left:-5px; } .quick_menu .call span.mobile {display:none;} .quick_menu ul{width:100%; overflow:hidden; border-radius:0; overflow:hidden; margin-top:10px;} .quick_menu ul li{border-top:1px solid #e0e0e0; background:#f0f0f0;border: 1px solid #e0e0e0; border-bottom: none;} .quick_menu ul li a{display:block; padding:38px 0 10px 0; text-align:center; color:#333; font-size:11px; line-height:16px; font-weight:bold;} .quick_menu ul li.top {border-color:#333; position:relative;} .quick_menu ul li.top a{padding:7px 0 9px 12px; background:#333; color:#fff; position:relative;} .quick_menu ul li.top a:before { position:absolute; content: ''; width: 7px; height: 1px; background: #fff; top: 15px; left: 17px; margin-left: -5px; transform: rotateZ(-45deg); } .quick_menu ul li.top a:after { position: absolute; content: ''; width: 7px; height: 1px; background: #fff; top: 15px; left: 21px; margin-left: -5px; transform: rotateZ(-135deg); } .quick_menu ul li a.quick_faq{background:url('/images/ins/ic_quick_faq.png') no-repeat 50% 14px;} .quick_menu ul li a.quick_inquiry{background:url('/images/ins/ic_quick_inquiry.png') no-repeat 50% 17px;} .quick_menu ul li a.quick_messege{background:url('/images/ins/ic_quick_messege.png') no-repeat 50% 16px;} .quick_menu ul li a.quick_review{background:url('/images/ins/ic_quick_review.png') no-repeat 50% 20px;} .quick_menu ul li a.quick_kakao{background:#fae101 url(/images/common/kakaotalk_share_btn.png) no-repeat center top / 40px;} .mo .quick_menu ul li a.quick_faq{background:url('/images/ins/ic_quick_faq_m.png') no-repeat 50% 14px;} .mo .quick_menu ul li a.quick_inquiry{background:url('/images/ins/ic_quick_inquiry_m.png') no-repeat 50% 17px;} .mo .quick_menu ul li a.quick_messege{background:url('/images/ins/ic_quick_messege_m.png') no-repeat 50% 16px;} .mo .quick_menu ul li a.quick_review{background:url('/images/ins/ic_quick_review_m.png') no-repeat 50% 20px;} .quick_menu .btnSum{display:block;width:100%;text-align:center;color:#fff;font-size:13px;font-weight:bold;background:#f37320;border-radius:0; line-height:17px;padding:11px 0;margin-top:10px;} /* 카카오톡 링크 버튼 */ #kakao-link-btn { display:none; position: fixed; z-index: 999999999999999; right: 15px; bottom: 15px; width: 15%; text-align: center; min-width: 65px; max-width: 90px; cursor: pointer; } #kakao-link-btn img { width:100%; } /* 채용안내 */ .recruit_info_txt{font-size:20px; line-height:27px; color:#2b2b2b;} .recruit_info_txt + .tab_basic{margin-top:43px;} .sub_scription{width:auto; margin-left:-10px; overflow:hidden;} .sub_scription li{float:left; width:25%; box-sizing:border-box; padding-left:10px;} .sub_scription li .in_wrap{border:1px solid #e9e9e9; border-radius:5px; overflow:hidden; box-sizing:border-box; padding:14px 0 20px 0; text-align:center;} .sub_scription li .in_wrap figure{line-height:0; font-size:0;} .sub_scription li .in_wrap figure img{width:110px; height:110px;} .sub_scription li .in_wrap figcaption strong{display:block; font-size:18px; color:#2b2b2b; margin-top:5px;} .sub_scription li .in_wrap figcaption p{font-size:14px; line-height:21px; margin-top:18px; min-height:63px; box-sizing:border-box;} .sub_scription li.last .in_wrap figcaption p{padding-top:10px;} .income{width:auto; margin-left:-25px; overflow:hidden;} .income > li{float:left; width:25%; box-sizing:border-box; padding-left:25px; background:url('/images/etc/bu_income_list.png') no-repeat 6px 31px;} .mo .income > li{background:url('/images/etc/bu_income_list_m.png') no-repeat 6px 31px; background-size:14px 14px;} .income > li:first-child{background:none;} .income > li .in_wrap{border-radius:5px; overflow:hidden; box-sizing:border-box; padding:22px 7px 7px 7px;} .income > li.basic .in_wrap{background:#ffd2b2;} .income > li.performance .in_wrap{background:#fbb584;} .income > li.career .in_wrap{background:#d1d1d1;} .income > li.etc_income .in_wrap{background:#ccc;} .income > li.case01 .in_wrap{background:#fee6d3;} .income > li.case02 .in_wrap{background:#ffdfc9;} .income > li.case03 .in_wrap{background:#ffd2b2;} .income > li.case04 .in_wrap{background:#fbb584;} .income > li .in_wrap strong{display:block; color:#2b2b2b; font-size:18px; margin-left:24px;} .income > li .in_wrap .orange_round{background:#fff; border-radius:5px; overflow:hidden; padding:9px 0 12px 10px; margin-top:8px; box-sizing:border-box; min-height:78px;} .income > li .in_wrap .orange_round li{margin-top:7px;} .income > li .in_wrap .orange_round li:first-child{margin-top:0;} .income.promote > li{background:none !important; position:relative;} .income.promote > li:after{content:''; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:12px solid #ccc; position:absolute; left:7px; top:31px;} .income.promote > li:first-child:after{display:none;} .income.promote > li .orange_round{min-height:142px;} .income_info{width:100%; overflow:hidden; margin-top:45px;} .income_info dt{float:left; width:336px; box-sizing:border-box; padding:17px 0 0 108px; position:relative; height:84px;} .income_info dt strong{color:#2b2b2b; font-size:18px;} .income_info dt strong span{font-size:15px; display:block;} .income_info dt .thumb{position:absolute; left:0; top:0;} .income_info dd{float:left; border-left:1px solid #d1d1d1; height:59px; margin-top:13px; padding:4px 0 0 29px; box-sizing:border-box;} .product_info > li{margin-top:10px;border:2px solid #e9e9e9; border-radius:4px; overflow:hidden; box-sizing:border-box; background:#f9f9f9;} .product_info > li:first-child{margin-top:0;} .product_info > li > a{display:table; width:100%; font-size:20px; color:#2b2b2b; font-weight:bold; table-layout:fixed; background:url('/images/common/ic_faq.png') no-repeat 98% 50%;} .product_info li.on, .product_info > li:hover{border:2px solid #ff6600; background-color:#fff5ef;} .product_info > li:hover > a{background:url('/images/common/ic_faq.png') no-repeat 98% 50%;background-size:16px;} .product_info > li.on > a{background:#fff5ef url('/images/common/ic_faq_on.png') no-repeat 98% 50%;background-size:16px 16px;} .product_info > li > a .thumb{vertical-align:middle;text-indent:-9999px;width:10%;height:55px;display:table-cell;padding:20px 0; text-align:center; font-size:0; line-height:0;background-position:50%;background-repeat:no-repeat;} .product_info > li > a .num01{background-image:url('/images/ins/pd_num01.png');} .product_info > li.on > a .num01, .product_info > li > a:hover .num01{background-image:url('/images/ins/pd_num01_on.png');} .product_info > li > a .num02{background-image:url('/images/ins/pd_num02.png');} .product_info > li.on > a .num02, .product_info > li > a:hover .num02{background-image:url('/images/ins/pd_num02_on.png');} .product_info > li > a .num03{background-image:url('/images/ins/pd_num03.png');} .product_info > li.on > a .num03, .product_info > li > a:hover .num03{background-image:url('/images/ins/pd_num03_on.png');} .product_info > li > a .num04{background-image:url('/images/ins/pd_num04.png');} .product_info > li.on > a .num04, .product_info > li > a:hover .num04{background-image:url('/images/ins/pd_num04_on.png');} .product_info > li > a .num05{background-image:url('/images/ins/pd_num05.png');} .product_info > li.on > a .num05, .product_info > li > a:hover .num05{background-image:url('/images/ins/pd_num05_on.png');} .product_info > li > a .num06{background-image:url('/images/ins/pd_num06.png');} .product_info > li.on > a .num06, .product_info > li > a:hover .num06{background-image:url('/images/ins/pd_num06_on.png');} .product_info > li > a .num07{background-image:url('/images/ins/pd_num07.png');} .product_info > li.on > a .num07, .product_info > li > a:hover .num07{background-image:url('/images/ins/pd_num07_on.png');} .product_info > li > a .num08{background-image:url('/images/ins/pd_num08.png');} .product_info > li.on > a .num08, .product_info > li > a:hover .num08{background-image:url('/images/ins/pd_num08_on.png');} .product_info > li > a .num09{background-image:url('/images/ins/pd_num09.png');} .product_info > li.on > a .num09, .product_info > li > a:hover .num09{background-image:url('/images/ins/pd_num09_on.png');} .product_info > li > a .num10{background-image:url('/images/ins/pd_num10.png');} .product_info > li.on > a .num10, .product_info > li > a:hover .num10{background-image:url('/images/ins/pd_num10_on.png');} .product_info > li > a .thumb_info{width:60%; vertical-align:middle; display:table-cell; line-height:30px; text-align:right;box-sizing:border-box;padding-right:50px;color:#666;font-weight:normal;} .product_info > li.on > a .thumb_info, .product_info > li > a:hover .thumb_info{font-weight:bold;color:#ff882a;} .product_info > li > a .thumb_info .small{font-size:14px;} .product_info > li > a .point{box-sizing:border-box;text-align:left; width:30%; display:table-cell; vertical-align:middle;} .product_info > li > a .point img{width:100%;} .mo .product_info > li > a{background:url('/images/common/ic_faq_m.png') no-repeat 98% 50%; background-size:16px 16px;} .mo .product_info > li:hover > a{background:url('/images/common/ic_faq_m.png') no-repeat 98% 50%; background-size:16px 16px;} .mo .product_info > li.on > a{background:url('/images/common/ic_faq_on_m.png') no-repeat 98% 50%; background-size:16px 4px;} .pr_info_cont{width:100%; padding:60px 40px; box-sizing:border-box;background-color:#fff; overflow:hidden;border-top:1px solid #ff882a;display:none;} .pr_info_cont figure{width:50%; float:right; text-align:center;} .pr_info_cont figure img{max-width:100%;} .pr_info_cont figcaption{width:47%; float:left; position:relative; margin-top:-5px;} .pr_info_cont figcaption strong{font-size:23px; line-height:36px; color:#2b2b2b; font-weight:normal; display:block; margin-bottom:15px;} .pr_info_cont figcaption p{color:#888; font-size:16px; line-height:22px;} .pr_info_cont figcaption p.list{position:relative; margin:0 0 10px 0;} .pr_info_cont figcaption p + strong, .pr_info_cont figcaption .btn_white + strong{margin:15px 0 0;} .pr_info_cont figcaption p + strong + p{margin-top:15px;} .pr_info_cont figcaption b{font-size: 23px; color: #000; display: block; font-weight: bold; margin-bottom: 5px; margin-top: 20px;} .pr_info_cont figcaption small{font-size: 18px; color: #333; display: block; font-weight: thin; margin-bottom: 5px;} .pr_info_cont .orange_round > li{color:#666; font-size:16px; line-height:23px; margin-top:8px;} .pr_info_cont .orange_round > li:first-child{margin-top:0;} .pr_info_cont .orange_round > li:after{top:10px;} .mo .pr_info_cont .orange_round > li:after{top:7px;} .pr_info_cont .btn_white{margin-top:10px;} .ft21{font-size:21px;} /* 단기운전자 특약 */ .under_h2 + .problem_service{margin-top:10px;} .everybody{text-align:center; padding:30px 0;} .everybody p span{color:#2b2b2b; font-size:22px; line-height:35px; font-weight:normal;} .fee{text-align:center; padding:20px 0; font-size:18px; color:#2b2b2b;} .tab_basic + .fee{margin-top:30px;} /* 에러페이지 */ .error_wrap{text-align:center; max-width:838px; margin:0 auto; overflow:hidden; padding-top:120px;} .error_wrap .basic_box{padding:60px 0;} .error_wrap .basic_box > img {width: 60%; max-width: 273px; height:auto;} .txt_error{color:#2b2b2b; font-size:22px; line-height:31px; margin-top:20px;} .txt_error + .btnC{margin-top:10px;} .txt_error span{display:block; font-size:13px; line-height:21px; color:#666; margin-top:20px;} .error_phone{text-align:center; width:654px; height:20px; font-size:0; line-height:0; margin:20px auto 10px;} .error_phone li{display:inline-block;color:#333; font-size:14px; line-height:20px; margin-left:25px; letter-spacing:0;} .error_phone li:first-child{margin-left:0;} .error_wrap .copyright{color:#8f8f8f; font-size:12px; line-height:20px;} .error_wrap .reference{max-width:545px; margin:0 auto; width:100%; text-align:left; margin-top:10px;} .error_wrap .reference li{margin-top:15px;} .error_wrap .reference li:first-child{margin-top:0;} .error_wrap .reference.operating{margin-top:15px;} .error_wrap .reference.operating li{margin-top:5px;} /* 프로그램 설치 */ .layer_program{max-width:750px;} .install{padding:40px 0 0 0 ;} .install .install_info{text-align:center;} .program_list{margin:20px 30px 0 30px; padding-bottom:20px;} .program_list li{width:100%; display:table; table-layout:fixed; border-top:1px solid #e9e9e9;} .program_list li strong{width:21%; display:table-cell; vertical-align:top; text-align:left; padding:10px 0 13px 5px; box-sizing:border-box; color:#2b2b2b;} .program_list li p{width:79%; display:table-cell; vertical-align:middle; text-align:left; padding:10px 0 13px 0; box-sizing:border-box;} /* 사이트맵 */ #content.sitemap{width:100%;} #content.sitemap h1{padding-bottom:30px; margin-bottom:0;} .sitemap_list{width: 100%;margin:0 auto;overflow:hidden;text-align: center;} .sitemap_list > ul {width: auto; margin: 20px -30px 50px; overflow: hidden; display: flex; flex-wrap: wrap;} .sitemap_list > ul > li{float:left;padding: 0 30px; box-sizing:border-box; width: 25%; margin-bottom:20px;} .sitemap_list > ul > li > dl {width:100%; margin:0; box-sizing:border-box;} .sitemap_list > ul > li > dl dt{ font-weight: normal; font-size: 17px; letter-spacing: -0.08em; padding: 9px 0 10px; margin-bottom: 5px; background: #f97116; color: #fff; border-radius: 30px; } .sitemap_list > ul > li > dl dd {display:inline-block; width:100%;} .sitemap_list > ul > li > dl dd > ul {margin: 0 20px; } .sitemap_list > ul > li > dl dd > ul li{font-size:14px;margin: 0;border-top: 1px dotted #ddd;} .sitemap_list > ul > li > dl dd > ul li:first-child{margin-top:0;border: none;} .sitemap_list > ul > li > dl dd > ul li a{padding: 6px 0;display:block;font-size: 13px;} .sitemap_list > ul > li > dl dd > ul li a:hover {color:#f97116;} /* 공시실 200514추가 */ #content.publicBoard{width:100%;} #content.publicBoard h1{padding-bottom:30px; margin-bottom:0;} .publicBoard .public{width: 100%;margin:0 auto;overflow:hidden;text-align: center;} .publicBoard .public > ul{width:auto;margin: 20px -15px 50px;overflow:hidden;} .publicBoard .public > ul > li{float:left;padding: 0 15px;box-sizing:border-box;width: 25%; margin-bottom: 30px;} .publicBoard .public > ul > li > a{width: 100%;font-weight: normal;font-size: 15px;letter-spacing: -0.08em;padding: 9px 0 10px;margin-bottom: 5px;background: #f97116;color: #fff;border-radius: 22px; word-break: keep-all;} .publicBoard .public > ul > li > ul{display:inline-block;width:100%;padding: 0 15px;box-sizing: border-box;} .publicBoard .public > ul > li > ul li{font-size:14px;margin: 0;border-top: 1px dotted #ddd;} .publicBoard .public > ul > li > ul li:first-child{margin-top:0;border: none;} .publicBoard .public > ul > li > ul li a{padding: 7px 0;display:block;font-size: 12px; word-break: keep-all;} .publicBoard .public > ul > li > ul li a:hover {color:#f97116;} /* 처음이세요 */ /*6007888(공지연)-211217*/ .how_to_use{width:100%; box-sizing:border-box; position:relative;} dl.how_to_use{ /*padding-left:100px;*/ margin-top:55px;} .how_to_use dt{font-size:18px; color:#f37321; font-weight:bold; /*position:absolute; left:0; top:2px;*/} .how_to_use strong{font-size:20px; line-height:40px; color:#2b2b2b; /*font-weight:normal;*/} .how_to_use p{margin-top:8px;} .how_to_use p img{margin-right:4px; margin-bottom:4px;} .how_to_use .thumb{font-size:0; line-height:0px; margin-top:18px;} .how_to_use .thumb img{width:100%;} .how_to_use ul li{padding-bottom:30px; border-bottom:1px solid #e9e9e9; margin-top:25px;} .how_to_use ul li.last{padding-bottom:0; border-bottom:0;} .how_to_use ul li:first-child{margin-top:0;} /* 처음이세요 */ /*6007888(공지연)-211221*/ .basic_step.grid05 > li .step_wrap{padding-left:0px; text-align:center;} /* 가입안내 */ dl.ins_type dd{margin-left:20px;} /* 메인 */ .main_visual_wrap{width:100%; height:400px; overflow:hidden; position:relative;} .main_visual_wrap .bx-viewport{height:420px} .main_visual{width:300%; height:100%; position:relative;} .main_visual li{float:left; width:33.333%; height:100%;} .main_visual li.main_visual00{background:url('/images/main/img_main_visual00.jpg') no-repeat 50% 0;} .main_visual li.main_visual01{background:url('/images/main/img_main_visual01.jpg') no-repeat 50% 0;} .main_visual li.main_visual02{background:url('/images/main/img_main_visual02.jpg') no-repeat 50% 0;} .main_visual li.main_visual03{background:url('/images/main/img_main_visual03.jpg') no-repeat 50% 0;} .main_visual li.main_visual04{background:url('/images/main/img_main_visual04.jpg') no-repeat 50% 0;} .main_visual li.main_visual05{background:url('/images/main/img_main_visual05.jpg') no-repeat 50% 0;} .main_visual li .blankImg {display:none;} /* .main_visual_wrap .indicator{width:9px; height:59px; background:url('/images/main/bg_main_indicator.png') no-repeat 0 0; position:absolute; right:50%; top:50%; margin:-30px -529px 0 0; line-height:0; font-size:0;} */ .main_visual_wrap .indicator{position:absolute;bottom:2%;left:50%;margin-left:-36px;} .main_visual_wrap .indicator li{display:inline-block;width:21px;height:21px;position:relative;} .main_visual_wrap .indicator li a{position:absolute;top:6px;left:6px;display:inline-block;box-sizing:border-box;width:9px; height:9px;background:#fff;border:1px solid #f37321; border-radius:50%;} .main_visual_wrap .indicator li a.active{top:3px;left:3px;width:15px; height:15px; background:#f37321; border-radius:50%;} .main_tab_wrap{background:#f37321; height:70px; box-sizing:border-box; padding-top:3px; overflow:hidden; position:relative;} .main_tab{height:100%;} .main_tab ul{width:1120px; margin:0 auto; overflow:hidden; height:100%;} .main_tab ul li{float:left; width:187px; height:100%; display:table;} .main_tab ul li a{text-align:center;position:relative; display:table-cell; box-sizing:border-box; width:100%; border-right:1px solid #f47836; vertical-align:middle; color:#fff; font-size:22px;} .main_tab ul li a:after{content:"";height:62px;width:1px;background:#ff9368;position:absolute;top:1px;left:-1px;} .main_tab ul li.first a:after, .main_tab ul li.on a:after{display:none;} .main_tab ul li a.on{border-radius:5px 5px 0 0; color:#7a411b; background:#fff url('/images/main/main_tab_arrow.png') no-repeat 50% 52px;} .main_tab ul li.first, .main_tab ul li.last{width:186px;} .main_tab_wrap .ctrl{ display:none;} .main_tab_wrap .ctrl a {display:block; overflow:hidden; width:50px; height:65px; position:absolute; top:5px; background:url('/images/main/btn_ctrl_next.png') no-repeat 50% 50%; text-indent:-9999px;} .main_tab_wrap .ctrl a.prev {left:0; background-image:url(/images/main/btn_ctrl_prev.png);} .main_tab_wrap .ctrl a.next {right:0; background-image:url(/images/main/btn_ctrl_next.png);} .ins_main_cont{width:1120px; margin:0 auto; overflow:hidden; padding-bottom:0px;} .ins_main_cont .discount{float:right; margin-top:0; width:750px;line-height:460px;text-align:right;} .ins_main_cont .discount img{width:100%;} .ins_main_cont .ins_name{float:left; margin-top:60px; width:370px;} .ins_main_cont .ins_name strong{display:block; font-size:46px; font-weight:normal; line-height:50px; color:#2b2b2b; vertical-align:middle;} .ins_main_cont .ins_name strong img{display:block;} .ins_main_cont .ins_name p{color:#666; font-size:19px; margin-top:14px;} .ins_main_cont .ins_name p br{} .ins_main_cont .ins_name p img{vertical-align:-3px; position:relative; top:-1px;} .ins_main_cont .ins_name .btn a{display:inline-block; height:50px; line-height:47px; background:#f37321; padding:0 25px; color:#fff; font-weight:bold; font-size:18px; border-radius:5px; margin-top:5px;} .ins_main_cont .ins_name .btn a:first-child{margin-top:27px;} .ins_main_cont .ins_name .btn a span{display:inline-block; padding-right:20px; background:url('/images/main/btn_white_arrow.png') no-repeat 100% 19px;} .ins_main_cont .ins_name .btn.gni a span{width:270px;} .main_subbanner{width:100%; height:170px; overflow:hidden; background:#d2bda8 url('/images/main/img_main_subbanner.gif') no-repeat 50% 0;background-size:cover;} .ie8 .main_subbanner{background:#d2bda8 url('/images/main/img_main_subbanner_s.gif') no-repeat 50% 0;} .main_subbanner .txt{display:block;height:170px;line-height:170px;max-width:539px;margin:0 auto;vertical-align:middle;} .main_subbanner .txt img{width:100%;height:auto;} .main_util_wrap{width:1120px; margin:60px auto 0 auto; overflow:hidden;} .main_util{width:auto; margin-left:-32px; overflow:hidden;} .main_util .util_wrap{width:33.333%; box-sizing:border-box; padding-left:32px; float:left;} .main_util .util_wrap .util_cont{position:relative; overflow:hidden;} .main_util_tit{display:block; border-bottom:1px solid #2b2b2b; padding-bottom:18px; font-size:18px; color:#2b2b2b; font-weight:normal;} .util_cont .util_btn{width:auto; margin:10px 0 0 -20px; overflow:hidden;} .util_cont .util_btn li{width:50%; box-sizing:border-box; float:left; padding-left:20px; margin-top:10px;} .util_cont .util_btn li a{display:block; width:100%; height:41px; box-sizing:border-box; text-align:center; line-height:37px; border:1px solid #e9e9e9; border-radius:5px;} .util_cont .more{font-size:14px; line-height:18px; position:absolute; right:0; top:10px; display:inline-block; padding-right:10px;} .util_cont .more:after{content:''; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #8f8f8f; position:absolute; right:0; top:7px;} .main_notice{line-height:0; font-size:0;} .main_notice li{width:100%; overflow:hidden; font-size:15px; line-height:25px; position:relative; border-bottom:1px solid #e9e9e9; box-sizing:border-box;padding-right:70px;} .main_notice li a{display:block; overflow:hidden; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding:13px 0 15px 0; width:100%;} .main_notice li a:hover{text-decoration:underline;} .main_notice li span{color:#8f8f8f; display:inline-block; width:70px; vertical-align:middle; text-align:right; position:absolute; right:3px; top:14px;} .main_phone ul{margin-top:8px;} .main_phone li{margin-top:10px;} .main_phone li:first-child{margin-top:0;} .main_phone li img{width:100%;} .main_review{background:#fafafa; overflow:hidden; padding-bottom:60px;} .main_review h1{text-align:center; vertical-align: bottom;font-size:36px; line-height:40px; margin:75px 0 20px 0;} .main_review h1 img{vertical-align:-2px;display:inline-block;} .main_review h1 br{display:none;} .main_review h1 span{display:block; font-size:19px; line-height:25px; font-weight:normal; margin-top:15px;} .main_review_wrap{width:1120px; margin:0 auto;} .main_review_wrap .bx-viewport{min-height:475px;} .main_review_list{width:100%; display:inline-block;} .main_review_list > li{float:left; width:33.333%; padding-top:80px; box-sizing:border-box; margin-right:10px;} .main_review_list > li:last-child{margin-right:0;} .main_review_list > li > a {width:31%; margin-left:3%; margin-bottom:6px; box-shadow:0 3px 6px 3px rgba(225,225,225,0.9); background:#fff; border-radius:10px; border:1px solid #e9e9e9; box-sizing:border-box; position:relative; padding-top:105px; display:inline-block;} .main_review_list > li > p.info {display:block; position:absolute; top:0; width:100%; font-size:19px; line-height:25px; font-weight:normal; text-align:center;} .main_review_list > li > a:first-child, .main_review_list > li > p.info + a {margin-left:0;} .main_review_list > li.noCar .recomm_box .review_point {position:absolute; left:0; top:0; width:100%; height:104px; background:#f8f8f8; text-align:center; font-size:22px;} .main_review_list > li.noCar .recomm_box .review_point span {display:inline-block; height:20px; background:url(/images/main/img_point.png) no-repeat 0 0; text-indent:-9999px;} .main_review_list > li.noCar .recomm_box .return {padding-top:20px; height:127px; border-top:2px solid #fff;} .main_review_list > li.noCar .recomm_box .return .title {display:block; margin-top:15px; color:#666; font-size:18px;} .main_review_list > li.noCar .recomm_box .return .title em {color:#2b2b2b;} .main_review_list > li.noCar .recomm_box .return .dc_price del {color:#ccc; font-size:24px;} .main_review_list > li.noCar .recomm_box .return .dc_price strong {margin-top:0; padding-top:27px; background:url(/images/main/ico_arrow_m.png) no-repeat 50% 5px; color:#f37321; font-size:44px; line-height:44px;} .main_review_list > li.noCar.hous .recomm_box .return .dc_price strong{background:none;font-size:38px;} .main_review_list > li.noCar .recomm_box .main_txt_review {padding-top:7px; background:#fff;} .main_review_wrap .bx-controls{width:100%; overflow:hidden; margin-top:50px; text-align:center;} .main_review_wrap .bx-controls .bx-pager, .main_review_wrap .bx-controls .bx-pager-item, .main_review_wrap .bx-controls .bx-controls-auto{display:inline-block;} .main_review_wrap .bx-controls .bx-controls{} .main_review_wrap .bx-controls .bx-pager-link{width:10px; height:10px; background:#c1c1c1; border-radius:50%; color:transparent; margin-left:10px; vertical-align:middle;} .main_review_wrap .bx-controls .bx-pager-link.active{background:#fe7032; width:30px; border-radius:5px;} .main_review_wrap .bx-stop{width:23px; height:23px; background:url('/images/main/ic_stop.png') no-repeat 0 0; vertical-align:middle; margin-left:10px; line-height:0; font-size:0;} .main_review_wrap .bx-start{width:23px; height:23px; border-radius:3px; background:#e2e0da; position:relative; vertical-align:middle; margin-left:10px; line-height:0; font-size:0;} .main_review_wrap .bx-start:after{content:''; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #7e7e7e; position:absolute; left:8px; top:4px;} .main_review_wrap .bx-stop.active, .main_review_wrap .bx-start.active{display:none;} .review_discount{width:210px; height:144px; overflow:hidden; position:absolute; left:50%; top:-5px; margin-left:-105px; text-align:center;} .review_discount .dc_price{margin-top:6px; display:inline-block;} .review_discount .dc_price del{font-size:16px; line-height:20px;} .review_discount .dc_price strong{display:inline-block; position:relative; font-size:18px; margin-left:15px;} .review_discount .dc_result{color:#fff; display:block; font-size:18px; line-height:22px; margin-top:5px; font-weight:bold;} .review_discount .dc_result .verdana{font-weight:bold; font-size:32px; line-height:35px; font-family:Verdana; vertical-align:sub;} .return{border-top:2px dotted #e9e9e9; text-align:center; padding-bottom:25px;} .return strong{display:block; font-size:22px; margin:45px 0 7px 0;} .return strong .verdana{font-size:40px; line-height:45px; font-family:Verdana;} .return span{font-size:16px; line-height:21px; font-weight:bold;} .main_txt_review{background:#f8f8f8; text-align:center; padding:20px 20px 28px;} .main_txt_review p{font-size:14px; line-height:21px; color:#777;min-height:63px;} .main_txt_review .name{min-height:20px;} .main_txt_review > ul{width:100%; display:inline-block; text-align:center; line-height:0; font-size:0; margin-top:10px;} .main_txt_review > ul > li{display:inline-block; width:auto !important; font-size:14px; line-height:21px; margin-left:23px; position:relative;} .main_txt_review > ul > li:after{content:''; display:block; width:3px; height:3px; background:#666; position:absolute; left:-11px; top:11px; border-radius:50%;} .main_txt_review > ul > li:first-child{margin-left:0;} .main_txt_review > ul > li:first-child:after{display:none;} .main_txt_review > ul > li.ic_car{padding-left:20px; background:url('/images/main/bg_car.png') no-repeat 0 6px;} .orange_arrow .review_discount{background:url('/images/main/review_orange.png') no-repeat 0 0;} .orange_arrow .return strong{color:#f66000;} .orange_arrow .dc_price{color:#fbb584;} .orange_arrow .dc_price strong:after{content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #fbb584; position:absolute; left:-11px; top:50%; margin-top:-3px;} .yellow_arrow .review_discount{background:url('/images/main/review_yellow.png') no-repeat 0 0;} .yellow_arrow .return strong{color:#f39821;} .yellow_arrow .dc_price{color:#fbb584;} .yellow_arrow .dc_price strong:after{content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #fbb584; position:absolute; left:-11px; top:50%; margin-top:-3px;} .purple_arrow .review_discount{background:url('/images/main/review_purple.png') no-repeat 0 0;} .purple_arrow .return strong{color:#576b7c;} .purple_arrow .dc_price{color:#7d91a5;} .purple_arrow .dc_price strong:after{content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #7d91a5; position:absolute; left:-11px; top:50%; margin-top:-3px;} .topBanner {width:100%; background:#fee6d3; min-height:47px; height:155px;} .topBanner .closeArea {position:absolute; right:0; bottom:10px;} .topBanner .closeArea .closeBtn {margin-left:20px;} .topBanner .closeArea label {color:#444; font-size:13px;} .topBanner .closeArea label.checkbox > span {width:20px; height:19px; background:url('/images/ccr_pc/common/check.png') no-repeat 0 0;} .topBanner .closeArea label.checkbox.on > span{background:url('/images/ccr_pc/common/check_on.png') no-repeat 0 0;} .topBanner .closeArea .on > label.checkbox > span{background:url('/images/ccr_pc/common/check_on.png') no-repeat 0 0;} .topBannerArea {position:absolute; left:50%; width:1156px; height:155px; margin-left:-578px; background:#fee6d3; z-index:10;} .bottomBannerArea {position:absolute; left:50%; width:1156px; margin-left:-562px; z-index:10;} .topBannerArea ul.bannerList {overflow:hidden; width:1156px; height:155px;} .topBannerArea ul.bannerList li {float:left; width:578px; height:155px; color:#666; font-weight:bold; line-height:22px;} .topBannerArea ul.bannerList li a {display:block; overflow:hidden;} .topBannerArea ul.bannerList li .kv {float:left; margin-right:20px;} .topBannerArea ul.bannerList li h1 {margin:40px 0 5px; color:#444; font-size:18px;} .closeBanner {padding-top:11px; height:36px; z-index:1;} .closeBanner ul.bannerList {width:100%; height:25px; margin:0 auto;} .closeBanner ul.bannerList li {float:left; width:50%; height:25px; font-size:15px;} .closeBanner ul.bannerList li:first-child {margin-left:0; text-align:right;} .closeBanner ul.bannerList li span {display:inline-block; margin:0 15px; padding-left:7px; background:url(/images/main/ico_dot.gif) no-repeat 0 10px; color:#2b2b2b;} .eventPop .header{display:none;} .eventBanner, .m_eventBanner{width:500px;height:500px;margin:0 auto;} .eventBanner .eventCon, .eventBanner .m_eventCon{width:500px;height:450px;position:relative;background:#fff5d7;} .eventBanner .eventCon .btn_orange, .m_eventBanner .eventCon .btn_orange{position:absolute;top:238px;left:26px;} .eventBanner .closeArea, .m_eventBanner .closeArea{height:50px;box-sizing:border-box;font-size:14px;color:#444;padding:11px 20px 14px;background:#f0f0f0;position:relative;} .eventBanner .closeArea .checkbox span, .m_eventBanner .closeArea .checkbox span{width:29px;height:30px;background:url('/images/ccr_pc/common/check.png') no-repeat 0 0;} .eventBanner .closeArea .checkbox.on span, .m_eventBanner .closeArea .checkbox.on span{background:url('/images/ccr_pc/common/check_on.png') no-repeat 0 0;} .eventBanner .closeArea .closeBtn, .m_eventBanner .closeArea .closeBtn{display:block;width:43px;height:14px;position:absolute;top:11px;right:20px;} /*sub_table*/ .product_detail .refrence .refrence_table{margin-top:20px;} .tbl_basic.sub_table{margin-top:15px;} .tbl_basic.sub_table{border-top:1px solid #e9e9e9;} .tbl_basic.sub_table th{font-size:13px; color:#666; padding:11px 0 13px 20px;} .tbl_basic.sub_table td{font-size:14px; padding:11px 0 13px 20px;} /* 주소팝업 */ .pop_fade{display:none; background:#000; position: fixed; left:0; top:0; width:100%; height:100%; z-index:9999;} .popup_block{display:none;box-sizing:border-box;background:#fff; position: fixed; top: 50%; left: 50%; z-index: 99999;} .popup_block .pop_icon_txt{font-size:15px;line-height: 23px;padding:100px 0 15px;border-bottom:1px solid #ddd;text-align:center;background:url('/images/ccr_pc/common/img_car01.gif') no-repeat 50% 4px;} .popup_block .pop_icon_txt.negative{background:url('/images/ccr_pc/common/img_car01.gif') no-repeat 50% 4px;} .popup_block .pop_icon_txt.bg02{background:url('/images/ccr_pc/common/img_car02.gif') no-repeat 50% 0;} .popup_block .pop_icon_txt .txt{margin:10px 0 0} .popup_block .pop_icon_txt .sTxt{font-size:14px;color:#666;margin:10px 0 12px;} .popup_block .textC{margin-top:20px;} .popup_block .textC .btn_pop_close{position:absolute;top:17px;right:20px;width:13px;height:13px;font-size:0;text-indent:-99999px;background:url('/images/ccr_pc/common/btn_pop_close.png');} .popup_block.popup_wrap02 .textC .btn_pop_close{height:49px;width:49px;top:0;right:0;background:#f47421 url('/images/ccr_pc/common/btn_close02.png') no-repeat 18px 18px;} .popup_wrap02{width:580px;background:#fff; padding-bottom:20px;} .popup_wrap02 .popTitle{height:49px;line-height:49px;font-size:17px;color:#fff;padding:0 25px;background:#393941;} .popup_wrap02 .pop_tit {padding:0; background:none;} .popup_wrap02 .popCon{margin:23px 25px 0;border-bottom:1px solid #ddd;} .popup_wrap02 .textC{margin-bottom:6px; text-align:center;} .popup_wrap02.pop_error .popCon{border-bottom:none;text-align:center;margin:50px 25px} .pop_info_gray_box.form{padding:30px 33px 30px 35px;} .pop_info_gray_box p {line-height:20px;} .form_box{overflow:hidden;} .pop_tit_info{border:1px solid #f47421;background:#feede1;padding:13px 20px 17px;box-sizing:border-box;} .popup_block .pop_tit{font-size:15px;color:#555;font-weight:600;margin-bottom:10px;} .pop_info_gray_box{padding:15px 20px 17px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6;} /*팝업_주소검색*/ .pop_address .form_box .insplInput{float:left; display:block;} .pop_address .form_box .btn_gray{float:left; font-size:12px;color:#fff;height:34px;line-height:33px;padding:0 14px;text-align:center;background:#6d7179;box-sizing:border-box; border-radius:3px; margin-left:5px; min-width:auto;} .pop_address .add_info{display:table; padding-top:10px; font-size:13px;} .pop_address .add_info strong{display:table-cell; width:76px; padding:0 20px 0 10px; font-weight:bold !important; line-height:20px; color:#333; background:url('/images/ccr_pc/common/dot_list.gif') no-repeat 0 9px;} .pop_address .add_info p{display:block;} .pop_address .pop_tit{height:40px; margin-top:0;} .pop_address td.address{padding:0; text-align:left; line-height:22px;} .pop_address td.address .scroll_table{max-height:243px; width:100%; overflow:auto;} .pop_address td.address .scroll_table .jspPane{width:523px !important;} .pop_address td.address a{display:table; width:100%; padding:4px 0 12px; border-top:1px solid #ddd;} .pop_address td.address a:first-child{border-top:0;} .pop_address td.address a.hover , .pop_address td.address a.on{background:#e7e7e7;} .pop_address td.address a > p , .pop_address td.address a > div{display:table-cell; vertical-align:middle;} .pop_address td.address a > p{width:25%; text-align:center;} .pop_address td.address a > div{padding-right:10px;} .pop_address td.address a > div p{display:table; text-align:left;} .pop_address td.address a > div p strong, .pop_address td.address a > div p span{font-size:13px;display:table-cell;} .pop_address td.address a > div p strong{width:56px;} .pop_address td.address strong{width:46px; padding-right:10px; color:#f47421;} .pop_address td.address .lot_num strong{word-spacing:8px;} .pop_address td.address .no_data{width:270px;font-size:17px;position:relative;padding:80px 0 0; text-align:center;margin:60px auto 80px;} .pop_address td.address .no_data:after{display:inline-block;position:absolute;top:0;left:50%;margin-left:-32px;content:"";width:65px;height:65px;;background:url('/images/ccr_pc/common/icon_add.gif') no-repeat 0 0;} .add_input{margin:20px 0 25px;} .add_input .placeholder_warp{width:100%;} .add_input .txt_placeholder{line-height:42px;} .add_input .insplInput{width:100%;} .add_input .insplInput{margin-top:5px;} .pop_address table tr th,.inspl_step_content table tr td{box-sizing:border-box;} .popup_block .insplInput{display:inline-block;color:#888;font-size:14px;height:34px;line-height:2em;padding-bottom:2px;background-color:#fff;border-radius:3px;border:1px solid #ccc;} .terms_close{display:inline-block;padding:7px 20px 8px;line-height:18px;border:1px solid #6d7179;background:#6d7179;color:#fff;font-size:15px;border-radius:3px;box-sizing: border-box;} .btn_terms_confirm{display:inline-block; padding:7px 20px 8px;line-height:18px;border:1px solid #f47320; background:#f47320; color:#fff; font-size:15px; border-radius:3px; box-sizing:border-box;} /* 테이블_세로 */ .pop_address .tbl_col{text-align:center;font-size:14px;} .pop_address .tbl_col th{text-align:center;padding:7px 5px 8px;box-sizing:border-box;background:#f6f6f6;border-top:2px solid #575757;border-bottom:1px solid #ddd;} .pop_address .tbl_col td{text-align:center;padding:0;box-sizing:border-box;border-bottom:1px solid #ddd;} /* captcha */ .pop_captcha{max-width:460px;} .pop_captcha .captcha_wrap{text-align:center;} .pop_captcha .captcha_wrap .captcha_img{text-align:center;} .pop_captcha .captcha_wrap .captcha_img img{max-width:400px; width:100%;} .pop_captcha .captcha_wrap p{padding:14px 0 17px; font-size:13px; color:#8f8f8f; line-height:21px;} .pop_captcha .captcha_wrap input[type="text"]{width:260px; height:40px; line-height:38px; border:1px solid #ccc; border-radius:3px;} /******************************************************** ******************** ETC SIZE ********************* *********************************************************/ @media screen and (min-width:1025px) and (max-width:1199px) { .head_util{width:100%;} .gnb_wrap{width:100%; box-sizing:border-box; padding-left:200px;} .header h1{margin-left:-520px;} .gnb_box{width:100%; display:inline-block;} .gnb_wrap{width:100%; display:inline-block; padding:0 0 0 250px;} .gnb_wrap nav{width:100%; box-sizing:border-box; text-align:center; float:none;} .gnb_wrap nav .gnb{width:100%; padding-left:7%; display:inline-block;} .gnb_wrap nav .gnb li{ margin:0; box-sizing:border-box; } .gnb_wrap nav .gnb li.gnb_btn {right:15px;} .gnb_wrap nav .gnb li > ul > li{text-align:left; float:none; width:100%;} .gnb_wrap nav .gnb li.gnb04 {width:90px;} .gnb_wrap .gnb_img {top: 125px; width: 280px;} .gnb_wrap .gnb_img img{width:100%;} .header .sub_menu{left:auto; right:20px; margin:0;} .gnb_wrap h2{left:10px; letter-spacing:-2px;} .header .header_ins_calc{ right:0; top:0; margin-right:0;} .gnb_wrap .gnb_close{right:16px;} .lnb{display:none; float:none;} .container{width:100%; max-width:855px; margin:0 auto;} .container.product{max-width:1120px; box-sizing:border-box; padding:0 35px;} #content{float:none; width:100%;} .foot_util{width:100%; padding:0 40px; box-sizing:border-box;} .footer{width:100%; box-sizing:border-box; padding:0 40px; overflow:visible; display:inline-block;} .foot_blog_list, .certimark{right:30px;} .topBanner, .quick_menu {display:none;} /* 상품상세 */ .product_calc_wrap{width:100%;} .product_menu.on .ins_tab_tit{left:35px;} .product_menu.on .scroll_button{right:35px;} /* 메인 */ .main_tab{overflow:hidden; width:100%;} .main_tab ul{width:auto; margin:0; width:2000px;} .ins_main_cont{box-sizing:border-box; width:100%; padding:0 35px 15px 35px;} .ins_main_cont .ins_name{width:36%;} .ins_main_cont .discount{width:60%;} .main_review_wrap{box-sizing:border-box; width:100%; padding:0 35px;} .main_util_wrap{width:100%; box-sizing:border-box; padding:0 35px;} .main_visual_wrap .indicator{right:20px; margin:0;} .main_tab_wrap{padding:0 50px;} .main_tab{height:100%; width:100%;} .main_tab ul{width:1120px; margin:0;} .main_tab_wrap .ctrl{width:100%; height:70px; position:absolute; right:0; top:0; display:block;} } @media screen and (min-width:1025px) and (max-width:1100px) { .gnb_wrap nav .gnb{padding-left:5%;} } @media screen and (min-width:1025px) and (max-width:1070px) { .header h1{margin-left:-490px;} .gnb_wrap nav .gnb{padding-left:0;} } /******************************************************** ******************* LNB Device ******************** *********************************************************/ @media screen and (min-width:768px) and (max-width:1199px) { .lnb_device_wrap{width:100%; height:40px; border-bottom:1px solid #e9e9e9;} .lnb_device{display:block; width:100%; max-width:855px; margin:0 auto; line-height:0; font-size:0;} .lnb_device > ul{display:inline-block; width:100%; border-left:0; } .lnb_device > ul > li{float:left; width:180px; box-sizing:border-box; height:40px; border-right:1px solid #e9e9e9; position:relative;} .lnb_device > ul > li > a{font-size:14px; display:block; height:40px; line-height:37px;} .mo .lnb_device > ul > li > a{line-height:42px;} .lnb_device > ul > li > a.on{color:#f66000; font-weight:bold;} .lnb_device > ul > li.category > a{padding-left:58px;background:url('/images/common/bg_lnb_device_1depth.png') no-repeat 35px 50%; position:relative;} .lnb_device > ul > li.category > a:after{content:''; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:7px solid #e9e9e9; position:absolute; right:-7px; top:50%; margin-top:-6px;} .lnb_device > ul > li.category > a:before{content:''; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #fff; position:absolute; right:-5px; top:50%; margin-top:-4px; z-index:1;} .lnb_device > ul > li > ul{position:absolute; left:-1px; top:40px; width:100%; background:#fff; border:1px solid #e9e9e9; z-index:3; display:none;} /* box-shadow:0 3px 3px 0 rgba(225,225,225,0.9); */ .lnb_device > ul > li > ul > li > a{padding-left:58px; height:47px; border-bottom:1px solid #e9e9e9; line-height:43px; display:block; font-size:14px;} .mo .lnb_device > ul > li > ul > li > a{line-height:49px;} .lnb_device > ul > li > ul > li > a:hover{color:#2b2b2b; font-weight:bold;} .lnb_device > ul > li.depth2 a{padding-left:15px;} .lnb_device > ul > li.depth2 > a{position:relative;} .lnb_device > ul > li.depth2 > a:after{content:''; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #f89b6c; position:absolute; right:14px; top:50%; margin-top:-3px;} .lnb_device > ul > li.depth2 > a.on:after{content:''; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:5px solid #f89b6c; position:absolute; right:14px; top:50%; margin-top:-3px; border-top:0;} .lnb_device > ul > li.depth2 > ul li.depth3{border-bottom:1px solid #e9e9e9; padding-bottom:12px;} .lnb_device > ul > li.depth2 > ul li.depth3 > a{border-bottom:0; display:block;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul{position:relative; margin-top:-10px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li{position:relative; font-size:13px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li:after{content:''; display:block; width:2px; height:2px; background:#f89b6c; position:absolute; left:16px; top:13px;} .mo .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li:after{top:11px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li a{display:block; padding-left:24px; line-height:25px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li a:hover{color:#2b2b2b; font-weight:bold;} .gnb_wrap .gnb_img img{width:100%;} .reward_info p{width:100%;} .reward_col_flow .in_wrap figcaption{font-size:14px;} .floating_menu{width:100%;} .product_menu.on .floating_menu{width:100%; box-sizing:border-box; padding:0 320px;} } @media screen and (max-width:856px){ .lnb_device{width:100%;} .lnb_device > ul{border-left:0;} } @media screen and (min-width:768px){ .product_calc.medi{padding:0 15px 0 25px;} .product_calc.medi .btn_orange{width:96%;} .product_calc.medi .btn02{width:96%;} .product_calc.medi ul li .thumb_info{vertical-align:middle;} } /******************************************************** ******************** Tablet device ********************* *********************************************************/ @media screen and (max-width:1024px) { /*모바일 서비스 안내*/ .mservice_easy_list li dl dd{padding-left:40px;} .smart_app .logo_img{height:auto;} .smart_app .smart_cont{height:auto; padding:20px 30px; background:url('/images/desk/bg_smart_app.png') no-repeat 90% 80%;} .mo .smart_app .smart_cont{background:url('/images/desk/bg_smart_app_m.png') no-repeat 90% 80%; background-size:268px 30px;} .smart_app .txt_area, .smart_app .search_area{display:block;} .smart_app .txt_area{width:100%; padding-right:0; border-right:0;} .smart_app .search_area{margin-top:10px; width:45%; padding-left:0; background:none;padding-right:45px;box-sizing:border-box;} .only_pc {display:none !important;} .paging .mo_paging{display:inline-block; vertical-align:middle; margin:0 15px;} .paging .pc_paging{display:none;} .product_info > li > a .thumb{background-size:54px;} .product_info > li > a .num01{background-image:url('/images/ins/pd_num01_m.png');} .product_info > li.on > a .num01{background-image:url('/images/ins/pd_num01_on_m.png');} .product_info > li > a .num02{background-image:url('/images/ins/pd_num02_m.png');} .product_info > li.on > a .num02{background-image:url('/images/ins/pd_num02_on_m.png');} .product_info > li > a .num03{background-image:url('/images/ins/pd_num03_m.png');} .product_info > li.on > a .num03{background-image:url('/images/ins/pd_num03_on_m.png');} .product_info > li > a .num04{background-image:url('/images/ins/pd_num04_m.png');} .product_info > li.on > a .num04{background-image:url('/images/ins/pd_num04_on_m.png');} .product_info > li > a .num05{background-image:url('/images/ins/pd_num05_m.png');} .product_info > li.on > a .num05{background-image:url('/images/ins/pd_num05_on_m.png');} .product_info > li > a .num06{background-image:url('/images/ins/pd_num06_m.png');} .product_info > li.on > a .num06{background-image:url('/images/ins/pd_num06_on_m.png');} .product_info > li > a .num07{background-image:url('/images/ins/pd_num07_m.png');} .product_info > li.on > a .num07{background-image:url('/images/ins/pd_num07_on_m.png');} .product_info > li > a .num08{background-image:url('/images/ins/pd_num08_m.png');} .product_info > li.on > a .num08{background-image:url('/images/ins/pd_num08_on_m.png');} .product_info > li > a .num09{background-image:url('/images/ins/pd_num09_m.png');} .product_info > li.on > a .num09{background-image:url('/images/ins/pd_num09_on_m.png');} .product_info > li > a .num10{background-image:url('/images/ins/pd_num10_m.png');} .product_info > li.on > a .num10{background-image:url('/images/ins/pd_num10_on_m.png');} .product_info > li > a .thumb {background-size:40px;} } @media screen and (min-width:768px) and (max-width:1024px) { .header{height:102px;} .head_util{width:100%;} .header h1{left:35px; top:48px; margin:0;} .gnb_wrap{width:100%; box-sizing:border-box; padding: 0 50px 0 242px; height:70px;} .gnb_wrap nav{width:100%; box-sizing:border-box; float:none; margin-top:0;} .gnb_wrap nav .gnb{width:100%;} .gnb_wrap nav .gnb li{padding:0; width: 120px;} .gnb_wrap nav .gnb li.gnb01{width:140px;}/* 190130 Gnb수정 */ .gnb_wrap nav .gnb li.gnb02{width:110px;} .gnb_wrap nav .gnb li.depth01 > a {font-size: 15px; padding: 24px 0;} .gnb_wrap nav .gnb li.gnb_btn {right:15px; top:23px;} .gnb_wrap h2{left:40px; font-size:18px; top:100px;} .gnb_wrap h2 span{font-size:27px;} .gnb_wrap nav .gnb li.depth01 > a:after{top:46px;} .header .tablet_dot {display:none;} .gnb_line{height:70px;} .gnb_line:after{content:''; position:absolute; left:0; top:70px; background:#f89b6c; width:100%; height:1px; display:block;} .gnb_box{height:70px;} .gnb_box .gnb_banner{display:none;} .header .header_ins_calc{ right:0; top:0; margin-right:0;} .header .tablet_dot{display:none; width:70px; height:70px; position:absolute; right:0; top:32px; background:url('/images/common/btn_tablet_dot.png') no-repeat 50% 50%; z-index:20; background-size:18px 4px;} .header .tablet_dot.on{background:url('/images/common/btn_tablet_dot_on.png') no-repeat 50% 50%;} .header .sub_menu{left:auto; top:87px; margin-left:0; right:14px; width:140px; display:none;} /* box-shadow:0 3px 3px 0 rgba(225,225,225,0.9); */ .header .sub_menu:after{content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:5px solid #5f5450; position:absolute; right:15px; top:-5px;} .header .sub_menu li:first-child::after{display:none;} .header .sub_menu li{width:100%; border-top:1px solid #756762; background:#5f5450; margin:0;} .header .sub_menu li a{display:block; height:54px; line-height:50px; box-sizing:border-box; color:#fff; padding-left:20px;} .header .sub_menu li:first-child{border-top:0;} .header .calc_list .mobile_tel {display:block;} .lnb{display:none; float:none;} .container{width:100%; box-sizing:border-box; padding:0px 35px 35px 35px;} #content{float:none; width:100%; margin-top:0;} #content h1{display:block; line-height:42px; margin:25px 0 33px 0;} .paging_wrap .ab_right{position:static; width:100%; text-align:center; margin-top:35px;} .foot_util{width:100%; padding:0 35px; box-sizing:border-box;} .foot_util dl{display:none;} .footer{width:100%; box-sizing:border-box; padding:0 40px; overflow:visible; display:inline-block;} .foot_blog_list{right:35px; top:-38px;} .foot_blog_list li.blog{display:none;} .certimark{display:none;} .topBanner, .quick_menu {display:none;} /* 페이징 */ .paging .first{background:url('/images/common/bg_paging_first_m.png') no-repeat 50% 50%; background-size:10px 9px;} .paging .prev{background:url('/images/common/bg_paging_prev_m.png') no-repeat 50% 50%; background-size:6px 9px;} .paging .next{background:url('/images/common/bg_paging_next_m.png') no-repeat 50% 50%; background-size:6px 9px;} .paging .last{background:url('/images/common/bg_paging_last_m.png') no-repeat 50% 50%; background-size:10px 9px;} .util_cont .util_btn li:first-child, .util_cont .util_btn li:nth-child(4), .main_notice li:last-child{display:none;} .main_notice{margin-top:4px;} /* 1:1상담 */ .input_inquiry > ul > li.email > .select_wrap{width:50%;} .input_inquiry > ul > li.email .email_wrap{width:100%; overflow:hidden; display:block; margin-top:10px;} .input_inquiry > ul > li.email .email_wrap .input_basic{float:left; width:30%;} .input_inquiry > ul > li.email .email_wrap .email_bar{float:left; width:5%; text-align:center; display:inline-block; height:40px; line-height:35px;} .input_inquiry > ul > li.email .email_wrap .select_wrap{float:left; width:33%; margin-left:2%;} .input_inquiry > ul > li .tel_wrap{display:block; margin-top:10px;} /*모바일 서비스 안내*/ .mservice_easy_list li dl dd{padding-left:40px;} .smart_app .logo_img{height:auto;} .smart_app .smart_cont{height:auto; padding:20px 30px; background:url('/images/desk/bg_smart_app.png') no-repeat 90% 80%;} .smart_app .txt_area, .smart_app .search_area{display:block;} .smart_app .txt_area{width:100%; padding-right:0; border-right:0;} .smart_app .search_area{margin-top:10px; width:45%; padding-left:0; background:none;} .use_flow li .in_wrap figure img {width:100%;} /* 후기작성 */ .review_cont .detail_info{box-sizing:border-box; padding-right:170px;} /* 당첨자발표 */ .announce_list li .announce_cont .term .announce::after{top:7px;} .mo .list_sch .custom_select{background-position:85% 50%;} /* 상품상세 */ .product_detail h1{text-align:center;} .product_calc_wrap{width:100%;} .mo .reference li{margin-left:11px; text-indent:-11px;} .product_tab .ins_tab_tit{display:none !important} .product_menu.on .floating_menu{padding-left:0;} .product_menu ul{width:100%; text-align:left; box-sizing:border-box; overflow:hidden;} .product_menu.on ul{padding-left:35px;} .product_menu ul li{width:25%; float:left; text-align:center; margin:0;} .product_menu ul.item03 li{width:33.333%;} .product_menu .scroll_button{right:35px; margin-right:0;} .pr_info_cont figcaption br, .product_calc_wrap h1 span br {display:none;} .car .product_calc_wrap h1 span br {display:block;} .mo .ic_newWin{background-position:0 5px;} .faq_tab + .subimg_area .txt_subimg br{display:block;} .faq_list li:hover > a{background-image:url('/images/common/ic_faq_m.png'); background-size:14px 14px;} .use_flow li br{display:none;} .mo .use_flow.item03 li{background:url('/images/reward/flow_long_bar_m.png') no-repeat 63px 60px; background-size:62px 4px;} /* 사이트맵 */ .sitemap_list{width:100%; margin:0} /* 메인 */ .ins_main_cont{width:100%; margin:0; box-sizing:border-box; padding:0 35px 120px 35px; position:relative;} .ins_main_cont .discount{float:none; margin-top:25px; width:100%; text-align:center;} .ins_main_cont .ins_name{float:none; margin-top:40px; width:100%; text-align:center;} .ins_main_cont .ins_name strong {display:inline-block; margin-right:5px; vertical-align:bottom;} .ins_main_cont .ins_name img{display:inline-block;vertical-align:-2px;} .ins_main_cont .ins_name strong img{display:inline-block;} .ins_main_cont .ins_name p{color:#666; font-size:19px; margin-top:14px;} .ins_main_cont .ins_name p br{display:none;} .ins_main_cont .ins_name p .tablet_br{display:block;} .ins_main_cont .ins_name .btn{position:absolute; left:0; bottom:35px; width:100%;} .ins_main_cont .ins_name .btn a{margin-top:0;} .main_util_wrap{width:100%; margin:40px 0 0 0; padding:0 25px; position:relative; box-sizing:border-box;} .main_util{margin-left:-25px;} .main_util .util_wrap{width:50%; padding-left:25px;} .util_wrap.main_phone{width:100%; margin-top:30px;} .main_phone ul{margin:0 0 0 -25px; width:auto; overflow:hidden;} .main_phone li{margin-top:0; float:left; width:50%; box-sizing:border-box; padding-left:25px;} .main_phone li img{width:100%;} .main_tab_wrap{padding:0 50px;} .main_tab{overflow-x:auto; height:100%; width:100%;} .main_tab::-webkit-scrollbar{display:none;} .main_tab ul{width:1120px; margin:0;} .main_tab ul li a:after{top:4px;height:62px;} .main_tab ul li.first a:after{display:block;} .main_tab_wrap .ctrl{width:100%; position:absolute; right:0; top:70px; display:block;} .main_tab_wrap .ctrl a.prev, .main_tab_wrap .ctrl a.next {top:-70px;} .main_review_wrap{box-sizing:border-box; width:100%; padding:0 35px;} .main_util_wrap{width:100%; box-sizing:border-box; padding:0 35px;} /* .main_visual_wrap .indicator{right:20px; margin:0; top:auto; bottom:20px;} */ .main_review h1{margin-top:50px;} .main_review h1 br{display:block;} .main_review_list > li > {overflow:hidden;} .main_review_list > li > a {width:47%;} .main_review_list > li > a:last-child {display:none;} .product_info > li > a .thumb{width:12%;} .product_info > li > a .point{width:42%; padding-right:40px;} .product_info > li > a .thumb_info{width:46%;} .only_pc {display:none !important;} /* loading */ .mo .loadWarp .loadCont {background:none;} .mo .loadWarp .loadCont > img {width:80px;height:80px; animation: spin 1.5s infinite linear; -webkit-animation: spin 1.5s infinite linear; -moz-animation: spin 1.5s infinite linear; } @keyframes spin{ 0% {transform: rotate(0deg)} 100% {transform: rotate(-360deg)} } @-webkit-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } @-moz-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } @-ms-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } @-o-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } } /******************************************************** ******************** Mobile device ********************* *********************************************************/ @media screen and (max-width:767px) { .gnb_wrap nav .gnb li.gnb03 ul li.medi{display:none;} /* 약관동의 */ .priv_agree_list_01, .priv_agree_list_02{padding:10px 15px;box-sizing:border-box;} .priv_agree_list_01 li, .priv_agree_list_02 li{width:100%;} .priv_agree_list_01 li .layer_open, .priv_agree_list_02 li .layer_open{margin-left:7px;} .agree_warp.priv_agree .agree_chk_01 .all_agree_01, .agree_warp.priv_agree .agree_chk_02 .all_agree_02{display:block;position:static;border-bottom:1px solid #e9e9e9;padding:10px 15px !important;} .pc_view{display:none !important;} .mo_view{display:block !important;} .mo_img{display:block;} .ic_calc{background:url('/images/common/ic_calc_m.png') no-repeat 0 10px; background-size:14px 16px;} .ic_docu{background:url('/images/common/ic_document_m.png') no-repeat 0 16px; background-size:16px 15px;} .ic_tel{background:url('/images/common/ic_tel_m.png') no-repeat 0 9px; background-size:16px 16px;} .btnC{margin-top:15px;} .btnC a, .btnC button{width:100%;} .custom_select{background:#fff url('/images/common/ic_select_arrow_m.png') no-repeat 95% 50%; background-size:13px 8px;} .mo .btn_orange, .mo .btn_gray{line-height:47px;} .mo .btn_orange02{line-height:37px;} .mo .btn_white{line-height:35px; margin-top:5px;} .btn_white .arrow{background:url('/images/common/btn_white_arrow_m.png') no-repeat 100% 12px; background-size:6px 9px;} .header .calc_list{position:fixed;} /* 2016-05-24 모바일버전 오른쪽메뉴 에러 right:-320px; 삭제 */ .header .calc_list li a{padding:10px 15px;} .btn_mo_gnb{width:50px; height:50px; position:absolute; left:0; top:0; line-height:0; font-size:0; display:block; background:url('/images/common/btn_gnb_m.png') no-repeat 50% 50%; background-size:20px 16px;} .mo_gnb_wrap{ position:fixed; width:300px; left:0; top:0; height:100%; background:#fff; z-index:3000; box-sizing:border-box; padding-top:101px; left:-300px; } .mo_gnb_scroll{height:100%; overflow-y:auto;} .no_result{padding:30px 0 35px 0;} /* header */ .header{border-bottom:0; height:auto; position:fixed; width:100%; left:0; top:0; z-index:1100; height:50px;box-shadow: 0 1px 1px rgba(0,0,0,0.07); } /* box-shadow:0 3px 3px 0 rgba(225,225,225,0.9); */ .header h1{display:block; height:50px; text-align:center; position:static; background:#fff; text-align:center; margin:0;} .header h1 a{display:inline-block; width:103px; height:16px; line-height:0; font-size:0;} .header h1.h1_direct a {width:auto;} .header h1.h1_direct .mo_view {margin-top:10px;} .header h1 a img{position:static;} .header h1.h1_direct a img {height:32px} .header h1 .mo_view{line-height:0; font-size:0; margin-top:17px;} .header .header_ins_calc{width:50px; height:50px; right:0; top:0; z-index:2050; overflow:visible; display:block; margin:0; background:#f37321 url('/images/common/btn_calc_m.png') no-repeat 50% 50%; background-size:20px 20px; background-color:#fff !important;} .header .header_ins_calc.on{background:#f37321 url('/images/common/btn_calc_close.png') no-repeat 50% 50% !important; background-size:16px 16px !important;} .header .header_ins_calc .btn_head_calc{ line-height:0; text-align:center; color:transparent; display:block; font-weight:bold; height:50px; width:50px; background:none;} .header .header_ins_calc .btn_head_calc.on:after{position:absolute; content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:5px solid #f37321; position:absolute; left:50%; margin-left:-6px; bottom:-5px; z-index:2050;} .header .calc_list{top:50px;} .header .calc_list .list_close{display:none;} .header .calc_list .mobile_tel {display:block;} .head_util_wrap{height:101px; border-bottom:0; background:#f37321; padding:0 20px; border-bottom: 1px solid #f0f0f0; box-sizing:border-box; overflow:hidden; position:absolute; left:0; top:0; width:100%; z-index:0;} .head_util_wrap .mobile_home{display:block; overflow:hidden; line-height:0; font-size:0; background:url('/images/common/btn_home_m_white.png') no-repeat 50% 50%; background-size:22px 20px; width:27px; height:50px;} .head_util{width:100%; margin:0; padding-top:9px; border-top:2px solid #f98b42;} .head_util nav{height:auto; float:none; width:100%; position:relative; padding-right:0;} .head_util .log{position:absolute;top:-48px;right:32px;margin-right:0;} .head_util .log a{border:none;font-size:13px;color:#fff;border:1px solid #e9e9e9;border-radius:3px;height:24px;line-height:20px;padding:0 8px;} .head_util nav .head_util_menu{float:none; margin:0; width:100%; margin-left:0; text-align:center;} .head_util nav .head_util_menu li{position:relative; box-sizing:border-box; margin-left:20px; display:inline-block;} .head_util nav .head_util_menu li a{display:inline-block; height:auto; line-height:20px; font-size:12px; color:#fff; white-space:nowrap;} .head_util nav .head_util_menu li:after{content:''; display:block; width:2px; height:2px; background:#fbb584; position:absolute; left:-12px; top:15px;} .mo .head_util nav .head_util_menu li:after{top:10px;} .head_util nav .head_util_menu li:first-child:after{display:none;} .head_util nav .btn_hanwha_ins, .head_util nav .btn_hwgi_ins, .head_util nav .btn_ins_center{display:none;} .gnb_box{height:auto; background:none;} .gnb_line{width:100%; box-shadow:none; height:auto; position:static; border-bottom:none; } .gnb_line:after{display:none;} .gnb_wrap{width:100%; margin:0; position:static; height:auto; box-sizing:border-box; padding-left:0;} .gnb_wrap:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .gnb_wrap h2{display:none;} .gnb_wrap .gnb_banner{display:none;} .gnb_wrap .gnb_img {position:relative; width:100%; margin-top:30px; top:0;} .gnb_wrap .gnb_img img {width: calc( 100% - 40px );} .gnb_wrap nav{float:none; width:100%; margin-top:0;} .gnb_wrap nav .gnb {display:inline-block; width:100%;} .gnb_wrap nav .gnb li{display:block; padding-right:0; float:none; position:static; width:100% !important;} .gnb_wrap nav .gnb li.depth01 > a{color:#2b2b2b; position:relative; font-size:18px; font-weight:bold; box-sizing:border-box; padding:0 20px; height:59px; line-height:56px; display:block; border-bottom:1px solid #f0f0f0; background:url('/images/common/gnb_plus_m.png') no-repeat 93% 50%; background-size:16px 16px;} .gnb_wrap nav .gnb li.depth01 > a .low{margin-top:-8px; display:inline-block;} .gnb_wrap nav .gnb li.depth01 > a .low_on{margin-top:-1px; display:none;} .gnb_wrap nav .gnb li.depth01 > a.on .low{display:none;} .gnb_wrap nav .gnb li.depth01 > a.on .low_on{display:inline-block;} .gnb_wrap nav .gnb li.depth01 > a:after{display:none;} .gnb_wrap nav .gnb li.depth01 > a.on{ background:url('/images/common/gnb_minus_m.png') no-repeat 93% 50%; background-size:16px 2px;} /* box-shadow:0 3px 3px 0 rgba(225,225,225,0.9); */ .gnb_wrap nav .gnb li.depth01 > a.on:after, .gnb_wrap nav .gnb li.depth01 > a:hover:after{display:none;} .gnb_wrap nav .gnb li.gnb_btn {display: none;} .gnb_wrap nav .gnb li > ul{position:static; background:#f9f9f9; padding:0; border-bottom:1px solid #f37321; box-sizing:border-box; display:none;} .gnb_wrap nav .gnb li > ul > li{width:100%; padding:0; border-top:1px solid #e9e9e9;} .gnb_wrap nav .gnb li > ul > li:first-child{border-top:0;} .gnb_wrap nav .gnb li > ul > li > a{line-height:47px; display:block; height:50px; box-sizing:border-box; padding: 0 20px 0 32px; position:relative; color:#5f5450; font-weight:bold; font-size:16px;} .mo .gnb_wrap nav .gnb li > ul > li > a{line-height:52px;} .gnb_wrap nav .gnb li > ul > li > a:after{content:''; display:block; width:2px; height:2px; background:#f37321; position:absolute; left:22px; top:50%; margin-top:-1px;} .gnb_wrap nav .gnb li > ul > li > a:hover{color:#5f5450; text-decoration:none;} .tablet_dot{display:none;} .header .sub_menu{position:static; margin:20px 0 0 0; width:100%; overflow:hidden; padding-bottom:20px;} .header .sub_menu li{margin-left:0; display:inline-block; text-align:center; width:33.3%;} .header .sub_menu li:after{content:''; display:block; width:3px; height:3px; border-radius:50%; background:#c7c7c7; position:absolute; left:0; top:34px;} .header .sub_menu li:first-child:after{display:none;} .header .sub_menu li a{ box-sizing:border-box; padding:80px 0 0 0; height:auto; line-height:18px; color:#9d9d9d; font-size:14px; display:block;} .header .sub_menu li.mo01 a{background:url('/images/common/bg_m_submenu01.png') no-repeat 50% 0; background-size:70px 70px;} .header .sub_menu li.mo02 a{background:url('/images/common/bg_m_submenu02.png') no-repeat 50% 0; background-size:70px 70px;} .header .sub_menu li.mo03 a{background:url('/images/common/bg_m_submenu03.png') no-repeat 50% 0; background-size:70px 70px;} .gnb_wrap .gnb_close{display:block; overflow:hidden; width:50px; height:50px; right:4px; top:0; background:url('/images/common/ic_gnb_close_m.png') no-repeat 50% 50%; background-size:16px 16px;} .gnb_wrap .gnb_close img{vertical-align:top;} .container{width:100%; box-sizing:border-box; padding:0px 20px 20px 20px; height:auto !important; overflow:initial !important;} #content{float:none; width:100%; margin-top:0;} #content h1{display:block; text-align:center; font-size:24px; margin:20px 0px 20px 0px;} .lnb{display:none; float:none;} .topBanner {display:none;} /* LNB */ .lnb_device_wrap{width:100%; height:40px; border-bottom:1px solid #e9e9e9; padding-top:50px;} .lnb_device{display:block; width:100%; line-height:0; font-size:0; position:relative;} .lnb_device > ul{display:inline-block; width:100%;} .lnb_device > ul > li{float:left; width:50%; box-sizing:border-box; height:40px; border-right:0; position:relative;} .lnb_device > ul > li > a{font-size:14px; display:block; height:40px; line-height:37px;} .mo .lnb_device > ul > li > a{line-height:42px;} .lnb_device > ul > li > a.on{color:#f66000; font-weight:bold;} .lnb_device > ul > li.category > a{padding-left:35px;background:url('/images/common/bg_lnb_device_1depth_m.png') no-repeat 15px 50%; background-size:13px 11px; position:relative; box-sizing:border-box; border-right:1px solid #e9e9e9;} .lnb_device > ul > li.category > a:after{content:''; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:7px solid #e9e9e9; position:absolute; right:-7px; top:50%; margin-top:-6px;} .lnb_device > ul > li.category > a:before{content:''; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #fff; position:absolute; right:-5px; top:50%; margin-top:-4px; z-index:1;} .lnb_device > ul > li > ul{position:absolute; left:-1px; top:40px; width:100%; background:#fff; border:1px solid #e9e9e9; z-index:3; display:none;} /* box-shadow:0 3px 3px 0 rgba(225,225,225,0.9); */ .lnb_device > ul > li > ul > li > a{padding-left:35px; height:47px; border-bottom:1px solid #e9e9e9; line-height:43px; display:block; font-size:14px;} .mo .lnb_device > ul > li > ul > li > a{line-height:49px;} .lnb_device > ul > li > ul > li > a:hover{color:#2b2b2b; font-weight:bold;} .lnb_device > ul > li.depth2 a{padding-left:15px; overflow:hidden; box-sizing:border-box;} .lnb_device > ul > li.depth2 > a{position:relative;} .lnb_device > ul > li.depth2 > a:after{content:''; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #f89b6c; position:absolute; right:14px; top:50%; margin-top:-3px;} .lnb_device > ul > li.depth2 > a.on:after{content:''; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:5px solid #f89b6c; position:absolute; right:14px; top:50%; margin-top:-3px; border-top:0;} .lnb_device > ul > li.depth2 > ul li.depth3{border-bottom:1px solid #e9e9e9; padding-bottom:12px;} .lnb_device > ul > li.depth2 > ul li.depth3 > a{border-bottom:0; display:block;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul{position:relative; margin-top:-10px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li{position:relative; font-size:13px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li:after{content:''; display:block; width:2px; height:2px; background:#f89b6c; position:absolute; left:16px; top:13px;} .mo .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li:after{top:11px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li a{display:block; padding-left:24px; line-height:25px;} .lnb_device > ul > li.depth2 > ul li.depth3 > ul > li a:hover{color:#2b2b2b; font-weight:bold;} .foot_util{width:100%; margin:0; height:45px; box-sizing:border-box; padding:0; text-align:center;} .foot_util_menu li{display:inline-block; margin:0 0 0 15px;} .foot_util_menu li a{height:45px; line-height:45px; font-size:12px; letter-spacing:-1px;} .foot_util_menu li:first-child{margin-left:0;} .foot_util_menu li:first-child a{color:#2b2b2b; font-weight:bold;} .foot_util dl{display:none;} .footer_wrap{width:100%; box-sizing:border-box; padding:0 20px 15px 20px;} .footer{width:100%; margin:0; overflow:hidden; position:relative;} .footer address{display:block; margin-top:20px; font-size:12px; line-height:16px;} .footer address span{color:#8f8f8f; display:inline-block; position:relative; margin-right:20px; line-height:18px;} .footer address span:after{content:''; display:block; width:1px; height:12px; background:#e9e9e9; position:absolute; left:-11px; top:3px;} .footer address span:first-child:after{display:none;} .footer address span.last{display:inline-block;} .footer address span.last:after{display:none;} .foot_blog_list{display:none;} .certimark{display:none;} .foot_etc{margin-top:12px;} .foot_etc .phone_list{display:none;} .foot_etc .copyright{margin-top:10px; font-size:12px; letter-spacing:0; color:#8f8f8f; line-height:16px;} .paging_wrap .ab_right{position:static; width:100%;margin-top:25px;} .paging_wrap .ab_right a{width:100%;} .paging .first{background:url('/images/common/bg_paging_first_m.png') no-repeat 50% 50%; background-size:10px 9px;} .paging .prev{background:url('/images/common/bg_paging_prev_m.png') no-repeat 50% 50%; background-size:6px 9px;} .paging .next{background:url('/images/common/bg_paging_next_m.png') no-repeat 50% 50%; background-size:6px 9px;} .paging .last{background:url('/images/common/bg_paging_last_m.png') no-repeat 50% 50%; background-size:10px 9px;} .paging .mo_paging{display:inline-block; vertical-align:middle; margin:0 15px;} .paging .pc_paging{display:none;} .faq_sch{text-align:center; padding:20px 15px; background:#f9f9f9;} .input_faq_sch{padding-right:50px; box-shadow:0px 2px 1px #eaeaea;} .input_faq_sch button{background:#fff url('/images/common/btn_faq_search_m.png') no-repeat 50% 50%; background-size:18px 19px;} .faq_tab{margin-top:30px;} .faq_tab .tabmenu{display:none;} .faq_tab .mobile_select{ background:#f37321 url('/images/common/tab_select_arrow.png') no-repeat 95% 22px; background-size:9px 6px; height:46px; padding:8px 30px 13px 15px; border-bottom:3px solid #f37321; border-width:0 0 3px 0; color:#fff; display:inline-block; box-sizing:border-box; overflow: hidden; width:100%; font-size:16px; font-weight:bold; border-radius:5px; -webkit-appearance: none; -moz-appearance: none; } .faq_list li > a{padding:14px 40px 18px 15px; font-size:15px; line-height:22px; background:url('/images/common/ic_faq_m.png') no-repeat 96% 20px; background-size:14px 14px;} .faq_list li > a .question{padding-left:30px; display:inline-block; background:url('/images/common/ic_question_m.png') no-repeat 0 2px; background-size:20px 18px;} .faq_list li:hover{border-color:#f89b6c;} .faq_list li:hover > a{background:url('/images/common/ic_faq_m.png') no-repeat 96% 50%; background-size:14px 14px;} .faq_list li:hover > a .question{color:#f66000;} .faq_cont{ overflow:hidden; position:relative; background:#f9f9f9; padding:13px 15px 16px 15px; display:none; font-size:14px;} .faq_cont p{margin-top:25px; overflow:hidden; width:100%; color:#555;} .faq_cont p:first-child{margin-top:0;} .faq_list li.on{border-color:#8f8f8f;} .faq_list li.on > a{font-weight:bold; background:url('/images/common/ic_faq_close_m.png') no-repeat 96% 20px; background-size:12px 12px;} .mo .faq_list li.on > a{background-position:96% 50%;} .faq_list li a.btn_gray_small {display:inline-block; height:35px; line-height:30px; border-radius:3px; padding:0 15px; background:#949494; font-weight:bold; font-size:14px; letter-spacing:0; box-sizing:border-box; color:#fff; vertical-align:middle;} .list_sch{width:100%; text-align:center; height:68px; box-sizing:border-box; padding:15px;} .list_sch .select_wrap{width:100px !important;} .list_sch .select_wrap + .select_wrap{width:60% !important;} .list_sch .select_wrap .custom_select{padding-right:25px; background-position:85% 50%;} .list_sch .input_basic{width:50%;} .list_total{display:none;} @media screen and (max-width: 432px) { .list_sch{width:100%; text-align:center; height:110px; box-sizing:border-box; padding:15px;} .list_sch .select_wrap{width:250px !important;} .list_sch .select_wrap + .select_wrap{width:207px !important; margin-top: 5px;} .list_sch .select_wrap .custom_select{padding-right:25px; background-position:95% 50%;} .btn_sch{margin-top: 5px;} } .notice_list li a{height:auto; padding-right:0; display:block; padding:10px;} .notice_list li a .number{display:none;} .notice_list li a .date{width:auto; font-size:13px; color:#8f8f8f; text-align:left; position:static; height:auto; line-height:18px;} .notice_list li a p{width:100%; color:#2b2b2b; font-size:15px; display:block;} .mini_paging .notice_list{display:none;} .notice_view{padding:15px; margin-top:15px;} /* 1:1상담 */ .priv_agree{padding:15px 10px;} .priv_agree .agree_chk .all_agree{padding:5px 0 5px 20px;} .mo .priv_agree .agree_chk .all_agree{padding:5px 0 5px 10px;} .priv_agree .btn_white{position:static; margin-top:10px;} .ask_wrap.priv_agree .sub_agree{width:100%;} .ask_wrap.priv_agree .sub_agree p {height:auto;} .priv_agree_list{padding:15px 10px; box-sizing:border-box;} .priv_agree_list li{float:none; width:100%; margin-bottom:3px;} .input_inquiry > ul > li.ask_type{width:100%; overflow:hidden; box-sizing:border-box; padding-bottom:5px;} .input_wrap.input_inquiry > ul > li{width:100%;padding:0;border-bottom:none;} .input_wrap.input_inquiry > ul > li .select_wrap{width:100%;} .input_wrap.input_inquiry > ul > li .phone_num{position:relative;padding-right:225px;box-sizing:border-box;} .input_wrap.input_inquiry > ul > li .btn_function{margin:0 0 0 10px;} .input_wrap.input_inquiry > ul > li .phone_txt{position:absolute;top:55px;right:15px;} .input_inquiry > ul .inp_card{overflow:hidden;} .input_inquiry > ul .inp_card .input_basic{width:24%;float:left;margin-left:1%;} .input_inquiry > ul .inp_card .input_basic.first{margin-left:0;width:25%;} .input_inquiry > ul > li.ask_type .select_wrap{width:100%; margin-bottom:10px;} .input_inquiry > ul > li input[type="text"], .input_inquiry > ul > li input[type="tel"]{width: 100%;} .input_inquiry > ul > li .phone_num input[type="text"], .input_inquiry > ul > li .phone_num input[type="tel"]{width: calc( 100% - 130px ); float:left;} .input_inquiry > ul > li strong .normal{display:block; font-size:13px;} .input_inquiry > ul > li.email > .select_wrap{width:100%;margin-bottom:5px;} .input_inquiry > ul > li .custom_select{background-position:97% 50%;} .input_inquiry > ul > li.email .email_wrap{width:100%; overflow:hidden; display:block; margin-top:10px;} .input_inquiry > ul > li.email .email_wrap .input_basic{float:left; width:28%;} .input_inquiry > ul > li.email .email_wrap .email_bar{float:left; width:8%; text-align:center; display:inline-block; height:40px; line-height:35px;} .input_inquiry > ul > li.email .email_wrap .select_wrap{float:left; width:33%; margin-left:3%;} .input_inquiry > ul > li.email .email_wrap .custom_select{background-position:90% 50%;} .input_inquiry > ul > li .file_wrap{padding-right:65px; position:relative;} .input_inquiry > ul > li .cellphone{width:100%; overflow:hidden;} .input_inquiry > ul > li .cellphone .input_basic{width:28%; float:left;} .input_inquiry > ul > li .cellphone .tel_bar{width:8%; float:left;} .input_inquiry > ul > li.datepicker .input_box{width:100%; display:block; margin-right:0;} .input_inquiry > ul > li.datepicker .input_box .input_basic{width:100%;} .input_inquiry > ul > li.datepicker .select_wrap{width:100%; margin-top:10px;} .input_inquiry > ul > li.telecom .select_wrap{width:100%;} .input_inquiry > ul > li .civil_id{width:100%; overflow:hidden;} .input_inquiry > ul > li .civil_id .input_basic{float:left; width:45%;} .input_inquiry > ul > li .civil_id .space{width:10%; float:left; height:40px; text-align:center; line-height:37px;} .input_inquiry > ul > li .after_info{display:block; background:#fff; padding:0;} .input_inquiry > ul > li .tel_wrap > .input_basic{display:block; margin:10px 0; width:100%;} .input_inquiry > ul > li .tel_wrap .counsel_time{display:block; width:100%; box-sizing:border-box; padding-left:80px; position:relative;} .input_inquiry > ul > li .tel_wrap .counsel_time em{position:absolute; left:0; top:5px; font-weight:bold;} .input_inquiry > ul > li .tel_wrap .counsel_time .select_wrap{width:100%;} .tel_confirm{width:100%; overflow:hidden;} .tel_confirm .input_box{width:100%; float:none; margin-right:0; padding:0;} .tel_confirm .input_box.confirm_num{padding-right:120px; margin-top:0;} .tel_confirm .confirm_count{float:none; margin-top:10px;} .certiWrap .btnC .btn_gray {margin-bottom:5px;} .quarter{margin-left:-5px;} .quarter > li{width:25%; margin-right:0; box-sizing:border-box; padding-left:5px;} .input_inquiry > ul > li.card_pw .quarter > li{width:25%; position:relative;} .input_inquiry > ul > li.card_pw .quarter > li .input_basic{width:100%;} .input_inquiry > ul > li.card_pw .quarter > li .double_star{position:absolute; right:-20px; top:12px;} .file_wrap .fake_file{max-width:100%;} .file_wrap .fake_file button{background:url('/images/common/btn_input_delete_m.png') no-repeat 50% 50%; background-size:10px 10px;} .file_wrap .btn_function{position:absolute; right:0; top:0; line-height:38px; overflow:hidden;} /* 상담완료 */ .complete{padding:40px 15px 32px 15px;} .complete .complete_tit{font-size:20px; line-height:26px; margin-top:17px;} .complete .complete_text{display:block; margin-top:13px;} .complete .complete_text br{display:none;} /* 상품개정안내*/ .layer_stop{} /* 원격지원 및 메신저상담 */ .subimg_area{ padding-top:180px; box-sizing:border-box;} .subimg_area.rservice{background:url('/images/desk/img_rservice_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .subimg_area.special{background:none; padding:0;} .subimg_area.merit01{background:url('/images/benefit/img_merit01_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .subimg_area.member01{background:url('/images/benefit/img_member01_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .subimg_area.member02{background:url('/images/benefit/img_member02_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .subimg_area.card01{background:url('/images/benefit/img_card01_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .subimg_area.coop01{background:url('/images/benefit/img_coop01_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .subimg_area.other{background:url('/images/support/img_other_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .mo .subimg_area.rservice, .mo .subimg_area.special, .mo .subimg_area.merit01, .mo .subimg_area.member01, .mo .subimg_area.member02, .mo .subimg_area.card01, .mo .subimg_area.other{background-position:50% 0;} .subimg_area .txt_subimg{background:url('/images/common/img_colon_m.png') no-repeat 0 0; background-size:27px 19px; margin-top:10px; font-size:16px; text-align:left;} .mo .subimg_area .txt_subimg{background:url('/images/common/img_colon_m.png') no-repeat 50% 0; background-size:27px 19px;} .subimg_area .txt_subimg br{display:none;} .subimg_area .use_time{display:inline-block; margin-top:33px;} .subimg_area .use_time.fontB{font-size:16px;line-height:27px;} .subimg_area .use_time br{display:none;} .subimg_area .use_time{padding-right:0;width:100%;font-size:18px;} .subimg_area .use_time .orange{font-size:18px;padding:0;display:inline;} .subimg_area .btn_arrow{margin-top:10px;} .problem_service{border-top:1px solid #666; display:block;} .problem_service li{width:100%; display:block; box-sizing:border-box; padding:0 0 15px 90px;} .problem_service li:first-child{border-right:0;} .problem_service li figure{padding-top:19px; width:90px;} .problem_service li .img_remote img{width:40px; height:35px;} .problem_service li .img_msg img{width:43px; height:37px;} .problem_service li .type01 img{width:40px; height:35px;} .problem_service li .type02 img{width:43px; height:37px;} .problem_service li .type03 img{width:70px; height:68px;} .problem_service figcaption{padding:15px 10px 0 0 ;} .bottom_caution{margin-top:15px; padding:10px 15px 15px 15px;} .bottom_caution dt{position:static; width:100%; padding-left:25px; background:url("/images/common/ic_bot_caution_m.png") no-repeat scroll 0 9px; background-size:16px 16px;} .mo .bottom_caution dt{background-position:0 7px;} .bottom_caution dd{margin-top:10px;} /*모바일 서비스 안내*/ .subimg_area.mservice{padding-right:0; background:url('/images/desk/img_mservice_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .mo .subimg_area.mservice{background:url('/images/desk/img_mservice_m.jpg') no-repeat 50% 0; background-size:285px 170px;} .mservice_easy_list{border-top:none; border-bottom:none;} .mservice_easy_list li{width:100%; float:none; margin-top:10px; border-top:1px solid #666; border-bottom:1px solid #e9e9e9;} .mservice_easy_list li:first-child{margin-top:0;} .mservice_easy_list li:first-child dl dt, .mservice_easy_list li:first-child dd{border-right:none;} .mservice_easy_list li dl dd{padding:20px 10px;} .mservice_easy_list li .qr dd{width:237px; margin:0 auto;} .mservice_easy_list li .phone dd{width:275px; margin:0 auto;} .mservice_easy_list .phone .btn_sch{background-image:url('/images/desk/btn_sns_orange_m.gif'); background-size:40px 40px;} .short_cut_list > li{margin-top:0; padding-top:27px;} .short_cut_list .use_flow.item03{margin-left:0;} .short_cut_list .use_flow.item03 li{position:relative; width:100%; margin-top:0; padding:35px 0 0 0; background:none; border-top:1px dashed #e9e9e9;} .mo .short_cut_list .use_flow.item03 li{background:none;} .short_cut_list .use_flow li .in_wrap figure img{width:80%; height:auto; max-width:221px;} .short_cut_list .ios .use_flow li .in_wrap figure img{max-width:235px;} .short_cut_list .use_flow li .in_wrap figcaption{font-size:14px;} .short_cut_list .use_flow.item03 li:after{content: ''; display:block; clear:both; position:absolute; left:50%; top:-15px; width:30px; height:30px; margin-left:-15px; background:url('/images/desk/bg_short_cut_list_m2.png') no-repeat 50% 0; background-size:30px;} .short_cut_list .use_flow.item03 li:first-child{padding:0; border:none;} .short_cut_list .use_flow.item03 li:first-child:after{display:none;} .short_cut_list br{display:none;} .smart_app{margin-top:0;} .smart_app .logo_img{width:65px;} .smart_app .logo_img img{width:36px;} .smart_app .smart_cont{padding:15px; background:none;} .mo .smart_app .smart_cont{background:none;} .smart_app .txt_area h2{font-size:15px;} .smart_app .txt_area p{font-size:13px; line-height:18px;} .smart_app .txt_area p br{display:none;} .smart_app .txt_area, .smart_app .search_area{width:100%;} .smart_app .smart_letter_btn{background:url('/images/desk/btn_sns_orange_m.gif') no-repeat 0 0; background-size:40px 40px;} /* 후기보기 */ .review_list > li > a{display:block; padding:0 25px 15px 45px; background:url('/images/common/ic_faq_m.png') no-repeat 98% 10px; background-size:14px 14px; position:relative;} .review_list > li > a .number{width:30px; text-align:left; display:block; position:absolute; left:15px; top:13px; height:100%;} .review_list > li > a .number .best{display:inline-block; width:22px; height:22px; background:url('/images/desk/img_best_review_m.png') no-repeat 0 0; background-size:22px 22px;} .review_list > li > a .subject{width:100%; display:block; padding:13px 0 0 0;} .review_list > li > a .subject .insu{font-size:15px;} .review_list > li > a .subject .insu .star em{background:url('/images/desk/bg_star_m.png') no-repeat 0 0; background-size:66px 12px;} .review_list > li > a .subject p{font-size:15px; margin-top:0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .review_list > li > a .write_info{width:100%; display:block; font-size:13px;} .review_list > li:hover > a{background:url('/images/common/ic_faq_over_m.png') no-repeat 98% 10px; background-size:14px 14px;} .review_list li.on > a{background:url('/images/common/ic_faq_close_m.png') no-repeat 98% 10px; background-size:12px 12px;} .review_cont{padding:15px 15px 20px 15px;} .review_cont .detail_info{padding:10px;} .review_cont .detail_info ul{padding:0; width:100%; overflow:hidden;} .review_cont .detail_info ul li{width:50%; float:left; font-size:13px; margin:0;} .review_cont .detail_info ul li:after{display:none;} .review_cont .detail_info .btn_orange02{position:static; width:100%; margin-top:10px;} .review_cont .txt_review{padding-left:20px; background:url('/images/common/img_gray_colon_m.png') no-repeat 0 7px; background-size:11px 9px; margin-top:13px; font-size:14px;} .review_cont .reply_review{padding-left:20px; background:url('/images/common/img_colon_small_m.png') no-repeat 0 7px; background-size:11px 9px; margin-top:28px;} .review_cont .reply_review p{margin-top:5px; font-size:14px;} /* 후기작성 */ .review_type{padding:15px;} .review_type p strong{display:block;} .review_type p .orange{display:none;} .review_type .select_wrap{width:100%;} .write_review{margin-top:30px;} .review_star{ padding:13px 10px;} .review_star .input_star{width:100%; position:static; padding:0px;} #setStars{margin:6px 0 15px 0;} #setStars span{background:url('/images/desk/star_basic_m.png') no-repeat 0 0; background-size:23px 23px;} #setStars .star01.on{background:url('/images/desk/star01_m.png') no-repeat 0 0; background-size:23px 23px;} #setStars .star02.on{background:url('/images/desk/star02_m.png') no-repeat 0 0; background-size:23px 23px;} #setStars .star03.on{background:url('/images/desk/star03_m.png') no-repeat 0 0; background-size:23px 23px;} #setStars .star04.on{background:url('/images/desk/star04_m.png') no-repeat 0 0; background-size:23px 23px;} #setStars .star05.on{background:url('/images/desk/star05_m.png') no-repeat 0 0; background-size:23px 23px;} .btn02 a{width:49%; margin:0; text-align:center; padding:0;} .btn02 .btn_orange{float:right; min-width:auto;} .btn02 .btn_gray{float:left; min-width:auto;} .btnPrev .btn_orange {float:none;} .btn02c a {float:none !important;} .custom_select.custom_selectDisabled{background:#fff url('/images/common/ic_select_disabled_m.png') no-repeat 93% 50%; background-size:13px 8px;} .banner_review {display:none;} .banner_review_m {display:block; margin-bottom:30px;} .banner_review_m img {width:100%;} /* 혜택소개 */ .tab_basic{margin-top:30px;} .tab_basic li a{font-size:15px; padding-top:0; line-height:17px;} .tab_basic li a br{display:block;} .tabWrap .agree_warp.priv_agree .agree_chk_01 .all_agree_01 label, .tabWrap .agree_warp.priv_agree .agree_chk_02 .all_agree_02 label { margin: 5px 0 0 0 } .benefit_list{width:100%; overflow:hidden; display:table; border-top:1px solid #666; margin-top:30px;} .benefit_list li{display:table-row; width:100%;} .benefit_list li .benefit_box{display:block; width:100%; padding-left:75px;} .benefit_list li .benefit_box.odd{border-right:0;} .benefit_list li .benefit_box figure{width:75px; padding-top:25px;} .benefit_list li .benefit_box figure img{width:43px; height:37px;} .benefit_list li .benefit_box.odd figure img{width:45px; height:35px;} .benefit_list li .benefit_box figcaption{padding:18px 0 29px 0; } .benefit_list li .benefit_box figcaption strong{font-size:17px; line-height:23px;} .benefit_list li .benefit_box figcaption p{font-size:14px;} .benefit_list.welfare li figcaption{min-height:100%;} .benefit_list.welfare li .benefit_box.odd figure img{width:44px; height:42px;} /* 엔진오일 할인 */ .coupon_view{margin-top:20px; padding:20px 15px;} .coupon_view figure{float:none; width:100%; margin-right:0; text-align:center;} .coupon_view figcaption{float:none; margin-top:0; width:100%;} .coupon_view figcaption > strong{font-size:18px; line-height:25px; display:block; text-align:center; margin-top:15px;} .mo .coupon_view figcaption li:after{top:10px;} .tbl_scroll{min-width:100%; width:auto; overflow-x:scroll;} ::-webkit-scrollbar{background:#e9e9e9; width:0px; -webkit-appearance:none; border-radius:4px; height:3px;} ::-webkit-scrollbar-thumb{border-radius:4px; background-color:#f37321; box-shadow:0 0 1px rgba(243,115,33,0.5);} .tbl_basic{min-width:800px;} .tbl_basic.big{min-width:1024px;} .tbl_basic td .tbl_basic{min-width:100%;} .mo .tbl_basic tbody td .round_list li:after{top:11px;} .orange_round .tbl_space .tbl_cont_space .pos_txt{position:static;} /* 단기운전자 특약가입 */ .complete .complete_list_txt{margin:15px 0 0 0;} .complete .complete_list_txt .gray_square{padding:15px 20px;} /* 차량정비 할인 */ .carfix{padding:0; margin-top:30px;} .carfix li{width:50%; margin-bottom:15px;} .carfix li:after, .carfix li:before{display:none;} .carfix li:last-child{margin-bottom:0;} .carfix li figure img{width:88px; height:88px;} .carfix li figcaption strong{color:#2b2b2b; font-size:15px;} .carfix li figcaption p{line-height:18px; font-size:14px;} .basic_space{margin-top:30px;} .basic_space h2{margin-bottom:15px;} /* 지정협력정비업체(HRP) */ .service_info_list li figure{text-align:left; width:25%;} .service_info_list li figcaption{padding:23px 0; width:75%;} .service_info_list li figcaption strong{color:#2b2b2b; display:block; font-size:16px; line-height:25px;} .service_info_list li figcaption p{line-height:21px; font-size:14px; margin-top:10px;} .service_info_list li figcaption > span{line-height:16px; font-size:13px; margin-top:5px; display:block;} /* 지역별 업체 찾기 */ .place_sch{padding:15px;} .place_sch strong{display:block; margin-right:0; text-align:center;} .place_sch .select_wrap{width:199px;} .place_sch .select_group{width:100%; overflow:hidden; margin-top:10px; display:block;} .place_sch .select_group .select_wrap.place01{width:35%; float:left;} .place_sch .select_group .select_wrap.place01 .custom_select{background-position:90% 50%;} .place_sch .select_group .select_wrap.place02{width:60%; float:right;} .place_sch .btn_function{display:block; width:100%; margin-top:10px; font-size:17px;} .mo .place_sch .btn_function{line-height:40px;} /* 최대 3만원 제휴할인카드 */ .alliance_card_info{padding:20px 15px;} .alliance_card_info figure{width:100%; display:block;} .alliance_card_info figcaption{display:block; width:100%; margin-top:20px;} .alliance_card_info figcaption strong{font-size:22px;margin-top:0;} .alliance_card_info figcaption ul{margin:13px 0 15px 0;} .alliance_card_info figcaption ul li{margin-top:5px;} .alliance_card_info figcaption ul li:after{top:9px;} .mo .alliance_card_info figcaption ul li:after{top:7px;} .alliance_card_info figcaption .btn_wrap{display:block; overflow:hidden;} .alliance_card_info figcaption .btn_wrap .btn_gray_small{float:left; width:49%; text-align:center;} .alliance_card_info figcaption .btn_orange02{width:100%; display:block; text-align:center;} .alliance_card_info figcaption .btn_wrap .btn_orange02{float:right; width:49%; text-align:center;} .alliance_card_info figcaption .btn_wrap a{margin-right:0;} .alliance_card_info figcaption .btn_white{display:block; width:100%; text-align:center; margin-top:10px;} /* 제휴카드상세 */ .orange_round > li{line-height:21px;} .orange_round > li:after{top:9px;} .mo .orange_round > li:after{top:7px;} /* 무이자할부 카드 */ .no_inter{padding-left:0; margin-top:30px;} .no_inter .thumb{display:none;} .no_inter .no_inter_info{margin-top:0;} .no_inter .no_inter_info dt{font-size:22px; line-height:25px;} .no_inter .no_inter_info dd ul{margin-top:14px;} .no_inter .no_inter_info dd li{margin-top:5px;} .no_inter .no_inter_info dd li br{display:none;} .no_inter .no_inter_info dd li:first-child{margin-top:0;} .no_inter_list{margin-top:30px;} .no_inter_list > li{display:block; padding:15px;} .no_inter_list li .company_logo{width:100%; display:block; padding:0; margin-bottom:20px;} .no_inter_list li .inter_benefit_info{width:100%; display:block; padding:0;} .inter_benefit_info strong{color:#2b2b2b; font-size:18px;} .inter_benefit_info p{line-height:23px; margin-top:6px;} .inter_benefit_info .attached{display:block; font-size:14px; line-height:21px; color:#f66000; margin-top:1px;} .inter_benefit_info strong + .attached{margin-top:6px;} /* 진행중인 이벤트 */ .move_event{padding:15px;} .move_event strong{position:static; display:block; margin:0 0 10px 0;} .move_event .select_wrap .custom_select{background-position:95% 50%;} .change_contract .move_event{padding:15px; margin-top:15px;} .change_contract .move_event strong{position:static; display:block; margin:0 0 10px 0;} .change_contract .move_event .select_wrap{width:100%;} .event_wrap{padding:15px 15px 25px 15px;} .event_wrap h2{font-size:20px; line-height:25px;} .event_img{margin-top:30px;} .event_list li > a{padding:15px 30px 12px 15px; font-size:13px;} .event_list li > a strong{font-size:16px; line-height:21px;} .event_list li > a p{line-height:18px;} .btn_win_view a{width:100%; text-align:center;} .event_visual .left{left:10px;} .event_visual .right{right:10px;} .event_visual .bullet_nav{bottom:5px;} /* 당첨자 발표 */ .event_sch{text-align:center; padding:24px 15px 30px 15px;} .event_sch p{font-size:18px; margin-bottom:13px;} .event_sch p br{display:block;} .announce_list li{display:block;} .announce_list li .announce_cont{width:100%; display:block; padding:20px 15px;} .ic_calendar{background:url('/images/common/ic_term_m.png') no-repeat 0 7px; background-size:13px 13px;} .announce_list li .announce_cont .term .announce{margin-left:-21px; display:block;} .announce_list li .announce_cont .term .announce:after{display:none;} .announce_list li .announce_status{width:100%; display:block; box-sizing:border-box; padding:0 15px 15px 15px;} .announce_list li .announce_status .btn_gray_small{display:block; text-align:center;} .mo .ready_ing{background:url('/images/common/ic_ready_m.png') no-repeat 0 5px; background-size:13px 13px;} .winner_banner{margin-top:30px;} .winner_list li{width:50%;} .winner_list li:after{top:13px;} /* 계약조회 */ .ic_cm{padding-left:35px; display:inline-block; background:url('/images/common/ic_cm.png') no-repeat 0 5px;} .h2_wrap .tbl_rt{top:-10px;} .h2_wrap .tbl_rt .btn_white{margin-top:10px;} .h2_wrap .tbl_rt.line2{position:static; margin:10px 0; text-align:right;} .h2_wrap .tbl_rt .btn_gray_small{margin-top:9px;} /* 자동차번호 등록 */ .basic_step{width:100%;} .basic_step.grid03{margin-left:0;} .basic_step > li{position:relative;float:none; display:block; width:100% !important; margin-top:3px;} .basic_step > li:first-child{margin-top:0;} .basic_step > li .step_wrap{display:block; padding:15px 0 13px 0; box-sizing:border-box;} .basic_step.grid05 > li .step_wrap .step{display:inline-block;cursor: context-menu;} .first_time_intro{margin-top:20px;} .first_time_intro .basic_step > li .step_wrap{cursor: context-menu;line-height: 25px;height:40px;box-sizing:border-box;} .first_time_intro .basic_step > li .step_wrap .step{width:auto;} .first_time_intro .basic_step > li .step_wrap:before, .first_time_intro .basic_step > li .step_wrap:after, .first_time_intro .basic_step > li.on:before{display:none;} .first_time_intro .basic_step > li{display:none;} .first_time_intro .basic_step > li.on{display:block;} .mo .basic_step > li.on:after {display:none;} .basic_step > li .next{position:absolute;top:10px;right:15px;display:block; width:20px; height:20px; background:url('/images/common/ic_step_on.png') no-repeat 0 0;text-indent:-99999px;font-size:0;} .basic_step > li .prev{position:absolute;top:10px;left:15px;display:block; width:20px; height:20px; background:url('/images/common/ic_step_on.png') no-repeat 0 0;text-indent:-99999px;font-size:0;-webkit-transform:rotate(180deg); transform:rotate(180deg);} .basic_step > li:first-child .prev{background:url('/images/common/ic_step.png') no-repeat 0 0;} .basic_step > li.last .next{background:url('/images/common/ic_step.png') no-repeat 0 0;} /* .basic_step > li:after{left:50%; margin-left:-10px; top:-3px;-webkit-transform:rotate(90deg); transform:rotate(90deg);} .basic_step > li.on:after{left:50%; margin-left:-10px; top:-3px;-webkit-transform:rotate(90deg); transform:rotate(90deg);} .basic_step > li.on:before{left:50%; margin-left:-10px; top:auto; bottom:-10px; -webkit-transform:rotate(90deg); transform:rotate(90deg);} .basic_step > li.on.last:before{display:none;} .basic_tab_default > li .step_wrap:after{left:50%; margin-left:-10px; top:-3px;-webkit-transform:rotate(90deg); transform:rotate(90deg);} .basic_tab_default > li .step_wrap.on:after{left:50%; margin-left:-10px; top:-3px;-webkit-transform:rotate(90deg); transform:rotate(90deg);} .basic_tab_default > li .step_wrap.on:before{left:50%; margin-left:-10px; top:auto; bottom:-10px; -webkit-transform:rotate(90deg); transform:rotate(90deg);} .basic_tab_default > li .step_wrap.on.last:before{display:none;} */ .first_time .basic_step.grid03 > li .step_wrap .step{display:inline-block;} .first_time .basic_step.grid03 > li.etc:after{display:block;} .basic_tab_default.grid03 > li.etc .step_wrap:after{display:block;} .product_detail .basic_step > li{min-height:100%;} /* 청약 철회 및 신청 */ .request_info{padding:14px 0 18px 0;} .request_info .dot{margin:0; display:block;} .request_info .dot:after{display:none;} .input_cancle_info{padding:0 15px 15px 15px; text-align:left;} .input_cancle_info dl{display:block; padding:0;} .input_cancle_info dl dt{display:block; margin:13px 0 8px 0;} .input_cancle_info dl dd.account_num{width:100%;} .input_cancle_info dl dd input[type="text"], .input_cancle_info dl dd .select_wrap{width:100%;} /* 마일리지특약 사진등록 */ .basic_step + .chadori_box{margin-top:60px; padding:50px 15px 15px 15px;} .chadori_box{padding:50px 15px 15px 15px; margin-top:60px;} .chadori_box br{display:none;} .chadori_box .chadori{position:absolute; right:auto; bottom:auto; left:50%; top:-42px; margin-left:-39px;} .chadori_box .chadori img{width:78px; height:84px;} .picture_sample{width:100%; border-top:0; border-bottom:0; overflow:hidden;} .picture_sample li{width:100%; float:none; margin-top:10px; border-top:1px solid #666; border-bottom:1px solid #e9e9e9;} .picture_sample li:first-child{margin-top:0;} .picture_sample li:first-child dl dt, .picture_sample li:first-child dd{border-right:0;} .picture_sample li dl dd{padding:20px 15px;} .how_regist_picture{width:100%; margin-left:0;} .how_regist_picture li{width:100%; margin-top:10px; padding-left:0; float:none;} .how_regist_picture li:first-child{margin-top:0;} .how_regist_picture li .in_wrap{padding:20px 15px 15px 15px;} .how_regist_picture li .in_wrap .thumb{line-height:0; font-size:0;} .how_regist_picture li .in_wrap .thumb img{width:110px; height:110px;} .how_regist_picture li .in_wrap p{font-size:14px; line-height:21px; color:#8f8f8f; margin-top:7px;} /* 레이어팝업 */ .layer_msg{max-width:362px;} .layer_picture{max-width:400px;} .popup_block.layer_agree01, .popup_block.layer_agree02, .popup_block.layer_agree03, .popup_block.layer_agree04, .popup_block.layer_agree05, .popup_block.layer_emerg, .popup_block.layer_interests, .popup_block.layer_know, .popup_block.layer_photo, .popup_block.layer_counsel, .popup_block.layer_zipcode, .popup_block.pop_captcha, .popup_address.popup_block, .popup_block.layer_stop{top:0; left:0; right:0; width:100%; margin-top:0 !important; max-width:100%; min-height:100%; position:absolute; border-radius:0;} .popup_block{left:5%; right:5%; margin-left:0 !important; top:50%; box-sizing:border-box; width:auto; outline:0; z-index:999999999999999999999999999 !important; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);} .popup_block h1{padding:0 40px 0 15px; height:50px; line-height:45px; font-size:18px;} .mo .popup_block h1{line-height:52px;} .popup_block .layer_cont{padding:15px; background:#fff; margin:0;} .popup_block .layer_cont.agency{padding:0 0 15px;} .popup_block .layer_cont .layer_close{right:10px; top:10px;} .popup_block .layer_cont .btnC {padding: 15px 0 30px; width: 100%; float: left; clear: both; margin: 0;} .popup_block .layer_cont .btnC a, .popup_block .layer_cont .btnC button {width:50%;} .popup_block .layer_cont .btnC a:nth-child(2), .popup_block .layer_cont .btnC button:nth-child(2) {float:right;} .zip_list_wrap{max-height:250px;} .mo .zip_list > li:last-child{border-bottom:0;} .txt_import{padding:10px 15px; max-height:100%;} /* 주소검색 */ .popup_address .popCon{margin:15px;box-sizing:border-box;} .popup_address .form_box{padding-right:80px;position:relative;box-sizing:border-box;} .popup_address .form_box .insplInput{width:100%;} .popup_address .form_box .btn_gray{position:absolute;top:0;right:0;} .popup_address .btn02{padding:15px;margin-top:0px;box-sizing:border-box;} .popup_address .pop_info_gray_box.form{padding:15px;} .pop_address .add_info strong {display:block;} .pop_address .add_info p {padding-left:10px;} /* 주행거리 사진등록 */ .regist_pic{width:100%; margin-left:0;} .regist_pic > li{width:100%; padding-left:0; float:none; margin-top:10px;} .regist_pic > li:first-child{margin-top:0;} .regist_pic > li .in_wrap{padding:13px 15px 20px 15px;} .regist_pic > li .in_wrap .thumb{margin-top:15px;} .km{padding:13px 15px 20px 15px;} .km strong{font-size:14px; text-align:left;} .km p{font-size:13px; line-height:17px; text-align:left;} .km p br{display:none;} /* 보상내역조회 */ .reward_list{width:100%;margin-left:0;} .reward_list li{width:100%; padding-left:0; float:none; margin-top:10px;} .reward_list li:first-child{margin-top:0;} .reward_list li .in_wrap{padding:20px 15px 15px 15px;} .reward_list li .in_wrap strong br{display:none;} .reward_list li .btn_orange02{width:100%;} /* 청약철회 서비스이용안내 */ .use_flow{width:100%; margin-left:0px;} .use_flow li{width:50%; padding-left:0; background:none;} .use_flow li .in_wrap figure img{width:80%; height:auto;} .use_flow li .in_wrap figcaption{font-size:16px; line-height:21px; margin-top:20px; min-height:50px;} .use_flow.item03{margin-left:0; width:100%;} .use_flow.item03 li{width:50%; padding-left:0; background:none;} .use_flow.item03 li img{width:100%;} .use_flow.item03 li figcaption{min-height:75px;} /* 고객정보변경 */ .userinfo_list{border-top:1px solid #666;} .userinfo_list > li{padding:0 0 0 0;} .now_lnfo .info_tit{position:static; display:block; padding-top:18px;} .info_cont{padding:14px 0 15px 0;} .info_cont .gray_dot{font-size:16px; padding-left:10px;} /* .info_cont .gray_dot:after{content:''; display:block; width:4px; height:4px; background:#ccc; border-radius:50%; position:absolute; left:0; top:12px;} */ .after_info{padding:13px 15px 20px 15px;} .after_info .input_box .input_basic{width:100%; margin-right:0;} .after_info .input_box.confirm_num{padding-right:120px;} .after_info .input_box.zipcode{padding-right:92px;} .after_info .input_box.confirmed{text-align:center; padding-right:0;} .after_info .input_box .btn_function{position:absolute; right:0; top:0;} .after_info .email_wrap .input_basic{width:30%;} .after_info .email_wrap .email_bar{width:8%;} .after_info .email_wrap .select_wrap{margin-left:4%;} .after_info .zip_wrap{margin-top:0;} .after_info .zip_wrap .input_basic{width:100%; margin-right:0; margin-top:10px;} .after_info .cellphone .input_basic, .after_info .cellphone .select_wrap{width:28%; float:left;} .after_info .cellphone .tel_bar{width:8%; float:left; text-align:center; height:40px; line-height:35px; vertical-align:middle;} .after_info .telecom .select_wrap{width:100%; margin-bottom:10px;} /* 개인정보 이용 및 동의 */ .layer_agree_wrap{max-height:100%;} .popup_block.layer_agree_in {position:fixed; min-height:100%;} .popup_block.layer_agree_in .tabTit {position:fixed; z-index:10;} .popup_block.layer_agree_in .tabWrap {padding-top:94px; padding-bottom:50px;} .layer_know h1, .layer_agree01 h1, .layer_agree02 h1, .layer_agree03 h1, .layer_agree04 h1, .layer_agree05 h1, .layer_agree06 h1 {position:fixed; width:100%; z-index:11;} .layer_know .layer_cont, .layer_agree01 .layer_cont, .layer_agree02 .layer_cont, .layer_agree03 .layer_cont, .layer_agree04 .layer_cont, .layer_agree05 .layer_cont, .layer_agree06 .layer_cont {padding-top:50px !important;} .layer_know .layer_cont .layer_close, .layer_agree01 .layer_cont .layer_close, .layer_agree02 .layer_cont .layer_close, .layer_agree03 .layer_cont .layer_close, .layer_agree04 .layer_cont .layer_close, .layer_agree05 .layer_cont .layer_close, .layer_agree06 .layer_cont .layer_close {position:fixed; z-index:11;} .layer_know .layer_tab .tab, .layer_agree01 .tabTit, .layer_agree02 .tabTit, .layer_agree03 .tabTit, .layer_agree04 .tabTit, .layer_agree05 .tabTit, .layer_agree06 .tabTit {position:fixed; top:50px; z-index:11;} .layer_agree01 .tabWrap, .layer_agree02 .tabWrap, .layer_agree03 .tabWrap, .layer_agree04 .tabWrap, .layer_agree05 .tabWrap, .layer_agree06 .tabWrap {padding-top:94px;} .layer_agree05 .typeCheck .txt_check {right:71px;} /* 사용자 인증해제 안내 */ .layer_clear .complete .thumb{display:none;} /* 채용공고/입사지원 */ .recruit_list > li > a{display:block; position:relative; padding:15px; box-sizing:border-box;} .recruit_list > li > a .in_charge{width:100%; display:block; text-align:left;} .recruit_list > li > a .recruit_title{width:100%; display:block; padding:0;} .recruit_list > li > a .recruit_title p{margin-top:10px;} .recruit_list > li > a .recruit_status{width:auto; display:inline-block; position:absolute; right:10px; top:10px;} .service_info_img{padding:0 15px 15px 15px; display:block;} .service_info_img figure{width:100%; display:block;} .service_info_img figcaption{width:100%; display:block; padding-top:0;} .service_info_img figcaption ol{overflow:hidden;} .service_info_img figcaption li{float:none;font-size:16px; margin-top:10px;} .service_info_img figcaption li:first-child{margin:0;} .service_info_img figcaption p{margin-top:10px;} .service_info_img figcaption p br{display:none;} .service_info_img .btn_white{margin-top:15px; display:block; text-align:center;} .select_area{box-sizing:border-box; width:100%; padding-right:65px; position:relative;} .select_area .btn_function{position:absolute; right:0; bottom:0;} .bottom_info{margin-top:15px; padding:10px 15px 15px 15px;} .bottom_info dt{position:static; width:100%;} .mo .bottom_info dt{background-position:0 7px;} .bottom_info dd{margin-top:10px;} .popup_block.m_eventBanner{width:500px;margin-left:-250px !important;left:50%;} .m_eventBanner .eventCon{width:500px} .m_eventBanner .eventCon img{width:100%;text-align:center;} .reward_info{padding:15px;} .reward_info p{font-size:16px;} .reward_info p br{display:none;} .reward_info a{width:100%; margin-top:10px; position:static;} .review_type .select_wrap{margin-top:10px;} .review_type .select_wrap:first-child{margin-top:0px;} .reward_col_flow li{padding-top:25px;} .reward_col_flow li:first-child{padding-top:0} .reward_col_flow .in_wrap{display:block;} .reward_col_flow .in_wrap figure{display:block;width:40%;margin:0 auto;padding-right:0;} .reward_col_flow .in_wrap figure img{width:100%;height:auto;} .reward_col_flow .in_wrap figcaption{width:100%;font-size:13px;margin-top:10px;padding:0; display:block;} .reward_col_flow .in_wrap dd .notice{line-height:21px;} /*긴급출동서비스*/ .benefit_list.emerg li .benefit_box figcaption{padding:18px 0;} .service_choice{padding:15px;} .service_choice strong{display:block; margin-bottom:10px;} .service_choice .select_area{display:block; position:relative; width:100%; padding-right:65px; box-sizing:border-box;} .service_choice .select_area .btn_function{position:absolute; right:0; top:0;} .service_choice .select_area .select_wrap{width:100%;} .faq_list li.on .emerg_pop_btn{background:none; font-weight:normal;} /*보상서비스*/ .layer_emerg.emerg_freediag .emerg_num_list li{width:50%;} .border_btnC{margin-top:15px; padding-top:15px;} .border_btnC a, .border_btnC button{width:100%;} /*채용 지원*/ .jobapp_down_box{padding:15px 10px;} .jobapp_down_box .btn_down{position:static; margin-top:10px;} .jobapp_down_box .btn_down .btn_orange02{width:100%; text-align:center;} .input_inquiry li .birthday li{width:33%; box-sizing:border-box;} .input_inquiry li .birthday li:first-child{width:34%;} .input_inquiry li .birthday .select_wrap{width:100%;} .input_inquiry > ul > li.phone_wid100 .input_basic{width:100%;} .input_inquiry + .priv_agree{margin-top:15px;} /* 상품상세 */ .product_visual_wrap{height:auto;} .product_calc_wrap{padding-top:30px; width:100%; overflow:hidden; height:auto; background-size: 60% !important; background-position: 90% 25% !important;} .product_calc_wrap h1{position:static; width:100%; box-sizing:border-box; padding:60px 15px 0 15px; height:237px; text-align:center;} .product_calc_wrap h1 img{width:100%;} .product_calc_wrap h1 span{text-align:center;} .product_calc_wrap h1 span br{display:none;} .product_calc{position:static; width:100%; overflow:hidden; padding:15px;} .product_calc.cm ul{display:none;} d .product_calc.cm .btn_orange{margin-top:0;} .product_calc.cm .btn02 a{float:right; width:49%; text-align:center; margin:0;} .product_calc.cm .btn02 a:first-child{float:left;} .car .product_calc_wrap h1 span br {display:block;} .product_menu{position:static;} .floating_menu{width:100%;} .product_menu ul{width:100%; overflow:hidden;} .product_menu ul li{margin-left:0; float:left; width:25%; text-align:center; box-sizing:border-box;} .product_menu ul.item03 li{width:33.333%;} .product_detail h1{text-align:center; margin-top:24px;} .limit_info .orange_round{margin-top:10px;} .limit_info .orange_round > li{margin-top:7px;} .limit_info .orange_round li > strong{display:block;} .limit_info .orange_round li .reference{margin-top:0;} .btn_product_util{margin-top:50px; padding-bottom:20px; border-bottom:1px dashed #e9e9e9;} .btn_product_util .btn_area{width:100%; overflow:hidden;} .btn_product_util .btn_area a{width:100%; float:right; margin-top:5px;padding:0; text-align:center; display:block;} .btn_product_util .btn_area a:first-child{float:left;margin-top:0;} .btn_product_util ul.sns{position:static; width:100%; text-align:center; margin-top:15px;} .btn_product_util ul li{margin:0; padding:0 5px; float:none; display:inline-block;} .product_calc.tm .total_info {margin-top:0px; font-size:17px; padding-top:5px;} .product_calc.tm .total_info br {display:none;} .product_calc.tm .input_user_info {margin:10px 0;} /* 상담신청 레이어 */ .layer_counsel h1 .normal{display:none;} .layer_counsel .layer_scroll{max-height:100%;} /* 채용안내 */ .sub_scription{width:auto; margin-left:-10px;} .sub_scription li{width:50%; margin-bottom:10px;} .income{width:100%; margin-left:0;} .income > li{width:100%; background:none; padding-left:0; margin-top:10px;} .mo .income > li{background:none; margin-bottom:10px; margin-top:0;} .income > li .in_wrap .orange_round{min-height:100%;} .income.promote > li:after{display:none;} .income_info{margin-top:30px;} .income_info dt{float:none; width:100%;} .income_info dd{float:none; width:100%; border-left:0; height:auto; margin-top:13px; padding:0;} .quick_menu{position:static; display:none !important;} .product_visual_wrap.car{background:url('/images/ins/visual_car_ins_m.jpg') no-repeat 50% 0; background-size:100% 370px;} .product_visual_wrap.drive{background:url('/images/ins/visual_drive_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.dmst{background:url('/images/ins/visual_dmst_ins_m.jpg') no-repeat 50% 0; background-size:100% 370px;} .product_visual_wrap.ovsse{background:url('/images/ins/visual_ovsse_ins_m.jpg') no-repeat 50% 0; background-size:100% 370px;} .product_visual_wrap.golf{background:url('/images/ins/visual_golf_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.teeth{background:url('/images/ins/visual_teeth_ins_m.jpg') no-repeat 50% 0; background-size:100% 370px;} .product_visual_wrap.teethtm{background:url('/images/ins/visual_teethtm_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.childtm{background:url('/images/ins/visual_childtm_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.dise{background:url('/images/ins/visual_dise_ins_m.jpg') no-repeat 50% 0; background-size:100% 370px;} .product_visual_wrap.life{background:url('/images/ins/visual_life_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.cancer{background:url('/images/ins/visual_cancer_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.hous{background:url('/images/ins/visual_hous_ins_m.jpg') no-repeat 50% 0; background-size:100% 370px;} .product_visual_wrap.bogeum{background:url('/images/ins/visual_bogeum_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.cham{background:url('/images/ins/visual_cham_ins_m.jpg') no-repeat 50% 0; background-size:cover;} .product_visual_wrap.dntl{background:url('/images/ins/visual_dntl_ins_m.jpg') no-repeat 50% 50%; background-size:cover;} .product_visual_wrap.house{background:url('/images/ins/visual_house_ins_m.jpg') no-repeat 50% 50%; background-size:cover;} .product_visual_wrap.driver{background:url('/images/ins/visual_driver_ins_m.jpg') no-repeat 50% 50%; background-size:cover;} .product_info > li > a{display:block; width:100%; padding:8px 35px 15px 70px; position:relative; box-sizing:border-box;} .product_info > li.on > a{background:url('/images/common/ic_faq_on.png') no-repeat 98% 50%;} .product_info > li > a .thumb{width:70px; position:absolute; left:0; top:15px; padding:0;} .product_info > li > a .thumb img{width:50px; height:50px;} .product_info > li > a .thumb_info{width:100%; display:block; box-sizing:border-box;text-align:left;padding-right:0;margin-top:-10px;} .product_info > li > a .point{padding-right:0; text-align:left; width:100%; display:block;height:70px;line-height:65px;} .product_info > li > a .point img{width:100%;vertical-align:middle;} .pr_info_cont{padding:0 15px;} .pr_info_cont figure{width:100%; float:none; margin-top:20px;} .pr_info_cont figcaption{width:100%; float:none; padding:20px 0;} .pr_info_cont figcaption strong{font-size:18px; line-height:25px;} .pr_info_cont figcaption br{display:none;} .pr_info_cont figcaption p{font-size:14px;} .ft21{font-size:18px;} /* 에러페이지 */ .error_wrap{max-width:100%;margin:0;box-sizing:border-box;padding-top: 0;} .error_wrap .basic_box{padding: 50px 20px;border: none;} .txt_error span{margin-top:10px;} .error_phone{overflow:hidden; width:100%; height:auto; padding:0 15px; box-sizing:border-box; text-align:left;} .error_phone li{float:left; width:50%; margin-left:0;} .error_wrap .copyright{color:#8f8f8f; font-size:12px; line-height:20px; padding:0 15px 20px 15px;} /* 프로그램 설치 */ .layer_program.popup_block{display:none;} /* 사이트맵 */ #content.sitemap h1{border-bottom:0; padding-bottom:0;} .sitemap_list{width:100%; margin:0;} .sitemap_list > ul{margin:0 0 0 -10px;} .sitemap_list > ul > li{ padding-left:10px; width:50%; margin-top:25px;} /* 처음이세요 */ dl.how_to_use{ padding-left:0;margin-top:20px;} .how_to_use dt{position:static;} .how_to_use dd{margin-top:10px;} .how_to_use dd p{margin-top:10px;} /* 메인 */ .main_visual_wrap{width:100%; height:auto; overflow:hidden; position:relative;} .main_visual_wrap .bx-viewport{height:auto} .main_visual{width:300%; height:100%; position:relative;} .main_visual li{float:left; width:33.333%; height:100%; cursor:pointer;} .main_visual li.main_visual00{background:url('/images/main/img_main_mvisual00.jpg') no-repeat 50% 0; background-size:100%} .main_visual li.main_visual01{background:url('/images/main/img_main_mvisual01.jpg') no-repeat 50% 0; background-size:100%} .main_visual li.main_visual02{background:url('/images/main/img_main_mvisual02.jpg') no-repeat 50% 0; background-size:100%} .main_visual li.main_visual03{background:url('/images/main/img_main_mvisual03.jpg') no-repeat 50% 0; background-size:100%} .main_visual li.main_visual04{background:url('/images/main/img_main_mvisual04.jpg') no-repeat 50% 0; background-size:100%} .main_visual li.main_visual05{background:url('/images/main/img_main_mvisual05.jpg') no-repeat 50% 0; background-size:100%} .main_visual li .blankImg {display:block; width:100%; height:auto} .main_tab_wrap {padding:0 26px; height:38px;} .main_tab{overflow-x:auto; height:100%; width:100%;} .main_tab::-webkit-scrollbar{display:none;} .main_tab{overflow:-moz-scrollbars-none;} .main_tab ul li, .main_tab ul li.first, .main_tab ul li.last {width:93px;} .main_tab ul li a {font-size:14px;} .main_tab ul li a.on {background-position:50% 29px; background-size:10px 5px;} .main_tab ul li a:after{top:2px;height:34px;} .main_tab ul li.first a:after{display:block;} .main_tab_wrap .ctrl {display:block;} .main_tab_wrap .ctrl a {position:absolute; top:1px; width:26px; height:35px; background:url(/images/main/btn_mctrl_prev.png) 0 0; background-size:100%;} .main_tab_wrap .ctrl a.prev {left:0; background-image:url(/images/main/btn_mctrl_prev.png);} .main_tab_wrap .ctrl a.next {right:0; background-image:url(/images/main/btn_mctrl_next.png);} .ins_main_cont {width:100%; padding-bottom:40px;} .ins_main_cont .discount {display:none;} .ins_main_cont .ins_name {float:none; width:100%; margin-top:30px; text-align:center;} .ins_main_cont .ins_name .btn.gni a{padding:0 15px;} .ins_main_cont .ins_name .btn.gni a span{width:251px;padding-right:15px;} .ins_main_cont .ins_name img {width:auto; height:25px; margin-bottom:5px; vertical-align:top;} .ins_main_cont .ins_name strong {display:inline-block; margin-bottom:7px; font-size:27px; text-align:center; line-height:27px; vertical-align:middle;} .ins_main_cont .ins_name strong img{display:inline-block; } .ins_main_cont .ins_name p {width:275px; margin:0 auto; margin-top:10px; font-size:14px; line-height:21px;} .ins_main_cont .ins_name p br{display:none;} .ins_main_cont .ins_name p img {width:96px; height:15px; margin-bottom:0;} .main_subbanner{width:100%; height:auto; overflow:hidden; background:url('/images/main/img_main_subbanner.gif') no-repeat 50% 0; background-size:cover;} .main_subbanner .txt{height:auto;line-height:normal;box-sizing:border-box;padding:20px;} .main_review h1 {margin:30px 0 10px; padding:0 36px; font-size:18px; line-height:24px;} .main_review h1 img {width:116px; height:19px; vertical-align:-4px;} .main_review h1 span {font-size:12px; line-height:18px;} .main_review h1 br {display:block;} .main_review {padding-bottom:20px;} .main_review_wrap .bx-viewport {min-height:290px;} .review_discount .dc_price {display:none;} .review_discount {width:147px; height:79px; margin-left:-73px;} .orange_arrow .review_discount {background:url('/images/main/m_review_orange.png') no-repeat 0 0; background-size:100%;} .yellow_arrow .review_discount {background:url('/images/main/m_review_yellow.png') no-repeat 0 0; background-size:100%;} .purple_arrow .review_discount {background:url('/images/main/m_review_purple.png') no-repeat 0 0; background-size:100%;} .review_discount .dc_result {margin-top:9px; font-size:13px; line-height:12px;} .review_discount .dc_result .verdana {font-size:20px;} .main_review_wrap {width:320px;} .main_review_list > li {padding-top:40px;} .main_review_list > li > a {width:100%; padding-top:62px;} .main_review_list > li > p.info {font-size:12px;} .main_review_list > li > a {display:none;} .main_review_list > li > a:first-child, .main_review_list > li > p.info + a {display:block;} .main_review_wrap .bx-controls {margin-top:0;} .return {padding-bottom:10px} .return strong {margin:10px 0 0; font-size:16px;} .return strong .verdana {font-size:16px; line-height:18px;} .return span {font-size:15px;} .main_txt_review {padding:15px;} .main_txt_review p {min-height:34px; margin-bottom:10px; font-size:12px; line-height:16px;} .main_txt_review .name {margin-bottom:0; padding-top:10px; font-size:13px;} .main_review_list > li.noCar .recomm_box .review_point {height:70px; font-size:12px;} .noCar #setStars {margin:12px 0 0; line-height:20px;} .main_review_list > li.noCar .recomm_box .return {height:56px; padding-top:16px;} .main_review_list > li.noCar .recomm_box .return .dc_price del {font-size:17px;} .main_review_list > li.noCar .recomm_box .return .dc_price strong {display:inline-block; margin-left:8px; padding-left:13px; padding-top:0; background:url('/images/main/ico_arrow_y.png') no-repeat 0 50%; font-size:20px; background-size:6px 10px; line-height:25px;} .main_review_list > li.noCar .recomm_box .return .title {margin-top:5px; font-size:15px;} .main_review_list > li.noCar.hous .recomm_box .return .dc_price strong {padding-left:0; margin-left:0; font-size:20px;} .main_util_wrap {width:auto; margin:0 15px;} .main_util {margin-left:0;} .main_util .util_wrap {width:100%; margin-top:20px; padding-left:0;} .util_cont .util_btn li:first-child, .util_cont .util_btn li:nth-child(4) {display:none;}{display:none;} .orange_round .tbl_space .discount_info_menu{width:100%;} .orange_round .tbl_space .discount_info_menu .discount_info_drop{width:80%;padding-right:28px;;} } @media screen and (max-width:499px) { .eventPop .header{display:block;} .eventBanner{position:fixed;left:50%;top:70px;width:300px;height:300px;margin-left:-150px;} .popup_block.m_eventBanner{width:300px;height:300px;left:50%;margin-left:-150px !important;} .eventBanner .eventCon, .m_eventBanner .eventCon{width:300px;height:auto;} .eventBanner .eventCon img, .m_eventBanner .eventCon img{width:100%;height:auto;} .eventBanner .eventCon .btn_orange, .m_eventBanner .eventCon .btn_orange{left:14px;top:138px;font-size:11px;line-height:27px;height:auto;padding:0 10px;} .eventBanner .closeArea{height:30px;padding:1px 20px 4px;} .m_eventBanner .closeArea{height:40px;padding:1px 20px 4px;} .eventBanner .closeArea .closeBtn{top:1px;} , .m_eventBanner .closeArea .closeBtn {top: 9px;} footer .foot_util {height:auto; display:inline-block; float:left; background:#fff; border-bottom: 1px solid #ddd;} footer .foot_util_menu li {width: 50%; box-sizing: border-box; float: left; margin:0;} footer .foot_util_menu li:nth-child(1), footer .foot_util_menu li:nth-child(2) {border-bottom: 1px dotted #ddd;} footer .foot_util_menu li a {height: 35px; line-height: 35px;} } @media screen and (max-width:480px) { .service_info_list li figure img{width:55px; height:55px;} .input_wrap.input_inquiry > ul{border-bottom:none;} .input_wrap.input_inquiry > ul > li .phone_num{padding-right:0;} .input_wrap.priv_agree .agree_chk .all_agree{position:static;border-bottom:1px solid #e9e9e9;} .input_wrap.input_inquiry > ul > li{padding:10px 0;} .input_wrap.input_inquiry > ul > li > strong{margin:0;} .mo .agree_warp.agree_warp .agree_chk .all_agree{position:static;padding:12px 0 12px 10px;border-bottom:1px solid #e9e9e9;} .mo .agree_warp.ask_wrap .agree_chk .all_agree{border-top:1px solid #e9e9e9;} /* loading */ .mo .loadWarp .loadCont {background:none;} .mo .loadWarp .loadCont > img {width:50px;height:50px; animation: spin 1.5s infinite linear; -webkit-animation: spin 1.5s infinite linear; -moz-animation: spin 1.5s infinite linear; } @keyframes spin{ 0% {transform: rotate(0deg)} 100% {transform: rotate(-360deg)} } @-webkit-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } @-moz-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } @-ms-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } @-o-keyframes spin{ 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(-360deg)} } } @media screen and (max-width:400px){ /*보상서비스*/ .layer_emerg.emerg_freediag .emerg_num_list li{width:100%;} /*모바일 서비스 안내*/ .event_visual.mservice .bullet_nav{top:23%;} /* 약관 */ .priv_agree_list li .checkbox, .priv_agree_list_01 li .checkbox, .priv_agree_list li .checkbox, .priv_agree_list_02 li .checkbox{width:100%;box-sizing:border-box;} .priv_agree_list li .layer_open, .priv_agree_list_01 li .layer_open,.priv_agree_list li .layer_open, .priv_agree_list_02 li .layer_open{margin-left:25px;} .mo .popup_block .typeCheck .checkAgree .inputArea{width:50%;} .popup_block .typeCheck .txt_check{float:left;width:100%;position:static;} .orange_round .tbl_space .discount_info_menu .discount_info_drop{width:100%;margin:10px 10px 0 0;padding-right:28px;} } .input_inquiry .certiWrapPrev, .input_inquiry .certiWrapNext {margin-top:20px;} /* 달력 */ .ui-widget {font-family:"맑은 고딕","Malgun Gothic","Apple Gothic",sans-serif !important;;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:"맑은 고딕","Malgun Gothic","Apple Gothic",sans-serif;} .ui-widget-content {border-color:#ddd !important;} .ui-widget-header {border:none !important; background:#fff !important;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto !important; margin:0 3px !important; border:none;} .ui-datepicker table {width:100%; margin-top:18px; border-top:2px solid #575757; background:url('/images/gni_pc/common/calrendar_disabled_bg.gif') repeat 0 0;} .ui-datepicker table th {padding:10px 0; font-size:15px; background:#f6f6f6;} .ui-datepicker table th:first-child.ui-datepicker-week-end{color:#f66000;} .ui-datepicker table td {padding:0; border-top:1px solid #ddd; text-align:center;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#fff !important;} .ui-datepicker-other-month.ui-state-disabled {background:#fff !important;opacity:1 !important;} .ui-datepicker td span, .ui-datepicker td a {border:0 !important; text-align:center !important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#feede1 !important; color:#f37321 !important; text-decoration:underline !important;} /* 20170110 추가 */ .ins_main_cont .ins_name .btn.height a{min-width:200px;height:auto;line-height:28px;padding:9px 25px 13px} .ins_main_cont .ins_name .btn.height a span{width:90%;background-position:100% 55%} .tab_basic.item04 li{width:25%;} .tab_basic.item05 li{width:20%;} .ins_main_cont .ins_name.v2 img{vertical-align:middle;} @media screen and (max-width:1024px) { .ins_main_cont .ins_name .btn.height a{min-width:220px;} .ins_main_cont .ins_name .btn.height a span br{display:none;} } @media screen and (max-width: 767px) { .ins_main_cont .ins_name img{width:auto;height:23px;vertical-align:top !important;} } /* 20190125 장기TM상품 레이아웃 변경 추가 css */ .product_calc_wrap .pro_title{position: absolute; left: 0; top: 90px; width: 100%; box-sizing: border-box; padding: 0 300px 0 15px; color:#444;} .product_calc_wrap .pro_title > span{color:#fff; font-size:13px; line-height:normal; padding:3px 13px; border-radius:20px; margin-bottom:6px; display:inline-block; letter-spacing: -0.04em; background:#f37321; } .product_calc_wrap .pro_title h1{font-size: 26px; line-height: 130%; color:#f37321; font-weight: normal; letter-spacing: -0.06em; margin-bottom: 15px; position: relative; top: 0; padding: 0;} .product_calc_wrap .pro_title p {font-size:12px; line-height:160%; margin-bottom:15px; color:#666;} .product_calc_wrap .pro_title h1 small {font-size:0.6em;} .product_calc_wrap .pro_title ul{margin:0; padding:0;} .product_calc_wrap .pro_title li {position:relative; font-size:14px; margin-bottom:5px; padding-left:12px; word-break: keep-all; line-height:140%;} .product_calc_wrap .pro_title li:after {position:absolute; left:0; top:8px; width:4px; height:4px; background:#f37321; content:'';} /*특정 상품별 레이아웃 변경 */ .product_calc_wrap.life .pro_title, .product_calc_wrap.s_health .pro_title {top:60px;} .product_calc_wrap.cancertm .pro_title {top:50px;} .product_tab2 .product_menu.on .scroll_button.tm a {float:right;} .speech_bubble {width:calc( 100% - 100px ); padding:40px 50px; text-align:center; background:#f9f9f9; margin-bottom:40px; border-radius:5px; position:relative;} .speech_bubble p {font-size:27px; line-height:140%; margin:0; padding:0; position:relative; display:inline-block; padding-right:170px; letter-spacing:-0.1em;} .speech_bubble p:after {position:absolute; content:''; width:148px; height:126px; right:0; bottom:-63px; background:url(/images/ins/img_speech_bubble.png) no-repeat;} .product_box > li {border: 2px solid #e9e9e9; border-radius: 5px; overflow: hidden; box-sizing: border-box; background: #fff; margin-bottom:10px; padding:60px 50px; position:relative;} .product_box > li figure {width:calc(50% - 20px); float:right;} .product_box > li figure img, .product_box > li figcaption img{width:100%;} .product_box > li figcaption {width:calc(50% - 20px); float:left; padding-right:40px; word-break:keep-all; letter-spacing:-0.04em; padding-top:15px;} .product_box > li strong {font-size:28px; line-height:130%; color:#333; margin-bottom:25px; display:block; padding-top:40px;} .product_box > li b {color:#f36910} .product_box > li p {font-size:17px; margin-bottom:20px; color:#555;} .product_box > li p.bold_under {font-weight:bold; text-decoration:underline;} .product_box > li p.bold_under b {color:#f36910; font-size:28px; text-decoration:underline; line-height: 170%;} .product_box > li:nth-child(2n) figure {float:left; padding-right:40px;} .product_box > li:nth-child(2n) figcaption {float:right; padding-right:0;} .product_box table {width:100%;} .product_box table th, .product_box table td {border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; text-align:center; padding:10px;} .product_box table th:last-child, .product_box table td:last-child {border-right:none;} .product_box table thead th {background:#fff6f1; color:#f36910;} .product_box table tbody th {background:#fdfdfd; color:#444;} .product_box table .left {text-align:left;} .product_detail ul.check_box li {font-size:24px; padding-left:33px; position:relative; letter-spacing:-0.05em; line-height:130%; margin-bottom:25px; color:#333; word-break:keep-all;} .product_detail ul.check_box li:before {position:absolute; left:0; top:6px; width:14px; height:14px; border:3px solid #f0f0f0; content:'';} .product_detail ul.check_box li:after {position:absolute; left:4px; top:3px; width:24px; height:20px; background:url(/images/ins/img_check_orange.png) no-repeat; content:'';} .product_detail ul.check_box li:last-child {margin-bottom:0;} .product_detail ul.check_box li p {margin-top:5px;} .product_detail ul.check_box li > div{ font-size: 15px; margin-top: 10px; font-weight: 300; display: flex; line-height: 1.5; } .product_detail ul.check_box li > div > a{ margin-right: 5px; } .product_detail ul.check_box.mini_box li{font-size:18px; padding-left:30px; margin-bottom:10px;} .product_detail ul.check_box.mini_box li:before{top:3px; } .product_detail ul.check_box.mini_box li:after{top:0;} .product_info2 > li > a {box-sizing:border-box; padding:20px 30px; word-break:keep-all; position:relative; min-height:95px;} .product_info2 > li.on a .point, .product_info2 > li:hover a .point {color:#ff6600} .product_info2 > li > a .thumb {position:absolute; width:55px; height:55px; text-indent: inherit; border-radius:55px; font-size:21px; color:#fff; line-height:55px;; background:#a0a0a0; padding:0; left:30px; top:20px;} .product_info2 > li.on a .thumb, .product_info2 > li:hover a .thumb {background:#ff6600} .product_info2 > li > a .point {width:60%; padding-left:70px; font-size: 23px; letter-spacing: -0.08em; line-height:34px;} .product_info2 > li > a .thumb_info{width:50%; line-height:130%; vertical-align:middle; display:table-cell; text-align:right; box-sizing:border-box; padding-right:50px;color:#666;font-weight:normal;} .product_info2 figure img.icon {max-width:300px} .product_info2 figcaption img {max-width:100%; margin-top:15px;} .product_info2 table {width:100%;} .product_info2 table th, .product_info2 table td {border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; text-align:center; padding:10px;} .product_info2 table th:last-child, .product_info2 table td:last-child {border-right:none;} .product_info2 table thead th {background:#fff6f1; color:#f36910;} .product_info2 table tbody th {background:#fdfdfd; color:#444;} .product_info2 table .left {text-align:left;} .product_info2 .pr_info_cont strong {font-size: 25px; line-height: 36px; color: #2b2b2b; font-weight: normal; display: block; margin-bottom: 15px; letter-spacing: -0.08em;} .product_info2 .tbl_scroll {margin-bottom:5px;} .exclamation {position:relative; padding-left:21px;} .exclamation:after {width:16px; height:16px; position:absolute; left:0; top:3px; background:url(/images/common/ic_bot_caution.png)no-repeat; content:'';} .img-responsive {max-width:100%; display:block; margin:0 auto;} .f_r {float:right} .pt_0 {padding-top:0 !important;} .mt_0 {margin-top:0 !important;} .mt_10 {margin-top:10px;} .mt_15 {margin-top:15px;} .mt_20 {margin-top:20px;} small.small {font-size: 0.7em; letter-spacing: -0.05em; color: #999;} @media screen and (min-width: 768px) { .product_box > li .w_100 {width:100%; padding-right:0; padding-left:0;} } @media screen and (max-width: 1199px) { .product_tab2 .product_menu.on .floating_menu {padding:0;} .product_info2 > li.on > a br {display:none;} } @media screen and (max-width: 1024px) { .product_calc_wrap .pro_title h1 span {font-size:18px; line-height:20px;} .product_calc_wrap .pro_title li {font-size:13px;} .speech_bubble {width: calc( 100% - 80px ); padding:30px 40px} .speech_bubble p {font-size:21px; padding-right:90px; letter-spacing:-0.06em;} .speech_bubble p:after {width:110px; height:95px; bottom:-45px; right: -40px; background:url(/images/ins/img_speech_bubble2.png) no-repeat;} .product_tab2 .product_menu .scroll_button {width:140px;} .product_tab2 .product_menu.on .floating_menu {padding: 0 175px 0 0;} .product_tab2 .product_menu.on .scroll_button.tm a {width:100%;} .product_tab2 .product_menu .scroll_button {width:140px;} .product_menu ul.item04 li {width:25%} .product_box > li {padding:40px 35px;} .product_box > li strong {padding-top:0; font-size:24px; line-height:130%;} .product_detail h1 {font-size:34px;} .product_info2 > li > a .thumb {width:50px; height:50px; line-height:50px; font-size:19px; top:21px;} .product_info2 > li > a .point {font-size:26px; line-height:27px;} .product_info2 > li > a .thumb_info {font-size:18px; word-break: normal;} .product_info2 > li > a .thumb_info br {display:none;} .product_info2 figure img.icon {max-width:240px} } @media screen and (max-width: 767px) { .product_calc_wrap .pro_title {position:relative; top:0 !important; padding:30px 15px 20px;} .product_calc_wrap .pro_title h1 {height:auto; font-size:28px; line-height:160%; padding:0; margin-bottom:10px; text-align:left;} .product_calc_wrap .pro_title h1 span {text-align:left;} .speech_bubble {width: calc( 100% - 30px ); padding:20px 15px} .speech_bubble p {font-size:18px; padding-right:100px; text-align:left;} .speech_bubble p:after {right:-15px;} .product_tab2 {height:87px;} .product_tab2 .product_menu {height:85px; top:50px !important;} .product_tab2 .product_menu ul li a {line-height:42px; background:#f9f9f9; color:#777} .product_tab2 .product_menu ul li a.on {border:none; background:#fff; color:#000} .product_tab2 .product_menu .scroll_button {display:none;} .product_menu ul.item04 li {width:50%; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;} .product_menu ul.item04 li:nth-child(2n) {border-right: none;} .product_detail h1 {font-size:34px; margin-bottom:25px;} .product_box > li figure, .product_box > li figcaption, .product_box > li:nth-child(2n) figure, .product_box > li:nth-child(2n) figcaption {width:100%; padding:0;} .product_box > li {padding:30px 15px;} .product_box > li figcaption {margin:0 0 10px;} .product_box > li figcaption.pt_0 {padding-top:15px !important;} .product_box > li strong {font-size:21px; margin-bottom:15px;} .product_box > li p {font-size:15px; line-height:140%; margin-bottom:15px;} .product_box > li p br {display:none;} .product_box > li p.bold_under b {font-size:22px; display:block;} .product_box table th, .product_box table td{line-height:130%; font-size:14px;} .product_detail ul.check_box li {font-size:18px; padding-left:30px; margin-bottom:20px;} .product_detail ul.check_box li:before {width:12px; height:12px; top:3px; } .product_detail ul.check_box li:after {left:2px; top:-1px;} .product_detail ul.check_box.mini_box li{font-size:16px; padding-left:25px; margin-bottom:8px;} .product_detail ul.check_box.mini_box li:before{top:3px; width:10px; height:10px;} .product_detail ul.check_box.mini_box li:after{left:3px; top:0; background:url(/images/ins/img_check_orange_m.png) no-repeat;} .product_info2 > li > a {font-size:17px; word-break:keep-all; line-height:140%; padding:15px 25px 15px 20px; min-height:auto;} .product_info2 > li > a .thumb {width: 40px; height: 40px; line-height: 40px; font-size: 16px; top: 16px; left: 15px;} .product_info2 > li > a .point {width:100%; padding-left:45px; font-size:18px; height:auto; line-height:20px; margin-bottom:4px;} .product_info2 > li > a .thumb_info {width:100%; text-align:left; padding:0 0 0 45px; font-size:15px;} .product_info2 .pr_info_cont strong {font-size: 18px; line-height: 25px;} .product_info2 figure img.icon {max-width:200px} .pr_info_cont figcaption b{font-size: 17px; color: #000; display: block; font-weight: bold; margin-bottom: 0px; margin-top: 20px;} } @media screen and (max-width: 470px) { .product_calc_wrap .pro_title h1 {font-size:24px; line-height:130%; margin-bottom:5px;} .product_calc_wrap .pro_title h1 span {font-size:17px;} .product_calc_wrap .pro_title p {margin-bottom:10px;} .product_calc_wrap .pro_title li {font-size:12px; margin-bottom:2px; padding-left:9px;} .product_calc_wrap .pro_title li:after {top:7px;} .speech_bubble p {font-size:16px; line-height:19px;} .product_info2 figure img.icon {max-width:160px} .speech_bubble small.small {display:inline-block;} } /* 20190219 어린이보험TM상품 보험료계산 css 추가 */ ul.infoAdd {margin:20px 0 0;} ul.infoAdd li strong {color:#2b2b2b; margin-right:15px; display:inline-block;} ul.infoPrev li.orange {width: 100%; padding: 20px 0 0 10px; font-size: 0.9em;} /* 20190411 모바일 네비에서 한화실손의료보험 안보이게 */ @media screen and (max-width: 767px) { .gnb_wrap nav .gnb li.gnb04 > ul > li.medi { display:none; } .main_visual_wrap .indicator { bottom:-2px; } } /* 메인 상단영역 배너 */ .mainTopBanner {display:none;} .mobile_banner {display:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .mobile_banner img{max-width:100%;} .mobile_banner img.none{display:none;} @media(min-width:768px){ /* 메인 상단영역 배너 */ .mainTopBanner { width: 100%; background: #f3fbf1; min-height: 47px; height: 110px; position: relative; padding: 0; box-sizing: border-box; border-bottom: 1px solid #ccc; } .mainTopBanner.mainNew { height: 111px; } .mainTopBanner .topBannerArea{ text-align: left; background: none; height: auto; } div[class*="Banner"] .closeArea{ color: #000; font-size: 12px; position: absolute; bottom:0; width: 100%; box-sizing: border-box; margin: 1px auto; border-radius: 0; background: #f0f0f0; float: left; text-align: right; padding: 2px 0; } div[class*="Banner"] .closeArea > .btn { width:1156px; margin:0 auto; } div[class*="Banner"] .closeArea a.closeBtn{ color: #000; margin-left: 30px; padding: 0 0 0px 13px; position: relative; font-weight: bold; } div[class*="Banner"] .closeArea a.closeBtn:before { width: 2px; height: 16px; background: #000; content: ''; left: 0; top: 4px; position: absolute; transform: rotateZ(135deg); } div[class*="Banner"] .closeArea a.closeBtn:after { width: 2px; height: 16px; background: #000; content: ''; left: 0; top: 4px; position: absolute; transform: rotateZ(45deg); } .mobile_banner {display:none !important;} .mainTopBanner.mainNew .topBannerArea{ width: 1156px; margin-left: -578px; } .mainTopBanner.mainNew .closeArea { height:30px; text-align: center; } .mainTopBanner.mainNew .closeArea > .btn{ width: 1156px; margin: 0 auto; text-align: right; padding: 0; font-size:12px; box-shadow: none; } .mainTopBanner.mainNew .closeArea .btn label.checkbox{ margin-top:5px; } .mainTopBanner .closeArea a.closeBtn:before, .mainTopBanner .closeArea a.closeBtn:after { top:5px; } div[class*="Banner"].board {display: block; background: #42312a; height:120px;} div.topBanner.board .topBannerArea {background:none; height:auto;} div.bottomBanner.board {height:90px;} div[class*="Banner"].board ul.bnr_kakao{height:auto; padding: 10px 0 8px;} .cmtmBnr {background: linear-gradient(90deg, #f16c00 50%, #ffeda0 0%); min-height:115px;} .cmtmBnr ul { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: center; align-items: center } .cmtmBnr ul li {width:50%;} .cmtmBnr ul li h3 {font-size: 18px; color:#fff; font-weight:bold; line-height: 140%; margin-bottom: 3px;} .cmtmBnr ul li h3 small {font-size:15px; color:#fff; font-weight:normal; display: block; opacity: 0.8;} .cmtmBnr ul li p {font-size:14px; color:#fff; opacity: 0.8;} .cmtmBnr ul li a {display:block; width:100%; height:100%;} .cmtmBnr ul li.bnrCm{ background: url(/images/main/bnrCm_img.png) no-repeat; background-position:0 4px;} .cmtmBnr ul li.bnrCm a{padding:10px 0 10px 80px;} .cmtmBnr ul li.bnrTm{background: url(/images/main/bnrTm_img02.png) no-repeat; background-position:20px 4px;} .cmtmBnr ul li.bnrTm a{padding:10px 0 10px 115px;} .cmtmBnr ul li.bnrTm a h3 {color:#000; margin-bottom:1px;} .cmtmBnr ul li.bnrTm a h3 span.HWB {font-size:19px} .cmtmBnr ul li.bnrTm a p {color:#666} } /* 20210127 장기TM상품 레이아웃 변경 추가 css @8093954 김수진 */ .product_visual_wrap.visual_ver2 {height:450px; background-size: cover; background-position:center; font-family: 'NotoSansKR','맑은 고딕','Malgun Gothic';} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title {top:65px; } .product_visual_wrap.visual_ver2.cancertm{background-image: url(/images/ins/ins_bg_cancertm.jpg);} /* 암 */ .product_visual_wrap.visual_ver2.drivertm{background-image: url(/images/ins/ins_bg_drivertm.jpg);} /* 운전자 */ .product_visual_wrap.visual_ver2.eyetm{background-image: url(/images/ins/ins_bg_eyetm.jpg);} /* 눈 */ .product_visual_wrap.visual_ver2.golf{background-image: url(/images/ins/ins_bg_golf.jpg);} /* 골프 */ .product_visual_wrap.visual_ver2.health{background-image: url(/images/ins/ins_bg_health.jpg);} /* 유병자건강 */ .product_visual_wrap.visual_ver2.housetm{background-image: url(/images/ins/ins_bg_housetm.jpg);} /* 주택화재 */ .product_visual_wrap.visual_ver2.life{background-image: url(/images/ins/ins_bg_life.jpg);} /* 종합 */ .product_visual_wrap.visual_ver2.mall{background-image: url(/images/ins/ins_bg_mall.jpg);} /* 상가화재 */ .product_visual_wrap.visual_ver2.toothtm{background-image: url(/images/ins/ins_bg_toothtm.jpg);} /* 치아 */ .product_visual_wrap.visual_ver2.child{background-image: url(/images/ins/ins_bg_child.jpg);} /* 자녀 */ .product_visual_wrap.visual_ver2.meditm{background-image: url(/images/ins/ins_bg_meditm.jpg);} /* 실손 */ .product_visual_wrap.visual_ver2.care{background-image: url(/images/ins/ins_bg_care.jpg);} /* 입원간병 */ .product_visual_wrap.visual_ver2.income{background-image: url(/images/ins/ins_bg_income.jpg);} /* 소득건강 */ .product_visual_wrap.visual_ver2.golf, /* 골프 */ .product_visual_wrap.visual_ver2.health, /* 유병자 */ .product_visual_wrap.visual_ver2.toothtm {background-position-y: 80%;} /* 치아 */ .product_visual_wrap.visual_ver2.car .product_calc_wrap .pro_title, /* 자동차-개인 */ .product_visual_wrap.visual_ver2.corp .product_calc_wrap .pro_title {top:75px; } /* 자동차-법인 */ .product_visual_wrap.visual_ver2.life .product_calc_wrap .pro_title, /* 종합 */ .product_visual_wrap.visual_ver2.child .product_calc_wrap .pro_title, /* 자녀보험 */ .product_visual_wrap.visual_ver2.mall .product_calc_wrap .pro_title {top:55px; } /* 상가화재 */ .product_visual_wrap.visual_ver2.toothtm .product_calc_wrap .pro_title {top:40px; } /* 치아 */ .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title .ins { background: rgba(0,0,0,0.5); padding: 7px 20px; position: relative; color: #f36910; font-size: 13px; line-height: normal; border-radius: 20px; display: inline-block; letter-spacing: -0.04em; } .product_visual_wrap.visual_ver2.housetm .product_calc.tm .calc_step02 ul li{font-size:14px;} .product_visual_wrap.visual_ver2.housetm .product_calc.tm ul li {letter-spacing:-0.13em;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title .ins span {color:rgba(255,255,255,0.7); padding-left: 14px; position:relative;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title .ins span:after {content:''; position:absolute; left:8px; top:5px; width:1px; height:10px; background:rgba(255,255,255,0.15);} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title h1 {color: rgba(255,255,255,0.65); font-size: 18px; margin: 10px 0 5px; letter-spacing: -0.08em;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title p {font-size: 31px; color: #fff; line-height: 130%; font-family: 'NotoSansKR','맑은 고딕','Malgun Gothic'; font-weight: 300; letter-spacing: -0.085em; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title small.small {font-size: 0.65em; letter-spacing: -0.07em; position: absolute; margin-top: 3px;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title b {font-weight:600;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title em {font-style: italic;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title ul {display: inline-block; padding: 20px 30px 10px 20px; background: #fff; border-radius: 5px;} .product_visual_wrap.visual_ver2 .pro_title li { position: relative; font-size: 18px; color:#333; margin-bottom: 10px; padding-left: 29px; word-break: keep-all; line-height: 130%; letter-spacing: -0.1em; } .product_visual_wrap.visual_ver2 .pro_title li > b { color:#f37320; } .product_visual_wrap.visual_ver2 .pro_title li:before { position: absolute; left: 13px; top: 4px; width: 3px; height: 15px; background: #f37321; content: ''; transform: rotate(45deg); z-index: 1; } .product_visual_wrap.visual_ver2 .pro_title li:after { position: absolute; left: 6px; top: 9px; width: 3px; height: 10px; background: #f37321; content: ''; transform: rotate(135deg); } .product_visual_wrap.visual_ver2 .pro_title li i { position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 3px solid #ddd; border-radius: 10px; text-indent: -9999px; } .product_visual_wrap.visual_ver2 .product_calc.tm {background: rgba(0,0,0,0.45);} .product_visual_wrap.visual_ver2 .product_calc.tm .btnC a{transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;} .product_visual_wrap.visual_ver2 .product_calc.tm .btnC a#btnCarCalc {background:#f37321} .product_visual_wrap.visual_ver2 .product_calc.tm .btnC a#btnCarCalc:hover, .product_visual_wrap.visual_ver2 .product_calc.tm .btnC a:hover {text-decoration: none; background:#ec460c; border-color:#ec460c; color:#fff;} .product_visual_wrap.visual_ver2 .product_calc.tm .total_info{font-size: 25px; color: #fff; letter-spacing: -0.08em; margin-top: 55px;} .product_visual_wrap.visual_ver2 .product_calc.tm .input_user_info {margin:15px 0; line-height:130%;} .product_visual_wrap.visual_ver2 .product_calc.tm .calc_step02 ul li {color:#fff; font-size: 15px; margin-bottom: 5px;} .product_visual_wrap.visual_ver2 .product_calc.tm .calc_step02 ul li:after {background:#dc681d;} .product_visual_wrap.visual_ver2 .product_calc.tm .calc_step02 ul li b {font-weight: 600; color: #dc681d; display: inline-block; margin-right: 6px;} .product_visual_wrap.visual_ver2 .product_calc.tm .calc_step02 .btnC {display:none;} .product_visual_wrap.visual_ver2 .product_calc.tm .calc_step02 .total_info strong {position:relative; top:-2px;} .product_visual_wrap.visual_ver2 .pro_circle{ position: absolute; background: #f36910; border: 4px solid #000; border-radius: 100%; width: 147px; height: 147px; left: 482px; top: 195px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .product_visual_wrap.visual_ver2 .pro_circle ul{ text-align: center; color: #fff; margin-top: 40px; font-size: 18px; font-weight: 600; line-height: 130%; } .product_visual_wrap.visual_ver2 .pro_circle ul li{ letter-spacing: -0.1em; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); } .product_visual_wrap.visual_ver2 .pro_circle ul li.big{ font-weight: 800; font-size: 23px; color: #000; margin-bottom: 5px; text-shadow:none; } .product_visual_wrap.visual_ver2 .pro_circle ul li.small{ font-size: 15px; } .sub_con .container { max-width:1120px; width: 100%; padding-right: 6px; padding-left: 6px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .sub_con .container .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -6px; margin-left: -6px; } .sub_con .container .row [class^=col-] { position: relative; width: 100%; padding-right: 6px; padding-left: 6px; box-sizing: border-box; } /* 20210323 CM상품 레이아웃 변경 추가 css @8093954 김수진 */ .product_visual_wrap.cm.visual_ver2 {background-position:50% 50%;} .product_visual_wrap.cm.visual_ver2 .product_calc_wrap .pro_title .ins {background: rgba(243, 105, 16,0.8); color:#fff;} .product_visual_wrap.cm.visual_ver2 .product_calc_wrap .pro_title h1 {color: rgba(0,0,0,0.5); font-weight: 500;} .product_visual_wrap.cm.visual_ver2 .product_calc_wrap .pro_title p {color:#333; text-shadow:none;} .product_visual_wrap.cm.visual_ver2 .product_calc_wrap .pro_title ul {box-shadow:2px 2px 3px rgba(0,0,0,0.1)} .product_visual_wrap.cm.visual_ver2 .product_calc_wrap .pro_title em {font-style: italic; padding-right: 0.2em;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm {background:rgba(88, 51, 29, 0.7);} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul {margin:75px 0 23px;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li {width:100%; margin-top:15px;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li:first-child {margin-top:0 !important;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li .thumb {width: 50px; display: block; margin-right: 10px; float: left;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li .thumb img {width:100%;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li .thumb_info {width: calc( 100% - 60px ); display: block; float: left; padding-top: 10px;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li .thumb_info strong {color:#fff; font-weight: 500 !important; font-size:15px; word-break: keep-all;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li .thumb_info p {color:rgba(255,255,255,0.8); font-size:14px;} .product_visual_wrap.cm.visual_ver2 .product_calc.cm ul li .thumb_info p.date { display: block; position: absolute; right: -5px; top: 12px; font-size: 10px !important; font-weight: 500; color: #ab8a74; line-height: 120%; background: #50290e; padding: 3px 4px; border-radius: 4px; } body.lifeplus.thin .product_visual_wrap, body.lifeplus.thin .product_visual_wrap .product_calc_wrap .pro_title p, body.lifeplus.thin .product_visual_wrap .product_calc_wrap .pro_title li {font-family: 'LIFEPLUS' !important;} /* lifeplus Font 적용 */ /* CM상품별 Sytle */ /* Visual영역 배경 */ .product_visual_wrap.cm.visual_ver2.house{background-image: url(/images/ins/ins_visual_bg_house.jpg);} /* 아파트 */ .product_visual_wrap.cm.visual_ver2.car{background-image: url(/images/ins/ins_visual_bg_car.jpg);} /* 자동차 */ .product_visual_wrap.cm.visual_ver2.corp{background-image: url(/images/ins/ins_visual_bg_corp.jpg);} /* 자동차-법인용 */ .product_visual_wrap.cm.visual_ver2.children {background-image: url(/images/ins/ins_visual_bg_children.jpg);} /* 어린이 */ .product_visual_wrap.cm.visual_ver2.minidriver {background-image: url(/images/ins/ins_visual_bg_minidriver.jpg);} /* 운전자 */ .product_visual_wrap.cm.visual_ver2.pocket {background-image: url(/images/ins/ins_visual_bg_pocket.jpg);} /* 암보험 */ /* 자동차-공통 */ .product_visual_wrap.cm.visual_ver2.car .product_calc.cm ul li .thumb_info strong, .product_visual_wrap.cm.visual_ver2.corp .product_calc.cm ul li .thumb_info strong {font-size:14px;} .product_visual_wrap.cm.visual_ver2.car .product_calc.cm ul li .thumb_info p, .product_visual_wrap.cm.visual_ver2.corp .product_calc.cm ul li .thumb_info p {font-size:12px;} /* 개인용 */ .product_visual_wrap.cm.visual_ver2.car .product_calc.cm ul{margin:35px 0 15px;} .product_visual_wrap.cm.visual_ver2.car .product_calc.cm ul li{margin-top:5px; position:relative;} /* 법인용 */ .product_visual_wrap.cm.visual_ver2.corp .product_calc.cm ul{margin:22px 0 12px} .product_visual_wrap.cm.visual_ver2.corp .product_calc.cm ul li{margin-top:2px; position:relative;} .product_visual_wrap.cm.visual_ver2.pocket .product_calc.cm ul {margin:57px 0 20px;} /* 암보험 */ /* MEDIA - MAX */ @media(max-width:991px){ .sitemap_list > ul{margin-left: -15px; margin-right: -15px;} .sitemap_list > ul > li{padding: 0 15px;} .sitemap_list > ul > li > dl dt{font-size:16px;} .sitemap_list > ul > li > dl dd > ul {margin: 0 10px; } /* 장기TM상품 레이아웃 변경 추가 css @8093954김수진 - 20210127 */ .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title ul{padding:20px 25px 10px 20px;} .product_visual_wrap.visual_ver2 .pro_title li {font-size:16px; margin-bottom:7px; padding-left:25px;} .product_visual_wrap.visual_ver2 .pro_title li i {width:12px; height:12px; top:1px;} .product_visual_wrap.visual_ver2 .pro_title li:before {left:12px; height:12px; top:2px;} .product_visual_wrap.visual_ver2 .pro_title li:after {top:6px; height:8px; } .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title p {font-size:28px; word-break: keep-all;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title p br {display:none;} .product_visual_wrap.visual_ver2 .pro_circle{ width: 120px; height: 120px; left: 420px; } .product_visual_wrap.visual_ver2 .pro_circle ul { margin-top: 31px; font-size: 15px; } .product_visual_wrap.visual_ver2 .pro_circle ul li.big {font-size:19px;} .product_visual_wrap.visual_ver2 .pro_circle ul li.small {font-size:13px;} } @media(max-width:767px){ .header h1 a span.pc_view2 img.img_logo {display:none;} .quick_menu { position: fixed; margin: 0; top: 50px; width: 100%; left: 0; z-index: 19; display: block !important; } .quick_menu ul, .quick_menu br {display:none;} .quick_menu.tm .call { padding: 0; background: #000; margin: 0; font-size: 23px; vertical-align: middle; height: 45px; line-height: 45px; } .quick_menu.tm .call a { color:#fff !important; vertical-align: top; font-size: 22px; } .quick_menu .call small { display:inline-block; top: -3px; left: 8px; } .quick_menu .call span.mobile { display:inline-block; } .quick_menu .call small:before { left: -1px; width: 1px; height: 14px; top: 5px; opacity: 0.4; } .product_menu ul li a {padding: 0 3px;} .product_visual_wrap.cm { padding-top:20px; } .quick_menu.cm { display:none !important; } /* 메인슬라이드 이벤트 표시 @8093954(김수진)-201016 */ .main dl.event-noti { width: 140px; height: auto; padding: 0px 0 2px; box-sizing: border-box; left: 0; top: -23px; border: none; background: #9ac500; border-radius: 0; border-bottom: 2px solid #000; } .main dl.event-noti:before, .main dl.event-noti:after { display:none; } .main dl.event-noti dt { color: #fff903; font-size: 15px; margin-top: 0; display: inline-block; line-height: 100%; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .main dl.event-noti dd { display: inline; color: #fff; position: relative; top: -1px; font-size: 12px; line-height: 100%; width: auto; margin-left: 2px; } /* 메인 상단영역 배너 */ .mainTopBanner {display:none !important;} /* 장기TM상품 레이아웃 변경 추가 css @8093954김수진 - 20210127 */ .product_visual_wrap.visual_ver2 {height:auto;} .product_visual_wrap.visual_ver2.cancertm{background-image: url(/images/ins/ins_bg_cancertm_m.jpg);} /* 암 */ .product_visual_wrap.visual_ver2.drivertm{background-image: url(/images/ins/ins_bg_drivertm_m.jpg);} /* 운전자 */ .product_visual_wrap.visual_ver2.eyetm{background-image: url(/images/ins/ins_bg_eyetm_m.jpg);} /* 눈 */ .product_visual_wrap.visual_ver2.golf{background-image: url(/images/ins/ins_bg_golf_m.jpg);} /* 골프 */ .product_visual_wrap.visual_ver2.health{background-image: url(/images/ins/ins_bg_health_m.jpg);} /* 유병자건강 */ .product_visual_wrap.visual_ver2.housetm{background-image: url(/images/ins/ins_bg_housetm_m.jpg);} /* 주택화재 */ .product_visual_wrap.visual_ver2.life{background-image: url(/images/ins/ins_bg_life_m.jpg);} /* 종합 */ .product_visual_wrap.visual_ver2.mall{background-image: url(/images/ins/ins_bg_mall_m.jpg);} /* 상가화재 */ .product_visual_wrap.visual_ver2.toothtm{background-image: url(/images/ins/ins_bg_toothtm_m.jpg);} /* 치아 */ .product_visual_wrap.visual_ver2.child{background-image: url(/images/ins/ins_bg_child_m.jpg);} /* 자녀 */ .product_visual_wrap.visual_ver2.meditm{background-image: url(/images/ins/ins_bg_meditm_m.jpg);} /* 실손 */ .product_visual_wrap.visual_ver2.care{background-image: url(/images/ins/ins_bg_care_m.jpg);} /* 입원간병 */ .product_visual_wrap.visual_ver2.income{background-image: url(/images/ins/ins_bg_income_m.jpg);} /* 소득건강 */ .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title .ins {padding: 5px 15px; margin-top:10px;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title h1 {font-size:16px;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title p {font-size:23px; margin-bottom:15px;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title p br {display:none;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title ul {padding: 15px 20px 10px 15px;} .product_visual_wrap.visual_ver2 .pro_title li {magin-bottom:5px;} .product_visual_wrap.visual_ver2.golf {background-position-x: 59%;} .product_visual_wrap.visual_ver2 .product_calc.tm {padding:10px 15px 20px;} .product_visual_wrap.visual_ver2 .product_calc.tm .total_info {margin-top:0; font-size:22px;} .product_visual_wrap.visual_ver2 .product_calc.tm .input_user_info {margin:10px 0;} .product_visual_wrap.visual_ver2 .pro_circle { left: 15px; width: calc( 100% - 30px); height: auto; border-radius: 0; box-sizing: border-box; position: relative; top: -10px; margin-bottom: 10px; border-radius: 7px; } .product_visual_wrap.visual_ver2 .pro_circle ul{ margin:0; padding:15px; } .product_visual_wrap.visual_ver2 .pro_circle ul li{display:inline-block;} .product_visual_wrap.visual_ver2 .pro_circle ul li.big{ margin-right:7px; } .product_visual_wrap.visual_ver2 .pro_circle ul li.small{ font-size: 15px; } /* CM상품 레이아웃 변경 추가 css @8093954김수진 - 20210325 */ .product_visual_wrap.cm.visual_ver2.house {background-image: url(/images/ins/ins_visual_bg_house_m.jpg);} /* 아파트 */ .product_visual_wrap.cm.visual_ver2.car {background-image: url(/images/ins/ins_visual_bg_car_m.jpg);} /* 자동차 */ .product_visual_wrap.cm.visual_ver2.corp {background-image: url(/images/ins/ins_visual_bg_corp_m.jpg);} /* 자동차-법인용 */ .product_visual_wrap.cm.visual_ver2.children {background-image: url(/images/ins/ins_visual_bg_children_m.jpg);} /* 어린이 */ .product_visual_wrap.cm.visual_ver2.minidriver {background-image: url(/images/ins/ins_visual_bg_minidriver_m.jpg);} /* 운전자 */ .product_visual_wrap.cm.visual_ver2.pocket {background-image: url(/images/ins/ins_visual_bg_pocket_m.jpg);} /* 암보험 */ .product_visual_wrap.cm.visual_ver2 .product_calc_wrap .pro_title {background: rgba(255,255,255,0.5);} /* 특정제휴처(비앤리)일때 화면 레이아웃 변경 */ .product_visual_wrap.visual_ver2.mediaStyle {background:#ffe7d9;} .product_visual_wrap.visual_ver2.mediaStyle .product_calc_wrap .pro_title { padding: 40px 20px 60px; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc_wrap .pro_title .ins {display:none;} .product_visual_wrap.visual_ver2.mediaStyle .product_calc_wrap .pro_title h1 { font-size: 17px; font-weight: 500; margin-top: 0; color: #777; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc_wrap .pro_title p { text-shadow: none; color: #333; font-weight: 600; margin-bottom: 0; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc_wrap .pro_title p b {color:#ff6600;} .product_visual_wrap.visual_ver2.mediaStyle .product_calc_wrap .pro_title ul{display:none;} .product_visual_wrap.mediaStyle ul{display:none;} .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm { padding: 20px; box-sizing: border-box; width: auto; border-radius: 35px 35px 0 0; background: #fff; position: relative; overflow: initial; min-height: 200px; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .total_info { color: #444; font-size: 19px; font-weight: 600; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .handadodo { position: absolute; right: 25px; top: -56px; background: url(/images/common/handadodo_pose01.png) no-repeat; background-size: contain; width: 120px; height: 61px; z-index: 1; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .input_user_info{ width:100%; display:inline-block; margin:15px 0 25px; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .input_user_info .input_birth{ background: none; border-bottom: 2px solid #000; border-radius: 0; text-align: left; padding-left: 4px; box-sizing: border-box; font-size: 14px; width: calc(100% - 142px); float: left; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .input_user_info .select_sex{ margin:0; display:inline-block; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .input_user_info .select_sex label.radio { text-align: left; width: auto; margin: 0 0 0 15px; background: none; padding-left:30px; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .input_user_info .select_sex label.radio span { display:block; background: url(/nsm/img/pc/ico_radio.png) no-repeat left bottom; background-size: inherit; width: 24px; height: 24px; left: 0; top: 8px; position: absolute; } .product_visual_wrap.visual_ver2.mediaStyle .product_calc.tm .input_user_info .select_sex label.radio.on span { background-position-y: top; } .product_visual_wrap.visual_ver2.mediaStyle #srchDiv > div.btnC { width: 50%; margin:0; } .product_visual_wrap.visual_ver2.mediaStyle #srchDiv > div.btnC:nth-child(3){float:right;} .product_visual_wrap.visual_ver2.mediaStyle #srchDiv > div.btnC:nth-child(3) a {float:right; background:#ff6600; border-radius:0; margin:0; height:50px; line-height:50px; border:none; color:#fff;} .product_visual_wrap.visual_ver2.mediaStyle #srchDiv > div.btnC:nth-child(4){float:left;} .product_visual_wrap.visual_ver2.mediaStyle #srchDiv > div.btnC:nth-child(4) a {float:left; background:#666; border-radius:0; margin:0; height:50px; line-height:50px; border:none; color:#fff;} } @media(max-width:575px){ .slide-content .name-box { top:200px; } .pick-box li.ins {display:none} .pick-box li.ins2 { display:block; font-size: 14px; font-weight: bold; color: #474747; margin: 6px 0 3px; text-align:center; } .service .row a {padding: 5px; font-size: 12px;} /* 장기TM상품 레이아웃 변경 추가 css @8093954김수진 - 20210127 */ .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title .ins {padding: 5px 15px; margin-top:10px;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title h1 {font-size:16px;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title p {font-size:23px; word-break: keep-all;} .product_visual_wrap.visual_ver2 .product_calc_wrap .pro_title ul {padding: 15px 20px 10px 15px;} } @media(max-width:430px){ .hanwha_pick .recommend { clear: both; right: auto; left: 15px; } } /* 임의 media */ @media(max-width:820px){ .gnb_wrap nav .gnb li.depth01.gnb01 {width:130px;} .gnb_wrap nav .gnb li.depth01.gnb02 {width:106px;} .gnb_wrap nav .gnb li.depth01.gnb03 {width:123px;} .gnb_wrap nav .gnb li.depth01.gnb04 {width:80px;} .gnb_wrap nav .gnb li.depth01 > a {font-size:14px;} .gnb_wrap nav .gnb li > ul > li > a {font-size:12px;} } @media screen and (max-width: 991px) and (min-width: 768px){ .gnb_wrap .gnb_close {right:16px; top:27px;} .gnb_wrap .gnb_img {top: 130px; width: 29%;} } /* 메인 리뉴얼 @8093954김수진 - 20211129 */ /* Swiper 수정건 */ .swiper-container{ width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; */ align-items: center; } /* 부트스트랩 수정건 */ .row {margin-right:-10px; margin-left:-10px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-3, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-right: 10px; padding-left: 10px; } .main-container {width:100%; position:relative; font-family:'NotoSansKR'; min-width:320px;} .main-container .bottom-space {margin-bottom:40px;/* margin-top: -10px; */} /* Main - Tab TM상품 영역 */ .ins-tab {padding-top:25px;} .ins-tab .ins-tit {font-size:30px; font-weight:600; letter-spacing:-0.06em; color:#333;} .ins-tab .nav-tabs {border-bottom:none;} .ins-tab em {font-style: italic;} .ins-tab .nav-tabs {width:100%; position:relative; display: inline-block;} .ins-tab .nav-tabs:after {position:absolute; content:''; left:0; bottom:-1px; width:100%; height:1px; background:#ebebeb;} .ins-tab .nav-tabs>li {width:50%; text-align:center; position:relative;} .ins-tab .nav-tabs>li>a {border:none; padding:14px 0; text-align:center; color:#666; background:#fff; font-weight:500; border-radius:0px; font-size:18px; margin-right:0; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;} .ins-tab .nav-tabs>li.active>a, .ins-tab .nav-tabs>li.active>a:focus, .ins-tab .nav-tabs>li.active>a:hover {border:none;} .ins-tab .nav-tabs>li.active:after, .ins-tab .nav-tabs>li.active:focus:after, .ins-tab .nav-tabs>li.active:hover:after {position:absolute; content:''; z-index:1; left:0; bottom:0; width:100%; height:3px; background:#ff6600;} .ins-tab .tab-content {display:none;} .ins-tab .tab-content:first-child {display:block;} .ins-tab .cm-link-tit{font-size: 20px; font-weight: 600; margin-bottom: 13px; color: #333; line-height: 26px;} .ins-tab .cm-link {width:100%;} .ins-tab .cm-link li {/*width:16.666%;*/ width: 20%; float:left; cursor:pointer; text-align:center; font-weight:bold; position:relative; top:0px; font-size: 17px; letter-spacing: -0.03em; color: #2b2b2b; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;} .ins-tab .cm-link li:hover, .ins-tab .cm-link li:focus {top:-5px; transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s;} .ins-tab .cm-link li img {display:block; margin:0 auto 2px;} .ins-tab .cm-link li dl {margin:0;} .ins-tab div[class*="copy"] {margin-top: 20px; border-radius: 5px; text-align: center; padding: 20px; font-size: 20px; font-weight: 500;} .ins-tab div.cm-copy {background: #fef1e6; color: #000; letter-spacing: 0.4em; } .ins-tab div.tm-copy {background: #fae101;} .ins-tab div[class*="copy"] a{display:block;} .ins-tab div.tm-copy a {color: #371d1e; letter-spacing: -0.06em; padding-left:90px;} .ins-tab div.tm-copy a img {width: 70px; position: absolute; left: calc(50% - 260px); top: 19px;} .ins-tab div.cm-copy strong {color: #ff6600; letter-spacing: 0.4em;} .ins-tab div.tm-copy strong {font-weight:600; padding-left:7px;} .ins-tab .ins-box, .ins-tab .cm-link-box { background: #fff; font-size: 14px; color: #333; margin: 20px 0 0; padding: 20px; height:155px; box-sizing:border-box; position:relative; background-size: 61px; background-position: 95% 20%; background-repeat: no-repeat; border:1px solid #e0e0e0; border-radius: 5px; } .ins-tab .ins-box li:nth-child(1) {font-size:18px; font-weight:500; color:#333; letter-spacing: -0.1em; line-height:130%; margin-bottom:2px;} .ins-tab .ins-box li:nth-child(1) b {font-weight:500; color:#ff6600;} .ins-tab .ins-box li:nth-child(1) span.recommend { background:#db3a3a; font-size: 11px; color: #fff; padding: 0px 5px; border-radius: 3px; font-weight: 300 !important; position: relative; top: -3px; margin-left: 5px; letter-spacing: -0.05em; line-height:normal; } .ins-tab .ins-box li:nth-child(1) span.special, .ins-tab .ins-box li:nth-child(2) {font-size:16px; margin:0; line-height:130%; color:#666; letter-spacing: -0.07em;} .ins-tab .ins-box li:nth-child(2) small {display:block; font-size: 15px; color:#ff6600; font-weight:500;} .ins-tab .ins-box li:nth-child(2) small span {color:#666; font-size:0.9em;} .ins-tab .ins-box li:nth-child(2) b {color:#ff6600; font-weight:500;} .ins-tab .ins-box li:nth-child(3) {position:absolute; bottom:15px; right:20px;} .ins-tab .ins-box li:nth-child(3) button{ position:relative; margin-left:1px; font-size: 12px; color:#666; padding-right:10px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .ins-tab .ins-box li:nth-child(3) button:before{ position: absolute; content: ''; width: 1px; height: 6px; right: 0; top: 4px; transform: rotate(135deg); background: #888; } .ins-tab .ins-box li:nth-child(3) button:after{ position: absolute; content: ''; width: 1px; height: 6px; right: 0; top: 8px; transform: rotate(45deg); background: #888; } .ins-tab .ins-box li.ins-name_tm {left:0; top:20px; width:200px; padding-left:23px; background:url('../images/common/ic_call_19x19.png') no-repeat 0px 0px; line-height:20px; font-size:20px; font-weight:600; margin-bottom:5px;} .ins-tab .ins-box li.ins-name {font-size:20px; font-weight:600; margin-bottom:5px;} .ins-tab .ins-img-box { height: 330px; background: #fff; font-size: 14px; color: #333; margin-top: 20px; border-radius:10px; background-size:cover; position:relative; } .ins-tab .ins-img-box:before, .ins-tab .ins-box:before{ width:100%; height:100%; position:absolute; left:0; top:0; content:''; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); opacity:0; border-radius:5px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .ins-tab .ins-img-box:hover:before, .ins-tab .ins-box:hover:before { opacity:1; } .ins-tab .ins-img-box:hover .ins-box li:nth-child(3) button, .ins-tab .ins-box:hover li:nth-child(3) button{ color:#ff6600; } .ins-tab .ins-img-box:hover .ins-box li:nth-child(3) button:before, .ins-tab .ins-img-box:hover .ins-box li:nth-child(3) button:after, .ins-tab .ins-box:hover li:nth-child(3) button:before, .ins-tab .ins-box:hover li:nth-child(3) button:after { background:#ff6600; } .ins-tab .ins-img-box:hover .ins-box:before { display:none; } /* 종합보험 배경이미지&아이콘 */ .ins-tab .ins-img-box.life { background-image:url(../images/main/ins_img_life.png); } .tab-life div:nth-child(1) .ins-box{ background-image:url(../images/main/life_icon01.png); } .tab-life div:nth-child(2) .ins-box{ background-image:url(../images/main/life_icon02.png); } .tab-life div:nth-child(3) .ins-box{ background-image:url(../images/main/life_icon03.png); } .tab-life div:nth-child(4) .ins-box{ background-image:url(../images/main/life_icon04.png); } /* 암보험 배경이미지&아이콘 */ .ins-tab .ins-img-box.cancer { background-image:url(../images/main/ins_img_cancer.png); } .tab-cancer div:nth-child(1) .ins-box{ background-image:url(../images/main/cancer_icon01.png); } .tab-cancer div:nth-child(2) .ins-box{ background-image:url(../images/main/cancer_icon02.png); } .tab-cancer div:nth-child(3) .ins-box{ background-image:url(../images/main/cancer_icon03.png); } .tab-cancer div:nth-child(4) .ins-box{ background-image:url(../images/main/cancer_icon04.png); } /* 자녀보험 배경이미지&아이콘 */ .ins-tab .ins-img-box.child { background-image:url(../images/main/ins_img_child.png); } .tab-child div:nth-child(1) .ins-box{ background-image:url(../images/main/child_icon01.png); } .tab-child div:nth-child(2) .ins-box{ background-image:url(../images/main/child_icon02.png); } .tab-child div:nth-child(3) .ins-box{ background-image:url(../images/main/child_icon03.png); } .tab-child div:nth-child(4) .ins-box{ background-image:url(../images/main/child_icon04.png); } /* 운전자보험 배경이미지&아이콘 */ .ins-tab .ins-img-box.driver { background-image:url(../images/main/ins_img_driver.png); } .tab-driver div:nth-child(1) .ins-box{ background-image:url(../images/main/driver_icon01.png); } .tab-driver div:nth-child(2) .ins-box{ background-image:url(../images/main/driver_icon02.png); } .tab-driver div:nth-child(3) .ins-box{ background-image:url(../images/main/driver_icon03.png); } .tab-driver div:nth-child(4) .ins-box{ background-image:url(../images/main/driver_icon04.png); } /* 소득안심건강보험 배경이미지&아이콘 */ .ins-tab .ins-img-box.income { background-image:url(../images/main/ins_img_income.png); margin-left: 0; } .tab-income div:nth-child(1) .ins-box{ background-image:url(../images/main/income_icon01.png); } .tab-income div:nth-child(2) .ins-box{ background-image:url(../images/main/income_icon02.png); } .tab-income div:nth-child(3) .ins-box{ background-image:url(../images/main/income_icon03.png); } .tab-income div:nth-child(4) .ins-box{ background-image:url(../images/main/income_icon04.png); } .ins-tab .ins-img-box .ins-box { position: absolute; bottom: 0; width: 100%; height: auto; background:none; padding-bottom:35px; } /* Main - Board 영역 */ .board {position:relative;} .board .bnr-box { width:100%; height:100%; overflow:hidden; border-radius:5px; position: relative; } .board .bnr-box a { display:block; width:100%; } .board .bnr-box ul { width:100%; height:90px; overflow:hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .board .bnr-box li {display:inline-block; color:#333; letter-spacing:-0.07em;} .board .bnr-box li br {display:none;} .board .bnr-box li:first-child {font-size:17px; margin-right:15px;} .board .bnr-box li:last-child {font-size:24px; font-weight:500;} .board .bnr-box ul {background-position: 15% 100%; background-repeat: no-repeat;} .board .bnr-box ul.bnr01 { background-image:url(/images/main/board_bnr01.png); background-color:#ffecc2; } .board .bnr-box ul.bnr01 b {color:#ff6600} .board .bnr-box ul.bnr01 li {letter-spacing:-0.09em;} .board .bnr-box ul.bnr01 li:first-child {font-size:24px;} .board .bnr-box ul.bnr01 li:last-child {font-size:17px;} .board .bnr-box ul.bnr02 { background-image:url(/images/main/board_bnr02.png); background-color:#e1f5ff; } .board .bnr-box ul.bnr02 b {color:#1c87ff;} .board .bnr-box ul.bnr02 li {letter-spacing:-0.09em;} .board .bnr-box ul.bnr03 { background-image:url(/images/main/board_bnr03.png); background-color:#daf3ba; } .board .bnr-box ul.bnr03 b {color:#0e9c03;} .board .bnr-box ul.bnr04 { background-image:url(/images/main/board_bnr04.png); background-color:#ffe4df; } .board .bnr-box ul.bnr04 b {color:#42312a;} .board .bnr-box ul.bnr05 { background-image:url(/images/main/board_bnr05.png); background-color:#f3f3f3; } .board .bnr-box ul.bnr05 b {color:#42312a;} .board ul.bnr_kakao { text-align:left; background-image:url(/images/main/board_bnr_kakao.png); background-color:#42312a; border-radius: 5px; overflow: hidden; } .board ul.bnr_kakao b {color:#fae100;} .board ul.bnr_kakao li {color:#fff; letter-spacing: -0.04em; margin-right:0; font-size:17px; font-weight:400;} .board ul.bnr_kakao.bnr_kakaoch li:first-child{margin:0;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2){ border-radius: 50px; padding: 12px 30px 12px 60px; background: url(/images/main/kakaoch_logo.png) 15px 10px no-repeat #fae101; color: #42312a; font-size: 17px; font-weight: 600; background-size: 29px; margin:0 50px; } .board ul.bnr_kakao.bnr_kakaoch li:nth-child(3){ font-size:17px; background: url(/images/main/kakaoch_qr.png) 0 0 no-repeat; background-size: 70px; padding: 11px 0 11px 85px; } .board ul.bnr_kakao li span.block {display:block;} .board .swiper-container-horizontal>.swiper-pagination-bullets, .board .swiper-pagination-custom, .board .swiper-pagination-fraction{ width: 85px; left: auto; bottom: auto; right: 10px; top: 5px; } .board .link-box { width: 100%; display: inline-block; text-align: center; } .board .link-box a {display:block;} .board .link-box dl {display:inline-block; cursor:pointer;} .board .link-box dl dt, .board .link-box dl dd { transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; } .board .link-box dl dt {width:80px; height:80px; text-indent:-9999px; margin:0 auto; border-radius:100%; background: 50% 50% no-repeat #f1f1f1; margin-bottom:10px;} .board .link-box dl:hover dt{background-color:#ff6600;} .board .link-box > div:nth-child(1) dl dt {background-image:url(../images/main/board_link_img01.png);} .board .link-box > div:nth-child(1) dl:hover dt {background-image:url(../images/main/board_link_img01_on.png);} .board .link-box > div:nth-child(2) dl dt {background-image:url(../images/main/board_link_img02.png);} .board .link-box > div:nth-child(2) dl:hover dt {background-image:url(../images/main/board_link_img02_on.png);} .board .link-box > div:nth-child(3) dl dt {background-image:url(../images/main/board_link_img03.png);} .board .link-box > div:nth-child(3) dl:hover dt {background-image:url(../images/main/board_link_img03_on.png);} .board .link-box > div:nth-child(4) dl dt {background-image:url(../images/main/board_link_img04.png);} .board .link-box > div:nth-child(4) dl:hover dt {background-image:url(../images/main/board_link_img04_on.png);} .board .link-box > div:nth-child(5) dl dt {background-image:url(../images/main/board_link_img05.png);} .board .link-box > div:nth-child(5) dl:hover dt {background-image:url(../images/main/board_link_img05_on.png);} .board .link-box > div:nth-child(6) dl dt {background-image:url(../images/main/board_link_img06.png);} .board .link-box > div:nth-child(6) dl:hover dt {background-image:url(../images/main/board_link_img06_on.png);} .board .link-box dl dd {color:#333; font-size:16px;} .board .link-box dl:hover dd {color:#ff6600;} .board .board-box > div:first-child {padding-right:30px;} .board .board-box > div:last-child {padding-left:30px;} .board .board-box .board-tit {font-size:20px; font-weight:600; color:#333; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:15px;} .board .board-box .board-tit span{cursor:pointer; width:16px; height:16px; float:right; position:relative; top:4px; text-indent:-9999px;} .board .board-box .board-tit span:before, .board .board-box .board-tit span:after{ position: absolute; content: ''; width: 100%; height: 2px; left: 0; top: 7px; background: #333; } .board .board-box .board-tit span:after{ transform: rotate(90deg); } .board .board-box .board-list li{ margin-bottom:3px; position: relative; } .board .board-box .board-list li a{ width:100%; font-size:14px; line-height: normal; font-weight:400; color:#444; padding-right: 70px; overflow:hidden; text-overflow: ellipsis; word-break: break-word; white-space: nowrap; transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; } .board .board-box .board-list li a:hover, .board .board-box .board-list li a:hover span { color:#ff6600; text-decoration: none; } .board .board-box .board-list li a span{ font-size: 13px; color: #777; position: absolute; right: 0; } .board .board-box .board-list li:nth-child(3){ margin-bottom:0; } .board .board-box .board-list li:nth-child(n+4){ display:none; } .numberInfo > .row { margin-right: -5px; margin-left: -5px; } .numberInfo > .row > [class^="col"]{ padding-right: 5px; padding-left: 5px; } .numberInfo .nInfo-tit { font-size: 20px; font-weight: 600; color: #333; } .numberInfo .nInfo-tit span{ display: block; font-size: 14px; color: #777777; font-weight: 400; letter-spacing: -0.05em; margin: 2px 1px; } .numberInfo .nInfo-box { width: 100%; border: 1px solid #ddd; padding: 18px 20px; font-size: 16px; color: #333; position: relative; top: -5px; border-radius:5px; } .numberInfo .nInfo-box a { font-size: 28px; color: #333; font-weight: 600; float: right; letter-spacing: -0.05em; position: relative; top: -9px; } .numberInfo .nInfo-box a b{ color: #ff6600; } #myTabContent .board .bnr-box .bnr_kakao{height:70px; border-radius:5px; padding-left:50px; margin-top: 20px; background-color: #fae101; background-image:url(../images/common/kakaotalk_share_btn.png); background-size: 7%; background-position:25% 80%;} #myTabContent .board .bnr-box .bnr_kakao li {color:#391b1b; font-weight: 600; font-size: 20px;} /* Main - Ranking 영역 */ .ranking {position:relative; height:280px; overflow:hidden; background-color:#ff6600;} .ranking .bg {background-color:#f0f0f0; position:absolute; left:0; top:0; width:50%; height:100%;} .ranking .mo_view {display:none;} .ranking .ins-tm { width:100%; background:#F0F0F0; height:280px; } .ranking .ins-cm { width:100%; background:#FF6600; height:280px; } .ranking .ins-tm button{ display:none; } .ranking [class^="col"] { transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .ranking .ranking-tit { font-size: 26px; line-height: 120%; color: #333; font-weight: 600; padding: 40px 0 145px 0; } .ranking .ranking-tit b {color:#ff6600;} .ranking .ins-tm .ranking-tit {background:url(../images/main/ranking_img02.png) 80% bottom no-repeat;} .ranking .ins-cm .ranking-tit { color:#fff; font-size: 22px; font-weight:300; padding: 112px 0 0 60px; } .ranking .ins-cm .ranking-tit b{ color:#fff; font-weight:400; } .ranking .ranking-tit button{ width: 54px; height: 54px; background: #ff6600; position: absolute; top: 113px; left: -37px; border-radius: 100%; box-shadow:2px 2px 12px rgba(0,0,0,0.3); text-indent: -9999px; z-index:1; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .ranking .ranking-tit button:before, .ranking .ranking-tit button:after{ position: absolute; content: ''; width: 2px; height: 14px; left: 24px; top: 25px; transform: rotate(135deg); background: #fff; } .ranking .ranking-tit button:after{ transform: rotate(45deg); top: 16px; } .ranking .ins-tm .ranking-tit button{ left: auto; right: -37px; } .ranking .ins-tm .ranking-tit button:before{ left: 27px; top: 16px; transform: rotate(135deg); } .ranking .ins-tm .ranking-tit button:after{ left: 27px; top: 25px; transform: rotate(45deg); } .ranking .ins-cm .col-sm-4 { width:100%; } .ranking .ins-cm .col-sm-7 { display:none; } .ranking ol { counter-reset: section; margin-top:50px; } .ranking ol li { width: 100%; min-width: 400px; padding: 15px 25px 15px 60px; font-size: 18px; box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); border-radius: 50px; background: #fff; position: relative; margin-bottom: 8px; border: 1px solid #fff; letter-spacing:-0.1em; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; cursor:pointer; } .ranking ol li:hover { border-color:#ff6600; color:#ff6600 } .ranking ol li::before { position: absolute; left: 30px; top: 8px; font-size: 27px; font-weight:bold; counter-increment: section; content: counter(section); } .ranking.expanded {background-color:#f0f0f0;} .ranking.expanded .bg {background-color:#ff6600;} .ranking.expanded .ins-tm{ background:#FF6600; } .ranking.expanded .ins-tm .ranking-tit { font-size: 22px; font-weight:300; color:#fff; padding: 112px 0 0 60px; background:none; } .ranking.expanded .ins-tm .ranking-tit b { color:#fff; font-weight:400; } .ranking.expanded .ins-cm{ background:#F0F0F0; } .ranking.expanded .ins-tm .col-sm-4 { width: 100%; } .ranking.expanded .ins-tm .col-sm-7{ display: none; } .ranking.expanded .ins-cm .col-sm-7{ display: block; } .ranking.expanded .ins-cm .ranking-tit { font-size: 26px; font-weight:600; color:#333; padding: 45px 0 145px 30px; background:url(../images/main/ranking_img01.png) 100% bottom no-repeat; } .ranking.expanded .ins-cm .ranking-tit b{ color:#ff6600; font-weight: 600; } .ranking.expanded .ins-tm .col-sm-5 { width: 100%; } .ranking.expanded .ins-cm .col-md-5{ width: 41.66666667%; } .ranking.expanded .ins-cm .col-sm-7{ display:block; } .ranking.expanded > .container > .row > .col-sm-9 { width: 25%; } .ranking.expanded > .container > .row > .col-sm-3 { width: 75%; } /* Main-cm아이콘 영역 */ .tab-content .row .col-md-12 .row .cm-link-box2{display:none;} /* max-width: 1199px */ @media (max-width: 1199px){ /* Main - 상단 자동차 전화번호버튼, CM상품 영역 // max-width: 1199px */ .main-container .ins-copy {right:15px;} .main-container .ins {margin-top:-20px;} .main-container .ins li:nth-child(1), .main-container .ins li:nth-child(4) {display:none;} .main-container .ins li:nth-child(2) {width: 100%;} .main-container .ins li:nth-child(3) {width: 100%; margin-top:7px;} .main-container .ins .ins-box {height:110px; top:-37px; padding-top:21px;} .main-container .ins .ins-box:hover {top:-60px;} .main-container .ins .ins-box .ins-over, .main-container .ins .ins-box:hover .ins-over, .main-container .ins .ins-over button {opacity: 0; width: 100%; height: 100%; left: 0; bottom: 0;font-size:0;} /* Main - Tab TM상품 영역 // max-width: 1199px */ .ins-tab .ins-img-box {height:320px;} .ins-tab .ins-box, .ins-tab .cm-link-box {height:150px; background-size: 0;} .ins-tab .cm-link-tit {margin-bottom:17px;} .ins-tab .cm-link li {font-size:16px;} .ins-tab .cm-link li img {max-width: 48px; width: 70%;} .ins-tab .ins-box li:nth-child(1) span.special, .ins-tab .ins-box li:nth-child(2) {font-size:14px; margin-bottom:4px;} /* Main - Board 영역 // max-width: 1199px */ .board .bnr-box ul {background-position-x: 8%;} .numberInfo .nInfo-box {font-size: 14px; padding: 12px 15px; display: inline-block;} .numberInfo .nInfo-box span {position: relative; display: inline-block; margin-top: 6px;} .numberInfo .nInfo-box a {font-size:24px; letter-spacing:-0.07em; top: -1px;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) {margin:0 30px;} div[class*="Banner"].board ul.bnr_kakao {padding: 12px 0 12px;} /* Main - Ranking 영역 // max-width: 1199px */ .ranking ol li {min-width: 340px; font-size: 16px; padding: 15px 25px 15px 50px;} .ranking ol li::before {left: 25px;} .ranking .ins-cm .ranking-tit{padding-left:50px} .ranking.expanded .ins-tm .ranking-tit {padding-left:30px;} } /* max-width: 991px */ @media (max-width: 991px){ .row { margin-right: -5px; margin-left: -5px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-3, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 5px; padding-left: 5px; } /* Main - Tab TM상품 영역 // max-width: 991px */ .ins-tab .ins-tit {font-size:26px} .ins-tab .ins-box, .ins-tab .cm-link-box {height:140px; margin:10px 0 0 0; padding: 18px 17px;} .ins-tab .ins-box li:nth-child(1) {font-size:16px; line-height: 130%; letter-spacing: -0.085em;} .ins-tab .ins-box li:nth-child(1) span.special, .ins-tab .ins-box li:nth-child(2) {font-size: 13px; line-height: 140%; letter-spacing: -0.1em;} .ins-tab .ins-box li:nth-child(2) small {font-size:13px;} .ins-tab .ins-box li:nth-child(3) button {font-size:11px;} .ins-tab .ins-box li.ins-name, .ins-tab .cm-link-tit {font-size:18px;} .ins-tab .ins-box li.ins-name_tm {background:url('../images/common/ic_call_19x19.png') no-repeat 0px 2px; font-size:18px; } .ins-tab .cm-link-tit {margin-bottom:10px;} .ins-tab .cm-link li img {width: 60%;} .ins-tab div[class*="copy"] {margin-top:10px; font-size:18px;} .ins-tab .ins-img-box {height:290px; margin-top:10px} .ins-tab .ins-img-box .ins-box {padding-bottom: 38px;} .ins-tab div.tm-copy a {padding-left:70px;} .ins-tab div.tm-copy a img {left:calc(50% - 250px); top: 7px;} /* Main - Board 영역 // max-width: 991px */ .board .link-box dl dt {margin-bottom:7px;} .board .link-box dl dd {font-size: 14px; letter-spacing: -0.14em;} .board .board-box .board-list li a {font-size:13px;} .board .bnr-box ul {background-position: 2% bottom; background-size: 21%;} .board .bnr-box li:first-child {font-size:16px;} .board .bnr-box li:last-child {font-size:21px;} .board .bnr-box ul.bnr01 li:first-child {font-size:21px;} .board .bnr-box ul.bnr01 li:last-child {font-size:16px;} .numberInfo .nInfo-box {top:-8px; padding: 5px 15px 4px; background-size: 28px; background-position:92% 50%; background-repeat:no-repeat; } .numberInfo .nInfo-box a{left:-1px; top:-3px; font-weight:800; width: 100%; font-size:20px; letter-spacing: -0.06em;} .numberInfo .nInfo-box a b{font-weight:800;} .numberInfo > .row > div:nth-child(2) .nInfo-box{background-image:url(../images/main/num_img01.png);} .numberInfo > .row > div:nth-child(3) .nInfo-box{background-image:url(../images/main/num_img02.png);} .numberInfo > .row > div:nth-child(4) .nInfo-box{background-image:url(../images/main/num_img03.png);} .board .board-box > div:first-child {padding-right: 20px;} .board .board-box > div:last-child {padding-left: 20px;} .board ul.bnr_kakao.bnr_kakaoch li{font-size:15px; line-height:140%;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(1) span.pc_view {display:none;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(1) span.mo_view {display:block;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) {padding: 12px 27px 12px 55px;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(3) {font-size: 15px; background-size: 66px; padding: 13px 0 11px 80px;} /* Main - Ranking 영역 // max-width: 991px */ .ranking ol li {min-width:300px; font-size: 14px; padding: 15px 15px 15px 45px;} .ranking.expanded .ins-cm .col-sm-4{width: 33.33333333%;} .ranking .ins-tm .ranking-tit {background-size: 130px; background-position-x: 100%; font-size: 24px;} .ranking .ins-cm .ranking-tit {padding: 116px 0 0 30px; font-size: 20px;} .ranking.expanded .ins-tm .ranking-tit {padding: 116px 0 0 5px; font-size: 20px;} .ranking.expanded .ins-cm .ranking-tit {background-size: 130px; background-position-x: 100%;font-size:24px;} } @media (max-width:767px){ .main-gnb .header h1 a {position: relative; top: -6px;} .main-container {padding-top:50px;} .main-container .bottom-space {margin-bottom:25px;} .main-footer {padding-bottom:40px;} /* Main - 상단 자동차 전화번호버튼, CM상품 영역 // max-width: 767px */ .main-container .ins-copy {top: -155px;right: 20px;} .main-container .ins-copy .chadori span {background-size: 53px;background-position: 100% 26px;width: 130px;padding: 10px 50px 0 0;font-size: 13px;line-height: 15px;right: -5px;} .main-container .ins-copy .chadori span b {font-size: 15px; padding: 4px 8px 0 0;} .main-container .ins-copy .chadori a {font-size: 19px;padding: 1px 0;width: 120px;letter-spacing: -0.07em;} .main-container .ins-copy .chadori:after {width: 102px;height: 102px;right: 22px;top: -13px;} .main-container .ins .ins-box {top:-10px; border-radius: 8px; padding:12px 13px; height: 85px; margin-bottom: 10px;} .main-container .ins .ins-box:hover {top:-10px;} .main-container .ins li:nth-child(1) {display: block; position: relative; left: 10px;} .main-container .ins li:nth-child(2), .main-container .ins li:nth-child(3) {width:calc( 100% - 85px );} .main-container .ins li:nth-child(2) {font-size:16px;} .main-container .ins li:nth-child(3) {margin:0; font-size: 13px;} /* Main - Tab TM상품 영역 // max-width: 767px */ .ins-tab {padding-top:0; width:100%; position:relative;} .ins-tab:after {position:absolute; content:''; left:0; top:49px; width:100%; height: 1px; background:#ebebeb;} .ins-tab .ins-tit {font-size:24px;} .ins-tab .ins-box {height: 105px; margin-top: 10px; padding: 13px 18px 11px; background-size: 55px; background-position-y: 50%;} .ins-tab .ins-box li:nth-child(1) {font-size:14px;} .ins-tab .ins-box li:nth-child(1) span.recommend {font-size:10px; padding:0 3px;} .ins-tab .ins-box li:nth-child(1) span.special, .ins-tab .ins-box li:nth-child(2) {font-size:13px;} .ins-tab .ins-box li:nth-child(3) {position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; font-size: 0;} .ins-tab .ins-box li:nth-child(3) button {width:100%; height:100%;} .ins-tab .ins-box li:nth-child(2) small {font-size:14px;} .ins-tab .ins-box li.ins-name {font-size:16px; margin:0 0 4px;} .ins-tab .ins-box li.ins-name_tm {font-size:16px; margin:0 0 4px; line-height:22px; width:auto;} .ins-tab .ins-box.cm-box {height:auto;} .ins-tab .ins-box.cm-box li:nth-child(1) span.special, .ins-tab .ins-box.cm-box li:nth-child(2) {font-size:14px; margin-bottom:0;} .ins-tab div[class*="copy"] {padding:15px; letter-spacing: 0.2em;} .ins-tab div.cm_copy strong {letter-spacing: 0.2em;} .ins-tab .nav-tabs {margin-bottom:5px;} .ins-tab .nav-tabs>li:after {display:none;} .ins-tab .nav-tabs>li>a {display:inline-block; font-size:16px;} .ins-tab .nav-tabs>li.active:after, .ins-tab .nav-tabs>li.active:focus:after, .ins-tab .nav-tabs>li.active:hover:after {height:2px;} .ins-tab .nav-tabs>li>a:after {position:absolute; content:''; z-index: 1; left:0; bottom:0; width:100%; height:1px; background:#ebebeb;} .ins-tab .nav-tabs>li.active>a:after, .ins-tab .nav-tabs>li.active>a:focus:after, .ins-tab .nav-tabs>li.active>a:hover:after {position:absolute; content:''; left:0; bottom:0; width:100%; height:2px; background:#ff6600;} .ins-tab .cm-link-box {border: none; padding: 0; height: auto; margin: 15px 0 5px;; display: inline-block; width: 100%;} .ins-tab .cm-link-box .cm-link-tit{display:none;} .ins-tab .cm-link li img {width: 42px;} .ins-tab .cm-link li dt {background:#fef1e6; border-radius:100%; margin:0 auto 4px; padding-top:20px; width:80px; height:80px;} .ins-tab .cm-link li:hover, .ins-tab .cm-link li:focus {top:0;} .ins-tab .ins-img-box .ins-box li.ins-name {margin:3px 0;} .ins-tab .ins-img-box .ins-box li.ins-name_tm {margin:3px 0;} .ins-tab .ins-img-box {height:auto; background:none !important;} .ins-tab .ins-img-box .ins-box {margin-top:0; bottom:auto; top:0; position: relative; background-size: cover; background-position: 100%; padding: 15px 18px;} .ins-tab .ins-img-box .ins-box li:nth-child(1) span {position:relative; top:-2px; left:0;} .ins-tab .ins-img-box.life .ins-box {background-image:url(../images/main/ins_img_life_m.png);} .ins-tab .ins-img-box.cancer .ins-box {background-image:url(../images/main/ins_img_cancer_m.png);} .ins-tab .ins-img-box.child .ins-box {background-image:url(../images/main/ins_img_child_m.png);} .ins-tab .ins-img-box.driver .ins-box {background-image:url(../images/main/ins_img_driver_m.png);} .ins-tab .ins-img-box.income .ins-box {background-image:url(../images/main/ins_img_income_m.png);} .ins-tab div.tm-copy a{padding-left: 55px;} .ins-tab div.tm-copy a img {left: calc(50% - 240px); width: 60px;} .ins-tab .mobile_banner {margin:-8px -20px 10px;} div[class*="Banner"] div[class*="BannerArea"] {position: relative; width: 100%; margin: 0; left: 0;} div[class*="Banner"] div[class*="BannerArea"] .bnr-box {border-radius:0} div[class*="Banner"].board .bannerImg a{margin-top:0;} div[class*="Banner"].board ul.bnr_kakao {padding: 13px 20px; box-sizing: border-box; border-radius:0} div[class*="Banner"].board ul.bnr_kakao.bnr_kakaoch li:nth-child(2){margin-top:10px;} div.topBanner.board {display:none !important;} /* Main - Board 영역 // max-width: 767px */ .board .bnr-box ul {display:block; padding: 7px 20px; background-position: 95% bottom; background-size: auto; text-align:left;} .board .bnr-box ul li {display:block;} .board .bnr-box ul li br {display:block;} .board .bnr-box li:first-child {font-size:14px; margin-top:6px;} .board .bnr-box li:last-child {font-size:18px; line-height: 120%; margin-top: 2px;} .board .bnr-box ul.bnr01 li:first-child {font-size:18px; line-height: 120%; margin-top: 10px;} .board .bnr-box ul.bnr01 li:last-child {font-size:14px; margin-top:2px;} .board .link-box dl {width:100%; float:left; background:#f5f5f5; margin-bottom:10px; border-radius: 5px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;} .board .link-box dl:hover {background-color:#ff6600;} .board .link-box dl dt, .board .link-box dl:hover dt, .board .link-box dl:hover dd {background-color:transparent; color:#fff;} .board .link-box dl dt {width:30%; height: 50px; float:left; margin: 0; background-size: 28px;} .board .link-box dl dd {width:70%;font-size:15px; float:left; margin-top:15px; text-align:left;} .board .board-box > div:first-child {padding-right: 5px;} .board .board-box > div:last-child {padding-left: 5px;} .numberInfo {margin-top:35px;} .numberInfo .nInfo-tit {font-size:18px;} .numberInfo .nInfo-tit span {margin:0;} .numberInfo .nInfo-box {background-size: 40px;} .numberInfo > .row > [class^="col"] {min-height:60px;} #myTabContent .borad .bnr-box .bnr_kakao{background-position:95% bottom;background-size: 22%; height:70px; border-radius:5px;} #myTabContent .board .bnr-box .bnr_kakao li:first-child{margin-top:6px;} .board ul.bnr_kakao.bnr_kakaoch{padding: 14px 20px 0;} .board ul.bnr_kakao.bnr_kakaoch li {display:inline-block; float:left;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) {margin: 16px 0 0; float: right; background-size: 25px; padding: 11px 27px 12px 49px; background-position-y: 10px;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) span.mo_view {display:inline-block !important;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(3) {display:none;} /* Main - Ranking 영역 // max-width: 767px */ .ranking {overflow:initial; height:auto; background:#f5f5f5; padding-bottom:25px;} .ranking .bg {display:none;} .ranking .ranking-tit {display:none;} .ranking .tab-content {display:none;} .ranking.expanded .ins-tm{display:none;} .ranking .mo_view {display:block;} .ranking .mo_view .ranking-tit{display:block; font-size: 21px; letter-spacing: -0.07em; padding:25px 0 35px; background:url(../images/main/ranking_img02.png) 100% 70% no-repeat; background-size:70px;} .ranking .nav-tabs {border:none; background:#e4e4e4; border-radius:5px; overflow:hidden;} .ranking .nav-tabs li {width:50%;} .ranking .nav-tabs li a {width:100%; border:none; margin:0; text-align:center; border-radius:5px; padding:8px;} .ranking .nav-tabs li a:hover {border:none; background:#e4e4e4; color:#444;} .ranking .nav-tabs li.active a {border:none;} .ranking .nav-tabs li.active a {background:#444444; color:#fff;} .ranking .ins-tm, .ranking .ins-cm {height:auto; background: transparent;} .ranking.expanded .ins-cm{display:block;} .ranking .ins-cm .col-sm-7{display:block;} .ranking ol {margin-top:10px;} .ranking ol li{min-width:auto; border-radius: 5px; padding: 7px 10px 7px 40px; margin-bottom:5px; box-shadow:none;} .ranking ol li::before {left: 15px; top: -1px; font-size: 25px; color: #ff6600;} /* Main - cm아이콘 영역 // max-width: 767px */ .tab-content .row .col-md-12 .row .cm-link-box2{display:block;} } @media (max-width:549px){ /* Main - Slide 영역 // max-width: 549px */ .visual {padding-bottom:25px;} .visual .copy-section:before {width:100px; height:100px;} .visual .copy-section:after {right: 12px;top: 9px; width: 74px;height: 74px;} .visual .copy-section .copy {font-size:2.3rem; position:relative;} .visual .copy-section .copy small {font-size:2.3rem;} .visual .copy-section .copy small br {display:block;} .visual .benefit-section .card-box {margin-top:0;} .visual .copy-section .btn-box button span {display:none;} /* Main - 상단 자동차 전화번호버튼, CM상품 영역 // max-width: 549px */ .main-container .ins-copy {top:-160px; right:10px;} .main-container .ins {margin-top:-10px;} .main-container .ins li:nth-child(1) {display: none;} .main-container .ins li:nth-child(2), .main-container .ins li:nth-child(3) {width:100%;} .main-container .ins li:nth-child(2) {font-size:15px;} .main-container .ins li:nth-child(3) {font-size: 12px; display:none;} .main-container .ins .ins-box {height: 45px; text-align: center; padding: 12px; top: -14px;} .main-container .ins .ins-box:hover {top:-14px;} /* Main - Tab TM상품 영역 // max-width: 549px */ .ins-tab .ins-box {margin-top: 8px; height:87px; padding: 10px 13px; background-size: 45px; background-position-y: 85%;} .ins-tab .ins-box li:nth-child(1) {font-size:13px;} .ins-tab .ins-box li:nth-child(1) span.special, .ins-tab .ins-box li:nth-child(2) {font-size:12px; line-height:130%;} .ins-tab .ins-box li.ins-name {font-size:15px; margin: 0 0 2px;} .ins-tab .ins-box li.ins-name_tm {font-size:15px; margin: 0 0 4px; background:url('../images/common/ic_call_16x16.png') no-repeat 0px 0px; line-height:16px; padding-left:20px;} .ins-tab .cm-link li {font-size:14px;} .ins-tab .cm-link li dt{background: none; width: auto; height: auto; padding:0;} .ins-tab .cm-link li img {width:68%;} .ins-tab div[class*="copy"] {margin-top:8px; font-size:16px; letter-spacing: -0.04em;} .ins-tab div[class*="copy"] strong{letter-spacing: -0.02em; } .ins-tab div.tm-copy a {text-align:left; font-size: 15px;} .ins-tab div.tm-copy a strong {display:block; padding-left:0;} .ins-tab div.tm-copy a img {left: 11px; top: 11px; width: 65px;} /* Main - Board 영역 // max-width: 549px */ .board .link-box dl dt {background-size: 24px;} .board .link-box dl dd{font-size: 14px;} .board .bnr-box li:first-child {font-size:13px; margin-top: 7px; display: inline-block;} .numberInfo .nInfo-box {font-size: 13px; background-size:28px;} .board ul.bnr_kakao.bnr_kakaoch {padding:9px; text-align:center;} .board ul.bnr_kakao.bnr_kakaoch li {text-align:center; width:100%; line-height:130%;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(1) span.mo_view {display:inline-block !important;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) {float:none; margin: 4px 8% 0; padding: 6px 19px 6px 42px; font-size: 14px; width: auto; background-size: 22px; background-position: 13px 5px;} div[class*="Banner"].board ul.bnr_kakao {text-align:center; width:100%; line-height:130%; padding:9px;} div[class*="Banner"].board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) {float: none; margin-top: 4px;} } @media (max-width:359px){ .main-container .ins-copy {top: -130px; right:0;} .main-container .ins .ins-box {border-radius: 6px; padding: 8px 10px; height: 38px;} .main-container .ins li:nth-child(2) {font-size: 14px;} .main-container .ins li:nth-child(3) {font-size: 11px; letter-spacing: -0.12em; position: relative; top: -1px;} .visual {padding-bottom:20px;} .visual .copy-section {margin-top:25px;} .visual .copy-section:before {width: 86px; height: 86px; top: -5px;} .visual .copy-section:after {right: 10px; top: 10px; width: 60px; width: 64px; height: 64px;} .visual .copy-section .copy {font-size:2.0rem; position:relative;} .visual .copy-section .copy small {font-size:2.0rem;} .visual .benefit-section .card-box {padding:12px 15px;} .visual .benefit-section .card-box .benefit-tit {font-size:16px;} .visual .benefit-section .card-box .benefit-tit:before {top: 16px;left: 17px;} .visual .benefit-section .card-box p {font-size:13px;} .ins-tab .ins-tit {font-size:20px} .ins-tab .ins-box {padding:10px;} .ins-tab .ins-box.cm-box {padding:10px 13px;} .ins-tab .cm-link li {font-size:14px} .ins-tab .cm-link li dt {margin: 0 auto 3px;} .ins-tab .ins-box {padding: 8px 10px; height: 83px;} .ins-tab .ins-box li:nth-child(1) {font-size:14px; letter-spacing: -0.12em;} .ins-tab .ins-box li:nth-child(1) span.special, .ins-tab .ins-box li:nth-child(2) {font-size: 12px; letter-spacing: -0.13em;} .ins-tab .ins-box.cm-box li:nth-child(1) {font-size:14px;} .ins-tab .ins-box.cm-box li:nth-child(1) span.special, .ins-tab .ins-box.cm-box li:nth-child(2), .ins-tab .ins-box li:nth-child(2) small{font-size:12px;} .ins-tab .ins-box li:nth-child(2) small span {font-size:12px; font-weight:400;} .ins-tab div[class*="copy"] {letter-spacing: -0.06em;} .ins-tab div[class*="copy"] strong{letter-spacing: -0.03em;} .ins-tab div.tm-copy a {font-size: 14px;} .board .link-box dl dt {width: 27%; background-size: 20px; height: 46px;} .board .link-box dl dd {width: 73%;font-size: 13px; margin-top: 14px;} .board ul.bnr_kakao.bnr_kakaoch li:nth-child(2) {margin: 4px 5px 0; width: calc(100% - 10px);} .numberInfo .nInfo-box {background:none !important; padding: 1px 12px 2px;} .numberInfo .nInfo-tit {font-size:16px;} .ranking ol li {letter-spacing: -0.09em;} } @media (min-width: 768px){ .main-container .container {width: 750px; max-width: none; padding-right: 5px; padding-left: 5px;} /* header footer */ .main-gnb .gnb_wrap, .main-gnb .header_logo_calc, .main-gnb .header_ins_calc, .main-gnb .head_util {width: 750px; margin: 0 auto; display: block; padding:0; position: relative;} .main-gnb .header .header_logo_calc h1 {left: 10px; top: 45px; margin:0} .main-gnb .gnb_wrap nav{float: right; width: 65%; padding-right: 3%;} .main-gnb .gnb_wrap nav .gnb {width:100%} .main-gnb .gnb_wrap nav .gnb li {width:24%; float:left;} .main-gnb .gnb_wrap nav .gnb > li:nth-child(1), .main-gnb .gnb_wrap nav .gnb > li:nth-child(3) {width:26%} .main-gnb .gnb_wrap nav .gnb li ul li{width:100%;} .main-gnb .gnb_wrap .gnb_img {position: relative; left: 0; top: 150px; width: 30%;} .main-gnb .gnb_wrap .gnb_img img {width:100%;} .main-gnb .header .calc_list {top:0; right:0px;} .main-gnb .gnb_wrap nav .gnb li.gnb_btn {right:0;} .main-gnb .header .header_ins_calc a.btn_head_calc{display: inline-block; padding-right: 40px; position: absolute; right: 0; top: -32px;} .main-gnb .head_util nav .btn_hanwha_ins {margin-right:0; width:100px;} .main-gnb .header h1 {left:50%; margin: 0 0 0 -365px;} .main-gnb .header h1.h1_direct a img{height:38px} .main-footer .foot_util, .main-footer .footer {width: 750px; margin: 0 auto; display: block; padding-right:0; padding-left:0; position: relative;} #tab_tm {display:block !important;} #tab_cm {display:block !important;} } @media (min-width: 992px){ .main-container .container {width: 970px; max-width: none; padding-right: 10px; padding-left: 10px;} /* header footer */ .main-gnb .gnb_wrap, .main-gnb .header_logo_calc, .main-gnb .header .header_ins_calc, .main-gnb .head_util {width: 970px; margin: 0 auto; display: block; padding-right: 10px; padding-left: 10px; } .main-gnb .header .header_logo_calc h1 {margin: 0; top:50px;} .main-gnb .header .header_ins_calc a.btn_head_calc {right:10px;} .main-gnb .gnb_wrap nav{float: right; width: 70%;} .main-gnb .header .calc_list {top:0; right:10px;} .main-gnb .gnb_wrap nav .gnb li.gnb_btn {right:10px;} .main-gnb .gnb_wrap .gnb_img {top: 145px; width: 27%;} .main-gnb .header h1 {margin: 0 0 0 -475px;} .main-gnb .header h1.h1_direct a img{height:auto;} .main-footer .foot_util, .main-footer .footer {width: 970px; margin: 0 auto; display: block; padding-right: 10px; padding-left: 10px;} } @media (min-width: 1200px){ .main-container .container { width: 1200px; max-width: none; padding-right:22px; padding-left:22px; } #content {padding-bottom:40px;} /* header footer */ .main-gnb .gnb_wrap, .main-gnb .header_logo_calc, .main-gnb .header .header_ins_calc, .main-gnb .head_util { width: 1200px; max-width: none; padding-right: 22px; padding-left: 22px; right: auto; } .main-gnb .header .calc_list {top:0; right:22px;} .main-gnb .gnb_wrap nav .gnb li.gnb_btn {right:22px;} .main-gnb .header .header_ins_calc a.btn_head_calc {right:22px;} .main-gnb .header .header_logo_calc h1 {top:50px; left:22px;} .main-gnb .header h1 {margin: 0 0 0 -578px;} .main-footer .foot_util, .main-footer .footer { width: 1200px; max-width: none; padding-right: 22px; padding-left: 22px; right: initial; } /* 이달의카드혜택 - 현대카드제외 @8093954김수진-220629 */ .visual .benefit-section .card-box.card-box.card-box_li03 {padding:30px 20px 28px;} .visual .benefit-section .card-box.card-box.card-box_li03 li[class*="card"] {padding:3px 0;} .visual .benefit-section .card-box.card-box.card-box_li03 li:first-child {margin-top:0;} .visual .benefit-section .card-box.card-box.card-box_li03 li:first-child:after{display:none; margin-top:0;} .visual .benefit-section .card-box.card-box.card-box_li03 li.txt {margin-top:15px;} .visual .benefit-section .card-box.card-box.card-box_li03 li.nh-card {background-position-y: -17px;} .visual .benefit-section .card-box.card-box.card-box_li03 li.kb-card {background-position-y: -73px;} .visual .benefit-section .card-box.card-box.card-box_li03 li.ss-card {background-position-y: 9px;} .visual .benefit-section .card-box.card-box.card-box_li03 li.hn-card {background-position-x: -122px; background-position-y: -100px;} } /*--------모바일서비스 리뉴얼 -----------*/ /*01모바일서비스 리뉴얼(상단타이틀) */ .mservice_top{width:100%; height:220px; background:#f9f9f9; position:relative;} .mservice_title{position:absolute; top:50%; left:6%; transform:translate(0,-50%);} .mservice_title h4{font-size:26px; font-weight:bold; color:#333; line-height:1.3em;} .mservice_title h4 span{color:#ff6600;} .mservice_title p{margin-top:8px; font-size:15px; color:#333; line-height:1.4em;} .mservice_bg{position:absolute; top:7.5%; left:50%;} /*02모바일서비스 리뉴얼(모바일앱다운로드) */ .mservice_easy_list{border-bottom:1px solid #e9e9e9;} .mservice_easy_list li{width:100%; margin-top:0; border-bottom:0;} .mservice_easy_list li:nth-child(2){border-top:1px solid #e9e9e9;} .mservice_easy_list li>div{display:table; width:100%;} .mservice_easy_list li>div>div{display:table-cell; height:160px; text-align:center; vertical-align:middle; box-sizing:border-box;} .mservice_easy_list li .imgcell{width:18%; background:#f9f9f9; } .mservice_easy_list li .textcell{width:55%;text-align:left; padding:25px; color:#333;} .mservice_easy_list li .textcell strong{font-size:20px; font-weight:600;} .mservice_easy_list li .textcell p{font-size:15px; word-break:keep-all; margin-top:2px; line-height: 1.5em;} .mservice_easy_list li .qrcell{} .mservice_easy_list li .textcell>div{} .mservice_easy_list li>div:after{display:block;content:'';clear:both;} /*03모바일서비스 리뉴얼(홈화면에바로가기만들기) */ .short_cut_list2{margin:0;} .short_cut_list2 > li {padding:0; border-top:0;} .short_cut_list2 li h4{padding-left:0; display:block; width:100%; background:#f9f9f9; border-top:1px solid black; border-bottom:1px solid #e9e9e9; font-weight:bold; font-size:20px; color:#333; text-align:center; padding:12px 0;} .short_cut_list2 li strong:after{display:none;} .short_cut_list2 .use_flow.item03 {padding:40px 20px 20px 20px; border-bottom:1px solid #e9e9e9; margin:0; margin-left:0; box-sizing:border-box;} .short_cut_list2 .use_flow.item03 li{padding-left:0; background:none;} .short_cut_list2 .use_flow.item03 li div figure{position:relative; width:100%;} .short_cut_list2 .use_flow.item03 li div figure img{width:auto;} /*.short_cut_list2 .use_flow.item03 li div figure:after{display:block; content:''; width:18px; height:31px; position:absolute; top:40%; left:0; transform:translateX(-50%); background:url('/images/desk/bg_mservice_arrow.png')no-repeat;}*/ .short_cut_list2 .use_flow.item03 li:first-child div figure:after{display:none;} .short_cut_list2 .use_flow.item03 li div figcaption{font-size:15px; margin-top:8px; color:#333;} .short_cut_list2 .use_flow.item03 li div figcaption strong{margin-top:0; margin-bottom:10px; padding:0; font-size:22px; font-weight:bold; color:#ff6600;} @media screen and (min-width: 768px) and (max-width: 1024px){ .short_cut_list2 .use_flow li .in_wrap figure img{width:auto;} } /*03모바일서비스 리뉴얼(반응형) */ @media (max-width: 767px){ .basic_space{margin-top:50px;} .basic_space h2{margin-bottom:20px;} /*03모바일서비스 리뉴얼(반응형-타이틀) */ .mservice_top{height:420px;} .mservice_title{top:12%; left:50%; transform:translate(-50%,0);} .mservice_title h4{font-size:24px; text-align:center;} .mservice_title p{text-align:center; width:250px; font-size:14px;} .mservice_bg{position:absolute; top:51.5%; left:50%; transform:translate(-45%,0);} /*02모바일서비스 리뉴얼(모바일앱다운로드) */ .mservice_easy_list li .imgcell{width:28%;} .mservice_easy_list li .textcell{width:75%;} .mservice_easy_list li .textcell p{width:100%;} .mservice_easy_list li .qrcell{display:none;} /*03모바일서비스 리뉴얼(반응형-홈화면에바로가기만들기) */ .short_cut_list2 li h4{font-size:22px; padding:20px 0;} .short_cut_list2 .use_flow.item03{margin-bottom:50px; padding:10px 0 0 0;} .short_cut_list2 .use_flow.item03 li{border-top:none; padding:30px 0;} .short_cut_list2 .use_flow.item03 li:first-child{padding:30px 0;} .short_cut_list2 .use_flow.item03 li:after{display:none;} .short_cut_list2 .use_flow.item03 li div figure:after{display:none;} .short_cut_list2 .use_flow.item03 li div figcaption{min-height:inherit; font-size:18px;} .short_cut_list2 .use_flow.item03 li div figcaption strong{min-height:inherit; margin-top:10px; margin-bottom:12px; font-size:28px;} } /*카드택 타이틀*/ .coop_top{position:relative; width:100%; height:170px; background:url('/images/coop/coop_cardbg.png') no-repeat 80%; margin-bottom:20px;} .coop_top .coop_title{position:absolute; top:45%; left:6%; transform:translate(0,-50%); } .coop_top .coop_title h2{font-size:24px; font-weight:bold; color:#333; line-height:1.4em;} .coop_top .coop_title h2 span{color:#ff6600;} .coop_top .coop_title p{margin-top:8px; font-size:15px; color:#333; line-height:1.4em;} /*카드혜택 하단 심의필*/ .coop_num{border-top:1px solid #e9e9e9; width:1120px; margin:0 auto; font-size:13px; padding:15px 0 20px 0;} .coop_num span{color:#304369; display:block; line-height:1.4em;} /* 카드결제 자사 유의사항 */ .coop_notice{margin-top:40px;border: 1px solid #e9e9e9;border-top: 2px solid #000;padding: 30px;} .coop_notice h4{font-size: 19px;color:#222;margin-top: 20px;} .coop_notice h4:first-child{margin-top:0;} .coop_notice ul{margin-top: 10px;} .coop_notice li{font-size: 15px;line-height:1.5em;position: relative;padding-left:10px;color:#333} .coop_notice li:after {position: absolute; top: 12px; left: 0; width: 1px; height: 1px; background: #444; content: '';} .coop_notice .f_org{color:#ff6600;} .coop_notice small {margin: 3px 10px 0; display: inline-block; letter-spacing: -0.04em;} /* 카드결제 유의사항 드롭다운 */ .coopCard .accordion_wrap{width:100%; display:block; margin-top:40px;} .coopCard .accordion{margin-top:16px; border:1px solid #e9e9e9; border-top:none;} .coopCard .accordion_wrap>strong{font-size:18px; color:#333;} .coopCard .accordionTitle {padding: 15px 25px;margin: 0;font-size: 18px;font-weight: 500;letter-spacing: -0.05em;color: #444;cursor: pointer;border-top: 1px solid #e9e9e9;} .coopCard .accordion li:last-child .accordionTitle{border-bottom:0px;} .coopCard .accordion .accordionTitleActive, .coopCard .accordion > li:last-child .accordionTitleActive{border-bottom:1px dashed #e9e9e9;} .coopCard .accordion .item{ margin:0; padding:0;} /* 카드결제 유의사항 드롭다운 Item Icon */ .accIcon {display: flex; float:right; width: 30px; height: 30px; margin-top: -2px; align-items: center; justify-content: center;} .accIcon:before, .accIcon:after {content: '';position: absolute; border-radius: 50px;background-color: #ccc; transition: ease 0.5s all;} .accIcon:before {width: 2px;height: 16px;} .accIcon:after {width: 16px;height: 2px; transition:0.3s;} .coopCard .accordionTitle:hover .accIcon:before, .coopCard .accordionTitle:hover .accIcon:after {background-color: #555;} .coopCard .accordionTitleActive .accIcon:before, .coopCard .accordionTitleActive .accIcon:after {background-color: #555;} .coopCard .accordionTitleActive .accIcon:before{display:none;} /* 카드결제 유의사항 Text Content */ .coopCard .accordion .item .text {opacity: 0; height: 0;padding: 0px 24px;position: relative;line-height: 1.6em; font-size: 14px; font-weight: 400; transition: all 0.5s cubic-bezier(0.42, 0.2, 0.08, 1); overflow: hidden; letter-spacing: -0.02em} .coopCard .accordion .item .text.show {box-sizing:border-box;opacity: 1;height: auto;padding: 20px 30px 30px;position: relative;z-index: 0;} .coopCard .accordion .item .text ul li{position:relative; padding-left:10px;} .coopCard .accordion .item .text ul li.bold{font-weight:600} .coopCard .accordion .item .text ul li:after {position: absolute; top: 12px; left: 0; width: 1px; height: 1px; background: #444; content: '';} .coopCard .accordion li:last-child.item .text.show{border-bottom:0px solid #e9e9e9;} /* 카드결제 유의사항 - 내용*/ .coopCard .accordion .text dl{margin-bottom:6px;} .coopCard .accordion .text dl dt{width:66px; padding:2px; box-sizing:border-box; text-align:center; font-weight:600; border-radius:3px; background:#f9f9f9; display:block; float:left;} .coopCard .accordion .text dl dd{width:calc(100% - 66px); box-sizing:border-box; float:left; padding-left:12px; margin-top:2px; word-break:keep-all; line-height: 1.4em} .coopCard .accordion .text dl:after{content:''; display:block; clear:both;} /* 카드발급 부분 유의사항 2 - */ .coopCard .accordion2{width:100%; display:block; margin-top:40px; float:left;} .coopCard .accordion2 .accordionTitleActive{border-bottom: 1px dashed #e9e9e9;} .coopCard .accordion2 .item .text.show{border-bottom:0px solid #e9e9e9;} /*카드결제혜택*/ .coop_conbox{padding: 35px 0 50px;} .coop_conbox:after{content:''; display:block; clear:both;} .coop_textbox,.coop_imgbox{float:left; } .coop_textbox{width: 54%;word-break:keep-all;float: right;} .coop_imgbox{position:relative;width: 40%;float: left;text-align: center;} .coop_imgbox img{border-radius:10px; width:240px;} .coop_textbox strong{font-size:24px; line-height: 120%; color:#222; margin-bottom:15px; display:block;} .coop_textbox span{font-weight:500;} .coop_textbox dl{margin-left:2px; margin-top:10px;} .coop_textbox dl:after{content:''; display:block; clear:both;} .coop_textbox dl dt{font-size:14px; line-height:1.4em; font-weight:500; color:#666; margin-bottom: 3px;} .coop_textbox dl dd{font-size:15px; font-weight:500; color:#222; line-height:1.3em;} /*카드결제혜택*/ .coop_conbox02{width:100%; padding:0; display:inline-block; box-sizing:border-box; position:relative; background:#f4f4f4;} .coop_conbox02:before{position:absolute; left:0; top:50%; width:100%; height:1px; content:''; background: #eaeaea;} .coop_conbox02:after{position:absolute; left:50%; top:0; width:1px; height:100%; content:''; background: #eaeaea;} .coop_conbox02.coop_li03:before {left:33.33%; top:0; width:1px; height:100%;} .coop_conbox02.coop_li03:after{left:66.66%;} .coop_conbox02 li {width:50%; float:left; box-sizing:border-box; padding:35px;} .coop_conbox02.coop_li03 li {width:33.333%;} .coop_conbox02.coop_li02:before {display:none;} .coop_conbox02:after{content: ''; display:block; clear:both;} .coop_imgbox02{width:250px; height:80px; background:#fff; border-radius:10px; position:relative; left:50%; transform:translate(-50%,0)} .coop_conbox02.coop_li03 .coop_imgbox02 {width:auto;} .coop_imgbox02 img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:160px;} .coop_textbox02{margin-top:12px; text-align:center; font-size:18px; font-weight:800; color:#333;} .coop_textbox02 p{font-size:15px; font-weight:500; color:#666;} /*카드결제혜택 리디자인 - 8094527 이동현*/ .coop_conbox03{width:100%; padding:0; display:inline-block; box-sizing:border-box; position:relative;} .coop_conbox03 li {box-sizing:border-box; padding:30px; border: solid 1px #e9e9e9; border-radius: 20px; margin-bottom: 40px;} .coop_imgbox03{width:200px; height:50px; position:relative; margin-bottom: 10px;} .coop_imgbox03 img{position:absolute; width:200px;} .coop_textbox03{display:flex;} .coop_textbox03 .benefit{width:35%;} .coop_textbox03 .benefit h4{font-size:19px; color:#2b2b2b; margin-top:20px; margin-bottom:10px;} .coop_textbox03 .benefit b{font-size:19px; color:#ff6600; margin-bottom:10px;} .coop_textbox03 .benefit b br{display:none;} .coop_textbox03 .benefit p{font-size:16px; color:#333333; font-weight: 500;} .coop_textbox03 .benefit a{font-size:26px; font-weight: 500;} .coop_textbox03 .card-notice{width:65%;} .coop_textbox03 .card-notice h4{font-size:19px; color:#2b2b2b; margin-top:20px; margin-bottom:5px;} .coop_textbox03 .card-notice ul{margin-top: 5px;} .coop_textbox03 .card-notice li{font-size: 15px; line-height:1.5em; position: relative; padding-left:10px; color:#444; box-sizing: border-box; border: none; padding: 0 0 0 10px; margin-bottom: 0px;} .coop_textbox03 .card-notice li.bold {font-weight:bold;} .coop_textbox03 .card-notice li:after {position: absolute; top: 12px; left: 0; width: 1px; height: 1px; background: #444; content: '';} /*카드발급 이미지 써클*/ .coop_imgbox .card_circle{width:80px; height:80px; border-radius:50%; background:#222; right:10px; bottom:-10px; position:absolute; text-align:center;} .coop_imgbox .card_circle p {color:#fff; font-size:17px; font-weight:600;} .coop_imgbox .card_circle p span{font-size:12px; font-weight:400; display:block; margin-top:18px; line-height:1.3em} @media (max-width: 1150px){ .coop_textbox03 .benefit b br{display:block;} } @media (max-width: 768px){ /*타이틀*/ .coop_top{display:none;} /*카드결제혜택*/ .coopCard .accordion_wrap {margin-top:30px;} .coop_conbox02{padding:0; background:none;} .coop_conbox02:before, .coop_conbox02:after {display:none;} .coop_conbox02 li{width:100%; border:0px; padding:0;} .coop_conbox02 li:nth-child(odd){border-right:0;} .coop_conbox02 li:nth-last-child(2){} .coop_conbox02 li:last-child{border-bottom:0;} .coop_conbox02 li:last-child .coop_textbox02 {border-bottom:none;} .coop_conbox02.coop_li03 li {width:100%;} .coop_imgbox02{width:100%; height:80px; background:#f4f4f4;} .coop_imgbox02 img{width:50%; max-width:170px;} .coop_textbox02 { font-size: 17px; letter-spacing: -0.07em; line-height: 1.5em; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ddd; } .coop_textbox02 p {font-size:15px; letter-spacing: -0.05em;} .coop_notice {padding: 20px 20px 25px; margin:0} .coop_notice h4 {font-size:17px;} .coop_notice li {font-size: 14px;word-break: keep-all;} /* 카드결제 유의사항 드롭다운 */ .coopCard .accordionTitle {padding:10px 20px; font-size:16px;} .coopCard .accordion .item .text.show {padding: 15px 15px 20px;} /*카드발급혜택*/ .coop_textbox{width:100%;} .coop_textbox strong {font-size:20px; margin-bottom:15px;} .coop_conbox{padding:0;} .coop_imgbox{margin-top:50px; width:100%; text-align:center; padding:30px 0; background:#f4f4f4; border-radius:10px; margin-bottom:20px;} .coop_imgbox img{width:60%; max-width:260px;} .coop_imgbox .card_circle{width:60px; height:60px; right:35px; bottom:20px;} .coop_imgbox .card_circle p {font-size:16px;} .coop_imgbox .card_circle p span {margin-top: 14px;line-height: 0.9em;} .coop_conbox .accordion .text dl dd{width:60%;} .basic_space02 > div:first-child > div.coop_imgbox:first-child {margin-top:0;} /*카드결제혜택 리디자인 - 8094527 이동현*/ .coop_conbox03 li {padding:20px; margin-bottom: 30px;} .coop_textbox03{display:flex; flex-direction: column;} .coop_textbox03 .benefit{width:100%;} .coop_textbox03 .benefit h4{font-size:17px; margin-top:20px; margin-bottom:10px;} .coop_textbox03 .benefit b{font-size:24px; margin-bottom:10px;} .coop_textbox03 .benefit b br{display:none;} .coop_textbox03 .benefit p{font-size:24px;} .coop_textbox03 .card-notice{width:100%;} .coop_textbox03 .card-notice h4{font-size:17px; margin-top:20px; margin-bottom:5px;} .coop_textbox03 .card-notice li{font-size: 14px;} /* 카드발급 부분 유의사항 2 - */ .coopCard .accordion2{margin-top:20px;} } /* 2022.02.15 메인 cm max width 549 변경 */ .main-container .ins-new{margin-top:-37px;padding-bottom:35px;} .main-container .ins-new>.container{position:relative;padding:10px 22px 0;} .main-container .ins-new>.container::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:130px;/* background:#ffe8d9; */visibility:visible;z-index:1;} .main-container .ins-new .ins-box{position:relative;width:100%;height:110px;padding:16px 10px 0 12px;z-index:3;background:#fff;border-radius:10px;box-shadow:0 2px 5px 0.1px rgba(0,0,0,.1);overflow:hidden;} .main-container .ins-new .ins-box:hover{box-shadow:0 2px 5px 0.1px rgba(0,0,0,.25);} .main-container .ins-new .ins-box li{position:relative;} .main-container .ins-new .ins-box li:nth-child(1){position:absolute;top:51px;left:12px;width:48px;height:48px;} .main-container .ins-new .ins-box li:nth-child(1) img{width:100%;} .main-container .ins-new .ins-box li:nth-child(2){width:100%;line-height:20px;font-size:20px;color:#f60;font-weight:600;text-align:center;} .main-container .ins-new .ins-box span[class^='emblem']{position:absolute;top:0;right:10px;width:30px;height:0;background-repeat:no-repeat;background-size:100%;overflow:hidden;} .main-container .ins-new .ins-box span.emblemBest {padding-top:22px;background-image:url(../images/main/emblem_best.png);} .main-container .ins-new .ins-box span.emblemNew {padding-top:22px;background-image:url(../images/main/emblem_new.png);} .main-container .ins-new .ins-box span.emblemHot {top:10px;padding-top:14px;background-image:url(../images/main/emblem_hot.png);} .main-container .ins-new .ins-box li:nth-child(3){width:calc( 100% - 60px );float:right;line-height:1.2em;font-size:15px;margin-top:20px;color:#666;letter-spacing:-0.075em;text-align:left;} @media (max-width: 1199px){ .main-container .ins-new .ins-box li:nth-child(1){position:static;display:block;margin:0 auto;margin-top:8px;} /* .main-container .ins-new li:nth-child(2){width:100%;margin-top:7px;line-height:20px;font-size:15px;color:#333;letter-spacing:-0.05em;} */ .main-container .ins-new .ins-box li:nth-child(2){width:100%;margin-top:5px;line-height:20px;font-size:15px;color:#333;letter-spacing:-0.05em;} .main-container .ins-new .ins-box li:nth-child(2) .responsive_txt, .main-container .ins-new .ins-box li:nth-child(3){display:none;} } @media (max-width: 991px){ .main-container .ins-new .ins-box li:nth-child(1){position:static;display:block;margin:0 auto;margin-top:8px;} .main-container .ins-new .ins-box li:nth-child(2) .responsive_txt, .main-container .ins-new .ins-box li:nth-child(3){display:none;} } @media (max-width: 360px) { .main-container .ins-new>.container::before{height:114px;} .main-container .ins-new .ins-box{height:94px;padding:16px 4px 0;} .main-container .ins-new .ins-box li:nth-child(1){width:38px;height:38px;} .main-container .ins-new .ins-box li:nth-child(2){font-size:14px;} } @media (min-width: 768px){ .main-container .ins-new .swiper-button-next, .main-container .ins-new .swiper-button-prev {display: none;} .pc_view_none{display: none;} } @media (max-width: 767px){ .main-container .ins-new{padding-bottom:5px; margin-top: -40px;} .main-container .ins-new>.container{padding:10px 30px 0;} .main-container .ins-new .swiper-button-next, .main-container .ins-new .swiper-button-prev {display: block; top: calc(50% + 9px);} .main-container .ins-new .ins-box{height: 100px; padding: 8px } .header .calc_list ul {height: 335px; overflow: auto;} } @media (max-width: 549px){ .main-container .ins-new{margin-top: -50px;} } @media (max-width: 460px){ .coop_imgbox03{width:180px; height:40px; position:relative;} .coop_imgbox03 img{position:absolute; width:180px;} .coop_conbox03 li {padding:20px; margin-bottom: 20px; border-radius: 15px;} .coop_textbox03 .benefit h4{font-size:17px; margin-top:20px; margin-bottom:5px;} .coop_textbox03 .benefit b{font-size:22px; margin-bottom:10px;} .coop_textbox03 .benefit b br{display:block;} .coop_textbox03 .benefit p{font-size:22px;} } .main-container .ins-new .swiper-container{padding-bottom:10px;} .main-container .ins-new .swiper-button-next, .main-container .ins-new .swiper-button-prev {color:#000; text-shadow:none;} .main-container .ins-new .swiper-button-next:after{position:absolute;right:0;} .main-container .ins-new .swiper-button-next:after, .main-container .ins-new .swiper-button-prev:after {font-size:20px;} /* mediaStyle 제휴처마다 화면수정 : 로고만 유지 및 퀵메뉴 안보임 */ header.header.mediaStyle h1 a {cursor: initial;} header.header.mediaStyle .btn_mo_gnb, header.header.mediaStyle .header_ins_calc {display:none;} .quick_menu.mediaStyle {display:none !Important;} header.header.mediaStyle .mo_gnb_wrap { max-width: 1120px; margin: 0 auto; text-align: right; } header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 {float:right; width: 60%; text-align:right;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 li {width:33.333333%; text-align:center; padding:26px 0; display:inline-block; position:relative;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 li a {font-size:18px; color:#333; font-weight:500;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 li.active a {color:#ff6600; font-weight:bold;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 li a:hover{color:#ff6600;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 {float:right; width: 60%; text-align:right;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li {width:16.666666%; text-align:center; padding:26px 0; display:inline-block; position:relative;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li a {font-size:18px; color:#333; font-weight:500;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li.active a {color:#ff6600; font-weight:bold;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li a:hover{color:#ff6600;} @media (min-width: 768px){ header.header.mediaStyle {height:78px;} header.header.mediaStyle h1 {top:19px;} header.header.mediaStyle::after {display:none;} } @media (max-width: 767px){ header.header.mediaStyle .mo_gnb_wrap { width: 100%; height: 44px; float: none; position: absolute; background: #f6f6f6; top: 50px; left: 0; padding: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 {width:100%;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 li {padding:0;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li03 li a {width:100%; padding:8px; font-size:16px; box-sizing:border-box;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 {width:100%; box-sizing: border-box; padding: 1px 10px;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li {padding:0;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li:nth-child(1) {width:14%} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li:nth-child(2) {width:17%;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li:nth-child(3) {width:17%;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li:nth-child(4) {width:10%;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li:nth-child(5) {width:21%;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li:nth-child(6) {width:21%;} header.header.mediaStyle .mo_gnb_wrap ul.mediaStyle_li06 li a {width:100%; padding:8px 0; font-size:16px; box-sizing:border-box;} } /* 20221219 장기TM상품 레이아웃 변경 추가 css @8093954 김수진 */ .product_visual_wrap.visual_ver3 {height: 410px;background-size: cover;background-position:center;font-family:'NotoSansKR','맑은 고딕','Malgun Gothic';background: #ffe7d9;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title {top:0; position:relative;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title .ins {background: #fff;padding: 7px 17px;position: relative;color: #444;font-size: 15px;font-weight: 500;line-height: normal; display: inline-block;letter-spacing: -0.04em;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title .ins span {color: #ff6600;padding-left: 14px;position:relative;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title .ins span:after {content:'';position:absolute;left:8px;top: 6px;width:1px;height:10px;background: #eaeaea;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title h1 {color: #666; font-size: 22px;margin: 15px 0 5px;letter-spacing: -0.06em;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title p {font-size: 38px; color: #000; line-height: 120%; font-family:'NotoSansKR','맑은 고딕','Malgun Gothic'; font-weight: 500; letter-spacing: -0.045em;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title small {font-weight:300; word-break: normal;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title small.small {font-size: 0.65em; letter-spacing: -0.07em; position: absolute; margin-top: 3px;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title b {font-weight:800; color:#ff6600;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title em {font-style: italic;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title ul {display: inline-block; padding: 20px 30px 10px 20px; background: #fff; border-radius: 5px;} .product_visual_wrap.visual_ver3 .product_calc_wrap .product_calc {width:413px;height:391px;background: url(/images/ins/product_calc_bg.png) no-repeat right 0;padding: 78px 25px 10px 138px;top: 10px;} .product_visual_wrap.visual_ver3 .product_calc.tm .calc_step01 .total_info {font-size: 28px; font-weight: bold; margin: 0; padding-top: 23px;} .product_visual_wrap.visual_ver3 .product_calc.tm .calc_step02 {height:275px; overflow: hidden;} .product_visual_wrap.visual_ver3 .product_calc.tm .calc_step02 .total_info {font-size: 21px; font-weight: 500; line-height: 140%; margin-top:5px;} .product_visual_wrap.visual_ver3 .product_calc.tm .calc_step02 .total_info strong {font-size: 30px; line-height: 33px; letter-spacing: -0.05em;} .product_visual_wrap.visual_ver3 .product_calc.tm .calc_step02 ul {margin-top:15px; padding-top:10px; display:block;} .product_visual_wrap.visual_ver2 .product_calc.tm .calc_step02 .btnC {display:none;} .product_visual_wrap.visual_ver3 .product_calc.tm input{ border: none; background:#fff; box-sizing: border-box; letter-spacing: -0.05em; border-bottom: 1px solid #ddd; box-sizing: border-box; border-radius: 0; text-align: left; width:100%; height: 40px; position: relative; font-size:14px; margin-top: 4px; padding: 9px 0 10px 4px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; } .product_visual_wrap.visual_ver3 .product_calc.tm input:focus { border-bottom: 2px solid #000; padding-top: 10px; color: #333; } .product_visual_wrap.visual_ver3 .product_calc.tm input#custNm {width: calc( 100% - 134px );float:left; margin-top:0;} .product_visual_wrap.visual_ver3 .product_calc.tm label.radio {position: relative; background:none; display: inline-block;padding-left: 26px;font-size: 14px;letter-spacing: -0.05em;cursor: pointer;line-height: 38px;font-weight: 500;color: #333;vertical-align: middle;width: 57px; margin: 0 0 0 10px;} .product_visual_wrap.visual_ver3 .product_calc.tm label.radio > span{display:block;position: absolute;width: 24px;height: 24px;margin-right:5px;border: 1px solid #d9d9d9;background: #fff;border-radius: 20px;left: 0;top: 8px;box-sizing: border-box; transition: 0.3s;-webkit-transition: 0.3s; -o-transition: 0.3s;} .product_visual_wrap.visual_ver3 .product_calc.tm label.radio > span:after {content:'';position:absolute;width: 8px;height: 8px;background: #eee;left: 7px;top: 7px;border-radius: 10px; transition: 0.3s;-webkit-transition: 0.3s; -o-transition: 0.3s;} .product_visual_wrap.visual_ver3 .product_calc.tm label.radio.on > span {border-color:#333; background:#333;} .product_visual_wrap.visual_ver3 .product_calc.tm label.radio.on > span:after {background:#fff;} .product_visual_wrap.visual_ver3 .product_calc.tm .input_user_info {margin:8px 0 15px;} .product_visual_wrap.visual_ver3 .product_calc.tm .input_user_info .select_sex {width:134px;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a {width: calc( 50% - 5px ); border:none; border-radius: 0; height:50px; line-height:49px; font-size:16px; float:left; margin:0} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a:first-child {background-color:#777; border-color:#777; color:#fff;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a:nth-child(2) {margin-left:10px; background-color:#ff6600; border-color:#ff6600; color:#fff;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a.btn_kakao {position: absolute; top: 15px; left: 113px; width: 150px; border-radius: 30px; padding-right: 15px; font-weight: bold; color: #391b1b; box-shadow: 2px 3px 0 rgb(198 53 0 / 10%);} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a.btn_kakao span {display:none;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a.btn_kakao img {width:50px; padding:0; position:relative; top:-2px;} .product_visual_wrap.visual_ver3 .pro_title {padding: 0 460px 0 0;} .product_visual_wrap.visual_ver3 .pro_title li { position: relative; font-size: 18px; color:#333; margin-bottom: 10px; padding-left: 29px; word-break: keep-all; line-height: 130%; letter-spacing: -0.1em; } .product_visual_wrap.visual_ver3 .pro_title li > b { color:#f37320; } .product_visual_wrap.visual_ver3 .pro_title li:before { position: absolute; left: 13px; top: 4px; width: 3px; height: 15px; background: #f37321; content: ''; transform: rotate(45deg); z-index: 1; } .product_visual_wrap.visual_ver3 .pro_title li:after { position: absolute; left: 6px; top: 9px; width: 3px; height: 10px; background: #f37321; content: ''; transform: rotate(135deg); } .product_visual_wrap.visual_ver3 .pro_title li i { position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 3px solid #ddd; border-radius: 10px; text-indent: -9999px; } .addcontainer ul.features_product li:last-child { border-bottom: none; margin: 0; padding-bottom: 0; } .addcontainer ul.features_product { display:block; background: #f4f4f4; padding: 25px; border-radius: 20px; max-width: 480px; } .addcontainer ul.features_product li { position: relative; font-size: 18px; color:#333; margin-bottom: 10px; padding-left: 29px; word-break: keep-all; line-height: 130%; letter-spacing: -0.1em; text-align: left; text-indent: 0; border-bottom: 1px dashed #ddd; padding-bottom: 10px; } .addcontainer ul.features_product li:last-child{ border-bottom:none; } .addcontainer ul.features_product > b { color:#f37320; } .addcontainer ul.features_product i:before { position: absolute; left: 10px; top: -2px; width: 3px; height: 15px; background: #f37321; content: ''; transform: rotate(45deg); z-index: 1; } .addcontainer ul.features_product i:after { position: absolute; left: 3px; top: 3px; width: 3px; height: 10px; background: #f37321; content: ''; transform: rotate(135deg); } .addcontainer ul.features_product i { position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 3px solid #ddd; border-radius: 10px; text-indent: -9999px; } .product_visual_wrap.visual_ver3.child .product_calc.tm .input_user_info .select_sex {width:134px; margin-top:4px;} .product_visual_wrap.visual_ver3.child .product_calc.tm input.input_birth {width: 100%;} .product_visual_wrap.visual_ver3.child .product_calc.tm input.input_birth2 {width: calc( 100% - 134px ); float: left; margin-top: 0;} .product_visual_wrap.visual_ver3.child .product_calc.tm input#custNm {clear:both; margin-top:4px;} .new_layer_counsel .input_wrap.input_inquiry > .infoNext {display:block;} @media(min-width:768px) { .product_visual_wrap.visual_ver3.child .product_calc.tm .calc_step01 .total_info {position: absolute; left: 119px; top: 12px; font-size: 23px; letter-spacing: -0.1em;} .product_visual_wrap.visual_ver3.child .product_calc.tm .input_user_info {margin-top: 26px;} .product_visual_wrap.visual_ver3 .product_calc_wrap {display:flex; align-items:center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a.btn_kakao {display:none;} } @media(max-width:1199px) { .product_visual_wrap.visual_ver3 .pro_title {padding-left:30px;} .product_visual_wrap.visual_ver3 .product_calc_wrap .product_calc{right:30px;} } @media(max-width:991px) { .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title h1{font-size: 20px; margin: 15px 0 5px;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title p {font-size: 33px; word-break: keep-all;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title p br {display:none;} } @media(max-width:767px) { .product_visual_wrap.visual_ver3 {height:auto;} .product_visual_wrap.visual_ver3 .product_calc_wrap .product_calc {clear: both; margin: 15px 15px 70px; padding: 20px; border-radius:25px; width: calc( 100% - 30px ); height: auto; background: #fff; border: 2px solid #000;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title {padding:30px 15px 0;} .product_visual_wrap.visual_ver3 .product_calc.tm .calc_step01 .total_info {padding:0; font-size:26px;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title .ins {padding: 5px 13px; font-size: 14px; border-radius: 0;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title h1 {font-size:18px; margin:10px 0 4px;} .product_visual_wrap.visual_ver3 .product_calc_wrap .pro_title p {font-size:25px;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a {width:50%; font-size: 16px;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a.btn_kakao {width: 100%; font-size:18px; left: 0; top: inherit; bottom: 0; border-radius: 0;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a.btn_kakao span {display:inline-block;} .product_visual_wrap.visual_ver3 .product_calc.tm .btnC a:nth-child(2) {margin:0;} .sub_con .features_section ul.features_product {padding:20px;} .addcontainer ul.features_product li {font-size:16px;} } .cm_con_wrap.tab_con_wrap .product_info > li > a .point{width: 100%;} .cm_con_wrap.tab_con_wrap .product_info > li > a .thumb_info{width: 0;} @media screen and (max-width: 767px) { .cm_con_wrap.tab_con_wrap .product_info > li > a .point{height: auto; line-height: 1.3; min-height: 60px; display: flex; align-items: center;} }