/*****************************************************************
  Layout - Header, Container
*****************************************************************/
#wrap > header{position: fixed;top: 0;left: 0;width: 100%;height: 45px;z-index: 25;background: #fff;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);}
#wrap header h1{background: none;width: 100%;height: 45px;}
#wrap header h1 a{position:relative;display:inline-block;width:145px;height:45px;background:url('../images/common/logo.png') center center no-repeat;background-size:119px 25px}
#wrap > header .util{top: 0;right: 10px;}
#wrap > header .util > a{float: left;padding: 12px 9px;width: 37px;height: 45px;}
#wrap > header .hamburger{position: absolute;left: 0;top: 0;padding: 14px 15px;z-index: 2;}
#wrap > header .hamburger-box{width: 22px;height: 16px;}
#wrap > header .hamburger-inner, #wrap > header .hamburger-inner::before, #wrap > header .hamburger-inner::after{height: 2px;width: 22px;background: #444;}
#wrap > header .hamburger-inner::before{top: -6px;}
#wrap > header .hamburger-inner::after{bottom: -6px;}

#container{margin: 0;padding-top: 45px;}

/*****************************************************************
  Layout - Footer
*****************************************************************/
#footer{background: #333;padding: 20px 23px;text-align: center;letter-spacing: -0.025em;}
#footer a{color:#fff}
#footer .footer_menu{border-bottom: 1px solid #444;padding-bottom: 20px;margin-bottom: 20px;font-size: 12px;line-height: 23px;}
#footer .footer_menu a{display: inline-block;position: relative;padding-right: 8px;margin-right: 7px;color:#eee;}
#footer .footer_menu a::before{position: absolute;content: '';right: 0;top: 7px;background: #9e9e9e;width: 1px;height: 10px;}
#footer .footer_menu a:last-child{padding-right: 0;margin-right: 0;}
#footer .footer_menu a:last-child::before{display: none;}
#footer .footer_info{font-size: 9px;letter-spacing: -0.025em;}

