@charset "utf-8";

/* Main_header > head */
.main_header .head {position: relative;height: 4.5rem;overflow: hidden;display:flex;align-items: center;padding:0 1.5rem}
.main_header .head h1 {flex:1;}
.main_header .head h1 a {
    display: block;width:12rem;height:1.9rem;
    overflow: hidden;text-indent: -9999%;
    background: url("/default/images/main/img_main_sprit.png") no-repeat;background-size: 15rem 15rem;}

.main_header .head p {margin-left:auto}
.main_header .head p span {position: relative;display:inline-block;font-size: 1.5rem;font-weight: bold;padding:.2rem .65rem 0 2.5rem;}
.main_header .head p span:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:0;z-index: 1;
    width:2rem;height:2rem;
    background: url("/default/images/main/img_main_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: 0 -3.5rem;
}
.main_header .head p strong {position: relative;font-size: 1.7rem;font-weight: bold;padding:0 0 0 .65rem;}
.main_header .head p strong:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:.4rem;z-index: 1;
    width:.1rem;height:1.2rem;
    background-color:#a8a8a8;
}
.main_header .head p strong em {color:#0096af;font-weight: bold;}
.main_header .head p strong em b {color:#e11b22;}


/* Main_visual */
.main_visual {
    position: relative;
    background: #fdf5de url("/default/images/main/img_visual_02.png") no-repeat right bottom;
    /* background:-moz-linear-gradient(top, #f8eac4 0%, #faedcb 10%, #fdf5de 100%);
    background:-webkit-linear-gradient(top, #f8eac4 0%, #faedcb 10%, #fdf5de 100%);
    background:linear-gradient(to bottom, #f8eac4 0%, #faedcb 10%, #fdf5de 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eac4', endColorstr='#fffdf5de', GradientType=0 ); */
    background-size:20rem auto; 
    padding:3.2rem 1.5rem;
}
.main_visual dl {position: }
.main_visual dl dt:nth-child(1) {font-size: 1.6rem;color: #1a2948;line-height: 1.4;}
.main_visual dl dt:nth-child(1) strong {color: #ed4042;font-weight: bold;}
.main_visual dl dt:nth-child(2) {font-size: 2.2rem;color: #1a2948;font-weight: bold;padding-top: 1.7rem; line-height:1.3; }
.main_visual dl dt + dd {font-size: 1.3rem;color: #666;padding:.9rem 0 1rem 0}
.main_visual dl dd a {display: block;width: 12rem;height: 3.1rem;background-color: #e34f51;border-radius: 5rem;text-align: center;padding:0 2rem}
.main_visual dl dd a span {position: relative;line-height: 3.1rem;font-size: 1.3rem;color: #fff;padding-right: 1.3rem;}
.main_visual dl dd a span:after {
    display: block;content: '';clear: both;position: absolute;right:0;top:.3rem;z-index: 1;
    width:.6rem;height:1.0rem;
    background: url("/default/images/main/img_main_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: 0 -2rem;
}
.main_visual dl dd ul {padding:0 0 1rem 0;}
.main_visual dl dd ul li {font-size: 1.1rem;color: #888;position: relative;padding-bottom: .3rem;line-height: 1.5;}
/* .main_visual dl dd ul li:before {display: block;content: "-";position: absolute;left:0;top:0;z-index: 1;} */


/* Main_container > product_list */
.main_container .product_list {background-color: #e34f51;padding:3rem 1.5rem;}
.main_container .product_list h2 {font-size: 2rem;color: #fff;text-align: center;font-weight: bold;}
.main_container .product_list ul li {display:flex;align-items: center;background-color: #fff;border-radius: 1rem;box-shadow: .3rem .3rem .7rem .1rem #c44446;margin-top:1.5rem;padding:2rem 1.7rem}
.main_container .product_list ul li .photo {flex:none;width:10.1rem;height:10.1rem;}
.main_container .product_list ul li:nth-child(1) {margin-top:2rem;}
.main_container .product_list ul li dl {padding-left: 1.5rem;}
.main_container .product_list ul li dl dt {font-size: 1.5rem;color: #333;font-weight: bold;padding-bottom: 1rem; line-height:1.3; word-break:keep-all; }
.main_container .product_list ul li dl dd {font-size: 1.3rem;color: #555;padding-bottom: .7rem;line-height: 1.4;}
.main_container .product_list ul li dl dd em {display: inline-block;color: #888;padding-top: .4rem;}
.main_container .product_list ul li dl dd:last-child {padding-top: .3rem;padding-bottom: 0;}
.main_container .product_list ul li a {display: block;width: 7.7rem;height: 3.1rem;background-color: #1a2948;border-radius: 5rem;text-align: center;padding:0 2rem;}
.main_container .product_list ul li a span {position: relative;line-height: 3.1rem;font-size: 1.3rem;color: #fff;padding-right: 1.1rem;}
.main_container .product_list ul li a span:after {
    display: block;content: '';clear: both;position: absolute;right:0;top:.4rem;z-index: 1;
    width:.5rem;height:.9rem;
    background: url("/default/images/main/img_main_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: -1rem -2rem;
}

/* Main_container > banner_list */
.main_container .bnr_list {background-color: #fff;padding:2rem 1.5rem;}
.main_container .bnr_list ul {display:flex;flex-flow: row nowrap;}
.main_container .bnr_list ul li { padding:1.7rem 2.2rem; border-radius: .7rem; }
.main_container .bnr_list ul li.pos { position:relative; }
.main_container .bnr_list ul li dl {position:relative;width:100%;text-align: center;padding-top: 6rem;}
.main_container .bnr_list ul li dl:after {
    position:absolute; display:block; left:50%; top:0; content:''; z-index:1;
    background:url("/default/images/main/img_cs_01_m.svg") no-repeat center center; background-size:contain;
}
.main_container .bnr_list ul li:nth-last-of-type(1) dl:after {
    background:url("/default/images/main/img_cs_02_m.svg") no-repeat center center; background-size:contain;
}
.main_container .bnr_list ul li dl dt {font-size: 1.6rem;font-weight: bold;padding-bottom: 1.2rem;white-space:nowrap;}
.main_container .bnr_list ul li dl dd {font-size:1.1rem;color: #ccdafd;white-space:nowrap;}

.main_container .bnr_list ul li a { position:relative; display: block;width:100%;text-align: center;}
.main_container .bnr_list ul li a.btn_calling { position:absolute; left:2.2rem; right:2.2rem; top:1.7rem; bottom:1.7rem; width:auto; height:auto; z-index:10; }
.main_container .bnr_list ul li a .counsel_box { position:absolute; left:50%; top:-30px; display:flex; flex-flow:row nowrap; align-items:center; height:26px; padding-left:25px; padding-right:10px; font-size:12px; color:#333; white-space:nowrap; background:#fff; border:1px solid #e42052; border-radius:20px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); transform:translateX(-50%); z-index:1; }
.main_container .bnr_list ul li a .counsel_box:before { position:absolute; left:20px; bottom:-6px; width:13px; height:7px; background:url("/subscribe/images/renew/ico_bell_arrow.svg") no-repeat left top; background-size:contain; content:""; z-index:2; }
.main_container .bnr_list ul li a .counsel_box em { font-size:12px; color:#e42052; transform-origin:0% 100%; }
.main_container .bnr_list ul li a .counsel_box em:after { display:none; }
.main_container .bnr_list ul li a .counsel_box em:nth-of-type(odd) { animation:txt_mov .5s .0s infinite both ease-in; }
.main_container .bnr_list ul li a .counsel_box em:nth-of-type(even) { animation:txt_mov .5s .25s infinite both ease-in; }
.main_container .bnr_list ul li a .counsel_box em:nth-of-type(3) { margin-right:3px; }
.main_container .bnr_list ul li a .counsel_box span { margin-left:3px; font-size:12px; }
.main_container .bnr_list ul li a .counsel_box .ico_bell { position:absolute; left:13px; top:6px; width:9px; height:13px; animation:bell_mov 1.5s infinite both ease-in; transform-origin:50% 0%; }
@keyframes bell_mov {
    0% { transform:rotate(0); }
    25% { transform:rotate(23deg); }
    65% { transform:rotate(-15deg); }
    100% { transform:rotate(0); }
}
@keyframes txt_mov {
    0%   { transform:scaleY(1); }
    50%  { transform:scaleY(1.1); }
    100% { transform:scaleY(1); }
}

.main_container .bnr_list ul li:nth-child(1) {flex:1;background-color: #4c63a0;border:.1rem solid #35519a;margin-right: .5rem;}
.main_container .bnr_list ul li:nth-child(1) dl:after {
    width:7rem;height:4.9rem;
    /* background-position: 0 -6rem; */
    transform: translateX(-50%);
    z-index:0;
}
.main_container .bnr_list ul li:nth-child(1) dl dt { color: #a8d2f6; }
.main_container .bnr_list ul li:nth-child(1) dl dt + dd {font-size:2.3rem;color: #fff;font-weight: bold;padding-bottom: 1.4rem;letter-spacing: 0;}
.main_container .bnr_list ul li:nth-child(1) dl dt + dd.call_txt {padding-bottom:.6rem;}
.main_container .bnr_list ul li .img_call {width:9.6rem;}
.main_container .bnr_list ul li dd.call_qa span{line-height:1.4;}

.main_container .bnr_list ul li:nth-child(2) {flex:1;background-color: #caceff;border:.1rem solid #bdc0ed;margin-left: .5rem;}
.main_container .bnr_list ul li:nth-child(2) dl:after {
    width:7rem;height:4.9rem;
    transform: translateX(-50%);
}
.main_container .bnr_list ul li:nth-child(2) dl dt {color: #5d69ff;}
.main_container .bnr_list ul li:nth-child(2) dl dd {font-size:1.2rem;color: #333;font-weight: bold;line-height: 1.5;}
.main_container .bnr_list ul li:nth-child(2) dl dd strong {color: #5d69ff;}


/* Main_footer */
.main_footer {background-color: #f4f4f4;padding:2.5rem 1.5rem;}
.main_footer ul {display:flex;flex-flow: row nowrap;padding-bottom: 1.8rem;}
.main_footer ul li {position:relative;padding-right: .8rem;padding-left: .8rem;}
.main_footer ul li:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:0;z-index: 1;
    width:.1rem;height:1.2rem;
    background-color:#cdcdcd;
}
.main_footer ul li:first-child {padding-left: 0;}
.main_footer ul li:first-child:after {background:none;}

.main_footer ul li a {display:block;font-size: 1.2rem;color: #333;}
.main_footer ul li a strong {color: #333;}

.main_footer address {color: #818181;}
.main_footer address p {font-size: 1.2rem;padding-bottom: .7rem;}
.main_footer address p a {color: #818181;}
.main_footer address p span {letter-spacing: 0;}
.main_footer address p:last-child {letter-spacing: 0;padding-bottom: 0;}


/* sub_header > head */
.sub_header .head {position: relative;height: 4.5rem;overflow: hidden;display:flex;align-items: center;padding:0 1.5rem}
.sub_header .head h1 {flex:1;}
.sub_header .head h1 a {
    display: block;width:12rem;height:1.9rem;
    overflow: hidden;text-indent: -9999%;
    background: url("/default/images/main/img_main_sprit.png") no-repeat;background-size: 15rem 15rem;}

.sub_header .head a.call_header{width: 11rem;height: 3rem;line-height: 2rem;background: #ff5946;border-radius: 1.5rem;box-shadow:0 0.3rem 0.3rem #ccc, 2px 2px 2px rgba(0, 0, 0, 0.2);}
.sub_header .head a.call_header span {position: relative;display: block;padding-left: 1.8rem;width: 6.2rem;margin: 0.9rem auto;text-align: right;}
.sub_header .head a.call_header span:after {position: absolute;content:"";display: inline-block;width: 1.3rem;height: 1.3rem;left: 0;top: 0;background: url("/default/images/main/ico_call.png") no-repeat 0 0;background-size: contain;animation:callMove infinite 1s}


@keyframes callMove {
	0% {transform: scale(1.4);}
	50% {transform: scale(1.0);}
	100% {transform: scale(1.4);}
}

.sub_header .head p {margin-left:auto}
.sub_header .head p span {position: relative;display:inline-block;font-size: 1.5rem;font-weight: bold;padding:.2rem .65rem 0 2.5rem;}
.sub_header .head p strong {position: relative;font-size: 1.7rem;font-weight: bold;padding:0 0 0 .65rem;}
.sub_header .head p strong:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:.4rem;z-index: 1;
    width:.1rem;height:1.2rem;
    background-color:#a8a8a8;
}
.sub_header .head p strong em {color:#0096af;font-weight: bold;}
.sub_header .head p strong em b {color:#e11b22;}


/* sub_header > Navi */
.sub_header nav {border-top:.1rem solid #dcdcdc;}
.sub_header nav ul {display:flex;align-items: center;justify-content: center;height: 4rem;padding:0 1.5rem;}
.sub_header nav ul li {flex:1 0 auto;height:100%;}
.sub_header nav ul li a {display:flex;align-items: center;justify-content: center;width: 100%;height:100%;font-size: 1.5rem;font-weight: bold;}
.sub_header nav ul li.on a {color: #e34f51;}


/* Sub_visual */
.sub_visual {position: relative;width:100%;}
.sub_visual:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:0;z-index: 1;
    width: 100%;height:.8rem;opacity: .15;
    /* shadow */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

/* sub_footer */
.sub_wrapper .main_footer {/* margin-bottom: 6rem; */ height:16rem;}

/* error페이지 */
.double_error {padding: 17.5rem 3rem 5rem; text-align:center;margin: 0 auto;box-sizing:border-box;line-height:1.4;}
.double_error .ico_error {position:absolute; top:3rem; left:50%; width:12.7rem; height:10rem; margin-left:-5rem; background:url("/common/images/img_error.png") no-repeat; background-size:12.7rem 10rem;}
.double_error strong {display: block; color: #000;font-weight: bold;font-size: 1.9rem; margin-bottom:1.5rem;}
.double_error p {display: block;font-weight: 400;color: #666;font-size: 1.3rem; margin-bottom:3rem;}
.double_error em {color: #005baf;}
.double_error .btn_big_gray {display:inline-block;width:16.2rem;height:3.5rem;text-align:center;line-height:3.5rem;background:#0096af;color: #fff;font-weight: bold;font-size:1.6rem;}

/* Alert팝업 공통 */
.dimm {display:block; position:fixed; top:0; right:0; bottom:0; left:0; z-index:100; background-color:#000; opacity:.8;}

.layer_wrap {position:absolute;top:50%;left:0;z-index:101;width:100%;transform: translateY(-50%);min-width:32rem;}
.layer_wrap .layer_content {padding:0 3rem;}
.layer_wrap .layer_content .alert {position:relative;width:100%;padding:2rem 0;border:2px solid #333;background-color:#fff;}
.layer_wrap .layer_content .alert .ico_alert {
    display:block; width:3.4rem; height:3.4rem;margin:0 auto 1.2rem;
    background:url("/default/images/product/common/ico_sprit.png") no-repeat ; background-size: 15rem 15rem;
    background-position: 0 -11rem;
}
.layer_wrap .layer_content .alert .con {padding:0 1.5rem; text-align:center;}
.layer_wrap .layer_content .alert p {margin-bottom:1.5rem;font-weight:bold;font-size:1.6rem;line-height:1.4;}
.layer_wrap .layer_content .alert p span {display:block;color:#333;font-size:1.4rem;line-height:1.4;}

.layer_wrap .layer_content .alert .btn_area {margin:2rem 0 0;text-align:center;}
.layer_wrap .layer_content .alert .btn_area a {display:inline-block;border:1px solid #000;padding:0 2.6rem;height:3rem;line-height: 3rem;}
.layer_wrap .layer_content .alert .btn_area a span {font-size:1.4rem;}

/* landscape */
.layer_wrap02 {position:absolute;top:50%;left:0;z-index:105;width:100%;}
.layer_wrap02 .layer_content {padding:0 30px;}
.layer_wrap02 .layer_content .alert {position:relative;width:100%;padding:20px 0;background-color:#fff;}
.layer_wrap02 .layer_content .alert .ico_alert {display:block;width:34px;height:34px;margin:0 auto 12px;background:url("/subscribe/images/common/ico_comm.png") -63px -119px no-repeat;background-size:250px 250px;}
.layer_wrap02 .layer_content .alert .con {padding:0 15px;text-align:center;}
.layer_wrap02 .layer_content .alert .con p {margin-bottom:15px;color:#000;font-weight:700;font-size:15px;line-height:22px;}

.layer_wrap02.landscape_layer {display:none;margin-top:-6rem;}
.layer_wrap02.landscape_layer .layer_content {position:relative;z-index:100;}

.landscape .layer_wrap.landscape_layer,
.landscape .layer_wrap02.landscape_layer {display:block !important;}

/* 심의번호 */
.txt_review { margin: 10px 0 20px; padding: 0; padding-right: 20px; font-size: 12px; color: #777; letter-spacing: -0.3px; text-align: right;}

/* 푸터 리뉴얼 */
#footer { }
#footer.foot_pd { padding-bottom:60px !important; }
#footer .foot_inner { padding:24px 18px; background-color:#f5f5f5; }
#footer .foot_inner * { font-family:"Pretendard", sans-serif; }
#footer .foot_inner .foot_callcenter { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; gap:10px; }
#footer .foot_inner .foot_callcenter .foot_callcenter_item { flex:1; }
#footer .foot_inner .foot_callcenter .foot_callcenter_item a { display:block; padding:14px 10px; font-size:14px; color:#111; font-weight:500; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #bbb; border-radius:6px; }
#footer .foot_inner .foot_callcenter .foot_callcenter_item a em { display:inline-block; font-size:inherit; color:inherit; font-weight:inherit; }
#footer .foot_inner .foot_callcenter .foot_callcenter_item a em:after { display:inline-block; width:11px; height:14px; margin-left:8px; vertical-align:text-top; background:url("/subscribe/images/renew/ico_foot_call.svg") no-repeat center center; background-size:contain; content:""; }
#footer .foot_inner .f_menu { display:flex; flex-flow:row wrap; justify-content:stretch; align-items:center; gap:16px; margin:0; }
#footer .foot_inner .f_menu li { position:relative; flex:0; float:none; margin:0; padding:0; background:none; }
#footer .foot_inner .f_menu li:before { position:absolute; right:-10px; top:50%; width:1px; height:10px; background-color:#999; transform:translateY(-50%); content:""; }
#footer .foot_inner .f_menu li:nth-last-of-type(1):before { display:none; }
#footer .foot_inner .f_menu li > a { display:block; padding:4px 0; color:#888; font-size:12px; font-weight:500; text-align:center; white-space:nowrap; }
#footer .foot_inner .f_menu li > a > b { color:#333; font-weight:700; }
#footer .foot_inner .foot_callcenter + .f_menu { margin-top:16px; }
#footer .foot_inner address { margin-top:12px; padding-top:16px; border-top:1px solid #ddd; }
#footer .foot_inner address p { margin-top:2px; font-size:13px; color:#999; line-height:1.5; }
#footer .foot_inner .kwa_mark { display:block; width:33px; margin:0 0 0 auto; }