/*****************************************************************
  Layout - Common
*****************************************************************/
.sp{padding: 25px 15px;border-bottom: 1px solid #e1e1e1;}
.sp:last-of-type{padding-bottom: 0;border-bottom: 0;}
.bd0{border: 0 !important;}
.bdt_1{border-top: 1px solid #e1e1e1;}
.bdt_7{border-top: 7px solid #e1e1e1;}
.bdt_10{border-top: 10px solid #e8edf4;}

/*****************************************************************
  Element Style
*****************************************************************/
.hidden, .no_scroll {overflow: hidden}
.scroll_wrap{overflow: hidden;z-index: 0;position: relative;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 50px;background: #fff}
.scroll_wrap > div{overflow-x: auto;}

.ac{text-align: center;}
.ar{text-align: right;}
.text_sm{font-size: 12px;line-height: 18px;}
.text_indent{text-indent: -15px;padding-left: 15px;}
.text_indent_inside{text-indent: -9px;}
.normal{font-weight: normal;}
.bold{font-weight: bold;}
.required{position: relative;display: inline-block;color:#445bcd;top: 4px;margin: 0 3px;}
.font_size15{font-size: 15px;}

/*****************************************************************
  Layout - 청약
*****************************************************************/
.offer_container #container{padding-top: 0;}
.offer_container #footer, .offer_container .floating{display: none;}
.offer_container header{position: relative;left: 0;top: 0;width: 100%;z-index: 3;}

/*****************************************************************
  Layout - 단체청약
*****************************************************************/
#wrap.group_off > header{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-bottom: 1px solid #ccc;}
.group_off .product_title{position: relative;line-height: 38px;}
.group_off .bgimg_groupoffer{position: relative;height: 170px;padding-top: 15px;background-image: url('../images/offer/bgimg_groupoffer.jpg');background-size: cover;z-index: 2;}
.group_off footer{position: fixed;width: 100%;bottom: 0;}

/*****************************************************************
  Common - Margin / Padding
*****************************************************************/
.mtb5{margin-top: 5px;margin-bottom: 5px !important;}

.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt8{margin-top: 8px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt17{margin-top: 17px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}

.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}

.ml0{margin-left: 0px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}

.pd0{padding: 0 !important;}
.pd20{padding: 20px !important;}
.pd25{padding: 25px !important;}

.pdlr15{padding: 0 15px !important;}
.pdlr20{padding: 0 20px !important;}
.pdtb25{padding: 25px 0 !important;}
.pdlr0{padding-left:0 !important;padding-right:0 !important;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}

.pl0{padding-left: 0 !important;}
.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px !important;}
.pr0{padding-right: 0 !important;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px !important;}

.pb0{padding-bottom: 0 !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb50{padding-bottom: 50px !important;}
.pb100{padding-bottom: 100px !important;}


.ta_l {text-align: left !important}
.ta_r {text-align: right !important}
.ta_c {text-align: center !important}

.ft_17 {font-size:17px !important;}
.ft_18 {font-size:18px !important;} 
.ft_19 {font-size:19px !important;} 
/*****************************************************************
  Common - Color
*****************************************************************/
.primary_color{color:#445bcd}
.hotpink{color:#e82f59 !important;} /*2022-08-31*/

.bg_white{background: #fff;}
.bg_lightsky{background: #e8edf4;}
.bg_lightsky2{background: #f0f2f4;}
.bg_darksky{background:#003c7e;}

/*****************************************************************
  Common - Tag / Tooltip
*****************************************************************/
.tag{display: inline-block;padding: 4px 0;width: 38px;text-align: center;border: 1px solid #445bcd;border-radius: 15px;vertical-align: middle;font-size: 11px;font-weight: 500;}
.tag.cobalt{border-color: #445bcd;color:#445bcd;}
.tag_num{display: inline-block;width: 40px;height: 20px;font-family: 'Roboto';font-size: 11px;color:#fff;background: #37404e;border-radius: 10px;text-align: center;font-weight: bold;margin-bottom: 5px;}
.tooltip{position: relative;display: inline-block;background: #445bcd;border-radius: 50%;width: 14px;height: 14px;vertical-align: middle;line-height: 10px;text-align: center;top: -1px;}
.circle_num{display: inline-block;border-radius: 50%;background: #37404e;width: 15px;height: 15px;line-height: 17px;font-family: 'Roboto';font-size: 12px;text-align: center;vertical-align: middle;color:#fff;margin-right: 7px;text-indent: 0;}

/*****************************************************************
  Common - Icon
*****************************************************************/
i.sprite{position: relative;display: inline-block;vertical-align: middle;text-indent: -9999px;font-size: 0;background: url('../images/common/sprite_map.png') no-repeat;background-size: 500px 500px;}
i.sprite2{position: absolute;display: block;background: url('../images/common/sprite_map.png') no-repeat;background-size: 500px 500px;}
i.cart{background-position:-8px -7px;width: 18px;height: 18px;}
i.fortune{background-position: -35px -7px;width: 19px;height: 19px;}
/*20190528추가*/
i.icon_cart{width:34.5px;height:31px; position: relative;display: inline-block;vertical-align: middle;text-indent: -9999px;font-size: 0;background: url('../images/common/icon_cart.png') no-repeat;background-size:90%;}
i.icon_fortune{width:34.5px;height:31px; position: relative;display: inline-block;vertical-align: middle;text-indent: -9999px;font-size: 0;background: url('../images/common/icon_fortune.png') no-repeat;background-size:81%;}
/**/
i.home{background-position:-61px -4px;width: 22px;height: 21px;}
i.closed_lg{background-position:-90px -6px;width: 17px;height: 18px;}
i.calculator_w{background-position:-6px -34px;width: 12px;height: 15px;}
i.phone_w{background-position:-26px -29px;width: 16px;height: 22px;}
i.phone_w_sm{background-position:-164px -106px;width: 13px;height: 17px;}
i.talk_w{background-position:-49px -29px;width: 24px;height: 23px;}
i.call_w{background-position:-80px -27px;width: 24px;height: 24px;}
i.fortune_w{background-position:-112px -29px;width: 22px;height: 23px;}
i.plus_lg_w{background-position:-141px -30px;width: 22px;height: 22px;}
i.plus_lg{background-position:-167px -33px;width: 16px;height: 16px;}
i.calculator{background-position:-6px -54px;width: 12px;height: 17px;}
i.heart{background-position:-6px -80px;width: 23px;height: 23px;}
i.umbrella{background-position:-36px -80px;width: 22px;height: 24px;}
i.stethoscope{background-position:-184px -80px;width: 21px;height: 24px;}
i.baby{background-position:-65px -81px;width: 24px;height: 22px;}
i.shield{background-position:-96px -80px;width: 20px;height: 24px;}
i.money{background-position:-123px -80px;width: 20px;height: 24px;}
i.pig{background-position:-150px -80px;width: 23px;height: 24px;}
i.smart{background-position:-246px -110px;width: 20px;height: 31px;}
i.dementia{background-position:-246px -145px;width: 20px;height: 31px;}
i.injection{background-position:-275px -145px;width: 29px;height: 30px;}
/*20190802추가*/
i.recipe{background-position:-209px -80px;width: 29px;height: 24px;}
i.fortune_w_s{background-position:-6px -110px;width: 10px;height: 10px;}
i.review_w_s{background-position:-23px -110px;width: 10px;height: 10px;}
i.mine{background-position:-40px -111px;width: 10px;height: 7px;}
i.arrow_up_w{background-position:-6px -127px;width: 12px;height: 7px;}
i.arrow_down_purple{background-position:-23px -127px;width: 12px;height: 7px;}
i.arrow_up_b{background-position:-41px -127px;width: 12px;height: 7px;}
i.close_sm_w{background-position:-57px -111px;width: 8px;height: 8px;}
i.quistion{background-position:-82px -110px;width: 6px;height: 8px;}
i.phone{background-position:-53px -53px;width: 13px;height: 17px;}
i.agree_check{background-position: -3px -141px; width: 28px; height: 28px;}
i.flag{background-position: -82px -57px; width: 12px; height: 14px;}
i.announce{background-position: -38px -142px; width: 28px; height: 25px;}
i.women_w{background-position: -78px -202px; width: 34px; height: 34px;}
i.search{background-position: -113px -56px; width: 12px; height: 12px;}
i.kakao_hand{background-position: -1px -211px; width: 41px; height: 55px;}
i.talk_intro{background-position: -78px -146px; width: 31px; height: 47px;clip-path: ellipse(23px at center);top: 3px;}
i.talk_sm{background-position: -44px -172px; width: 25px; height: 24px;top: 0;}
i.cart_w{background-position: -184px -105px; width: 21px; height: 18px;}
i.cart_w2{background-position: -180px -105px; width: 29px; height: 18px;}
i.design_completed{background-position:-10px -411px; width: 80px; height: 80px;}
i.design_add{background-position:-99px -411px; width: 80px; height: 80px;}
i.talk_help{background-position:-42px -232px; width: 38px; height: 36px;}
i.sns_fb{background-position:-275px -101px; width: 30px; height: 30px;}
i.sns_nb{background-position:-315px -101px; width: 30px; height: 30px;}
i.sns_ks{background-position:-355px -101px; width: 30px; height: 30px;}
i.sns_kakao{background-position:-395px -101px; width: 30px; height: 30px;}
i.search_w{background-position:-211px -105px;width: 19px;height: 19px;}
i.replan{background-position:-228px -32px;width: 15px;height: 15px;}
i.del{background-position:-248px -32px;width: 15px;height: 15px;}
i.icon_backtotop{background-position:-108px -145px;width: 18px;height: 20px;}
i.application_w{background-position:-140px -29px;width: 22px;height: 23px;}

/*****************************************************************
  Common - Icon Group
*****************************************************************/
.icon_circle_group{position: relative;height: 125px;}
.icon_circle{position: absolute;display: inline-block;top: 50%;left: 50%;width: 80px;height: 80px;margin: 0 auto;line-height: 78px;background: #f0f2f4;border-radius: 50%;text-align: center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.icon_circle.lightsky{background: #f5f9fd;}
.icon_circle.init{position: relative;left: 0;top: 0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;}
.icon_circle.sm{width: 30px;height: 30px;line-height: 28px;}
.icon_circle.xs{width: 24px;height: 24px;line-height: 20px;background: #37404e;}

/*****************************************************************
  Common - Sprite Common
*****************************************************************/
.check.s1 input[type="checkbox"]+label::after,.check.s2 input[type="checkbox"]:checked+label::after,.check.s2 input[type="checkbox"].disabled + label::after,.radio_s1 > input[type=radio]:checked + label span::before,.btn_serach span::before,.main_calculator > .open_calc > span::before,.main_calculator > .open_calc > span::after,.tab_calculator .btn_calculator span::before,.main_btn_calculator span::before,.btn_doc::after,.progess .prev::before,.offer_complete_01 > h3::after,.dialog .footer .btn.btn_closed_dialog span::after,.guide_example::after,.radio_s1 > input[type=radio] + label span.icon_man::before,.radio_s1 > input[type=radio] + label span.icon_woman::before,.radio_s1 > input[type=radio] + label span.icon_kids::before,.radio_s1 > input[type=radio] + label span.icon_fetus::before,.radio_s1 > input[type=radio] + label span.icon_boy::before,.radio_s1 > input[type=radio] + label span.icon_girl::before,span.icon_children::before,span.icon_fetus::before,.link_info_branch span::before,.arrow_right_w span::after,.btn_down span::after,.plan_list .btn_replan span::before,.plan_list .btn_del span::before,.dialog.alram .btn_closed_dialog::before,.btn_check::after,.btn_check.disabled::after
{position: absolute;top: 50%;content: '';background: url('../images/common/sprite_map.png') no-repeat;background-size: 500px 500px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

.authorized_comment span::before,.foot_btn .foot_next::after,.foot_btn .foot_prev::after,.accordion_wrap .accordion::after,.accordion_wrap2 .accordion2::after,.popup header .rt span::after,.title_group.s1 .btn_closed::after,.title_group2.s1 .btn_closed::after,.product_group .btn_detail span::after,.result_btn_group2 a span::after,.proposal_req .btn_proposal a span::after
{position: absolute;content: '';background: url('../images/common/sprite_map.png') no-repeat;background-size: 500px 500px;}

/*****************************************************************
  Common - Dim
*****************************************************************/
.dim {visibility: hidden;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 51;opacity: 0;-webkit-transition: all .5s;transition: all .5s;}
.dim.active {visibility: visible;opacity: 0.5;z-index: 52;}

/*****************************************************************
  Common - Floating 
*****************************************************************/
.floating {position: fixed;bottom: 0;right: 25px;z-index: 40;width: 50px;height: 50px;opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.floating.active {z-index: 55;}
.floating.active + .dim{z-index: 54;}
.floating a {position: absolute;visibility: hidden;right: 0;bottom: 0;border: 0;opacity: 0;color:#fff;text-align: right;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.floating > a > span{display: inline-block;background: #1d3b72;border-radius: 50%;text-align: center;width: 50px;height: 50px;line-height: 45px;margin-left: 10px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}
.floating a:first-child {visibility: visible;opacity: 1;z-index: 1;}
.floating a:first-child span{margin-left: 0;background: #45c9e2;}
.floating.active a{visibility: visible;opacity: 1;width: 155px;}
.floating.active a:first-child span{background: #fff;border: 2px solid #445bcd;}
.floating.active a:first-child{width: auto;}
.floating.active a:nth-child(2) {bottom: 195px;}
.floating.active a:nth-child(3) {bottom: 130px;}
.floating.active a:nth-child(4) {bottom: 65px;}
.floating.active a:nth-child(5) {bottom: 260px;}

/*****************************************************************
  Common - Back to top 
*****************************************************************/
.backtotop{position: fixed;bottom: -50px;right: 25px;z-index: 40;width: 50px;height: 50px;line-height: 48px;background: #fcfeff;border: 1px solid #cbd0d5;border-radius: 50%;opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;text-align: center;}

/*****************************************************************
    Input Custom - Common
*****************************************************************/
.disabled{background-color: #f5f5f5 !important; color:#444 !important}
.textarea_term{width: 100%;height: 200px;}

fieldset > h3{font-size: 20px;font-weight: bold;color:#222;margin: 10px 0 25px 0;}
fieldset select{width: 100%;color:#222;border: 1px solid #ccc;border-radius: 5px;}
fieldset select.w100p{background-position-x: 96%}
fieldset textarea{width: 100%;height: 100px;border-radius: 5px;border: 1px solid #ccc;}
fieldset > label, .input_title{display: block;width: 100%;font-size: 12px;text-align: left;color:#777;margin-top: 15px;margin-bottom: 5px;}
fieldset > label:first-of-type{margin-top: 0;}
fieldset input[type=text],fieldset input[type=password],fieldset input[type=tel],fieldset input[type=number]{float: left;background: transparent;border-radius: 5px;padding: 0 .5rem;height: 40px;line-height: 40px;color:#222;border: 1px solid #ccc;font-family:'ns300';font-size:14px}
fieldset input[type=text]:disabled,fieldset input[type=password]:disabled,fieldset input[type=tel]:disabled,fieldset input[type=number]:disabled{background: #fafafa;color:#444}
fieldset input[type=text]::placeholder{color:#e1e1e1;}
fieldset .comments{margin-top: 10px;color:#777;font-size: 12px;}
fieldset .question p{color:#222;line-height: 21px;}
fieldset .question .radio_s1{float: right;margin-top: 16px;}

/*****************************************************************
  Input Custom - 셀렉트화살표
*****************************************************************/
.select_arrow_sm{background: url('../images/ico_sel_arrow_sm.png') 90% center no-repeat;background-size: 8px 4px;}
.w100p.select_arrow_sm{background-position: 96% center}

/*****************************************************************
    Input Custom - Check Style 1
*****************************************************************/
.check{display: block;}
.check input[type="checkbox"]{position: absolute;visibility: hidden;display: none;}
.check.s1 input[type="checkbox"]+label{position: relative;width: 100%;height: 40px;line-height: 12px;text-align: center;border: 2px solid #d0d6f2;border-radius: 5px;padding: 12px 50px;color:#445bcd;font-size: 14px;}
.check.s1 input[type="checkbox"]+label::before{position: absolute;content: '';top: 50%;left:auto;right: 18px;width: 20px;height: 20px;border: 1px solid #d1d7f2;border-radius: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.check.s1 input[type="checkbox"]+label::after{top: 50%;right: 23px;background-position:-67px -59px;width: 11px;height: 9px;}
.check.s1 input[type="checkbox"]:checked+label{background: #445bcd;border-color:#445bcd;color:#fff;}
.check.s1 input[type="checkbox"]:checked+label::after{background-position:-39px -59px;}
.check.s1 input[type="checkbox"]:checked+label::before{border-color:#445bcd;background: #fff;}
.check.s1.row2 input[type="checkbox"]+label{padding: 0;height: 60px;line-height: 18px;}
.check.s1.row2 input[type="checkbox"]+label .text_sm{letter-spacing: -1px}
.check.s1.row2.row2_1 input[type="checkbox"]+label{line-height: 56px}
.check.s1.row2.row2_2 input[type="checkbox"]+label{padding-top: 8px;}

/*****************************************************************
    Input Custom - Check Style 2
*****************************************************************/
.check.s2{position: relative;align-items: center;margin: 10px 0;}
.check.s2 input[type="checkbox"]+label{text-align: center;padding-left: 26px;color:#444;font-size: 14px;text-decoration: underline;}
.check.s2 input[type="checkbox"]+label.lt_nounderline{text-align: left;text-decoration: none;}
.check.s2 input[type="checkbox"]+label::before{content: '';position: absolute;top: 2px;left: 0;width: 20px;height: 20px;border: 1px solid #c1c1c1;}
.check.s2 input[type="checkbox"]:checked+label::after{left: 5px;top: 12px;width: 11px;height: 9px;background-position:-39px -59px;}
.check.s2 input[type="checkbox"].disabled + label::before{background: #f5f5f5;}
.check.s2 input[type="checkbox"].disabled + label::after{left: 5px;top: 12px;width: 11px;height: 9px;background-position:-175px -58px;}

/*****************************************************************
    Input Custom - Radio Style 1
*****************************************************************/
.radio_s1.radio_row > input[type=radio] + label{height: 60px;line-height: 19px;}
.radio_s1.radio_row > input[type=radio] + label span{position: relative;display: inline-block;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.radio_s1.radio_row > input[type=radio]:checked + label span{padding-left: 0;}
.radio_s1.radio_row > input[type=radio]:checked + label span::before{display: none;top: 10px;}

/*****************************************************************
    Input Custom - Radio Style 2
*****************************************************************/
.radio.s2 input[type=radio] + label{position: relative;}
.radio.s2 input[type=radio] + label::before{position: absolute;content: '';left: 0;top: 50%;width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.radio.s2 input[type=radio]:checked + label::after{position: absolute;content: '';left: 7px;top: 50%;width: 6px;height: 6px;background: #445bcd;border-radius: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.radio.s2 input[type=radio].disabled + label::after{background-color: #ccc}
.radio.s2 ul{padding-top: 15px;}
.radio.s2 ul>li{margin-top: 15px;}
.radio.s2 ul>li:first-child{margin-top: 0;}

/*****************************************************************
    Input Text Style - Common
*****************************************************************/
.input{position: relative;}
.input.w100p{width: 100%;}

/*****************************************************************
    Input Text Style - Common
*****************************************************************/
.input.s1::after, .input.s2::after, .head::after{content:'';display:block;clear:both;}
.input.s1 label, .input.s2 label{display: block;padding: 10px 0;}
.input.s1 input[type="text"],.input.s1 input[type="password"],.input.s1 input[type="tel"],.input.s1 input[type="number"]{width: 100%;}

.input.s2 input[type="text"],.input.s2 input[type="password"],.input.s2 input[type="tel"],.input.s2 input[type="number"],.input.s2 select{width: 47%;float: right;}
.input.s2 input[type="text"]:first-child,.input.s2 input[type="password"]:first-child,.input.s2 input[type="tel"]:first-child,.input.s2 input[type="number"]:first-child,.input.s2 select:first-child{float: left;}
.input.s2::before, .input.s11::before{content: '';position: absolute;width:4px;height: 1px;background: #444;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.input.s2.period::before{content: '~';position: absolute;width:7px;height: 3px;background: none;line-height: 0;color:#444;}
.input.s3 label{position: relative;float: left;width: 31.3%;margin-left: 3%;padding-left: 3%;}

.input.s3 label::before{position: absolute;content:'';left: 0;top: 0;width:4px;height: 1px;background: #444;top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.input.s3 label:first-child::before{display: none;}
.input.s3 label:first-child{margin-left: 0;padding-left: 0;}
.input.s3 label > select, .input.s3 label > input[type=text], .input.s3 label > input[type=number]{width: 100%;}

.input.s4 .btn_authorized,.input.s5 .btn_authorized,.input.s5 .btn_serach,.input.s5 .check{float: right;width: 32%;}
.input.s4 .check{width: auto}
.input.s5 input[type=text],.input.s7 .email_form{width: 66%}

.input.s5 input[type=text].zip_code{width: 32%;float: right;}
.input.s5 .check.s1 input[type="checkbox"]+label{padding:12px 13px 12px 0;}

.input.s6 input[type=text],.input.s6 input[type=number]{width: 165px;}
.input.s6 .radio_s1{float: right;width: calc(100% - 175px);}

.input.s7 .email_form{position: relative;}
.input.s7 .email_form label{float: left;width: 45%;}
.input.s7 .email_form label:last-child{float: right;}
.input.s7 .email_form label input[type=text],.input.s7 select{position: relative;width: 100%;z-index: 1}
.input.s7 .email_form::before{position: absolute;content: '@';left: 0;top: 50%;width: 100%;text-align: center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.email_form+label{float: right;width: 31%;}

.input.s8 input[type=text],.input.s8 input[type=number]{float: left;width: 49%;}
.input.s8 .check,.input.s8 input[type=text]:nth-child(1),.input.s8 .check,.input.s8 input[type=number]:nth-child(1){width: 49%;}
.input.s8 .check{float: right;}
.input.s8 .check.s1 input[type="checkbox"]+label{padding: 12px 10px 12px 0;color:#999;border-width: 1px;}
.input.s8 .check.s1 input[type="checkbox"]:checked+label{color:#fff;}

.input.s9 label{float: left;width: 50%;line-height: 38px;}
.input.s9 label input[type=text],.input.s9 label input[type=number],.input.s10 label input[type=text],.input.s10 label input[type=number]{float: none;display: inline-block;width: 80%;margin-right: 5px;}

.input.s10 label{float: left;width: 100%;line-height: 38px;}
.input.s11 {width: 282px;}
.input.s11::before {left:56%;}
.input.s11 input.gen {width:30px; float: left; margin-left: 20px;}
.input.s11 p {font-size: 25px; padding: 0 0.5rem; height: 25px; line-height: 25px; color:#222; font-family:'ns300'; display: inline-block; margin-top:13px;}

.input.card_num label{position: relative;float: left;width: 22.7%;margin-left: 3%;padding-left: 3%;}
.input.card_num label::before{position: absolute;content:'';left: 0;top: 0;width:4px;height: 1px;background: #444;top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.input.card_num label:first-child::before{display: none;}
.input.card_num label:first-child{margin-left: 0;padding-left: 0;}
.input.card_num label > select, .input.card_num label > input[type=text], .input.card_num label > input[type=password], .input.card_num label > input[type=tel], .input.card_num label > input[type=number]{width: 100%;}

.input.expired_date label{position: relative;float: left;width: 50%}
.input.expired_date label select{width: 80%;}
.input.expired_date span{position: absolute;bottom: 5px;right: 10%;}

/*****************************************************************
    Radio Layout Style 1 
*****************************************************************/
.radio_s1.w50p{width: 50%;}
.radio_s1:after{content:'';display:block;clear:both}
.radio_s1 > input[type=radio] + label{float:left;width:50%;background:transparent;height:40px;line-height:38px;margin:0 -0.5px;padding-left:0;border:1px solid #ccc;text-align:center;color:#777}
.radio_s1 > input[type=radio]:focus + label{border:1px solid #445bcd}
.radio_s1 > input[type=radio]:checked + label{position:relative;border-color:#445bcd;color:#445bcd;margin-left:0;padding-left:0;z-index:1}
.radio_s1 > input[type=radio]:checked + label span{position: relative;padding-left: 14px;}
.radio_s1 > input[type=radio]:checked + label span::before{top:55%;left:0;width:11px;height:9px;background-position:-39px -59px}
.radio_s1 > input[type=radio]:first-child + label{border-radius:5px 0 0 5px}
.radio_s1 > input[type=radio] + label:last-child{border-radius:0 5px 5px 0}
.radio_s1.single > input[type=radio] + label{width:100%;border-radius:5px}
.radio_s1.single > input[type=radio]:first-child + label{border:1px solid #ccc}
.radio_s1.single > input[type=radio]:first-child:checked + label{border:1px solid #445bcd}
.radio_s1.single > input[type=radio]:first-child:checked + label::after{display:none}
.radio_s1 + .input_radio_s1{margin-top: 14px;}
.radio_s1.s2 > input[type=radio] + label{width:31.9%;margin-left:6px;border-radius:5px}
.radio_s1.s2 > input[type=radio]:first-child + label{margin-left:0}
.radio_s1.s3{width: 100%;}
.radio_s1.s3 > input[type=radio] + label{width:25%}
.radio_s1.s4{position: relative;width: 100%;}
.radio_s1.s4 > input[type=radio] + label{width:25%;border-radius:5px}
.radio_s1.s4 input[type=text],.radio_s1.s4 input[type=number]{float:right;width:73%}
.radio_s1.s5, .radio_s1.s7{width:100%}
.radio_s1.s5 > input[type=radio] + label{width:33.3333%}
.radio_s1.s6 > input[type=radio] + label{width:100%;border-radius:5px}
.radio_s1.s7 > input[type=radio] + label{width:50%}
/*****************************************************************
    Input Icon Style
*****************************************************************/
span.icon{position: relative;padding-left: 26px !important;}
span.icon_children,span.icon_fetus{padding-left: 30px !important;}
span.icon_children::before{top: 50%;left: 0;width: 25px;height: 20px;background-position:-440px -51px;}
span.icon_fetus::before{top: 50%;left: 0;width: 23px;height: 20px;background-position:-470px -51px;}

.radio_s1 > input[type=radio] + label span.icon_man::before{top: 50%;left: 0;width: 20px;height: 20px;background-position:-275px -51px;}
.radio_s1 > input[type=radio] + label span.icon_woman::before{top: 50%;left: 0;width: 24px;height: 22px;background-position:-382px -50px;}
.radio_s1 > input[type=radio] + label span.icon_kids::before{top: 50%;left: 0;width: 22px;height: 20px;background-position:-300px -51px;}
.radio_s1 > input[type=radio] + label span.icon_children::before{top: 50%;left: 0;width: 25px;height: 20px;background-position:-440px -51px;}
.radio_s1 > input[type=radio] + label span.icon_fetus::before{top: 50%;left: 0;width: 23px;height: 20px;background-position:-470px -51px;}
.radio_s1 > input[type=radio] + label span.icon_boy::before{top: 50%;left: 0;width: 20px;height: 21px;background-position:-326px -51px;}
.radio_s1 > input[type=radio] + label span.icon_girl::before{top: 50%;left: 0;width: 26px;height: 20px;background-position:-351px -51px;}
.radio_s1 > input[type=radio]:checked + label span.icon_man::before{background-position:-275px -25px;}
.radio_s1 > input[type=radio]:checked + label span.icon_woman::before{background-position:-382px -24px;}
.radio_s1 > input[type=radio]:checked + label span.icon_kids::before{background-position:-300px -25px;}
.radio_s1 > input[type=radio]:checked + label span.icon_fetus::before{background-position:-470px -25px;}
.radio_s1 > input[type=radio]:checked + label span.icon_children::before{background-position:-440px -25px;}
.radio_s1 > input[type=radio]:checked + label span.icon_boy::before{background-position:-326px -25px;}
.radio_s1 > input[type=radio]:checked + label span.icon_girl::before{background-position:-351px -25px;}

/*****************************************************************
    Input - 천만원 / 만원 단위 고정표기
*****************************************************************/
.price_million input[type=text]{text-align: right;padding-right: 56px;}
.price_million::before{position:absolute;content:'천만원';right:15px;top:13px}
.price_tenthousand input[type=text]{text-align:right;padding-right:46px}
.price_tenthousand::before{position: absolute;content:'만원';right:15px;top:13px}

/*****************************************************************
    Common - Arrow
*****************************************************************/
.arrow {display: inline-block;border: solid black;border-width: 0 3px 3px 0;padding: 3px;}
.arrow_s {display: inline-block;border: solid black;border-width: 0 1px 1px 0;padding: 3px;}
.arrow_w {border-color: #fff;}
.arrow.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.arrow.right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.arrow.up {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.arrow.down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.arrow_right_w span{position: relative;padding-right: 13px;}
.arrow_right_w span::after{background-position: -58px -125px;top: 53%;right: 0;width: 7px;  height: 12px;}

/*****************************************************************
    Button - Common
*****************************************************************/
.btn_group{padding: 25px 15px;}
.btn_group.ac{text-align: center;}
.btn{border-radius: 5px;}
.btn.w100p{width: 100%;}
.btn.w50p{width: 50%;}
.btn.w32p{width: 32%;}
.btn.w36p{width: 36%;}

/*****************************************************************
    Button - Color
*****************************************************************/
.btn.c2{background: #445bcd;color:#fff;border: none;}
.btn.c3{background: #e82f59;color:#fff;border: none;}
.btn.c4{background: #37404e;color:#fff;border: none;}
.btn.c5{background: #d1e1f7;color: #445bcd;}
.btn.c6{border:1px solid #ccc;}
.btn.c7{padding:0!important;border:1px solid #445bcd!important;background-color:#fff!important;color:#445bcd!important}

/*****************************************************************
    Button - Style 2
*****************************************************************/
.btn.s2 span{position: relative;padding-left: 15px;}
.btn.s2 span::before{position: absolute;content:'v';left: 0;top: 0;line-height: 20px;}
.btn.s3 span{position: relative;padding-right: 18px;}

/*****************************************************************
    Button - Style 3
*****************************************************************/
.btn.s3 span::before{position: absolute;content:'';right: 0;top: 50%;height: 1px;width: 11px;background: #999;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.btn.s3 span::after{position: absolute;content:'';right: 5px;top: 50%;height: 10px;width: 1px;background: #999;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

/*****************************************************************
    Button - Style 4
*****************************************************************/
.btn.s4{min-width: 145px;}

/*****************************************************************
    Button - Layout
*****************************************************************/
.btn_col2{width: 100%;}
.btn_col2 .btn{float: left;width: 49%;margin-left: 2%;}
.btn_col2 .btn:first-child{margin-left: 0;}

/*****************************************************************
    Button - Custom
*****************************************************************/
.btn_down{border: 1px solid #445bcd;border-radius: 5px;color:#445bcd;height: 40px;line-height: 38px;text-align: center;}
.btn_down span{position: relative;padding-right: 21px;}
.btn_down span::after{top: 50%;right: 0;background-position: -233px -56px;  width: 14px;height: 12px;}

.btn_check{position: relative;display: block;border-radius: 5px;border: 2px solid #d0d6f2;text-align: center;padding: 10px 0;color:#445bcd;line-height: 16px;}
.btn_check span{font-size: 11px;}
.btn_check.active{background: #445bcd;border-color: #445bcd;color: #fff;}
.btn_check::before{position: absolute;content: '';top: 50%;left: auto;right: 18px;width: 20px;height: 20px;border: 1px solid #d1d7f2;border-radius: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.btn_check.active::before{border-color:#445bcd;background: #fff;}
.btn_check::after{top: 50%;right: 23px;background-position: -67px -59px;width: 11px;height: 9px;}
.btn_check.active::after{background-position:-39px -59px;}

.btn_authorized{display: inline-block;width: 100%;height: 40px;line-height: 38px;border: 1px solid #b8b8b8;border-radius: 5px;text-align: center;vertical-align: middle;}

.btn_serach{background: #666;color:#fff}
.btn_serach span{position: relative;padding-left: 17px;}
.btn_serach span::before{top: 50%;left: 0;background-position:-132px -56px;width: 13px;height: 13px;}

.btn_constractor_guide{position: relative;}

/*****************************************************************
    Button - Footer
*****************************************************************/
.foot_btn{margin-top: 35px;}
.foot_btn .btn{float: left;font-size: 18px;height: 60px;line-height: 58px;border-radius: 0;border: 0;}
.foot_btn .btn.sm{width: 120px;background: #d1e1f7;}
.foot_btn .btn.lg{width:calc(100% - 120px);background: #445bcd;color:#fff}
.foot_btn .btn.w100p{width:100%;}
.foot_btn .foot_next{position: relative;padding-right: 13px;}
.foot_btn .foot_next::after{background-position: -58px -125px;top: 9px;right: 0;width: 7px;height: 12px;}
.foot_btn .foot_prev{position: relative;padding-left: 13px;color:#445bcd;}
.foot_btn .foot_prev::after{background-position: -71px -125px;top: 9px;left: 0;width: 7px;height: 12px;}
.foot_btn .btn.diabled{color:#777;background: #ddd;}
.foot_btn .btn.diabled .foot_next::after{background-position: -131px -125px;}

/*****************************************************************
    Swiper - Common
*****************************************************************/
.swiper-container {position: relative;width: 100%;overflow: hidden;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* 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;}
.swiper-slide img {width: 100%;height: 100%;object-fit: cover;}

/*****************************************************************
    Swiper - Main
*****************************************************************/
.main_slide .slide_text{position: absolute;top: 50%;left: 50%;width: 90%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);letter-spacing: -0.025em;}
.main_slide .slide_text h2{margin-top:40px;font-size:24px;color:#fff;line-height:32px;letter-spacing:-1px}
.main_slide .slide_text .small{position: relative;top: -10px;opacity:0;font-size:16px;}
.main_slide .slide_text p{position:relative;top:-10px;opacity:0}
.main_slide .slide_text .btn{position:relative;top:-10px;opacity:0;margin-top:33px;color:#fff;min-width:105px;font-size:15px;vertical-align: middle;height:30px;line-height:28px;border-radius:20px;border:1px solid #fff}
.main_slide .slide_text.animated .small,.main_slide .slide_text.animated h2,.main_slide .slide_text.animated p,.main_slide .slide_text.animated .btn{top:0;opacity:1;-webkit-transition:all 0.5s;transition: all 0.5s}
.main_slide .slide_text.animated h2{-webkit-transition-delay: .3s;transition-delay: .3s;}
.main_slide .slide_text.animated p{-webkit-transition-delay: .3s;transition-delay: .3s;}
.main_slide .slide_text.animated .btn{-webkit-transition-delay: .6s;transition-delay: .6s;}
.main_slide .swiper-pagination-bullet{width: 10px;height: 10px;background: transparent;border: 1px solid #fff;opacity: 1;}
.main_slide .swiper-pagination-bullet-active{background: #fff;}
.main_slide>.swiper-pagination-bullets, .main_slide .swiper-pagination-custom, .main_slide .swiper-pagination-fraction{bottom: 1rem;}
.main_slide .swiper-button-next, .main_slide .swiper-button-prev{width: 14px;height: 24px;opacity: .5;}
.main_slide .swiper-button-next, .main_slide .swiper-container-rtl .swiper-button-prev{background-image: url('../images/mainslide_arrow_right.png');background-size: 100% 100%}
.main_slide .swiper-button-prev, .main_slide .swiper-container-rtl .swiper-button-next{background-image: url('../images/mainslide_arrow_left.png');background-size: 100% 100%;}
@media all and (max-width: 320px) {
.main_slide .slide_text h2{line-height:26px;font-size:20px}
.main_slide .slide_text .small{font-size:13px}
}
/*****************************************************************
    Swiper - Main Event
*****************************************************************/
.evt_slide{padding-bottom: 25px;}
.evt_slide .swiper-pagination-bullet{width: 10px;height: 10px;background: transparent;border: 1px solid #444;opacity: 1;}
.evt_slide .swiper-pagination-bullet-active{background: #444;}
.evt_slide>.swiper-pagination-bullets, .evt_slide .swiper-pagination-custom, .evt_slide .swiper-pagination-fraction{bottom: 0;}

.evt_main .swiper-pagination{border: 1px solid #ccc;border-top: 0;height: 38px;line-height: 36px;}
.evt_main .evt_slide{padding-bottom: 38px;background: #fff;}

/*****************************************************************
    Swiper - Product
*****************************************************************/
.product_title_slide{padding-bottom: 40px;margin-bottom: 25px;}
.product_title_slide .swiper-slide{background: transparent;}

/*****************************************************************
    Swiper - Product Tab
*****************************************************************/
.tab_swiper .swiper-pagination{top: 0;padding:20px 0;bottom: auto;background: #fff;}
.tab_swiper .swiper-pagination.active{position: fixed;top: 88px;z-index: 11;}
.tab_swiper .swiper-pagination .swiper-pagination-bullet{background: none;border: 1px solid #777;}
.tab_swiper .swiper-pagination .swiper-pagination-bullet-active{background: #445bcd;}
.tab_swiper .product_container{padding-top: 60px;}
.tab_swiper .btn{font-size: 14px;}

/*****************************************************************
    Main - Notice
*****************************************************************/
.main_notice{padding: 16px 19px;background: #fff;border: 1px solid #ccc;}
.main_notice ul {list-style-type: none;margin: 0;padding: 0;}
.main_notice li {display: flex;justify-content: space-between;align-items: center;}
.main_notice li > div {vertical-align: middle;}
.main_notice .type {flex: 0 0 50px;}
.main_notice .details {flex: 1;overflow: hidden;}
.main_notice .title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;letter-spacing: -0.025em;}
.main_notice .title a{color:#444;}
.main_notice .date {padding-left: 15px;font-size: 12px;color:#777;}

/*****************************************************************
    Main - Custom Center
*****************************************************************/
.customer_service{display: flex;border-left: 1px solid #ccc;border-top: 1px solid #ccc;letter-spacing: -0.025em;background: #fff;}
.customer_service .cscenter{position: relative;width: 226px;padding: 16px 10px 0 15px;}
.customer_service .cscenter > p{position: relative;padding-left: 45px;}
.customer_service .cscenter .icon{position: absolute;display: inline-block;left: 0;top: 2px;width: 38px;height: 38px;line-height: 36px;border-radius: 50%;background: #1a59d8;text-align: center;padding-left: 0 !important;}
.customer_service .cscenter .title{display: inline-block;font-size: 14px;color:#222;margin-left: 5px;}
.customer_service .cscenter .num{display: inline-block;font-size: 24px;font-family: 'Roboto';font-weight: bold;color:#1a59d8;margin-top: 4px;margin-left: 5px;}
.customer_service .cscenter .opening{position: relative;display: inline-block;top: 10px;font-size: 11px;color:#777;}
.customer_service .call_consulting{-webkit-flex:1;flex:1}
.customer_service .cscenter, .customer_service .call, .customer_service .consulting{position: relative;font-size: 12px;color:#222;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.customer_service .call a, .customer_service .consulting a{display: block;padding: 18px 20px 18px 10px;}
.customer_service .call::after,.customer_service .consulting::after{position: absolute;top: 50%;right: 15px;content: '';display: inline-block;border: solid #888;border-width: 0 1px 1px 0;padding: 3px;transform: translate(-50%,-50%) rotate(-45deg);-webkit-transform: translate(-50%,-50%) rotate(-45deg);}
@media all and (max-width: 320px) {
.customer_service .cscenter{width:180px}
.customer_service .cscenter > p{padding-left:40px}
.customer_service .cscenter .icon{width:32px;height:32px;line-height:30px}
.customer_service .cscenter .title{font-size:12px}
.customer_service .cscenter .num{font-size:20px}
}
/*****************************************************************
    Main - Calulator 
*****************************************************************/
.main_calculator {position: fixed;display: flex;flex-direction: column;left: 0;bottom: 0;width: 100%;max-height: 40px;z-index: 53;border-radius: 15px 15px 0 0;text-align: center;background: #fff;color: #222;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.main_calculator > h3{font-size: 1.2rem;color:#222;padding: .75rem;}
.main_calculator > .open_calc{display: block;width: 100%;min-height: 40px;line-height: 38px;font-size: 16px;background: #445bcd;color:#fff;z-index: 3;}
.main_calculator.active > .open_calc{color:#445bcd;background: #fff;border-bottom: 1px solid #e1e1e1;}
.main_calculator > .open_calc > span{position: relative;padding-left: 20px;padding-right: 20px;}
.main_calculator > .open_calc > span::before{top: 50%;left: 0;background-position:-6px -30px;width: 14px;height: 20px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.main_calculator.active > .open_calc > span::before{width: 13px;height: 16px;background-position:-6px -54px;top: 54%;}
.main_calculator > .open_calc > span::after{background-position: -6px -127px;;width: 12px;height: 7px;right: 0;top: 50%;}
.main_calculator.active > .open_calc > span::after{background-position: -23px -127px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

.main_btn_calculator{position: relative;display: block;width: 100%;height: 60px;line-height: 60px;left: 0;bottom: 0;font-size: 18px;background: #445bcd;color:#fff;text-align: center;}
.main_btn_calculator span{position: relative;padding-left: 20px;}
.main_btn_calculator span::before{top: 50%;left: 0;background-position:-6px -30px;width: 14px;height: 20px;}

/*****************************************************************
    Main - Calulator Form
*****************************************************************/
.insurance_form{padding: 25px 15px;}

/*****************************************************************
    Side Navigation
*****************************************************************/
.aside_nav{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:100;background:#fff;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:.5s ease all;transition:.5s ease all}
.aside_nav.active{-webkit-transform:translateX(0);transform:translateX(0)}
#aside_head{position:fixed;width:100%;height:45px;background:#fff;-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);z-index:2}
.aside_nav .head_inner{height:45px;border-bottom:1px solid #ccc}
.aside_nav .head_inner > a{display:inline-block;text-align:center;width:52px;height:45px}
.aside_nav .head_inner .btn_home,.aside_nav .head_inner .btn_closed{position: absolute;top:0;line-height:36px;z-index:2}
.aside_nav .head_inner .btn_closed{right:0;line-height:40px}
.aside_nav .sub_nav{display:none;padding-left:20px;line-height:1.75em;margin:10px}
.aside_nav .sub_nav > a{display:block;font-size:14px;color:#666}
.aside_nav .sub_nav > a.active span{color:#003C7F;border-bottom:1px solid #003C7F}
#aside_container{position:absolute;top:45px;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;overflow-scrolling:touch}

/*****************************************************************
    Side Navigation - Insurance Product
*****************************************************************/
#aside_container .ins_product{padding: 20px 25px;background: #eef2f9;border-bottom: 1px solid #ccc;}
#aside_container .ins_product li{position:relative;top:0;width:100%;line-height:2rem;background:#6d86ff;border-radius:5px;margin-top:5px;color:#445bcd}
#aside_container .ins_product li.ins_item01{background-color: #445bcd}
#aside_container .ins_product li.ins_item02{background-color: #6d86ff}
#aside_container .ins_product li.ins_item03{background-color: #4da2ff}
#aside_container .ins_product li.ins_item04{background-color: #445bcd}
#aside_container .ins_product li.ins_item05{background-color: #6d86ff}
#aside_container .ins_product li.ins_item06{background-color: #4da2ff}
#aside_container .ins_product li.ins_item07{background-color: #445bcd}
#aside_container .ins_product li.ins_item08{background-color: #4da2ff}
#aside_container .ins_product li:first-child{margin-top: 0;}
#aside_container .ins_product li > a{position: relative;display: block;font-size: 12px;height: 70px;}
#aside_container .ins_product li > a span{position: absolute;display: inline-block;left: 24px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
#aside_container .ins_product dl{position: relative;color:#fff;line-height: 1em;padding-left: 70px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
#aside_container .ins_product dl > dt{font-size: 14px;font-weight: bold}
#aside_container .ins_product dl > dd{font-size: 11px;margin-top: 9px;opacity: .8;line-height: 15px;}

/*****************************************************************
    Side Navigation - Widget
*****************************************************************/
#aside_container .widget{background: #fff;}
#aside_container .widget > a{float: left;width: 33.333333%;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;height: 50px;line-height: 50px;color:#222;font-size: 14px;}
#aside_container .widget > a:first-child{border-left: 0;}
#aside_container .widget > a > span{position: relative;display: inline-block;background: #8c9097;border-radius: 50%;width: 18px;height: 18px;line-height: 14px;vertical-align: middle;margin-right: 5px;}

/*****************************************************************
    Side Navigation - Accodion
*****************************************************************/
.accordion_wrap .accordion {position: relative;display: block;border-bottom: 1px solid #cecece;background: #fff;cursor: pointer;padding: 18px;height: 50px;width: 100%;text-align: left;outline: none;font-size: 14px;-webkit-transition: all .4s;transition: all .4s;color:#222;}
.accordion_wrap .accordion::after{right: 15px;top: 50%;width: 12px;height: 7px;display: inline-block;background-position: -41px -127px;transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);-webkit-transition: all .4s;transition: all .4s;}
.accordion_wrap .accordion.active{border: 0;}
.accordion.active:after {transform:translateY(-50%) rotate(0);-webkit-transform:translateY(-50%) rotate(0);-moz-transform:translateY(-50%) rotate(0);-ms-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);}
.accordion.active + .panel{border-bottom: 1px solid #cecece;border-top: 1px solid #cecece;}

.accordion_wrap .panel {background-color: #fafafa;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion_wrap .panel a{display: block;color:#444;padding: 7px 26px;}
.accordion_wrap .panel li:first-child a{padding-top: 14px;}
.accordion_wrap .panel li:last-child a{padding-bottom: 14px;}

/*****************************************************************
    Side Navigation - Accodion Link Custom
*****************************************************************/
.link_wrap a{position: relative;display: block;background: #fff;cursor: pointer;padding: 18px;height: 50px;width: 100%;text-align: left;outline: none;font-size: 14px;color: #222;}
.link_wrap a::after{position: absolute;content: '';background: url(../images/common/sprite_map.png) no-repeat;background-size: 500px 500px;right: 15px;top: 50%;width: 12px;height: 7px;display: inline-block;background-position: -41px -127px;transform: translateY(-50%) rotate(90deg);-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);-webkit-transition: all .4s;transition: all .4s;}

/*****************************************************************
  Dialog
*****************************************************************/
.dialog{display:none;position:fixed;width:93%;left:50%;top:46%;background: #fff;border-radius: 5px;z-index: 54;-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.36);-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.36);box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.36);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.dialog_popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}
.dialog_table{display:table;width:100%;height:100%;table-layout:fixed}
.dialog_cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.dialog_cell #wrap.popup_wrap{text-align:left}
.dialog_popup header{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}
.dialog_popup #wrap.popup_wrap main{padding-bottom:0!important}
.dialog.active{display:block;top:50%}
.dialog .header{padding:15px 20px;color:#fff;border-radius:5px 5px 0 0;color:#003c7e;background: #fff;font-size: 20px;font-weight:bold;line-height:24px;border-bottom:1px solid #003c7e}
.dialog .main{padding:25px 15px 10px;max-height:300px;overflow-y:auto;overflow-x:hidden;line-height:20px;color:#444}
.dialog .main h3{color:#222;font-size: 16px;margin: 25px 0 15px;font-weight: bold;}
.dialog .main h3:first-child{margin-top:0}
.dialog .main p.comment{font-size:12px}
.dialog .main p{margin-top:15px}
.dialog .main p:first-child{margin-top:0}

.dialog .footer{height:65px;padding-top:15px;color:#222;background:#fff;border-radius:0 0 5px 5px;text-align:center;font-size:18px}
.dialog .footer .btn{position: relative;display: block;border: 0;line-height: 46px;border-radius: 0 0 5px 5px;border-top: 1px solid #cccccc;min-width: 100px;background: #f0f2f4;height: 100%;}
.dialog .footer .btn.btn_closed_dialog span{position: relative;padding-left: 20px;}
.dialog .footer .btn.btn_closed_dialog span::after{left: 0;top: 50%;background-position: -210px -33px;  width: 14px;height: 14px;}

.dialog.alram{width: 100%;height: 100%;background: transparent;z-index: 55;}
.dialog.alram .alram_wrap{position: relative;top: 50%;left: 50%;border-radius: 3px;width: 240px;background: #fff;border: 1px solid #222;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;text-align: center;padding-bottom: 40px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.dialog.alram .btn_closed_dialog{position: absolute;right: 0;top: -1px;background: #37404e;color:#fff;width: 30px;height: 30px;z-index: 1;}
.dialog.alram .btn_closed_dialog::before{background-position: -188px -32px;left: 7px;top: 50%;width: 17px;height: 18px;}
.dialog.alram .content{position: relative;color:#000;}
.dialog.alram .today_close{position: absolute;width: 100%;height: 40px;left: 0;bottom: 0;text-align: left;border-top: 1px solid #ccc;padding: 10px 0 0 15px;color:#777;}
.dialog.alram .check.s2 input[type="checkbox"]+label{font-size: 12px;text-decoration: none;}
.dialog.alram .check.s2{margin: 0;}

/*****************************************************************
  Popup
*****************************************************************/
.popup header{position:absolute;top:0;left:0;width:100%;background:#003c7e;z-index:4}
.popup header > div:first-child{padding: 15px;}
.popup header > .sp{padding: 25px 15px;background:#fff;border-bottom: 1px solid #e1e1e1;}
.popup header .sp.h200{height: 200px;}
.popup header h2{font-size: 16px;color:#fff;line-height: 24px;width: 90%;}
.popup header .rt{position: absolute;right: 0;top: 0;width: 53px;height: 53px;}
.popup header .rt span{position: relative;display: inline-block;}
.popup header .rt span::after{background-position: -188px -32px;left: 20px;top: 6px;width: 17px;height: 18px;}
.popup header .rt1_1 span::after {top:0;}
.popup header .rt1_1:after {display: none;}
.popup header .rt2{position: absolute;right: 0;top: 0;width: 53px;height: 53px;}
.popup header .rt2 span{position: relative;display: inline-block;}
/*
.popup header .rt2 span::after{background-position: -90px -2px;top: 8px;width: 28px;height: 28px;}
*/
.popup header .rt2 span::after{background-position: -190px -32px;top: 8px;width: 28px;height: 28px;}

.popup main{position:absolute;top:55px;left:0;right:0;bottom:88px;line-height:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;overflow-scrolling:touch}
.popup main.row_2{padding-top: 75px;}
.popup main h3{color:#222;font-size: 16px;margin: 25px 0 15px;font-weight: bold;}
.popup main h3:first-of-type{margin-top: 0;}
.popup main h4{color:#222;font-weight: bold;margin: 15px 0;}
.popup main .head h4{margin: 0;}
.popup main h3 + h4{margin-top: 0;}

.popup .check.s2{margin: 0;}
.popup .check.s2 input[type="checkbox"]+label{text-decoration: none;}

.popup .accordion_wrap .accordion::after{background-position: -84px -127px;width: 18px;height: 10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition: none;transition: none;}
.popup .accordion_wrap .accordion.active:after{background-position: -108px -127px;width: 18px;height: 10px;}

.popup footer{position:absolute;bottom:0;left:0;right:0}
.popup footer .sp{padding: 25px 15px !important;padding-top: 0;}
.popup .bg_lightsky{background-color:#fff}

/*****************************************************************
    Tab
*****************************************************************/
.tab_wrap > ul > li.active span.icon_children::before{background-position: -440px -25px;}
.tab_wrap > ul > li.active span.icon_fetus::before{background-position: -470px -25px;}

/*****************************************************************
    Tab Common
*****************************************************************/
.tab_wrap {color:#000;}
.tab_wrap .panel{display: none;background: #fff;}

.tab_wrap > ul > li{position: relative;float: left;padding: 15px 0;text-align: center;background: #fff;}
.tab_wrap > ul > li::after{position: absolute;content:'';left: 0;bottom: 0;width: 100%;height: 1px;background: #cccccc;}

.tab_wrap > ul > li.active{color:#445bcd;font-weight: bold}
.tab_wrap > ul >li.active::after{position: absolute;content:'';left: 0;bottom: 0;width: 100%;height: 2px;background: #445bcd;}

/*****************************************************************
    Tab Layout
*****************************************************************/
.tab_wrap.tab_2 > ul > li{width: 50%;}
.tab_wrap.tab_3 > ul > li{width: 33.333333%;}

/*****************************************************************
    Tab Style 2
*****************************************************************/
.tab_wrap > .tab_s2>li{color:#777;}
.tab_wrap > .tab_s2>li::before{position: absolute;content: '';left: 0;top: 0;width: 1px;height: 100%;background: #ccc;}
.tab_wrap > .tab_s2>li:nth-child(3n+1)::before{display: none;}
.tab_wrap > .tab_s2>.active{color:#fff;background: #37404e;}
.tab_wrap > .tab_s2>.active::after{display: none}

/*****************************************************************
    Tab with Calculator
*****************************************************************/
.tab_wrap.add_calculator .tab_list .btn{margin: 0;border: 0;min-width: auto;height: auto;}
.tab_wrap.add_calculator .tab_list > li{width:calc(33.333333% - 17px);}

.tab_wrap.tab_2.add_calculator .tab_list > li{width: calc(47.333333% - 17px);}

.tab_wrap.add_calculator .tab_list > li.btn_area{width:51px;height: 45px;padding: 3px 0;background: #37404e;}
.tab_wrap.add_calculator .tab_list > li.btn_area i{position: relative;top: -3px;}

.tab_wrap.horizontal .tab_list{position: relative;display: table;overflow-x: auto;white-space: nowrap;height:50px;padding:0 15px;}
.tab_wrap.horizontal .tab_list::after{position: absolute;content: '';width: 100%;height: 1px;left: 0;bottom: 0;background: #ccc;}
.tab_wrap.horizontal .tab_list > li{float: none;display: inline-block;white-space: nowrap;color:#222;padding: 0 15px;width: auto;height: 50px;line-height: 50px;}
.tab_wrap.horizontal .tab_list > li::before{position: absolute;content: '';left: 0;top: 19px;background: #ccc;width: 1px;height: 13px;}
.tab_wrap.horizontal .tab_list li:first-child{padding-left: 0;}
.tab_wrap.horizontal .tab_list li:first-child::before,.tab_wrap.horizontal .tab_list li::after{display: none;}
.tab_wrap.horizontal .tab_list li span{position: relative;padding-bottom: 14px;}
.tab_wrap.horizontal .tab_list .active span:after{position: absolute;content:'';left: 0;bottom: 0;width: 100%;height: 1px;background: #000;}

.tab_wrap.sticky.active > .tab_list{position: fixed;top: 45px;left: 0;width: 100%;z-index: 3;}
.tab_wrap.sticky.active .panel .scroll_wrap{position: fixed;top: 89px;left: 0;width: 100%;z-index: 3;}
.tab_wrap.sticky.active .panel{margin-top:45px;}
.tab_wrap.sticky.active .panel .panel{margin-top:89px}

.tab_calculator li{color:#777;font-size: 15px;border-radius: 0 5px 0 0}
.tab_calculator li:first-child{border-radius: 5px 0 0 0}
.tab_calculator li::after{position: absolute;content:'';left: 0;bottom: 0;width: 100%;height: 1x;background: #ccc;}
.tab_calculator .active{background: #fff;color:#445bcd;font-weight: bold;}
.tab_calculator .active::after{height: 2px;}
.tab_calculator .panel{padding: 15px 15px 15px 15px;}
.tab_calculator .btn_calculator{position: relative;display: block;width: 100%;height: 50px;line-height: 48px;left: 0;bottom: 0;font-size: 16px;background: #445bcd;color:#fff;text-align: center;border-radius: 5px;}
.tab_calculator .btn_calculator span{position: relative;padding-left: 20px;}
.tab_calculator .btn_calculator span::before{top: 50%;left: 0;background-position:-6px -30px;width: 14px;height: 20px;}
.tab_calculator .foot{background: #fff;padding: 15px;padding-top: 0;border-radius: 0 0 5px 5px;}
.tab_calculator_col1 .panel{border-radius: 5px 5px 0 0}

/*****************************************************************
  Content - Comment Panel
*****************************************************************/
.comment_panel{position: relative;background: #445bcd;width: 100%;padding: 20px 15px;color:#fff;-webkit-box-shadow: 0px 5px 20px 0px rgba(55,64,78,0.5);-moz-box-shadow: 0px 5px 20px 0px rgba(55,64,78,0.5);box-shadow: 0px 5px 20px 0px rgba(55,64,78,0.5);}
.comment_panel h4{font-size: 14px;margin-bottom: 10px;}
.comment_panel p{font-size: 12px;line-height: 20px;opacity: .5;width: 86%;word-break: keep-all;}
.comment_panel span{position: absolute;display: inline-block;right: 18px;top: 50%;background: #fff;width: 30px;height: 30px;line-height: 24px;border-radius: 50%;text-align: center;vertical-align: middle;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

/*****************************************************************
    Content - Title Style
*****************************************************************/
.head{position: relative;margin: 10px 0;letter-spacing: -1px;}
.head h4{font-size: 14px;font-weight: bold;line-height: 20px;float: left;}
.head h4 + .rm{position: relative;top: 1px;float: right;font-size: 12px;line-height: 20px;color:#777;}
.head + .list_guide{margin-top: 0;}

.title_group, .title_group2{position: relative;word-break: keep-all;}

/*****************************************************************
    Content - Title Style 1 - 청약 상단 타이틀
*****************************************************************/
.title_group.s1, .title_group2.s1{padding:20px 16px;font-size:12px}
.title_group.s1.fixed, .title_group2.s1.fixed{position:fixed;top:0;left:0;right:0;z-index:3}
.title_group.s1 h3, .title_group2.s1 h3{position: relative;height: auto;line-height: 1.5rem;z-index: 1;font-size: 15px;font-weight: bold;width: 94%;}
.title_group.s1 .rt, .title_group2.s1 .rt{position: absolute;z-index: 2;top: 0;right: 10px;}
.title_group.s1 .btn_closed::after, .title_group2.s1 .btn_closed::after{width: 8px;height: 8px;left: 50%;top: 50%;background-position: -57px -111px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.title_group.s1 h3 + .btn_closed, .title_group2.s1 h3 + .btn_closed{top: 22px;width: 25px;height: 25px;background: #313946;border-radius: 50%;}

/*****************************************************************
    Content - Title Style 2 - 청약 스텝 타이틀
*****************************************************************/
.title_group.s2, .title_group2.s2{padding:0 16px}
#wrap.fixed{padding-top:117px}
#wrap.fixed .title_group.s2, .title_group2.s2{position:fixed;top:64px;left:0;right:0;z-index:3}
.title_group.s2.no_sticky, .title_group2.s2.no_sticky{position:relative;top:0}
.title_group.s2 h3, .title_group2.s2 h3{position: relative;font-weight: normal;line-height: initial;padding: 16px 0;}
.title_group.s2 h3, .title_group2.s2 h3{border-top: 1px solid #2c333e;}
.title_group.s2 h3::after, .title_group2.s2 h3::after{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 1px;background: #4b5360;}
.title_group.s2 .rt, .title_group2.s2 .rt{position: absolute;z-index: 2;top: 50%;right: 15px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.title_group.s2 .progess .prev, .title_group2.s2 .progess .prev{position: relative;display: inline-block;border: 1px solid #ccc;border-radius: 10px;width: 55px;height: 24px;line-height: 21px;font-size: 12px;text-align: center;padding-left: 5px;}
.title_group.s2 .progess .prev::before, .title_group2.s2 .progess .prev::before{top: 50%;left: 7px;width: 3px;height: 6px;background-position:-111px -112px;}
.title_group.s2 .progess .next, .title_group2.s2 .progess .next{display: inline-block;border-radius: 50%;border: 1px solid #616974;vertical-align: middle;width: 24px;height: 24px;line-height: 20px;text-align: center;margin-left: 10px;font-size: 12px;}
.title_group.s2 .stitle, .title_group2.s2 .stitle{color:#aeb1b5;font-size: 12px;}
.title_group.s2 .right, .title_group2.s2 .right{float: right;font-size: 13px;font-weight: normal}
.title_group.s2 .progess .next:first-child, .title_group2.s2 .progess .next:first-child{margin-left: 0;}
.title_group.s2.sticky02, .title_group2.s2.sticky02{top: 112px;}
.title_group.s2.sticky03, .title_group2.s2.sticky03{top: 163px;}

/*****************************************************************
    Content - Title Style 3 - 컨텐츠 타이틀
*****************************************************************/
.title_group.s3 h3, .title_group2.s3 h3{font-size: 20px;color:#222;font-weight: bold;margin-bottom: 25px;}
.title_group.s3 h3 .status, .title_group2.s3 h3 .status{position: relative;top: -2px;display: inline-block;font-size: 12px;border: 1px solid #37404e;border-radius: 10px;width: 40px;height: 20px;line-height: 20px;text-align: center;vertical-align: middle;font-family: 'Roboto';}
.title_group.s3 .rt, .title_group2.s3 .rt{position: absolute;z-index: 2;top: 50%;right: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.title_group.s3 h3 + p, .title_group2.s3 h3 + p{line-height: 21px;color:#222;}
.title_group.s3.add_radio .rt, .title_group2.s3.add_radio .rt{width: 171px;}

.title_group.s3.row2, .title_group2.s3.row2{line-height: 28px;}

/*****************************************************************
    Content - Title Style 4
*****************************************************************/
.title_group.s4 h3{height: 40px;line-height: 40px;font-size: 20px;color:#222;}
.title_group.s4 h3 strong{font-weight: bold}
.title_group.s4 h4{font-size: 14px;margin: 15px 0;margin-top: 0;color:#222;font-weight: bold;line-height: 18px;}
.title_group.s4 h4+p{font-size: 12px;color:#777;margin-bottom: 25px;line-height: 17px;}
.title_group.s4 .btn_del{position: relative;display: inline-block;border: 1px solid #999;border-radius: 5px;color:#222;width: 80px;height: 40px;line-height: 38px;text-align: center;background: #fff;padding-right: 15px;}
.title_group.s4 .btn_del::after{position: absolute;content: '';width: 10px;height: 1px;background: #999;top: 50%;right: 20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.title_group.s4 .rt{position: absolute;z-index: 2;top: 50%;right: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

/*****************************************************************
    Content - Title Style 5
*****************************************************************/
.title_group.s5{font-size: 16px;height: 50px;line-height: 50px;padding-left: 18px;}
.title_group.s5 .icon_circle{margin-right: 10px;}
.title_group.s5 h3{font-weight: bold;}

/*****************************************************************
    Content - Title Style 6
*****************************************************************/
.title_group.s6 h3{font-size: 20px;line-height: 27px;padding-bottom: 20px;border-bottom: 1px solid #e1e1e1;color:#003c7e;background: #fff;font-weight: bold}
.title_group.s6 h4{margin-top: 15px;}
.title_group.s6 ul{font-size: 14px;color:#222;margin-top: 15px;}
.title_group.s6 ul li{position: relative;margin:0 10px 0 0;padding-right:10px}
.title_group.s6 dl{margin-top:10px;line-height:14px;}
.title_group.s6 dl dt{position: relative;font-size: 12px;color:#777;font-family:'ns500';margin:0 10px;padding-left:10px}
.title_group.s6 ul li::after,.title_group.s6 dl dt::after{position:absolute;content: '';right:0;top:4px;width:1px;height:13px;background:#e5e5e5}
.title_group.s6 ul li:last-child,.title_group.s6 dl dt:last-child{padding-right:0;margin-right:0}
.title_group.s6 ul li:last-child::after,.title_group.s6 dl dt:first-child::after{display: none;}
.title_group.s6 dl dd{color:#222;font-size:14px}
.title_group.s6 ul li,.title_group.s6 dl dt,.title_group.s6 dl dd{float: left;}
.title_group.s6 .weak{font-size: 12px;color:#777;}
.title_group.s6 .w100p{width: 100%;padding-left: 0;margin: 0;margin-top: 5px;}
.title_group.s6 .w100p::after{display: none;}
.title_group.s6 .price_group{width: 100%;border-top: 1px solid #e1e1e1;padding-top: 15px;margin-top: 15px;}
.title_group.s6 .price_group dl{float: right;margin-top: 0;}
.title_group.s6 .price_group dt{color:#222;font-weight: bold;margin: 0;}
.title_group.s6 .price_group dd{font-weight: normal;margin-left: 30px;}
.title_group.s6 .price_group .price{color:#445bcd;font-size: 24px;font-family: 'Roboto';font-weight: bold;letter-spacing: -1px;margin-right: 5px;}

/*****************************************************************
    Content - Title Group
*****************************************************************/
.title_group.row, .title_group2.row{height: auto;}
.title_group.row h3, .title_group2.row h3{line-height: 1.65rem;}
.title_group.line, .title_group2.line{border-bottom: 1px solid #37404e;height: auto;}
.title_group.line > p, .title_group2.line > p{padding-bottom: 25px;}
.title_group.c1, .title_group2.c1{background: #37404e;color:#ccc;}
.title_group.c1 h3, .title_group2.c1 h3{ color:#fff; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.title_group.c1 .progess, .title_group2.c1 .progess{ background: #37404e; }

.title_group.c2{background: #e8effc;}
.title_group.c2 h3{ color:#222 }

.title_box:first-of-type{border-top: 3px solid #37404e;margin-top: 15px;}
.title_box h4{font-size: 16px;background: #f0f2f4;border-bottom: 1px solid #e1e1e1;;padding: 13px 0 13px 15px;color:#222;margin: 0 !important;}
.title_box h4 + p{border-bottom: 1px solid #e1e1e1;padding: 15px;color:#444;font-size: 12px;line-height: 18px;}
.sep_req_confirm{color:#444;font-size: 16px;text-align: center}

/*****************************************************************
    Pagination
*****************************************************************/
.pagination_group{display: block;border-top: 1px solid #e1e1e1;padding: 10px 0;margin-bottom: 25px;}

.pagination_num{position: relative;text-align: center;padding: 20px 0;}
.pagination_num .current{color: #003C7F;}
.pagination_num .total{color: #000;}
.pagination_num .next,.pagination_num .prev{position: absolute;left: 10%;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.pagination_num .next{left: auto;right: 10%;}

.pagination_dot{text-align: center;font-size: 12px;}
.pagination_dot a{display: inline-block;width: 7px;height: 7px;line-height: 18px;border-radius: 50%;background: #ccc;vertical-align: middle;margin-left: 7px;}
.pagination_dot .active{width: 20px;height: 20px;background: #445bcd;color:#fff}
.pagination_dot a:first-child{margin-left: 0;}

/*****************************************************************
    List Style
*****************************************************************/
.list_s1{color:#444;line-height: 20px;}
.list_s1>li{position: relative; margin-top: 10px;}
.list_s1>li:first-child{margin-top: 0;}
.list_s1.bullet>li{padding-left: 7px;}
.list_s1.bullet>li::before{content: '';position: absolute;left: 0;top: 8px;background: #444;width: 2px;height: 2px;}
.list_s1.c1{color:#777}
.list_s2 li{padding-left: 12px;text-indent: -12px}
.list_s3{color:#444;line-height: 24px;text-indent: -24px;padding-left: 24px;}

.list_col2 li{width: 100%;margin-top: 10px;}
.list_col2 li:first-child{margin-top: 0;}
.list_col2 .flt{float: left;}
.list_col2 .frt{float: right;}
.list_col2 label{line-height: 36px;}
.box_guide{margin-top:10px;padding:20px;border:1px solid #e1e1e1;background-color:#fafafa}
.box_guide h5{padding:15px 0 10px;font-size:14px;font-weight:500;color:#222}
.box_guide h5:first-child{padding-top:0}

.list_txt.p15{padding:0 15px}
.list_txt li{position:relative;margin-top:10px;color:#444;line-height:16px;}
.list_txt li>ul{margin-top:10px}
.list_txt.s2 li{font-size:16px}
.list_txt li:first-child{margin-top:0}
.list_txt li.dot{padding-left:7px}
.list_txt li.dot:before{content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background-color:#444;border-radius:100%}
.list_txt li.dash{padding-left:8px}
.list_txt li.dash:before{content:'';position:absolute;top:10px;left:0;width:3px;height:1px;background-color:#444}
.list_txt li.num{padding-left:15px}
.list_txt li.num.t2{padding-left:22px}
.list_txt li.num span{content:'';position:absolute;top:0;left:0}
.list_txt li.rm{padding-left:18px}
.list_txt li.rm:before{content:'※';position:absolute;top:0;left:0}
.list_txt li .list_guide{margin:10px 0 0 -10px}
.list_txt li .list_guide li.rm{color:#777}
.list_txt+.list_guide{margin-top:12px}
.list_guide{margin-top:17px;line-height:16px}
.list_guide.p15{padding:0 15px}
.list_guide.pt20{padding-top:20px}
.list_guide li{position:relative;margin-top:10px;font-size:12px;color:#777}
.list_guide li:first-child{margin-top: 0;}
.list_guide li.c1{color:#445bcd}
.list_guide li.t1{font-size:14px;color:#444}
.list_guide li.dot{padding-left:7px}
.list_guide li.dot:before{content:'';position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#777}
.list_guide li.rm{padding-left:18px}
.list_guide li.rm:before{content:'※';position:absolute;top:0;left:0}
.list_guide li.num{padding-left:15px}
.list_guide li.num.t2{padding-left:22px}
.list_guide li.num .num{position:absolute;top:0;left:0}
.btn_set .list_guide{position:absolute;top:0;left:0;margin:0;text-align:left}

/*****************************************************************
    팝업
*****************************************************************/
.popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;text-align:left;z-index:100}
.popup_wrap{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:100;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.popup_wrap main{position: relative;overflow-y: auto;padding-bottom: 25px;}
.popup_wrap .foot_btn{margin-top: 0;}
.popup_wrap #container{padding-top: 0;}
.popup_wrap #footer, .popup_wrap .floating{display: none;}
.box_comments{background: #e8effc;color:#20407c;padding: 20px;}

/*****************************************************************
    청약 - 가입 전 준비사항
*****************************************************************/
.ready_for_offer{background: #e8edf4;}

.ready_for_offer > header{position: relative;top: 0;left: 0;width: 100%;height: 113px;background: #446dcd;background-size:100% 100%;text-align: left;color:#fff;padding-left: 30px;}
.ready_for_offer > header > div{position: relative;padding-left: 80px;}
.ready_for_offer > header > div::before{content: '';position: absolute;left: 15px;top: 25px;background: url('../images/offer/icon_readyforoffer.png') 0 0 no-repeat;background-size: 100% 100%;width: 51px;height: 51px;}
.ready_for_offer > header > div >h2{font-size: 25px;color:#fff;padding-top: 25px;font-family: 'ns400';}
.ready_for_offer > header > div > p{font-size: 13px;margin-top: 10px;opacity: .8;}

.ready_for_offer > main{position: relative;z-index: 2;background: #fff;margin: 0 auto;top: -20px;padding: 23px 0;border-radius: 5px;width: 90%;}
.ready_for_offer > main h3{font-size: 14px;font-weight: bold;color:#222;margin-bottom: 20px;padding: 0 20px;}
.ready_for_offer > main h4{font-size: 14px;color:#222}
.ready_for_offer > main ol{font-size: 12px;border-bottom: 1px solid #eef0f3;margin-bottom: 20px;padding: 0 20px;padding-bottom: 20px;}
.ready_for_offer > main ol:last-of-type{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.ready_for_offer > main li p{color:#777;margin-top: 5px;word-break: keep-all;line-height: 16px;}

.ready_for_offer .comment{padding: 20px;font-size: 12px;line-height: 16px;}
.ready_for_offer .foot_btn{margin-top: 0;}

/*****************************************************************
    청약 - HELP 팝업
*****************************************************************/
.help_to_offer{position: relative;height: 100%;text-align: center;padding-top: 80px;}
.help_to_offer h2{font-size: 20px;color:#445bcd;font-family: 'ns500';line-height: 26px;}
.help_to_offer .opening_time{margin-top: 15px;}
.help_to_offer .opening_time strong{font-family: 'ns500';color:#222}
.help_to_offer .btn{font-size: 15px;border-color: #ccc;}
.help_to_offer .foot_btn{position: fixed;bottom: 0;left: 0;width: 100%;}

/*****************************************************************
    청약 - 인증 코멘트
*****************************************************************/
.authorized_comment{margin-top: 10px;font-size: 12px;line-height: 12px;}
.authorized_comment span{position: relative;display: inline-block;color:#445bcd;padding-left: 17px;}
.authorized_comment span.announce{color:#e82f59;padding-left: 0;}
.authorized_comment span.announce::before{display:none;}
.authorized_comment span::before{top: 0;left: 0;background-position:-23px -56px;width: 13px;height: 13px;}

/*****************************************************************
    청약 - 타이틀
*****************************************************************/
.offer_header_info{overflow:hidden;min-height:15px;background:#37404e;padding-left:16px}
.title_group.s1.fixed+.offer_header_info{margin-top:64px}
#wrap.fixed .offer_header_info{margin-top:0}
.offer_header_info dl{color:#fff;opacity: .5;font-size: 11px;width: 95%;}
.offer_header_info dl > dt{margin-bottom: 7px;}
.offer_header_info dl > dt .right{float: right;}
.offer_header_info dl > dt span{position: relative;display: inline-block;margin-left: 8px;padding-left: 8px;}
.offer_header_info dl > dt span:first-child{margin-left: 0;padding-left: 0;}
.offer_header_info dl > dt span:first-child::before{display: none;}
.offer_header_info dl > dt span::before{position: absolute;content: '';left: 0;top: 1px;width: 1px;height: 100%;background: #5e6570;}
.offer_header_info dl > dd{position: relative;line-height: 16px}
.offer_header_info .foot{position: relative;height: 35px;margin-top: 15px;padding-bottom: 18px;}
.offer_header_info .foot .rt{position: absolute;right: 15px;color:#fff;}
.offer_header_info .btn_doc{position: relative;display: inline-block;height: 22px;line-height: 20px;font-size: 12px;color:#fff;top: -3px;border: 1px solid #e1e1e1;border-radius: 5px;padding-left: 5px;padding-right: 19px;}
.offer_header_info .btn_doc::after{background-position: -94px -110px;width: 9px;height: 9px;right: 4px;top: 50%;}
.offer_header_info .price{color:#70e9ff;font-size: 15px;}

/*****************************************************************
    청약 - 동의
*****************************************************************/
.agree_text{position: relative;text-align: left;line-height: 21px;color:#777;margin-bottom: 20px;}
.agree_text strong{color:#445bcd;}
.top_all_agree{position: fixed;top: 54px;left: 0;width: 100%;background: #fff;z-index: 5;padding-bottom: 25px;}
.top_all_agree + .list_guide{margin-top: 0;}
.offer_document{display: none;}
.offer_document.active{display: block;}

/*****************************************************************
    청약 - 건강상태
*****************************************************************/
.qna_group, .add_answer fieldset{border-top: 1px solid #e1e1e1;padding-top: 25px;margin-top: 25px;}
.qna_group.line_bottom{border-bottom: 1px solid #e1e1e1;padding-bottom: 25px;}

.add_answer fieldset{border-color: #d5d9e0;}
.add_answer fieldset.noline{padding-top: 0;border-top: 0;margin-top: 0;}
.add_answer input[type=text],.add_answer input[type=number],.add_answer .radio_s1 > input[type=radio] + label,.add_answer select{background-color: #fff;}
.add_answer select{background-position: 95% center;}

.qna_group.noline{border-top: 0;margin-top: 0;}
.qna_group.noline.nopt0{padding-top: 0;}

.question_wrap{line-height: 21px;background: #fff;}
.question_wrap .question{margin: 25px 0;margin-top: 0;color:#222}
.question_wrap h4{font-size: 14px;margin-bottom: 15px;color:#222}
.question_wrap h4 strong{font-weight: bold;margin-right: 3px;}
.question_wrap .comments{border-radius: 5px;border: 1px solid #dadef5;padding: 18px;word-break: keep-all}
.question_wrap .comments strong {color:#445bcd}
.question_wrap .comments p{font-size: 12px;margin-top: 5px;}
.question_wrap .answer{margin-top: 20px;}
.question_wrap .answer .radio_s1{float: right;width: 50%;}
.question_wrap:last-of-type{padding-bottom: 0;}

.add_answer{border-top: 1px solid #d5d9e0;background: #e8edf4;padding: 25px 15px;-webkit-transition: all .5s;transition: all .5s;}
.add_answer p{line-height: 20px;color:#777;}

/*****************************************************************
    청약 - 동의 사항
*****************************************************************/
.aggrement_list{line-height: 20px;margin-top: 10px;margin-bottom: 25px;}
.aggrement_list.last{margin-bottom: 0;}
.aggrement_list h4{color:#444;line-height: 21px;}
.aggrement_list p{color:#777;font-size: 12px;text-indent: -15px;padding-left: 15px;margin-bottom: 15px;}

/*****************************************************************
    청약 - 분리 보관된 개인정보 복원 신청
*****************************************************************/
.sep_req_title{color:#445bcd;font-size: 16px;font-weight: 500;}

/*****************************************************************
    청약 - 해피콜
*****************************************************************/
.happycall{font-size: 12px;padding: 30px;background: #d1e1f7;}
.happycall h4{position: relative;color: #445bcd;font-size: 20px;line-height: 30px;margin-bottom: 20px;}
.happycall h4 strong{font-weight: bold}
.happycall h4::after{position: absolute;content: '';left: 150px;bottom: 13px;width: 50%;height: 2px;background: #445bcd;}
.happycall .list_s1{width: 93%;}
.happycall .list_s1 li{color:#37404e;word-break: keep-all;}

/*****************************************************************
    청약 - 가입완료
*****************************************************************/
.offer_complete_01{padding: 15px;text-align: center;}
.offer_complete_01 > h3{position: relative;font-size: 20px;line-height: 30px;color:#445bcd;font-family: 'ns500';padding-top: 72px;}
.offer_complete_01 > h4{position: relative;font-size: 20px;line-height: 30px;color:#222;font-weight: bold;margin-top: 30px;padding-top: 31px;}
.offer_complete_01 > h4::before{content: '';position: absolute;left: 50%;top: 0;width: 20px;height: 1px;background: #222;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.offer_complete_01 > h3::before{position: absolute;top: 24px;left: 50%;content: '';border-radius: 50%;width: 40px;height: 40px;background: #445bcd;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.offer_complete_01 > h3::after{top: 40px;left: 50%;background-position:-121px -110px;width: 11px;height: 8px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.offer_complete_01 > p{display: inline-block;font-size: 12px;line-height: 20px;color:#37404e;opacity: .8;width: 90%;word-break: keep-all;margin: 20px 0 30px;}
.offer_complete_01 .comment_panel{text-align: left;margin-bottom: 10px;}

.offer_complete_02{padding: 25px;background: url('../images/offer/bgimg_happycon.png') 95% 7px no-repeat #fce0e8;background-size:131px 126px;border-top: 10px solid #e8edf4;}
.offer_complete_02 h4{font-size: 15px;color:#000;width: 57%;line-height: 20px;font-weight: bold;margin-bottom: 15px;}
.offer_complete_02 p{font-size: 12px;line-height: 16px;word-break: keep-all;width: 58%;}
.offer_complete_02 span{font-size: 12px;line-height: 16px;word-break: keep-all;}
.offer_complete_02 .clear.s2>div{width: 48%;margin-left: 4%;}
.offer_complete_02 .clear.s2>div:first-child{margin-left: 0;}
.offer_complete_02 .input.s10 label input[type=text],.offer_complete_02 .input.s10 label input[type=number]{background: #fff;border: 0;width: 100%;margin-right: 0;}

.offer_complete_03{border-top: 10px solid #e8edf4;}
.offer_complete_03 h4{color:#222;font-size: 15px;font-family: 'ns500';margin-bottom: 14px;}
.offer_complete_03 p{line-height: 16px;font-size: 12px;margin-bottom: 15px;}
.offer_complete_03 textarea{width: 100%;height: 60px;}

.offer_complete_04{background: #e8edf4;}
.offer_complete_04 .title_group{padding: 25px 0 0 15px;}

/*****************************************************************
    Swiper - 추천상품
*****************************************************************/
.swiper_product .swiper-slide {text-align: center;font-size: 18px;background: #fff;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;width: 253px;}

.product_group {position: relative;padding: 30px 20px;height: 347px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.product_group .header{width: 100%;position: relative;padding-bottom: 20px;margin-bottom: 15px;}
.product_group .header::after{content: '';position: absolute;bottom: 0;left: 50%;width: 15px;height: 2px;background: #222;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.product_group h4{position: relative;font-size: 14px;line-height: 20px;min-height:40px;color:#222;font-weight: bold;word-break: keep-all;}
.product_group .desc{line-height: 18px;font-size: 12px;min-height:36px;color:#444}
.product_group .price{font-size: 12px;color:#222;margin: 15px 0 10px;}
.product_group .price .won{font-size: 17px;font-family: 'Roboto';}
.product_group .price .line{font-family: 'Roboto';}
.product_group .price strong{font-size: 25px;font-weight: bold;font-family: 'Roboto';}

.product_group ul{width: 100%;margin-bottom: 20px;}
.product_group li{position: relative;line-height: 22px;}
.product_group li h5{text-align: left;color:#777;font-size: 12px;}
.product_group li .interest{font-size: 12px;text-align: right;}
.product_group li span{position: absolute;top: 0;right: 0;color:#445bcd;font-size: 12px;}

.product_group .btn_detail{position: absolute;font-size: 13px;font-weight: bold;color: #445bcd;bottom: 25px;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.product_group .btn_detail span{position: relative;padding-right: 13px;}
.product_group .btn_detail span::after{top: 6px;right: 0;background-position:-97px -58px;width: 9px;height: 9px;}

/*****************************************************************
    특약 체크 리스트
*****************************************************************/
.sc_checklist.req_list{border-top: 2px solid #37404e;border-bottom: 2px solid #37404e;}
.sc_checklist h3{border-bottom: 1px solid #e1e1e1;padding: 18px 0;font-size: 15px;color:#222;font-weight: bold;}
.sc_checklist select{width: 104px;margin: 5px 0 0 25px;color:#222;}
.sc_checklist li{padding: 10px 7px 9px 7px;border-top: 1px solid #e1e1e1;}
.sc_checklist li:first-child{border-top: 0;}
.sc_checklist li .check.s2{margin: 0;}
.sc_checklist li .check.s2 input[type="checkbox"]+label{text-decoration: none;margin-top: 3px;text-align: left;}
.sc_checklist .price{font-size: 16px;color:#222}
.sc_checklist .price + a{position: relative;display: inline-block;padding: 0 !important;margin-left:10px;top: -1px;}
.sc_checklist + .accordion_wrap .accordion{font-size: 15px;padding-left: 0;font-weight: bold;}
.sc_checklist + .accordion_wrap .panel{background: none;border-color: #e1e1e1;}

/*****************************************************************
    동의 리스트
*****************************************************************/
.agree_check.all_agree{padding-top: 90px;}
.agree_check .agree_checklist h4{border-bottom: 2px solid #37404e;padding-bottom: 15px;margin-bottom: 0;}
.agree_check .agree_checklist .period li{height: auto;line-height: 20px;padding-bottom: 15px;}
.agree_check .agree_checklist .period li:first-child{border-bottom: 0;padding-top: 15px;padding-bottom: 10px;}
.agree_check .accordion .check.s2 input[type="checkbox"]+label{display: block;width:86%;text-align: left;}
.agree_check .check.s2 input[type="checkbox"]+label{color:#222;}
.agree_check .accordion_wrap .accordion{padding: 12px 0;height:auto;}
.agree_check .accordion_wrap .accordion +.panel > div{padding: 10px;}
.agree_checklist li{border-bottom: 1px solid #e1e1e1;height: 50px;line-height: 50px}
.agree_checklist.col3 input[type=radio] + label{margin-left: 72px;color:#222;}
.agree_checklist.col3 input[type=radio]:nth-child(3n+1) + label{margin-left: 0;}

.border_top_bold{border-top: 2px solid #37404e;margin-top: 15px;}
.pdf_container{padding-bottom: 25px;}

.agree_check .box_txt {padding:20px; background: #e8effc; color:#20407c;}
.accordion-tit {border-bottom:0 !important;}
.accordion-tit.active + .panel {border-bottom:0; border-top: 2px solid #37404e;}
.grade_bg:before {content: ''; display: block; width: 100%; height: 30px; margin-top:-10px; background:url(../images/common/grade.png)no-repeat center; background-size: contain;}

/*****************************************************************
    직업찾기
*****************************************************************/
.job_list{margin-top: 10px;}
.job_list li{float: left;font-size: 12px;text-align: center;margin-bottom: 7px;margin-right: 7px;}
.job_list li input[type=radio] + label{color:#445bcd;padding-left: 0;background: #f0f2f4;border-radius: 20px;padding: 0 30px;height: 40px;line-height: 40px}
.job_list li input[type=radio]:checked + label{color:#fff;background: #445bcd;}
.search_result{margin-top: 13px;margin-bottom: 10px;}
.search_result .flt{float: left;font-size: 14px;color:#222;}
.search_result .frt{float: right;font-size: 12px;color:#777;}
.search_tbl table td.left{padding-left: 0;}
.search_result_list{border-top:2px solid #37404e}
.search_result_list ul li{position:relative;padding:10px 5px;border-bottom:1px solid #ccc;font-size:12px}
.search_result_list ul li .addr{display:block;margin-right:50px}
.search_result_list ul li .addr label{line-height:18px;padding-left:30px}
.search_result_list ul li .job{display:block}
.search_result_list ul li .job label{line-height:22px;padding-left:30px}
.search_result_list ul li .zip{position:absolute;top:50%;right:5px;margin-top:-10px}
.search_result_list ul li.no_data{padding:20px 0;text-align:center}

/*****************************************************************
    태아 건강상태
*****************************************************************/
.embryo_list li{float: left;width: calc(33.333333% - 4px);margin-bottom: 6px;text-align: center;margin-left: 5px;}
.embryo_list li:nth-child(3n+1){margin-left: 0;}
.embryo_list input[type=checkbox] + label{text-align: center;width: 100%;border: 1px solid #ccc;border-radius: 5px;color:#777;height: 40px;line-height: 38px;padding-left: 0;}
.embryo_list input[type=checkbox]:checked + label{color:#445bcd;border-color:#445bcd;}
.embryo_list.etc li.etc{width:66.3%}
.embryo_list.etc li input[type=text]{width: 98%;border: 1px solid #e1e1e1;height: 40px;line-height: 40px;border-radius: 5px;padding: 12px 9px;}

/*****************************************************************
    카카오 페인 인증
*****************************************************************/
.kakao_form{display:none;}
.kakopay_auth h2{color:#445bcd;font-size: 20px;text-align: center;line-height: 26px;margin-bottom: 20px;}

/*****************************************************************
    상품
*****************************************************************/
.product_container{width:100%;text-align:left;padding:25px 15px 0}
.product_container h2{font-size: 20px;line-height: 24px;margin-bottom: 25px;font-weight: bold;word-break: keep-all;}
.product_container h2 + .head h4{margin: 0;}
.product_container h3{margin-bottom: 15px;font-size: 16px;font-weight: bold;line-height: 1.5rem;}
.product_container h4 + p{margin-top: 5px;}
.product_container h4 + .tbl{margin-top: 15px;}
.product_container h5{font-size:14px;color:#222}
.product_container .comment{font-size:14px;color:#777;margin-bottom:10px;line-height:18px}
.join_notice{padding:20px 15px 30px;}
.join_notice h4{font-size:16px;font-weight:500;color:#222}
.join_ex_wrap{padding:0 15px}
.join_ex_wrap .accordion_wrap{margin-top:10px;border-top:2px solid #37404e}
.join_ex_wrap .accordion_wrap .accordion{width:auto;height:auto;padding:15px 0 15px 10px}
.join_ex_wrap .accordion_wrap .inner{padding:10px 0;background-color:#fff}
.join_ex{margin-top:25px}
.join_ex h4{font-size:16px;font-weight:500;color:#222}
.join_ex_item{margin-top:20px}
.join_ex_item p{line-height:18px;font-size:13px;font-weight:500;color:#222}
.join_ex_item span.rm{display:block;padding:10px 0;font-size:12px;color:#666;text-align:right}
/*****************************************************************
    상품 - 타이틀
*****************************************************************/
.product_title{position: relative;display: block;height:140px;color:#fff;font-size: 26px;text-align: center;word-break: keep-all;padding: 30px 0;font-family: "ns400";line-height: 32px;letter-spacing: -1px;top: -10px;opacity: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 1s .5s;transition: all 1s .5s;}
.product_title.animation{top: 0;opacity: 1;}
.product_title p, .product_title span{display:block;font-size: 12px;line-height: 16px;}
.product_stitle{position: relative;color:#fff;font-size: 18px;text-align: center;padding-top: 30px;line-height: 24px;opacity: 0;top: -10px;-webkit-transition: all 1s;transition: all 1s;}
.product_stitle.animation{opacity: 1;top: 0;}
.product_stitle span{position: relative;background: url('../images/product/bgimg_stitle.gif') 0 bottom repeat-x;background-size: 1px 6px;}
.band_banner{position: relative;z-index: 2;}
.band_banner a{display: block;}
.band_banner img{width: 100%;}
/*****************************************************************
    상품 - 계산기
*****************************************************************/
#calculator{position: relative;background-size: cover;z-index: 2;}
#calculator .swiper-pagination{opacity: 0;-webkit-transition: all 1s .8s;transition: all 1s .8s;}
#calculator .swiper-pagination.animation{opacity: 1;}
#calculator .product_title_slide .swiper-pagination-bullet{background: #fff;width: 7px;height: 7px;opacity: .5;margin-left: 0;border: 0;-webkit-box-shadow: 0 0 0 0 rgba(34,34,34,.75);-moz-box-shadow: 0 0 0 0 rgba(34,34,34,.75);box-shadow: 0 0 0 0 rgba(34,34,34,.75);-webkit-transition: all .5s;transition: all .5s;}
#calculator .product_title_slide .swiper-pagination-bullet-active{background: #fff;border-radius: 10px;width: 15px;opacity: 1;}

.calculator_bgimg01{background-image: url('../images/product/bgimg_titlt01.jpg');}
.calculator_bgimg02{background-image: url('../images/product/bgimg_titlt02.jpg');}
.calculator_bgimg03{background-image: url('../images/product/bgimg_titlt03.jpg');}
.calculator_bgimg04{background-image: url('../images/product/bgimg_titlt04.jpg');}
.calculator_bgimg05{background-image: url('../images/product/bgimg_titlt05.jpg');}
.calculator_bgimg06{background-image: url('../images/product/bgimg_titlt06.jpg');}
.calculator_bgimg07{background-image: url('../images/product/bgimg_titlt07.jpg');}
.calculator_bgimg10{background-image: url('../images/product/bgimg_titlt10.jpg');}
.calculator_bgimg12{background-image: url('../images/product/bgimg_titlt12.jpg');}

.calculator-area {background-color:#e1f4fd; padding:27px 14px 14px;}

/*****************************************************************
    상품 - 계산기결과
*****************************************************************/
#calculator_result .title{border-bottom: 0;padding-bottom: 0;  }
#calculator_result .title h3{position: relative;padding-bottom: 15px;font-size: 18px;}/*border-bottom: 1px solid #e1e1e1;*/
#calculator_result .title h3 i{position: absolute;right: 5px;top: -7px;}

.result_area{position: relative;display: none;z-index: 2;background: #fff;}
.result_select .frt{width: 70%;}
.result_select .radio_s1.s2.frt  > input[type=radio] + label{width: 48.5%;}
.result_select select{width: 70%;background-size: 9px 5px}

.age_input{position:relative;width:70%}
.age_input input[type=text], .age_input input[type=number]{width:100%;padding-right:30px;text-align:right}
.age_input:after{content:'세';position:absolute;top:13px;right:15px}

.result_price .title_group{padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px dotted #ccc;}
.result_price .title_group h3{font-size: 15px;font-weight: bold;color:#000}
.result_price .title_group .rt{top: 36%;}
.result_price .price{font-size: 15px;color:#222;}
.result_price .price strong{font-size: 24px;color:#445bcd;font-family: 'ns500';}
.result_price .flt{font-size: 12px;color:#444;}
.result_price .frt{font-size: 16px;color:#222;}

.result_btn_group{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top: 30px;margin-bottom: 10px;}
.result_btn_group .btn{padding: 0;height: 60px;line-height: 60px;}
.result_btn_group .btn_cart{padding: 0;min-width: 70px;}
.result_btn_group .btn_cart2{padding: 10px 0 0 20px;min-width: 70px;}
.result_btn_group .btn_join{flex:1;margin-left: 4px;font-size: 18px;}
.result_btn_group .btn_redesign{margin-left: 5px;font-size: 16px;width: 80px; background:#666}  /* 2019.03.28 이성만 재설계버튼 적용 CSS 추가 */ /* 2019.04.04 이성만 바탕색 회색 적용 */
.result_btn_group2{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.result_btn_group2 a{flex: 1;margin-left: 2px;}
.result_btn_group2 a:first-child{margin-left: 0;margin-right: 2px;}
.result_btn_group2 a span{position: relative;padding-left: 18px;}
.result_btn_group2 a span::after{top: 3px;left: -2px;background-position:-153px -54px;width: 15px;height: 16px;}
.result_btn_group2 a:first-child span::after{left: 0;background-position:-215px -55px;width: 13px;height: 16px;}

.proposal_req{background: #e8effc;padding: 25px 15px 15px 15px;color:#222;text-align: center;}
.proposal_req > p {height:14px;}
.proposal_req .btn_proposal{display: flex;margin-top: 15px;font-size: 15px;}
.proposal_req .btn_proposal a{flex:1;margin-left: 2px;text-align: center;background: #fff;height: 40px;line-height: 40px;font-size: 14px;color:#444;}
.proposal_req .btn_proposal a span{position: relative;padding-right: 14px;}
.proposal_req .btn_proposal a span::after{top: 6px;right: 0;background-position:-97px -58px;width: 9px;height: 9px;}

/*****************************************************************
    상품 - 특징
*****************************************************************/
.product_spec{font-size: 12px;}
.spec_tag{display: inline-block;font-size: 12px;color:#fff;border-radius: 10px;background: #3d5fc0;width: 50px;height: 24px;line-height: 24px;font-weight: bold;text-align: center;}
.product_spec h4{font-size: 18px;margin: 10px 0 15px;font-weight: bold;line-height: 22px;}
.product_spec p{line-height: 18px;color:#777;}
.product_spec h4 + p{ color:#444}
.product_spec h5{font-weight: bold;margin: 10px 0;}

/*****************************************************************
    상품 - 애니메이션
*****************************************************************/
.figure_wrap{position: relative;display:inline-block; width:100%;margin-top: 25px;}
.figure_wrap .figure_section{position:relative;width:300px;margin: 0 auto;}
.figure_wrap .figure_section.w100p{width: 100%;}
.figure_wrap .figure_section.w240p{width:240px;}
.figure_wrap .box_txt{line-height:14px;margin-top:18px;padding:13px;border:1px solid #e1e1e1;font-size:14px;font-weight:500;text-align:center;border-radius:5px;line-height: 20px}

.p_figure_info{padding:28px 0 30px;border-bottom:1px solid #e1e1e1}
.p_figure_info:last-child{padding-bottom:0;border:none}
.p_figure_info .p_figure_txt{width:300px}
.p_figure_info .p_figure_txt.full{width:10%}
.p_figure_info .p_figure_txt .list_guide{margin-top:-3px}
.p_figure_info .box_txt{line-height:18px;margin-top:15px;padding:13px;border:1px solid #e1e1e1;font-size:14px;font-weight:500;text-align:center;border-radius:5px}
.p_figure_txt h3{line-height:1.4;font-size:18px;font-weight:normal;color:#000}
.p_figure_txt h3 .lb{display:block;width:55px;height:24px;line-height:24px;margin:0 0 5px;background-color:#3d5fc0;font-size:13px;font-weight:500;color:#fff;text-align:center;border-radius:15px; margin-bottom:20px;}
.p_figure_txt h3 .lb span{padding-left:3px;font-family:'Roboto';font-weight:700}
.p_figure_txt h3 .lb.num{width:35px}
.p_figure_txt h3 .lb.num span{padding:0}
.p_figure_txt h3 em{font-size:14px}
.p_figure_txt h3 .line{display:inline-block;position:relative}
.p_figure_txt h3 .line:after{content:'';position:absolute;bottom:2px;left:-1px;right:-1px;height:4px;background-color:#c9d3ff;z-index:-1}
.p_figure_txt h4{margin-top:10px;font-size:14px;font-weight:700;color:#000}
.p_figure_txt .txt1{line-height:18px;font-size:14px;color:#000}
.p_figure_txt .txt1 .line{display:inline-block;position:relative}
.p_figure_txt .txt1 .line:after{content:'';position:absolute;bottom:2px;left:-1px;right:-1px;height:4px;background-color:#c9d3ff;z-index:-1}
.p_figure_txt .txt2{line-height:22px;margin-top:5px;color:#000}
.p_figure_txt .list_guide li, .p_figure_txt .list_txt li{color:#000}
.tooltip-1 a {position:relative;}
.tooltip-1 a:after {content:''; display:inline-block; background:url(../images/common/cmm-splite.png) no-repeat -29px 0; width:17px; height:17px; background-size:360px auto; vertical-align:middle;}

/*****************************************************************
    상품 - 탭영역
*****************************************************************/
.product_detail_area .list{position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: 44px;left: 0;background: #fff;z-index: 25;}
.product_detail_area .list a{position: relative;float: left;width: calc(33.333% - 17px);text-align: center;height: 45px;line-height: 42px;}
.product_detail_area .list.item_2 a{width:calc(50% - 25.5px);}
.product_detail_area .list a::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background: #cccccc;}
.product_detail_area .list a.active{color: #445bcd;font-weight: bold;}
.product_detail_area .list a.active::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2px;background: #445bcd;}
.product_detail_area .list a.btn_backtocalulator{width:51px;height: 45px;padding: 3px 0;background: #37404e;}
.product_detail_area .list a.btn_backtocalulator::after{display: none;}
.product_detail_area .list a.btn_backtocalulator i{position: relative;top: -3px;}
.product_detail_area .anchor{display: block;height:105px;}

/**************************************************
20201117_다이렉트 추가
**************************************/
.bo_tit {position:relative; text-align:center; padding:16px 0 14px;}
.bo_tit img {width:70%;}
.tab_wrap {clear:both; }
.tab_wrap .tab3{}
.tab_wrap .tab3 li {/*border:1px solid #ccc;*/padding:13px 10px;width:50%; background:#f5f5f5}
.tab_wrap .tab3 li::after{position: absolute;content:'';left: 0;bottom: 0;width: 100%;height: 1px;background: none;}
.tab_wrap .tab3 li.on {padding:15px 10px;background:#445bcd; border:1px solid #445bcd;border-radius:2px; margin-top:-2px;border-radius:2px;box-shadow: 0 2px 8px rgba(4, 30, 148, 0.28)}
.tab_wrap .tab3 li.on a{display:block;  color:#fff; }
.tab_wrap .tab3 li.on a:after{content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: 12px; width: 14px; height: 14px; 
 border: 2px solid #445bcd; border-left: 0; border-top: 0; transform:rotate(45deg);/*color: transparent;*/background:#445bcd;
-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.tab_wrap:after{display:block; clear:both; content:""}
.profit {position:relative; border:1px solid #445bcd; margin-top:-4px; padding-top:16px;}
.profit dl {width:100%; overflow:hidden}
.profit dl dt{float:left;width:25%; color:#222; padding-left:10px; line-height:21px;}
.profit dl dd {float:left;width:75%;}
.profit dl dd p{ color:#222; line-height:21px;font-size:12px;}
.profit dl dd .fo_blue{color:#445bcd}
.pro_box {clear:both; background:#e1f4fd; padding:10px; text-align:right; margin-top:10px}
.pro_box p{ font-size:13px; color:#222; line-height:20px;}
.pro_box span{display:block; font-size:15px; color:#fe106f}
.accordion_wrap .add_acco {border:1px solid #ccc; text-align:center; width:200px; margin:0 auto; padding:5px 0}

.acc_top_txt {text-align:center; margin-top:20px; margin-bottom:10px;}
.accordion_wrap .add_acco {position: relative;display: block;background: #fff;cursor: pointer;padding:5px 18px;width:200px; vertical-align:middle; height:30px;  margin:0 auto;text-align: left;outline: none;font-size: 14px;-webkit-transition: all .4s;transition: all .4s;color:#222;text-align:center;margin-bottom:10px;}
.accordion_wrap .add_acco::after{display: inline-block; background:none; transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);-webkit-transition: all .4s;transition: all .4s;}
.accordion_wrap .add_acco.active{border:1px solid #ccc}
.accordion.add_acco:after {transform:translateY(-50%) rotate(0);-webkit-transform:translateY(-50%) rotate(0);-moz-transform:translateY(-50%) rotate(0);-ms-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);}

.bd_wrap{border-bottom: 1px solid #e1e1e1; padding-bottom:10px;}
.tbl_scroll {overflow-y:scroll}
.tbl_scroll table{width:600px; }
.tbl_scroll table td{padding: 10px 8px;}


/*****************************************************************
    상품 - 설계함
*****************************************************************/
.pd_common_group .text_complete{color: #445bcd;font-size: 20px;text-align: center;}
.pd_common_group .icon_circle{background: none;}
.pd_common_group fieldset{border-top: 2px solid #37404e;border-bottom: 1px solid #e1e1e1;padding-top: 25px;padding-bottom: 15px;margin-top: 25px;}
.customer_profile{position: relative;padding-top: 90px;text-align: center;margin-bottom: 25px;}
.customer_profile h3{color:#222;font-size: 16px;margin: 25px 0 15px;font-weight: bold;}
.customer_profile h3:first-of-type{margin-top: 0;}
.customer_profile .customer_img{position: absolute;width: 75px;height: 75px;background: url('../images/product/cutomer_profile.png') 0 0 no-repeat;background-size: 100% 100%;top: 0;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.customer_profile ul li{position: relative;display:inline-block;margin: 0 10px;margin-right: 0;padding-left: 10px;}
.customer_profile ul li::after{position: absolute;content: '';left: 0;top: 5px;width: 1px;height: 13px;background: #e5e5e5;}
.customer_profile ul li:first-child{padding-left: 0;margin-left: 0;}
.customer_profile ul li:first-child::after{display: none;}
.cutomer_comment .comment{color:#444; font-size: 16px; line-height: 1.2;}
.cutomer_comment .date{font-size: 12px;color:#777;margin-top: 15px;}
.guide_example{position: relative;font-size: 16px;color:#445bcd !important;font-family: 'ns500';font-weight: normal !important;margin: 25px 0 15px !important;padding-left: 20px !important; }
.guide_example::after{background-position: -194px -55px;left: 0;width: 16px;height: 16px;}

/************
2022-08-03 추가
*************/
.d_mobile_cert{padding-top:160px;background:url(../images/utility/ico_mobile.png) 50% 0 no-repeat}
/*****************************************************************
    상품 - 개인정보수집이용동의안내
*****************************************************************/
.term_group{font-size: 12px;max-height: 240px;overflow-y: auto;line-height: 20px}
.term_group > h4,.term_group > p{margin: 15px 0;font-weight: bold;font-size: 14px;color: #222;font-weight: bold;margin: 15px 0;}
.term_group > p{font-size: 12px;}
.term_group > h4:first-of-type,.term_group > p:first-of-type{margin-top: 0;}
.term_group ul > li{position: relative;padding-left: 6px;}
.term_group ul > li::before{position: absolute;content: '';left: 0;top: 10px;width: 2px;height: 2px;background: #666;}

.flow_box{height:130px;margin-top:20px;padding:15px;border:1px solid #e1e1e1;overflow-y:auto}
.flow_box.hauto{height:auto}
.flow_box.h275{height:275px}
.flow_box.h285{height:285px}
.flow_box .txt1{font-size:14px;color:#444;margin-bottom: 10px;}
.flow_box .txt2{font-size:14px;color:#444}
.flow_box .frt{float: right;}

.guide_box{margin-top:20px;padding:22px 30px 30px;border:1px solid #e1e1e1;background-color:#fafafa}

/*****************************************************************
    상품 - Header Style
*****************************************************************/
.header_group01{padding: 15px 0;text-align: center;color:#444;background: #e8effc;}    
.header_group01.bgimg{background-image: url('../images/common/bgimg_header.png') ;background-size: cover;}
.header_group01 h2{margin: 10px;font-weight: bold;color:#222;font-size: 20px;}
.header_group01 p{line-height: 20px;}

.header_group02{position: relative;display: block;padding:20px 0;border-bottom: 1px solid #e1e1e1;}
.header_group02:first-of-type{padding-top: 0;}
.header_group02 li{margin-left: 10px;color:#444}
.header_group02 li:first-child{margin-left: 0;}
.header_group02 li.type{color:#445bcd;font-family: 'ns500'}
.header_group02 h3{color:#222;font-size: 16px;line-height: 22px;}
.header_group02 p{font-size: 13px;color:#777;}
.header_group02 h3, .header_group02 p{margin-top: 15px;}
.header_group02.list_type h3{width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header_group02.list_type a{display: block;}

.header_group03{padding-bottom: 18px;border-bottom: 1px solid #e1e1e1;}
.header_group03 h3{color:#222;font-size: 16px;line-height: 22px;font-family: 'ns500';}
.header_group03 p{font-size: 13px;margin-top: 15px;color:#777;}
/*****************************************************************
  게시글
*****************************************************************/
.grid_view_contents strong{font-weight:700}
.grid_view_contents em{font-style:italic}
.grid_view_contents img{max-width:100%}
/*****************************************************************
  이전글 다음글
*****************************************************************/
.page_prev_next{border-top: 1px solid #e1e1e1;}
.page_prev_next li{position: relative;border-bottom: 1px solid #e1e1e1;}
.page_prev_next .direction{position: absolute;left: 0;top: 50%;color:#777;font-size: 13px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.page_prev_next .tilte{display: block;width: 100%;text-align: left;color:#222;font-size: 14px;padding: 20px 0;padding-left: 60px;padding-right: 22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*****************************************************************
  보험가입가이드
*****************************************************************/
.ins_guide{color:#444;line-height: 21px;word-break: keep-all}
.ins_guide>li{border-bottom: 1px solid #e1e1e1;padding-bottom: 25px;margin-bottom: 25px;}
.ins_guide h3{font-size: 16px;color:#222;font-weight: bold;margin-bottom: 15px;}
.ins_guide h4{font-size: 14px;font-weight: bold;margin-bottom: 10px;color:#222;}
.ins_guide h4 + .list_guide{margin-top: 0;}
.ins_guide_num_list{margin-top: 15px;}
.ins_guide_num_list > li{text-indent: -16px;padding-left: 16px;margin-top: 5px;}
.ins_guide_num_list > li:first-child{margin-top: 0;}
.ins_guide .link_info_branch{display: inline-block;color: #445bcd;font-size: 15px;text-decoration: underline;margin-top: 15px;font-weight: bold;}
.ins_guide .contract_process{padding-top: 25px;border-top: 1px solid #e1e1e1;margin-top: 25px;padding-bottom: 10px;text-align: center;}
.ins_guide .accordion_wrap .accordion{padding: 13px;}
.link_info_branch span{position: relative;padding-right: 15px;}
.link_info_branch span::before{right: 0;top: 50%;background-position: -97px -58px;  width: 9px;height: 9px;}

/*****************************************************************
  자주하는 질문
*****************************************************************/
.tab_wrap .faq .panel{display: block;}

.faq .accordion{padding: 25px 15px;height: auto;}
.faq .accordion::after{background-position: -84px -127px;width: 18px;height: 10px;transform: translateY(-50%) rotate(0);-webkit-transform: translateY(-50%) rotate(0);-moz-transform: translateY(-50%) rotate(0);-ms-transform: translateY(-50%) rotate(0);-o-transform: translateY(-50%) rotate(0);}
.faq .accordion.active::after{transform: translateY(-50%) rotate(180deg);-webkit-transform: translateY(-50%) rotate(180deg);-moz-transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);-o-transform: translateY(-50%) rotate(180deg);}
.faq .accordion .question{position: relative;color:#777;font-size: 14px;margin-bottom: 10px;padding-left: 25px;}
.faq .accordion .question::before{position: absolute;top: 0;left: 0;content: 'Q.';font-family: 'Roboto';font-size: 16px;font-weight: bold;color:#37404e;}
.faq .accordion .title{font-size: 16px;color:#444;width: 85%;line-height: 20px;margin-left: 25px;}

.faq .panel > div{padding: 25px 15px;line-height: 20px;background: #fafafa;}
.faq .panel .answer{position: relative;padding-left: 25px;color:#444;}
.faq .panel .answer::before{position: absolute;top: 0;left: 0;content: 'A.';font-family: 'Roboto';font-size: 16px;font-weight: bold;color:#445bcd;}

.faq_search_group{position: relative;padding: 25px 15px 0;}
.faq_search_group input[type=text]{width:calc(100% - 45px);background: #fff;border: 1px solid #e1e1e1;}
.faq_search_group a{position: absolute;display: inline-block;top: 25px;right: 15px;width: 40px;height: 40px;line-height: 35px;border-radius: 5px;background: #37404e;}

/*****************************************************************
  이벤트 리스트
*****************************************************************/
.img_list > li{margin-top: 25px;}
.img_list > li:first-child{margin-top: 0;}
.img_list > li a{position: relative;display: block;}
.img_list .short_description{position: relative;}
.img_list .img{position: relative;margin-bottom: 20px;}
.img_list .img.end_evt::before{content: '';position: absolute;width: 100%;height: 100%;background: #000;opacity: .7;}
.img_list .short_description h3{font-size: 16px;color:#222;margin-bottom: 10px;line-height: 20px;}
.img_list .short_description p{font-size: 13px;color:#777;}
.img_list .short_description .status{position: absolute;display: inline-block;right: 0;bottom: 0;color:#fff;background: #445bcd;width: 45px;height: 45px;line-height: 45px;border-radius: 50%;font-size: 12px;text-align: center;font-family: 'ns500';}
.img_list .short_description .status.end{background: #b4b4b4;}
.img_list .winner{position: absolute;bottom: 13px;right: 13px;color: #fff;min-width: 105px;font-size: 15px;vertical-align: middle;height: 30px;line-height: 28px;text-align: center;border-radius: 20px;border: 1px solid #fff;}

.review_list li{position: relative;border-bottom: 1px solid #e1e1e1;margin-top: 0;}
.review_list li a{padding: 25px 0;padding-left: 70px;}
.review_list .customer_img{position: absolute;width: 50px;height: 50px;background: url('../images/product/cutomer_profile.png') 0 0 no-repeat;background-size: 100% 100%;top: 25px;left: 0;}
.review_list .short_description h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.review_list_select{border-bottom: 1px solid #37404e;}

.sns_group ul{float: right;margin-top: 10px;}
.sns_group li{float: left;margin-left: 10px;}
.sns_group li:first-child{margin-left: 0;}

/*****************************************************************
  참여공간 - 이벤트 상세
*****************************************************************/
.evt_detail{padding: 25px 0;border-bottom: 1px solid #e1e1e1;}
.evt_detail h3{font-size: 16p; font-weight: bold; color:#222;margin: 25px 0 15px;}
.evt_detail h3:first-of-type{margin-top: 0;}

/*****************************************************************
  내 설계함
*****************************************************************/
.plan_announce{line-height: 20px;}
.plan_announce p{position: relative;padding-left: 6px;border-bottom: 2px solid #000;padding-bottom: 15px;margin-bottom: 25px;}
.plan_announce p::before{position: absolute;content: '';left: 0;top: 10px;width: 2px;height: 2px;background: #666;}

.plan_list li{padding-bottom: 15px;margin-bottom: 25px;border-bottom: 1px solid #e1e1e1;}
.plan_list .btn_del{color:#444;}
.plan_list h3{font-size: 16px;font-weight: bold;padding: 15px 0;line-height: 21px;}
.plan_list .date{font-size: 13px;color:#777;}
.plan_list .options{font-size: 13px;margin: 15px 0 25px;color:#444;line-height: 20px;word-break: keep-all;}
.plan_list .options .interest_rate{color:#777}
.plan_list .price{margin-bottom: 15px;text-align: right;font-weight: bold;}
.plan_list .price strong{color:#445bcd;font-size: 24px;}
.plan_list .btn.join{background: #f0f2f4;}
.plan_list .btn_replan span,.plan_list .btn_del span{position: relative;padding-left: 20px;font-size: 15px;}
.plan_list .btn_replan span::before{background-position:-228px -32px;left: 0;width: 15px;height: 15px;}
.plan_list .btn_del span::before{background-position:-248px -32px;left: 0;width: 15px;height: 15px;}

.no_plan{font-size: 13px;color:#777;text-align: center;border-bottom: 1px solid #e1e1e1;padding-top: 95px;padding-bottom: 25px;margin-bottom: 25px;height: 225px;}

/*****************************************************************
  가입후기
*****************************************************************/
.review_wrap{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #e1e1e1;}
.review_wrap .head{margin-top: 0;}
.review_wrap .head h4{color:#222;}
.review_wrap textarea{border-radius: 5px;width: 100%;height: 100px;}
.review_wrap .comment{line-height: 20px;margin-bottom: 15px;}

/*****************************************************************
  오류 페이지
*****************************************************************/
.error_announce{background: url('../images/common/icon_error_announce.png') center 24px no-repeat;background-size: 116px 109px;padding: 158px 15px 0 15px;word-break: keep-all;}
.error_announce h3{font-size: 18px;text-align: center;color:#222;margin-bottom: 15px;line-height: 23px;font-weight: bold}
.error_announce ul li{position: relative;font-size: 14px;color:#222;padding-left: 7px;line-height: 20px;}
.error_announce ul li::before{content:'';position: absolute;left: 0;top: 10px;width: 2px;height: 2px;background:#444}

.horizontal_no_support{background: url('../images/common/icon_horizontal_no_support.png') center 50px no-repeat;background-size: 132px 86px;font-size: 18px;color:#222;text-align: center;padding-top: 160px;padding-bottom: 50px;}

/*****************************************************************
  공인인증센터
*****************************************************************/
.auth_certi{background:url('../images/helpdesk/icon_auth_certi.png') center 25px no-repeat;background-size: 221px 108px;line-height: 21px;color:#222;padding: 160px 15px 0 15px;}
.auth_certi_info .spec_tag{width: 35px;height: 25px;border-radius: 15px;}
.auth_certi_info ol.pc{background: url('../images/helpdesk/icon_auth_certi_pc.png') center 0 no-repeat;background-size: 80px 106px;}
.auth_certi_info ol.mobile{background: url('../images/helpdesk/icon_auth_certi_mobile.png') center 0 no-repeat;background-size: 80px 106px;}
.auth_certi_info ol{border-bottom: 1px solid #e1e1e1;padding-bottom: 25px;padding-top: 125px;}
.auth_certi_info ol:first-child{margin-bottom: 25px;}
.auth_certi_info li{margin-top: 20px;color:#222;}
.auth_certi_info li:first-child{margin-top: 0;}
.auth_certi_info li p{margin-top: 10px;}

/*****************************************************************
  묶음상품
*****************************************************************/
.plan_list .item .check.s2{margin:6px 0 0 0}
.plan_list .item .check.s2 input[type="checkbox"]+label{text-decoration:none}
.plan_list .item .price{float:right}
.btn_bundle_join{position:fixed;left:0;bottom:0;width:100%;z-index:10}
.offer_header_info.bundle .foot{margin-top:0}
.title_group .btn_doc{position:relative;display:inline-block;height:22px;line-height:20px;margin:2px 0 0 10px;font-size:12px;font-weight:400;color:#fff;top:-3px;border:1px solid #e1e1e1;border-radius:5px;padding-left:5px;padding-right:19px;vertical-align:middle}
.title_group .btn_doc::after{background-position:-94px -110px;width:9px;height:9px;right:4px;top:50%}
.popup.bundle header{background-color:#003c7e}
.popup.bundle header .total{padding-top:20px;font-size:12px;color:#fff;text-align:right}
.popup.bundle header .total strong{font-size: 15px;color:#70e9ff}
.popup.bundle main{top:90px}
.popup.bundle main .plan_list{padding:15px}
.popup.bundle main .plan_list li:last-child{margin-bottom:0}
.popup.bundle main .plan_list h3{margin:0}
.popup.bundle main .plan_list .options{margin:15px 0}
.popup.bundle main .plan_list .item .btn_doc{float:left;display:block;position:relative;height:22px;line-height:20px;margin:7px 0 0 0;font-size:12px;font-weight:400;color:#444;top:-3px;border:1px solid #e1e1e1;border-radius:5px;padding-left:5px;padding-right:19px;vertical-align:middle}
.popup.bundle main .plan_list .item .btn_doc::after{background: url('../images/offer/ico_popup.png') 0 0 no-repeat;background-size:9px 9px;width:9px;height:9px;right:4px;top:50%}
.bundle_join{overflow:hidden;margin-bottom:15px}
.bundle_join .head{position:relative;margin:0}
.bundle_join .head h3{padding:0 0 8px 0;font-size:16px;font-weight:700;color:#222}
.bundle_join .head .date{font-size:13px;color:#777}
.bundle_slide{margin-top:15px;padding:15px 15px 20px;background-color:#f6fbff;border-radius:3px}
.bundle_slide .swiper-slide{background:none}
.bundle_item{text-align:left}
.bundle_item h4{font-size:13px;font-weight:700;color:#222}
.bundle_item .options{line-height:16px;margin:10px 0 0;font-size:12px;color:#444}
.bundle_item .price{margin:15px 0 0;font-size:12px;color:#444}
.bundle_item .price strong{font-size:15px}
.bundle_slide .swiper_pagination{padding-top:20px;text-align:center}
.bundle_slide .swiper_pagination .swiper-pagination-bullet{width:7px;height:7px;margin:0 3px;border:1px solid #7f7f7f;background-color:#fff;border-radius:3.5px;opacity:1}
.bundle_slide .swiper_pagination .swiper-pagination-bullet-active{width:15px;height:7px;border:1px solid #445bcd;background-color:#445bcd}
.btn_check.bundle{margin-top:5px}
.btn_check.bundle:first-child{margin-top:0}
.pop_bundle_guide{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:999}
.pop_bundle_guide .close{position:absolute;top:5px;right:18px;padding:10px 30px 10px 0;background:url(../images/utility/ico_close_guide.png) 100% 50% no-repeat;color:#fff;background-size:17px 17px}
.pop_bundle_guide .sample img{width:100%}

/*나만의레시피보장보험*/
.p_detail_item{position: relative;margin: 35px 0 10px;letter-spacing: -1px;}
.p_detail_item h4{font-size: 16px;font-weight: bold;line-height: 20px;}
.p_detail_item h4 + .rm{position: relative;top: 1px;float: right;font-size: 12px;line-height: 20px;color:#777;}
.p_detail_item + .list_guide{margin-top: 0;}
.txt1{font-size: 14px; font-weight: bold; line-height:20px;}

/*.rm{position: relative;top: 1px;float: right;font-size: 12px;line-height: 20px;color:#777;}*/
.list_txt{margin-top:10px;}
.list_txt li{font-size:12px; color:#777;}
.list_txt li.num{padding-left:15px}
.list_txt li.num.t2{padding-left:22px}
.list_txt li.num span{content:'';position:absolute;top:0;left:0}
.accordion_wrap .accordion2 {position: relative;display: block;border-bottom: 1px solid #cecece;background: #fff;cursor: pointer;padding: 18px;height: 50px;width: 100%;text-align: left;outline: none;font-size: 17px;-webkit-transition: all .4s;transition: all .4s;color:#222;background: url('../images/common/m_recipe_icon01.png') no-repeat 15px #fff; padding-left:50px;background-size:30px;}
.accordion_wrap .accordion2::after{right: 15px;top: 50%;width: 12px;height: 7px;display: inline-block;background-position: -41px -127px;transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);-webkit-transition: all .4s;transition: all .4s;}
.accordion_wrap .accordion2.active{border: 0;}
.accordion2.active:after {transform:translateY(-50%) rotate(0);-webkit-transform:translateY(-50%) rotate(0);-moz-transform:translateY(-50%) rotate(0);-ms-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);}
.accordion2.active + .panel{border-bottom: 1px solid #cecece;border-top: 1px solid #cecece;}

.btn_brown{width:90px;height:40px;line-height:45px;background-color:#B46611;font-size:20px;color:#fff;text-align:center;border-radius:3px 3px 0 0;display:block;float:left;margin-top: -40px;}
.btn_gray{width:90px;height:40px;line-height:45px;background-color:gray;font-size:20px;color:#fff;text-align:center;border-radius:3px 3px 0 0;display:block;float:left;margin-top: -40px;margin-left: 90px;}

.gray_box{background:#e6e8e8; padding:10px 10px 20px 10px; border-radius:5px; margin-top:10px; margin-bottom:10px;}
.gray_box dt{color:#3d5fc0; float:left; margin-right:10px;}
.gray_box dd{width:85%; float:right;}
.gray_box dl{clear:both;}
.recipe_ybg{background-color:#fcf3b1 !important;}
/*****************************************************************
    특약 체크 리스트
*****************************************************************/
.sc_recipelist.req_list{border-top: 2px solid #37404e;border-bottom: 2px solid #37404e;}
.sc_recipelist h3{border-bottom: 1px solid #e1e1e1;padding: 18px 0;font-size: 15px;color:#222;font-weight: bold;}
.sc_recipelist select{width: 104px;margin: 5px 0 0 25px;color:#222;}
.sc_recipelist li{padding: 6px 4px 3px 4px;border-top: 1px solid #e1e1e1;}
.sc_recipelist li:first-child{border-top: 0;}
.sc_recipelist li .check.s2{margin: 0;}
.sc_recipelist li .check.s2 input[type="checkbox"]+label{text-decoration: none;margin-top: 3px;text-align: left;}
.sc_recipelist .price{font-size: 16px;color:#222}

/*20190911*/
.tooltip2 .tooltip_panel1{display:none;position:absolute;top:90px;right:10px;width:110px;padding: 5px;border:1px solid #445bcd;background-color:#fff;border-radius:3px;z-index:99;}
.tooltip2 .tooltip_panel1:before{content:'';position:absolute;top:33px;left: 50px;width:13px;height:7px;background:url(../images/common/ico_arrow_box.png) 0 0 no-repeat;}           
.tooltip2 .tooltip_panel1 p{font-size:12px;font-weight:400;color:#444; text-align:center;}   

/*****************************************************************
  Layout - Header, Container_척추관절보험
*****************************************************************/
#wrap > header{position: fixed;top: 0;left: 0;width: 100%;height: 45px;z-index: 25;background: #fff;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);}
#wrap header h11{background: none;width: 100%;height: 45px;}
#wrap header h11 a{position:relative;display:inline-block;width:145px;height: 40px;background: url('../images/common/logo2.png') center center no-repeat;background-size: 119px;}
#wrap > header .tel{top: 0;right: -5px;}
#wrap > header .tel > a{float: left;padding: 12px 9px;width: 120px;height: 45px;color:black;}

/*****************************************************************
    상품 - 타이틀_척추관절보험
*****************************************************************/
.product_title2{position: relative;display: block;color: black;font-size: 23px;text-align: left;word-break: keep-all;padding: 25px 0;font-family: "ns400";line-height: 32px;letter-spacing: -1px;top: -10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 1s .5s;transition: all 1s .5s;}
.product_title2.animation{top: 0;opacity: 1;}
.product_title2 p, .product_title2 span{display:block;font-size: 12px;line-height: 16px;}
.product_stitle2{position: relative;color:#222;font-size: 17px;text-align: left;padding-top: 10px;line-height: 24px;top: -10px;-webkit-transition: all 1s;transition: all 1s;}
.product_stitle2.animation{opacity: 1;top: 0;}
.product_stitle2 span{position: relative;}
.band_banner{position: relative;z-index: 2;}
.band_banner a{display: block;}
.band_banner img{width: 100%;}
.new_dot{border-radius:100%; border:1.2px solid #355bd1; width: 15px; height: 15px; color:#355bd1; font-size: 9px; text-align: center; font-weight: bold; padding:2px; line-height: 100%; float: left;background-color: white;}
.new_dot2{border-radius:100%; border:3px solid #355bd1; width: 15px; height: 15px; color:#fff; font-size: 15px; text-align: center; font-weight: bold; padding:2px; line-height: 100%; background-color: #445bcd; float: left;}

/*****************************************************************
  Popup_척추관절보험
*****************************************************************/
.popup2 header{position:absolute;top:0;left:0;width:100%;background:#ccc;z-index:4;height:30px;}
.popup2 header > div:first-child{padding: 15px;}
.popup2 header > .sp{padding: 25px 15px;background:#fff;border-bottom: 1px solid #e1e1e1;}
.popup2 header .sp.h200{height: 200px;}
.popup2 header h2{font-size: 16px;color:#fff;line-height: 24px;width: 90%;}
.popup2 header .rt{position: absolute;right: 0;top: 0;width: 53px;height: 53px;}
.popup2 header .rt span{position: relative;display: inline-block;}
.popup2 header .rt span::after{background-position: -188px -32px;left: 20px;top: 6px;width: 17px;height: 18px;}

.popup2 main{position:absolute;top: 40px;left:0;right:0;bottom: 0px;line-height:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;overflow-scrolling:touch;background-color: white;}
.popup2 main.row_2{padding-top: 75px;}
.popup2 main h3{color:#222;font-size: 16px;margin: 25px 0 15px;font-weight: bold;}
.popup2 main h3:first-of-type{margin-top: 0;}
.popup2 main h4{color:#222;font-weight: bold;margin: 15px 0;}
.popup2 main .head h4{margin: 0;}
.popup2 main h3 + h4{margin-top: 0;}

.popup2 .check.s2{margin: 0;}
.popup2 .check.s2 input[type="checkbox"]+label{text-decoration: none;}

.popup2 .accordion_wrap .accordion::after{background-position: -84px -127px;width: 18px;height: 10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition: none;transition: none;}
.popup2 .accordion_wrap .accordion.active:after{background-position: -108px -127px;width: 18px;height: 10px;}

.popup2 footer{position:absolute;bottom:0;left:0;right:0}
.popup2 footer .sp{padding: 25px 15px !important;padding-top: 0;}
.popup2 .bg_lightsky{background-color:#fff}

/*****************************************************************
    상품 - 탭영역_척추관절
*****************************************************************/
.product_detail_area2 .list{position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: 4px;left: 0;background: #fff;}
.product_detail_area2 .list a{position: relative;float: left;width: calc(25%);text-align: center;height: 42px;line-height: 42px;font-size: 13px;}
.product_detail_area2 .list.item_2 a{width:calc(50% - 25.5px);}
.product_detail_area2 .list a::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background: #cccccc;}
.product_detail_area2 .list a.active{color: #445bcd;font-weight: bold;}
.product_detail_area2 .list a.active::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2px;background: #445bcd;}
.product_detail_area2 .list a.btn_backtocalulator{width:51px;height: 45px;padding: 3px 0;background: #37404e;}
.product_detail_area2 .list a.btn_backtocalulator::after{display: none;}
.product_detail_area2 .list a.btn_backtocalulator i{position: relative;top: -3px;}
.product_detail_area2 .anchor{display: block;height:105px;}

.product_container2{width:100%;text-align:left;padding:25px 12px 0}
.product_container2 h2{font-size: 20px;line-height: 24px;margin-bottom: 25px;font-weight: bold;word-break: keep-all;}
.product_container2 h2 + .head h4{margin: 0;}
.product_container2 h3{margin-bottom: 15px;font-size: 16px;font-weight: bold;line-height: 1.5rem;}
.product_container2 h4 + p{margin-top: 5px;}
.product_container2 h4 + .tbl{margin-top: 15px;}
.product_container2 h5{font-size:14px;color:#222}
.product_container2 .comment{font-size:14px;color:#777;margin-bottom:10px;line-height:18px}


.product_detail_area2 .list2{position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: 4px;left: 0;background: #fff;}
.product_detail_area2 .list2 a{position: relative;float: left;width: calc(25%);text-align: center;height: 42px;line-height: 42px;font-size: 13px;}
.product_detail_area2 .list2.item_2 a{width:calc(50% - 25.5px);}
.product_detail_area2 .list2 a::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background: #cccccc;}
.product_detail_area2 .list2 a.active{color: #445bcd;font-weight: bold;}
.product_detail_area2 .list2 a.active::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2px;background: #445bcd;}
.product_detail_area2 .list2 a.btn_backtocalulator{width:51px;height: 45px;padding: 3px 0;background: #37404e;}
.product_detail_area2 .list2 a.btn_backtocalulator::after{display: none;}
.product_detail_area2 .list2 a.btn_backtocalulator i{position: relative;top: -3px;}
.product_detail_area2 .anchor{display: block;height:105px;}

.fixed_layer_spine{
  position :fixed;
  z-index:500;
  height:30px;
  width:100%;
  top:77px;
  left:0px;
  -webkit-box-shadow:0 2px 2px 0 #cccccc;
  box-shadow:0 2px 2px 0 #cccccc;
  /*
  background-color:#e1f4fd;
  */
  background-color:#b1e2fa;
  
  color:#000000;
  font-size:11px;
  text-align : right;
  padding-right:10px;
  padding-top:5px;  
  font-weight:bold;
}

@media (max-width:530px) {
  .long_txt .radio_s1 {width:100% !important;}
}

/*2022-08-31*/  
.fnt_4 {color:#444 !important;}  

/*지정대리인 등록완료 2022-09-14*/
.sub_info_wrap {background:#fff; padding:10px 20px; border-radius: 5px; margin:0 auto; max-width:470px; min-width:290px;}
.sub_info_wrap h4 {text-align: left; border-bottom:1px solid #ededed; padding-bottom:10px;}
.sub_info_box dl {overflow:hidden;}
.sub_info_box dl dt, .sub_info_box dl dd {float: left; width:50%; padding:7px 0;}
.sub_info_box dl dt {text-align: left; color:#777;}
.sub_info_box dl dd {text-align: right; min-height:28px;}


/*청약정보 2022-09-15*/
.offer_info h3:after { top:35px; background-position: -83px -201px; width: 20px; height: 20px;}

/*치매보험 2022-09-19*/
.calculator_bgimg11 {background: url('../images/product/bgimg_title11.jpg')}
.btn_col1 .btn {float: none; margin:0 auto; display: block;}


/*2022.12.14 인풋박스 추가*/
.job_info p, .mobility_info p {display: inline-block;}
.ph_item {position: relative; display: inline-block; margin: 0 5px;}
.ph_item .lb {position: absolute; top:5px; left:11px; opacity: 0.3;}
.ph_text {font-weight:bold; width:50px !important; height:30px !important; color:#3557ff !important;}
.mobility_info .mobility_1 {width:89px !important;}
.mobility_info .mobility_2 {width:114px !important;}
.mobility_info .mobility_3 {width:130px !important;}
.mobility_info .mobility_4 {width:62px !important;}
.mobility_info .ph_item .lb {left:12px;}

/*20230621 가입후기 평점*/
.calc80 {width:calc(100% - 80px);}
.review_score_wrap {position: absolute; top:45%; right: 10px;}
.total_score_wrap .total_score:before, .review_score_wrap:before {content: ''; display: block; position: absolute; width:25px; height:25px; background:url(../images/common/good_icon.png)no-repeat 2px, 0; background-size: 70px 23px; top:0px; left:-30px;}
.review_score_wrap .review_score {font-size: 22px; font-weight: bold; color:#111;}
.total_score_wrap {padding:20px 0 35px;}
.total_score_wrap .total_score {position: relative; display: inline-block; float:right;}
.total_score_wrap .total_score:before {top: 0;}
.total_score_wrap .total_score strong {font-size:24px;}

.rate_wrap {padding:10px; border-radius:10px; margin: 20px auto; box-shadow:3px 3px 8px #ddd; max-width: 275px;}
.rate_wrap .rate_box li span {display: inline-block; width:calc(100% - 180px); font-size:16px; color:#444; vertical-align: middle;}
.rate_wrap.rate_pop .rate_box {padding:0;}
.rate_wrap.rate_pop .rate_box li {margin:15px 0; width:33.33%; margin-left:10px;}
.rate_wrap1, .rate_wrap2, .rate_wrap3 {position:relative; display: inline-block; vertical-align:baseline; padding-left:10px;}
input[type="checkbox"].rate_radio + label {padding-left:5px; margin-left:0;}
input[type="checkbox"].rate_radio + label:before {content: ''; display: block; background:url(../images/common/good_icon.png)no-repeat -25px, 0; background-size:80px 25px; width:25px; height:25px;}
input[type="checkbox"].rate_radio:checked + label:before {background-position: 0px 0px;}


/*20230816 말풍선 추가*/
.sp_bubble {position: absolute; top:-25px; right: 0; color:#445bcd; font-weight:bold; background:#fcd110; padding:5px 10px; border-radius: 5px;}
.sp_bubble:after {content:''; width:10px; height: 10px; display: block; position: absolute; background:#fcd110; transform: rotate(45deg); top:19px; right:35px;}


/* 20230829 선물하기 계약자*/
.mini_off_wrap .mini_off_txta {width: 100%;height: 100px; color:#111; border-radius: 10px;}
.mini_off_wrap .mini_btn, .mini_off_wrap .mini_btn2 {position: relative; padding:0; padding-left:30px; overflow:hidden;}
.mini_off_wrap .mini_btn:before {content:''; position: absolute; background:url(../images/product/spr_proposal.png)no-repeat -25px -49px;  width:25px; height: 25px; background-size: 50px; top:7px; margin-left:-35px;}
.mini_btn_dark {position:relative; background:#999; color:#fff;} 
.mini_btn_dark:before {content:''; position: absolute; background:url(../images/product/spr_proposal.png)no-repeat -25px -24px;  width:25px; height: 25px; background-size: 50px; top:7px; margin-left:-35px;}

/*20230908 메인 팝업 버튼 추가*/
.dialog_popup_btn2 {position:absolute; overflow:hidden; bottom:35px; left:50%; margin-left:-122px;}
.dialog_popup_btn2 button {width:120px; padding:10px 0px; float:left; font-size:0.7rem; font-weight:bold; border-radius:5px;}
.dialog_popup_btn2 button:nth-child(1) {color: #fff; background: #1e3055;}
.dialog_popup_btn2 button:nth-child(2) {color: #111; background: #ffea59; margin-left:5px;}

/*20230911 미니저축*/
.g_info_wrap {background:#eef5ff;}
.g_info_wrap header {width: 100%;height: 45px;z-index: 25;}
.g_info_wrap header .g_info_tit {line-height: 73px; text-align: center;}
.g_info_wrap header .g_info_tit a {position: relative;display: inline-block;width: 200px;height: 25px;background: url(../images/common/logo2.png) center center no-repeat;background-size: contain;}
.g_info_wrap .cont_wrap {max-width:360px; min-width:300px; margin:10px auto 0;}
.remain_time {text-align: center; margin: 30px auto; min-width: 320px;}
.remain_time h3 {margin-bottom:30px; font-size:18px; font-weight:bold; color:#0c6af2;}
.remain_time strong {font-size: 37px; background: url(../images/common/time_bg.png)no-repeat; color:#fff; padding: 0 10px; background-size: contain;}
.remain_time span {vertical-align: -webkit-baseline-middle; font-size:18px;}
.remain_time strong:nth-child(n+1) {margin-left:3px;}
.calculator_bgimg13 {background:url('../images/product/bgimg_title13.jpg');}
/*.mini_btn_mo {top:7px !important; left:unset !important; right:135px; font-size:11px; background:#fc5529; padding:5px; font-weight:100; border-radius: 5px;}*/

.popup header {color:#111; height:54px; border:0 !important;}
.popup header .blue span:after {background-position-x:-166px;}
.popup .dialog_content {padding:54px 15px;}
.popup .dialog_content .scroller h3 {font-size:17px; line-height:1.5; text-align: center;}
.safari_btn1, .safari_btn2 {display: inline-block; text-indent: -9999px; width:18px; height:16px; background:url(../images/common/safari_btn_icons.png)no-repeat; background-size: 35px; vertical-align: bottom;}
.safari_btn2 {background-position-x:-18px;}

/*20231005 예)*/
.ex_txt {position:relative; line-height: 16px; padding-left:20px; display: block; margin-bottom:10px;}
.ex_txt:before {content:'예)'; position: absolute; top:0; left:0;} 

/*20231106 (무)다이렉트 미니독감치료보험*/
.slt_btn {display: flex; justify-content: space-around;}
.slt_cal {display: none;}       
.btn.w45p{width: 45%;}
 

/*20231116 (무)다이렉트 미니독감치료보험*/
.calculator_bgimg14 {background:url('../images/product/bgimg_title14.jpg');}


/*20240315 상품 속 아코디언*/
.accordion_wrap .accordion.tbcl {display: table-cell; padding:27px 20px 0;}
.accordion_wrap .tbcl:after {right:0px; top:70%;}
.accordion_wrap .tbcl h3 {line-height: unset; font-size:13px; font-weight: normal; letter-spacing: -1px; margin:0 0 0 -20px;}
.accordion_wrap .tbcl h3:before {content: 'ⓘ'; display: inline-block; margin-right: 5px;}

/*20240828 카카오 인증*/
.list_num {width:calc(100% - 40px);color:#444;}
.list_num li {position: relative; margin-left:35px;}
.list_num li:before{content:''; position: absolute;border-radius: 50%;background: #37404e;width: 25px;height: 25px;line-height: 27px;font-family: 'Roboto';font-size: 18px;text-align: center;color:#fff;text-indent: 0; margin-left:-35px;}
.list_num li:nth-child(1):before{content:'1';}
.list_num li:nth-child(2):before{content:'2';}
.list_num li:nth-child(3):before{content:'3';}
.list_num li:after {content:''; display:block; width: 40px; height:40px; background:url(../images/common/ico_sel_arrow_l.png)no-repeat center; margin:10px auto;}
.list_num li:last-child:after{display: none;}

/*20241008 툴팁 크기 조정*/
.tooltip2410 .tooltip_panel1{display:none;position:absolute;top:69px;right:10px;width:110px;padding: 5px;border:1px solid #445bcd;background-color:#fff;border-radius:3px;z-index:99;}
.tooltip2410 .tooltip_panel1:before{content:'';position:absolute;top:45px;left: 50px;width:13px;height:7px;background:url(../images/common/ico_arrow_box.png) 0 0 no-repeat;}           
.tooltip2410 .tooltip_panel1 p{font-size:12px;font-weight:400;color:#444; text-align:center;} 


.product_stitle.new:before {content:'';background: url(../images/product/new_product.png)no-repeat; position: absolute; width:65px; height:30px; background-size:contain; top:0;}


/*20250220 전화상담예약신청 변경*/
.call_num {position:relative; line-height:22px; padding: 20px 0 27px 70px; background:url(../images/helpdesk/ico_tel.png) 5px 50% no-repeat; font-size:14px; color:#444; width:270px; margin:0 auto;}
.call_num strong {display: inline-block; color:#223aaf; font-weight: bold;}
.call_num strong span.num, .call_guide_txt strong span.num {padding-left: 5px; font-family: 'Roboto'; font-size: 27px; font-weight: 700;}
@media (max-width: 340px) {
  .call_num {min-width:252px;}
  .call_num strong span.num {font-size:24px;}
}
.call_guide_txt {overflow: hidden; border-top: 1px solid #20407c;}
.call_guide_txt .call_guide_info {width:225px; margin:0 auto;}
.call_guide_txt .call_guide_info > div {float:left; color:#223aaf;}
.call_guide_txt p.txt2 {clear:both;}
.txt_link { display: inline-block; margin-left: 17px; padding-right: 20px; background: url(../images/common/ico_txt_link.png) 99% 50% no-repeat; font-size: 14px; font-weight: 700; color: #445bcd;}

/*20250625 floating_icon 변경*/
.floating .floating_icon {background:url(../images/common/floating_icon.png)no-repeat center !important;}
.floating li{padding:10px 0}
.floating .toggle{position:absolute;bottom:0;left:0;background-position:0 -300px;z-index:10;transition:none}
.floating .toggle .guide{position:absolute;top:10px;right:70px;width:167px;height:44px;border:1px solid #41bdf7;background-color:#fff;text-align:center;border-radius:7px;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.35);transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.floating .toggle .guide:before{content:'';position:absolute;right:-10px;top:50%;width:10px;height:12px;margin-top:-6px;background:url(../images/common/ico_arrow_help.png) no-repeat}
.floating .toggle .guide span{position:absolute;top:12px;left:0;width:100%;background-color:#fff;font-size:16px;color:#20407c}
.floating .toggle .guide .txt1{animation:guideTxt1 4s linear infinite}
.floating .toggle .guide .txt2{animation:guideTxt2 4s linear infinite}
@keyframes guideTxt1 {
  0%{opacity:1}
  20%{opacity:1}
  40%{opacity:0}
  60%{opacity:0}
  80%{opacity:1}
  100%{opacity:1}
}
@keyframes guideTxt2 {
  0%{opacity:0}
  20%{opacity:0}
  40%{opacity:1}
  60%{opacity:1}
  80%{opacity:0}
  100%{opacity:0}
} 


/*2025.08.12 단체상품 로링배너 색상*/
.swiper-pagination.swiper-black > .swiper-pagination-bullet {background:#000 !important;}