@charset "utf-8";

html,
body {height: 100%; word-break: keep-all;}
#wrap.on_menu,
#wrap.no_scroll {overflow: hidden; -webkit-box-sizing:border-box; box-sizing:border-box; /*height: 100%;*/}
#wrap:before {display: none; position: fixed; top: 0; left: 0; z-index:11; width: 100%; height: 100%; background-color: rgba(0,0,0,.65); content: '';}

#wrap:before {animation: viewCon1 .2s linear;}
@keyframes viewCon1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
#wrap.no_scroll:before {display: block;}
.h2_tit {font-family: 'roboto','notokr'; font-size: 36px; line-height: 1.3em; color: #333;}
.h2_tit.type_1 {font-weight: 500;}
.h2_tit.type_1 span {font-weight: 400;}
.h2_tit.type_1 span.txt_emphasis {font-weight: 500;}
.h2_tit.type_2 {font-weight: 500; font-size: 18px; line-height: 1.41em; color: #333;}
.h3_tit {font-family: 'roboto','notokr'; font-size: 16px; line-height: 1.28em; color: #333;}
.h3_tit.type_1 {font-weight: 500;}
.em {color: #4130df;}

.area_personal .box_personal .txt_bold,
.box_wrap .box_square .txt_bold,
.box_wrap .box_square .txt_bold span,
.box_layer_wrap .box_square .txt_bold {font-size:16px; font-weight:bold; color:#333;}
.area_subscription .box_square .txt_bold > span,
.area_subscription .box_square .list_dot .txt_bold > span {font-size:19px; font-weight:bold; color:#333;}

select,
input[type=text],
input[type=password] {width: 100%; height: 50px; padding: 14px 20px; border: none; background-color: #f7f7f7; font-size: 14px; line-height: 1.46em; color: #666;}
select,
input[type=text],
input[type=password] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
button {outline: none; border-radius: 0;}
.btn_square {display: inline-block; height: 50px; padding: 0 25px; font-size: 18px; line-height: 50px; color: #fff; text-align: center; white-space: nowrap; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top;}
.btn_square.type_big {position: relative; top: -60px; height: 110px; font-size: 16px; line-height: 110px;}
.btn_square.color_orange {background-color: #ff9000; color: #fff; letter-spacing: -0.0252em;}
.btn_square.type_line {padding: 0 25px; border: 1px solid #eeecea; font-size: 18px; line-height: 50px; color: #666;}
.area_header {position: relative; z-index: 11; border-bottom: 1px solid #eeecea; background-color: #fff;}
.area_header .box_header {position: relative; width: 1170px; height: 80px; margin: 0 auto;}
.area_header .area_logo {padding-top: 26px;}
.area_header .area_logo.type_1 h1, 
.area_header .area_logo.type_1 h1 a {display: flex; align-items: center;}
.area_header .area_logo h1 {font-weight: 500; font-family: 'roboto','notokr'; font-size: 15px; line-height: 19px; color: #666;}
.area_header .area_logo h1 span {display: inline-block; position: relative; top: 4px; height: 26px; padding-right: 17px; font-family: 'notokr'; font-weight: 500; font-size: 15px; color: #666; vertical-align: top;}
.area_header .area_logo.type_1 h1 span {height: auto; margin-left: 4px;}
/*.area_header .area_logo h1 span:after {display: inline-block; position: relative; top: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 7px; height: 7px; margin-left: 8px; border-style: solid; border-width: 0 1px 1px 0; border-color: #5a5858; vertical-align: middle; content: '';}*/
/*.area_header .area_logo h1 span:after {display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 7px; height: 7px; margin-left: 8px; margin-top: -7px; border-style: solid; border-width: 0 1px 1px 0; border-color: #5a5858; vertical-align: middle; content: '';} 20200814 */
.area_header .area_logo h1 span:after {-webkit-transition: all .2s linear; transition: all .2s linear;}
/*.area_header .area_logo.on h1 span:after {top: 1px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}*/
.area_header .area_logo.on h1 span:after {margin-top: -5px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.area_header .area_logo h1 img {margin-right: 3px;}
.list_select_shop {display: none; position: absolute; top: 80px; left: 0; z-index: 11; width: 250px;}
.list_select_shop li {height: 50px; padding: 0; background-color: #fff;}
.list_select_shop li a {display: block; font-weight: 500; font-size: 16px; line-height: 50px; color: #666; text-align: center;}
.list_select_shop li.on a {background-color: #ff9000; color: #fff;}
.area_header .list_gnb {position: absolute;}
.area_header .btn_tel {position: absolute; top: 17px; right: 0;}
.area_header .btn_tel .txt_counsel {display: block; height: 46px; padding: 0 20px; border-radius: 23px 23px 0 23px; border: 1px solid #ff002c; font-family: 'roboto','notokr'; font-size: 12px; line-height: 46px; color: #ff002c;}/* 20190829 */
.area_header .btn_tel .txt_counsel span {display: inline-block; position: relative; top: -1px; font-weight: 700; font-size: 18px; vertical-align: middle;}/* 20190829 */
.top_band_info {height: 60px; background-color: #ff002c;line-height: 60px; text-align: center;}
.top_band_info span {font-weight: 500; font-family: 'roboto','notokr'; font-size: 20px; color: #fff; text-align: center;}
.top_band_info a {display: inline-block; position: relative; margin-left: 16px; font-size: 14px; color: #fff;}
.top_band_info a:after {display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: 8px; background-color: #fff; content: '';}
.area_top_join {display: none; position: absolute; top: 80px; left: 0; z-index: 10; width: 100%; background-color: #fff;}
.area_top_join.type_join {top: 140px;}
/*#wrap.active_banner .area_top_join {top: 160px;}*/
.area_top_join.type_1 {border-top: 1px solid #eeecea; z-index:15;}
.box_top_join {display: block; position:relative; width: 1170px; margin: 0 auto; padding: 40px 0 120px; background-color: #fff;}
.area_top_join.type_1 .box_top_join {display: flex; justify-content: space-between; padding-top: 0; padding-bottom: 0;}/* 202004통합 */
.area_top_join.type_1 .box_top_join.type_1 {min-height: 318px;}/* 202004통합 */
.box_top_join:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.box_top_join.type_1:after {display: none;}
.area_top_join.type_join .box_top_join .box_wrap {width:50%;}
.area_top_join.type_join .box_top_join .type_left:after {display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#eee; content:"";}
.area_top_join.type_join .box_top_join .type_right {padding-left:30px;}
.area_top_join.type_join .box_top_join .box_form {margin:0 0 11px; text-align:left;}
.area_top_join.type_join .box_top_join .box_form + .box_form {margin:0 0 21px;}
.area_top_join.type_join .type_left .area_form {padding-left:110px;} 
.area_top_join.type_join .area_form + .area_form {margin-top:25px;}
.area_top_join.type_join .tit_reference {margin-bottom:10px; font-size:16px; font-weight:500; color:#333;}
.area_top_join.type_join .btn_article {display:block; float:none; width:100%; margin-top:30px; text-align:center;}
.area_top_join.type_join .btn_square {padding:0 50px;}
.area_top_join.type_join .box_top_join .box_square {width:464px; height:118px;}
.area_top_join.type_join .time_of_hope .box_form {margin:0;}
.area_top_join .time_of_hope .wrap_select {min-width:140px; text-align:left; color:#666;}

/* 상품 기프트 */
.area_top_join.type_1 .box_wrap.type_right {text-align:left;}
.area_top_join.type_1 .right_info {padding-left:60px;}
.area_top_join.type_1 .box_form {display:inline-block;}
.area_top_join.type_1 .area_form + .area_form {margin-top:15px;}
.area_top_join.type_1 .txt_input + .area_form {margin-top:15px;}

/* 20190905 */
.box_cable_product .btn_close {position: absolute; top: -55px; left: 50%; margin-left: 535px;}
.box_top_join .btn_close {position: absolute; top: -55px; left: 50%; margin-left: 535px;}
.box_cable_product .btn_close button,
.box_top_join .btn_close button {display: block; overflow: hidden; position: relative; width: 50px; height: 0; padding-top: 50px; border: none; background-color: transparent; text-indent: -9999em;}
.box_cable_product .btn_close button,
.box_top_join .btn_close button {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.box_cable_product .btn_close button:hover,
.box_top_join .btn_close button:hover {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.box_cable_product .btn_close button:before,
.box_top_join .btn_close button:before,
.box_cable_product .btn_close button:after,
.box_top_join .btn_close button:after {display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 22px; margin-top: -11px; border-radius: 2px; background-color: #fff; content: '';}
.box_cable_product .btn_close button:before,
.box_top_join .btn_close button:before {transform: rotate(45deg);}
.box_cable_product .btn_close button:after,
.box_top_join .btn_close button:after {transform: rotate(-45deg);}
/* //20190905 */
.box_top_join .box_wrap {float: left; position: relative; width: 666px;}
.box_top_join .box_wrap.type_right {float: right; width: 464px;}
.box_top_join .box_wrap.type_1 {width: 620px;}
.box_top_join .box_wrap.type_2 {width: 550px;/* height:100%;*/ padding: 40px; background-color: #f7f7f7;}
.box_top_join .box_wrap.type_2 select,
.box_top_join .box_wrap.type_2 input,
.box_top_join .box_wrap.type_2 .wrap_select label {background-color: #fff;}
.box_top_join .box_wrap.type_1 .box_snb.type_1 {width:100%; padding-right:40px;}
.list_radio:after {display:block; clear:both; visibility:hidden; height:0; content:'';}/* 202004통합 */
.list_radio li {display: block; float: left; margin-left: 28px;}/* 202004통합 */
.list_radio.type_1 li {margin-top: 13px;}/* 202004통합 */
.list_radio.type_1 li:first-child,
.list_radio.type_1 li:nth-child(2),
.list_radio.type_1 li:nth-child(3),
.list_radio.type_1 li:nth-child(4) {margin-top: 0;}/* 202004통합 */
.list_radio + .area_form {margin-top: 25px;}
.list_radio li.type_1 {clear: both;}
.list_radio li.type_1,/* 202004통합 */
.list_radio li:first-child {margin-left: 0;}
input[type='radio'],
input[type='checkbox'] {position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin-left: -1px; left: -20px; clip: rect(1px 1px 0 0);}
input[type='radio'] + label,
input[type='checkbox'] + label {display: block; position: relative; line-height: 20px; cursor: pointer;}
input[type='radio'] + label {padding-left: 30px;}
input[type='checkbox'] + label {padding-left: 27px;}
input[type='radio'] + label,
input[type='checkbox'] + label {font-size: 14px; color: #222;}
input[type='radio'] + label:before,
input[type='radio'] + label:after,
input[type='checkbox'] + label:before,
input[type='checkbox'] + label:after {display: block; position: absolute; top: 50%; left: 0; margin-top: -10px; content: '';}
input[type='checkbox'] + label:before,
input[type='checkbox'] + label:after {margin-top: -8px;}
input[type='radio'] + label:before,
input[type='checkbox'] + label:before {border: 1px solid #dcdcdc; background-color: #fff;}
input[type='radio'] + label:before {width: 20px; height: 20px;}
input[type='checkbox'] + label:before {width: 16px; height: 16px;}
input[type='radio'] + label:before {border-radius: 100%;}
input[type='radio'] + label:after,
input[type='checkbox'] + label:after {display: none;}
input[type='radio'] + label:after {top: 50%; left: 4px; width: 12px; height: 12px; margin-top: -6px; background-color: #4130DF;}
input[type='checkbox'] + label:after {top: 50%; left: 2px; width: 12px; height: 10px; margin-top: -5px; background: url(/img/common/icon_check.png) no-repeat; background-size: contain;}
input[type='radio'] + label:after {border-radius: 100%;}
input[type='radio']:checked  + label:before,
input[type='checkbox']:checked  + label:before {border-color: #4130DF;}
input[type='radio']:checked  + label:after,
input[type='checkbox']:checked  + label:after {display: block;}
.list_gnb {position: absolute; top: 17px; right: 220px; font-size: 0; text-align: right;}
.list_gnb li {display: inline-block; position: relative;}

.list_gnb li.is_sub .box_cable_product {display: none; position: fixed; top: 140px; left: 0; z-index: 10; width: 100%; padding: 40px 0; background-color: #fff; text-align: left;}
.list_gnb li.is_sub.on .box_cable_product {display: block;}
.box_cable_product .box_tit,
.box_cable_product .list_cable_product {width: 1170px; margin: 0 auto;}
.box_cable_product .box_tit .txt_1 {font-family: 'roboto','notokr'; font-size: 28px; color: #222;}
.box_cable_product .box_tit .txt_2 {margin-top: 10px; font-size: 16px; line-height: 1.68em; color: #000;}
.box_cable_product .list_cable_product {display: flex; justify-content: space-between; margin-top: 32px;}
.box_cable_product .list_cable_product > li {width: 370px; padding: 0;}
.box_cable_product .list_cable_product > li a {display: flex; flex-direction: column; justify-content: center; position: relative; height: 120px; padding-left: 140px; border-radius: 20px; background-color: #f7f7f7; line-height: 1.3em;}
.box_cable_product .list_cable_product > li a:before {display: block; position: absolute; top: 50%; left: 35px; transform: translateY(-50%); width: 95px; height: 84px; background-repeat: no-repeat; background-size: contain; content: '';}
.box_cable_product .list_cable_product > li.li_1 a:before {background-image: url(/img/common/icon_btv_cable_3.png);}
.box_cable_product .list_cable_product > li.li_2 a:before {background-image: url(/img/common/icon_btv_combine.png);}
.box_cable_product .list_cable_product > li.li_3 a:before {background-image: url(/img/common/icon_btv_internet.png);}
.box_cable_product .list_cable_product > li .txt_1 {font-weight: 500; font-size: 18px; color: #ff9000;}
.box_cable_product .list_cable_product > li .txt_2 {margin-top: 10px; font-size: 13px; color: #666;}
.list_gnb.type_1 > li {padding: 0 20px;}

.list_gnb.type_2 li {padding: 0 16px;}
.list_gnb.type_1 li:before {display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #eeecea; content: '';}
.list_gnb.type_1 li:first-child:before {display: none;}
.list_gnb li a {display: block; position: relative; font-size: 16px; line-height: 46px; letter-spacing: -0.025em;}
.list_gnb.type_1 li a {color: #999;}
.list_gnb.type_2 li a {color: #666;}
.list_gnb.type_1 li a:hover {color:#666;}
.list_gnb.type_1 li.on a {color: #ff9000;}
.list_gnb.type_2 li a:hover,
.list_gnb.type_2 li.on a {color: #ff5a21;}
.list_gnb.type_2 li a:before {display: none; position: absolute; bottom: -17px; left: 0; width: 100%; height: 1px; background-color: #ff5a21; content: '';}
.list_gnb.type_2 li.on a:before {display: block;}
.box_top_join .box_form {margin-top: 11px;}/* 202004통합 */
.box_top_join .box_form + .box_form {margin-top: 10px;}/* 202004통합 */
.box_form:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.box_form > * {float: left; margin-left: 10px;}
.box_form > *:first-child {margin-left: 0;}
.box_form.size_4 > * {width: 110px; margin-left: 10px;}
.box_form.size_4 > *.case_1 {width: calc((100% - 10px) / 2);}
.box_form.size_4 > *:first-child {margin-left: 0;}
.box_form.size_4 > a {width: auto; padding: 0 18px;}

.box_top_join .txt_input {margin-top: 15px;}
.box_top_join .txt_input:first-child {margin-top: 0;}
.box_top_join .txt_input + .txt_input {margin-top: 10px;}
.box_top_join .box_wrap.type_2 .txt_input input[type='checkbox'] + label {display: inline-block;}
.box_top_join .box_wrap.type_2 .txt_input .link_detail {display: inline-block; margin-left: 14px; padding: 0 16px; border: 1px solid #aaa; font-size: 12px; line-height: 24px; color: #999; vertical-align: middle;}
.txt_explain {margin-top: 5px; font-size: 12px; line-height: 1.5em; color: #999;}
.box_top_join .txt_explain {margin-left: 27px;}
.box_square {padding: 5px 12px; border: 1px solid #eee;}
.box_top_join .box_square {overflow-y: scroll; height: 125px; margin-top: 15px;}
.list_dot.type_1 li {position: relative; padding-left: 7px; font-size: 13px; line-height: 20px; color: #999; letter-spacing: -0.025em;}
.list_dot.type_1 li:before {display: block; position: absolute; top: 0; left: 0; content: '-';}
.box_snb {display: none; margin-top: 30px;}
.box_snb.on {display: block;}
.box_snb .txt_tit {font-family: 'roboto','notokr'; font-size: 28px; line-height: 1.28em; color: #000;}
.box_snb .txt_tit .arrow {display:inline-block; position:relative; padding-right:31px;}
.box_snb .txt_tit .arrow:after {display:block; position:absolute; top:10px; right:0; width:12px; height:18px; background:url('/img/common/tit_arrow.png') no-repeat 0 0; content:"";}
.box_snb .txt_1 {margin-top:5px;}
.box_snb .txt_explain {margin-top: 5px; font-size: 16px; line-height: 1.5em; color: #000;}
.list_snb {position:relative; margin-top: 29px; padding-bottom: 73px;}
.list_snb li {margin-top: 23px; }
.list_snb li:first-child {margin-top: 0;}
.list_snb li a {display: block; font-weight: 500; font-family: 'roboto','notokr'; font-size: 18px; line-height: 23px; color: #333;}
.list_snb li a:after,
.box_top_join .link_calculate a:after {display: inline-block; position: relative; width: 8px; height: 12px; margin-left: 17px; background: url(/img/common/icon_snb.png) no-repeat; vertical-align: middle; content: '';}

.list_snb.size_2 li:nth-child(odd) {display:inline-block; width:50%;}
.list_snb.size_2 li:nth-child(odd) + li {float:right; display:inline-block;  width:50%;}
.list_snb.size_2 li:nth-child(odd):first-child + li {margin-top:0;}

.list_snb.type_1:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.list_snb.type_1 li {float: left; width: 50%;}
.list_snb.type_1 li:nth-child(odd) {clear: both;}
.list_snb.type_1 li {margin-top: 41px;}
.list_snb.type_1 li:first-child,
.list_snb.type_1 li:first-child + li {margin-top: 0;}
.list_snb.type_1 li a {position: relative; padding-left: 52px; line-height: 31px;}
.list_snb.type_1 li a:before {display: block; position: absolute; top: 0; left: 0; width: 36px; height: 31px; background-repeat: no-repeat; content: '';}
.list_snb.type_1 li a:after {position: absolute; top: 50%; right: 23px; margin-top: -6px;}
.list_snb.type_1 li.type_combination a:before {background-image: url(/img/common/icon_snb_combination.png);}
.list_snb.type_1 li.type_internet a:before {background-image: url(/img/common/icon_snb_internet.png);}
.list_snb.type_1 li.type_iptv a:before {background-image: url(/img/common/icon_snb_iptv.png);}
.list_snb.type_1 li.type_security a:before {background-image: url(/img/common/icon_snb_security_1.png);}

.box_top_join .link_calculate {margin-top: 30px; padding: 36px 0 35px; border-top: 1px solid #ddd;}
.box_top_join .link_calculate a {display: block; font-weight: 500; font-family: 'roboto','notokr'; font-size: 17px; line-height: 1.29em; color: #333;}
.box_top_join .btn_join.type_1 {margin-top: 20px; text-align: center;}
.box_top_join .btn_join.type_1 a {width: 250px; font-size: 16px;}
.box_top_join .txt_balloon {position: absolute; top: 25px; left: 60px; padding: 0 23px; border-radius: 21px 21px 21px 0; background-color: #ff9000; font-size: 12px; line-height: 42px; color: #fff; letter-spacing: -0.025em;}
.box_top_join .txt_balloon:after {display: block; position: absolute; bottom: -16px; left: 0; width: 18px; height: 20px; background: url(/img/common/part_motif.png) no-repeat; content: '';}

/* top banner */
.area_top_banner {position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 80px;}
.area_top_banner .btn_close {overflow: hidden; position: absolute; top: 15px; left: 50%; width: 50px; height: 50px; margin-left: 363px;}
.area_top_banner .btn_close button {display: block; overflow: hidden; width: 100%; height: 0; padding-top: 100%; text-indent: -9999em;}
.area_top_banner .box_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; color: #fff; text-align: center;}
.area_top_banner .box_wrap a {display: block; padding: 23px 0; color: #fff;}
.area_top_banner .box_wrap a * {display: inline-block; font-size: 24px; line-height: 1.375em; letter-spacing: -0.025em;}
.area_top_banner .box_wrap .txt_1 {font-family: 'roboto','notokr';}
.area_top_banner .box_wrap .txt_2 {margin-left: 10px; font-size: 22px;}

/*footer */
.area_footer {border-top: 1px solid #eeeceb; padding-bottom:21px;}
.btn_top {display: none; position: fixed; bottom: 260px; left: 50%; z-index: 10; margin-left: 585px;}
.btn_top.on {display: block;}
.btn_top button {display: block; overflow: hidden; width: 64px; height: 0; padding-top: 64px; border: 1px solid #dddbda; border-radius: 32px 32px 0 32px; background: #fff url(/img/common/icon_top.png) no-repeat 50% 50%; text-indent: -9999em;}
.box_bot_relative {height: 56px; border-bottom: 1px solid #eeeceb;}
.box_bot_relative .box_wrap {position: relative; width: 1170px; margin: 0 auto;}
.list_bot_link:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.list_bot_link li {position: relative; float: left;}
.list_bot_link li:before {display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; background-color: #ddd; content: '';}
.list_bot_link li:first-child:before {display: none;}
.list_bot_link li a {display: block; padding: 0 20px; font-size: 13px; line-height: 56px; color: #666;}
.list_bot_link li:first-child a {padding-left: 0;}
.list_bot_link li a:hover {color: #ff9000;}
.area_family {position: absolute; top: 0; right: 0; width: 200px; height: 56px; border-style: solid; border-width: 0 1px; border-color: #eeeceb;}
.area_family .txt_tit button {display: block; position: relative; width: 100%; padding: 0 30px; font-size: 14px; line-height: 56px; color: #666; text-align: left;}
.area_family .txt_tit button:after {display: block; position: absolute; top: 24px; right: 24px; width: 12px; height: 7px; background: url(/img/common/icon_arrow_bot.png) no-repeat; content: '';}

.area_family .list_family {display: none; overflow: hidden; position: absolute; bottom: 55px; left: 0; z-index: 10; width: 100%; background-color: #fff;}
.area_family.on .list_family {display: block;}
.area_family.on .txt_tit button:before {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px}
.area_family .list_family {border: 1px solid #f7f7f7;}
.area_family .list_family li a {display: block; padding: 0 16px; border-top: 1px solid #f7f7f7; font-size: 14px; line-height: 50px; color: #666;}

.box_copyright {width: 1170px; margin: 20px auto 0;}
.box_copyright p {font-size: 13px; line-height: 1.53em; color: #999;}
.box_copyright p a {display: inline-block; columns: #666; text-decoration: underline;}
.box_copyright .txt_copyright {margin-top: 20px;}
.box_footer {margin-top: 20px;}
.box_footer .box_wrap {width: 1170px; margin: 0 auto;}
.box_footer .box_wrap:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.box_footer .bot_logo {float: left; width: 40%;}
.box_footer .bot_logo span {display: inline-block; margin-left: 8px; font-weight: 500; font-family: 'roboto','notokr'; font-size: 20px; line-height: 26px; color: #aaa;}
.box_footer .mark_list {float: right; width: 60%; font-size: 0; text-align: right;}
.box_footer .mark_list li {display: inline-block; margin-left: 25px; vertical-align: top;}
.box_footer .mark_list li a, .box_footer .mark_list li span {display: block; position: relative; font-size: 8px; line-height: 1.25em; color: #666; text-align: left;}
.box_footer .mark_list li a:before, .box_footer .mark_list li span:before {display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; content: '';}
.box_footer .mark_list li.ncsi a, .box_footer .mark_list li.ncsi span {padding-left: 54px;}
.box_footer .mark_list li.wise_user a {padding-left: 94px;}
.box_footer .mark_list li.full a,.box_footer .mark_list li.full span {padding-left: 38px;}
.box_footer .mark_list li.ncsi a:before, .box_footer .mark_list li.ncsi span:before {width: 48px; height: 31px; background-image: url(/img/common/logo_ncsi.png);}
.box_footer .mark_list li.wise_user a:before {width: 77px; height: 30px; background-image: url(/img/common/logo_wise.png);}
.box_footer .mark_list li.full a:before, .box_footer .mark_list li.full span:before {width: 32px; height: 31px; background-image: url(/img/common/logo_full.png);}
.wing_link {position: fixed; top: 256px; left: 50%; z-index: 10; width: 90px; margin-left: 651px; padding: 20px 0; box-shadow: 5px 8px 10px rgba(0,0,0,.14); border-radius: 90px; background-color: #ff9000;}
.wing_link li {position: relative;}
.wing_link li:before {display: block; position: absolute; top: 0; left: 50%; width: 50px; height: 1px; margin-left: -25px;  background-color: rgba(255,255,255,.2); content: '';}
.wing_link li:first-child:before {display: none;}
.wing_link a,
.wing_link .txt_counsel {display: block; padding: 15px 0; font-size: 14px; line-height: 1.64em; color: #fff; text-align: center;}/* 20190829 */
.wing_link .txt_explain {position: absolute; top: -70px; right: 53px; z-index: 1; padding: 13px 21px; border: 2px solid #ff9000; border-radius: 30px 30px 0 30px; background-color: #fff; font-size: 12px; line-height: 1.5em; color: #ff9000;  white-space: nowrap;}
.wing_link .txt_explain:after {display: block; position: absolute; bottom: -15px; right: 0; width: 0; height: 0; border-right: 15px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; content: '';}
.wing_link .btn_close button {display: block; position: absolute; top: 13px; right: 12px; width: 15px; height: 0; padding-top: 15px; border: none; background-color: transparent; text-indent: -9999em;}
.wing_link .btn_close button:before,
.wing_link .btn_close button:after {display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 11px; margin-top: -6px; background-color: #999; content: '';}
.wing_link .btn_close button:before {transform: rotate(45deg);}
.wing_link .btn_close button:after {transform: rotate(-45deg);}
.txt_explain.off {display: none;}

/* event main */
.area_main {margin-top:0px;}
.area_main.type_event {margin-top: 0;}
.area_visual_event {position: relative; width: 1170px; margin: 0 auto;}
.area_visual_event a {display: block;}
.area_visual_event .box_ban {display: box; position: relative; width: 100%; height:628px;}
.area_visual_event .box_txt_wrap {position: absolute; top: 50%; left: 0; transform: translate3d(0,-50%,0);}
.ie .area_visual_event .box_txt_wrap {position: relative; top: auto; margin-top: 115px;}

.area_event_main {position: relative; z-index: 1; margin-top:0; padding-top: 65px;}
.area_event_main:before {display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 250px; background-color: #f7f7f7; content: '';}
.area_event_main .h2_tit {text-align: center;}
.box_event_main {overflow: hidden; position: relative; padding-top: 31px; padding-bottom: 115px;}
.box_event_main .slider_wrap {width: 1230px; margin: 0 auto; padding-left: 30px; padding-bottom: 30px;}
.list_arrow_btn li {position: absolute; top: 160px; left: 50%;}
.list_arrow_btn li button {display: block; overflow: hidden; position: relative; width: 39px; height: 0; padding-top: 72px; background-repeat: no-repeat; text-indent: -9999em; content: '';}
.list_arrow_btn li.type_prev {margin-left: -674px;}
.list_arrow_btn li.type_next {margin-left: 635px;}
.list_arrow_btn li.type_prev button {background-image: url(/img/common/icon_arrow_1.png);}
.list_arrow_btn li.type_next button {background-image: url(/img/common/icon_arrow_2.png);}
.type_slider {overflow: hidden; position: relative;}
.type_slider .slider_wrap {overflow: hidden;}
.type_slider .slider:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.type_slider .slider > * {float: left; margin-top: 0;}
.type_slider .list_indicator {position: absolute; bottom: 60px; left: 0; width: 100%; font-size: 0; text-align: center;}
.type_slider .list_indicator li {display: inline-block;}
.type_slider .list_indicator li a {display: block; overflow: hidden; position: relative; width: 20px; height: 0; padding-top: 20px; text-indent: -9999em;}
.type_slider .list_indicator li a:before {display: block; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 10px; background-color: #dcdcdc; content: '';}
.type_slider .list_indicator li.on a:before {background-color: #000;}
.box_event_main .list_event {padding-top: 16px;}
.box_event_main .list_event:after {display:block; clear:both; visibility:hidden; height:0; content:'';} /* 20190830 */
.box_event_main .list_event > li {float: left; position: relative; width: 570px; height: 300px; margin-left: 30px;} /* 20190830 */
.box_event_main .list_event > li:first-child {margin-left: 0;}/* 20190830 */
.list_event > li {position: relative;}
.list_event > li > a {display: block; overflow: hidden; position: relative; height: 0; border-radius: 40px; background-repeat: no-repeat; text-indent: -9999em;}
.box_event_main .list_event > li > a {padding-top: 300px;}
/*.list_event > li a .box_ban {overflow: hidden; position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 40px;}*/
/*.box_event_main .list_event > li a .box_ban {height: 300px; padding: 50px 20px 0 270px;}
.list_event > li a .box_ban {-webkit-transition: all .2s linear; transition: all .2s linear;}
.box_event_main .list_event > li a:hover .box_ban {box-shadow: 12px 12px 22px rgba(0,0,0,.2);}
.list_event > li .img_event {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;}*/
.list_event > li .txt_tag {display: block; position: absolute; top: -16px; left: -16px; z-index: 9; width: 64px; height: 64px; border-radius: 64px 64px 0 64px; font-family: 'roboto','notokr'; font-size: 18px; line-height: 64px; color: #fff; text-align: center;}
.list_event > li .txt_tag.type_new {background-color: #ff9000;}
.list_event > li .txt_tag.type_hot {background-color: #ff9000;}

.area_event_direct {position: relative; padding-top: 65px; background-color: #f7f7f7;}
.area_event_direct .h2_tit {text-align: center;}
.box_event_direct {overflow: hidden; position: relative; padding-top: 31px; padding-bottom: 115px;}
.box_event_direct .slider_wrap {width: 1170px; margin: 0 auto;}
/*.box_event_direct .list_event {overflow: hidden;}*/
.box_event_direct .list_event:after {display:block; clear:both; visibility:hidden; height:0; content:'';} /* 20190830 */
.box_event_direct .list_event > li {float: left;} /* 20190830 */
.box_event_direct .list_event > li a {width: 100%; padding-top: 320px;}
/*.box_event_direct .list_event > li a .box_ban {padding: 51px 0 0 81px;}*/
.box_event_direct .list_event .txt_2 {font-size: 42px;}

.txt_emphasis {font-weight: 500; font-family: 'roboto','notokr';}
.txt_emphasis_1 {font-weight: 500; font-family: 'notokr';}
.txt_essential {font-weight: inherit; font-size: inherit; color: #ff9000;}
.txt_essential.type_1 {color: #999;}
.list_subscription > li > .tit, .list_subscription > li > .tit > .txt_essential {color:#ff9000;}
.list_subscription > li > .tit, .list_subscription > li > .tit > .txt_essential.type_1 {color:#999;}
.txt_highlight {font-weight: 500;}
.box_ban {position: relative; z-index: 1;}
.box_ban .img_event {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;}
.box_ban .txt_1 {font-weight: 500; font-family: 'roboto','notokr'; line-height: 1.29em; color: #ff9000;}
.txt_color_orange {color: #ff9000;}
.txt_color_red {color: #ff002c;}
.box_ban .txt_2 {font-family: 'roboto','notokr'; line-height: 1.32em; color: #333; letter-spacing: -0.025em;}
.box_ban .list_hash li {line-height: 1.59em; color: #666;}
.box_ban .list_hash li.type_emphasis {font-family: inherit; color: #333;}
.box_ban.type_visual .txt_1 {font-size: 24px;}
.box_ban.type_visual .txt_2 {margin-top: 15px; font-size: 56px;}
.box_ban.type_visual .list_hash {margin-top: 25px;}
.box_ban.type_visual .list_hash li {font-size: 22px; color: #999;}
.box_ban.type_visual .list_hash li.type_emphasis {font-family: inherit; color: #333;}
.list_event .txt_1 {font-size: 20px; line-height: 1.6em;}
.list_event .txt_2 {margin-top: 10px; font-size: 32px; line-height: 1.32em;}
.list_event .list_hash {margin-top: 20px;}
.list_event .list_hash li {font-size: 18px; line-height: 1.63em; color: #666;}
/* 20190829 */
.area_join_main {padding: 65px 0; background-color: #dcdcdc; text-align: center;}
.box_join_main {width: 1170px; margin: 30px auto 0;}
.list_join_main {position: relative; font-size: 0;}
.list_join_main > li {display: inline-block; width: 370px; margin-left: 30px;}
.list_join_main > li a {display: block; position: relative; height: 460px; padding: 28px 20px 0; border-radius: 40px; background-color: #fff;}
.list_join_main > li a {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.list_join_main > li a:hover {box-shadow: 12px 12px 22px rgba(0,0,0,.2);}
.list_join_main > li .img_join {display: block; position: relative; width: 290px; height: 190px; margin: 0 auto;}
.list_join_main > li:first-child {margin-left: 0;}
.list_join_main .txt_1 {margin-top: 19px; font-weight: 500; font-size: 18px; color: #666;}
.list_product_col.type_add {position: relative; margin-top: 33px; padding-top: 32px; border-top: 2px solid #eeecea;}
.list_product_col.type_add:before,
.list_product_col.type_add:after {position: absolute; left: 50%; content: '';}
.list_product_col.type_add:before {top: -20px; width: 40px; height: 40px; margin-left: -20px; border: 1px solid #eeecea; border-radius: 26px; background-color: #fff;}
.list_product_col.type_add:after {top: -7px; width: 10px; height: 14px; margin-left: -5px; border-style: solid; border-width: 0 3px; border-color: #333;}
.input_size_370 {width: 370px !important;}
/* //20190829 */

/* sub */
.area_event_list {padding: 65px 0; background-color: #f7f7f7;}
.area_event_list .list_event {position: relative; width: 1170px; margin: 0 auto;}
.area_event_list .list_event > li {width: 100%; height: 320px; margin-left: 0; margin-top: 30px;}
.area_event_list .list_event > li:first-child {margin-top: 0;}
.area_event_list .list_event > li a {padding-top: 320px;}
/*.area_event_list .list_event > li a .box_ban {height: 320px; padding: 50px 0 0 82px;}
.area_event_list .list_event .txt_2 {font-size: 42px; line-height: 1.23em;}
.area_event_list .list_event .list_hash {margin-top: 15px;}*/
.area_event_list .btn_more {margin-top: 30px; text-align: center;}
.area_event_list .btn_more button {display: inline-block; width: 360px; height: 44px; border-radius: 20px 20px 0 20px; border: 1px solid #dddbda; background-color: #fff; font-size: 13px; line-height: 44px; color: #666;}
.area_event_list .btn_more button:after {display: inline-block; position: relative; top: -1px; width: 11px; height: 8px; margin-left: 8px; background: url(/img/common/icon_more.png) no-repeat; content: '';}

/* direct */
.box_direct_main {position: relative;}
.box_direct_main > a {display:block; width:1170px; margin:0 auto;}
.box_direct_main .box_ban {height: 600px;}
.box_direct_main .box_ban .box_wrap {position: absolute; top: 100px; left: 50%; width: 550px; height: 400px; margin-left: -585px; padding: 50px 10px 0 80px; border-radius: 40px;}
.box_direct_main .box_ban .box_wrap.type_right {margin-left: 35px;}
.box_direct_main .box_ban .box_wrap.type_black {background-color: rgba(0,0,0,.2); color: #fff;}
.box_direct_main .box_ban .box_wrap.type_white {background-color: rgba(255,255,255,.5); color: #000;}
.box_direct_main .txt_2 {font-weight: 400; font-size: 42px;}
.box_direct_main .txt_2 span {font-weight: 500;}
.box_direct_main .txt_3 {margin-top: 15px; font-size: 18px; line-height: 1.7em;}
.box_direct_main .box_ban .box_wrap.type_black .txt_2 {color: #fff;}
.box_direct_main .box_ban .box_wrap.type_black .txt_3 {color: #aaa;}
.box_direct_main .box_ban .box_wrap.type_white .txt_2 {color: #333;}
.box_direct_main .box_ban .box_wrap.type_white .txt_3 {color: #666;}

.list_product_col {position: relative; margin: 25px 0 0; font-size: 0;}
.list_product_col li {display: inline-block; position: relative; width: 90px; margin-left: 20px; padding-top: 78px; font-weight: 500; font-size: 14px; line-height: 1.58em; color: #ff9000; vertical-align: top; text-align: center;}
.list_product_col li:first-child {margin-left: 0;}
.list_product_col > li:before,
.list_product_col > li:after,
.list_product_col > li span:after {display: block; position: absolute; top: 20px; content: '';}
.list_product_col > li span:after,
.list_product_col > li:after {background-color: #5a5858;}
.list_product_col > li span:after {top: 36px; left: -12px; width: 2px; height: 6px;}
.list_product_col > li:after {top: 38px; left: -14px; width: 6px; height: 2px;}
.list_product_col > li:before {top: 32px; left: -18px; width: 14px; height: 14px; border: 2px solid #5a5858; border-radius: 16px; background-color: #f9d77d;}
.list_product_col.type_big > li span:after {top: 41px; left: -11px; width: 2px; height: 16px;}
.list_product_col.type_big > li:after {top: 48px; left: -18px; width: 16px; height: 2px;}
.list_product_col.type_big > li:before {top: 33px; left: -26px; width: 32px; height: 32px; border: 2px solid #5a5858; border-radius: 32px; background-color: #f9d77d;}

.list_product_col > li:first-child:before,
.list_product_col > li:first-child:after,
.list_product_col > li:first-child span:after {display: none;}
.list_product_col li span:before {display: block; position: absolute; top: 0; left: 50%; width: 85px; height: 75px; margin-left: -42.5px; background-repeat: no-repeat; background-size: contain; background-position: 50% 0; content: '';}

.list_product_col.type_or > li:before {top: 33px; left: -20px; border: none; border-radius: 0; background-color: transparent; font-weight: 500; font-family: 'roboto','notokr'; font-size: 16px; color: #999; content: 'or';}
.list_product_col.type_or > li:after,
.list_product_col.type_or > li span:after {display: none;}

.area_recommend {padding: 65px 0; text-align: center;}
.box_recommend {width: 1170px; margin: 30px auto 0;}
.box_recommend:first-child {margin-top:40px;} 
.list_recommend {display:inline-block;}
.list_recommend:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.list_recommend li {float: left; width: 270px; height: 270px; margin-left: 30px; text-align: center;}
.list_recommend li a {display: block; position: relative; width: 100%; height: 100%; padding-top: 55px; border-radius: 40px; background-color: #f7f7f7;}
.list_recommend li a:hover {box-shadow: 12px 12px 22px rgba(0,0,0,.1);}
.list_recommend li:first-child {margin-left: 0;}
.list_recommend [class*="icon_"]:before {display: block; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; content: '';}
[class*="icon_"]:before {width:95px; height:84px;}

.icon_combination:before {background-image: url(/img/common/icon_giga_tv_phone.png);}
.icon_combination_1:before {background-image: url(/img/common/icon_giga_tv_phone_2ea.png);}/* 20190828 */
.icon_internet:before {background-image: url(/img/common/icon_giga_btv.png);}
.icon_giga:before {background-image: url(/img/common/icon_giga.png);}
.icon_phone:before {background-image: url(/img/common/icon_phone.png);}
.icon_phone_2ea:before {background-image: url(/img/common/icon_phone_2ea.png);}
.icon_all:before {background-image: url(/img/common/icon_all.png);}
.icon_nugu:before {background-image: url(/img/common/icon_nugu.png);}
.icon_internet:before {background-image: url(/img/common/icon_internet.png);}
.icon_lite:before {background-image: url(/img/common/icon_lite.png);}
.icon_btv:before {background-image: url(/img/common/icon_btv.png);}
.icon_btv_1:before {background-image: url(/img/common/icon_btv_1.png);}
.icon_internet_tv:before {background-image: url(/img/common/icon_internet_tv.png);}
.icon_wifi:before {background-image: url(/img/common/icon_wifi.png);}
.icon_wifi.type_1:before {background-image: url(/img/common/icon_wifi_1.png);}
.icon_charge:before {background-image: url(/img/common/icon_charge.png);}
.icon_charge.type_1:before {background-image: url(/img/common/icon_charge_1.png);}
.icon_benefit:before {background-image: url(/img/common/icon_benefit.png);}
.icon_benefit.type_1:before {background-image: url(/img/common/icon_benefit_1.png);}
.icon_online:before {background-image: url(/img/common/icon_online.png);}
.icon_security:before {background-image: url(/img/common/icon_security.png);}
.icon_security_1:before {background-image: url(/img/common/icon_security_1.png);}
.icon_iptv:before {background-image: url(/img/common/icon_iptv.png);}
.icon_sos:before {background-image: url(/img/common/icon_sos.png);}
.icon_giga_btv:before {background-image: url(/img/common/icon_giga_btv.png);}
.icon_btv_cable_direct:before {background-image: url(/img/common/icon_btv_cable_direct.png);}
.icon_credit_card:before {background-image: url(/img/common/icon_credit_card.png);}
.icon_theslim:before {width:179px; height:82px; background-image: url(/img/common/icon_theslim.png);}

.list_recommend li .tit {margin-top: 12px; font-weight: 500; font-size: 22px; line-height: 1.27em; color: #333;}
.list_recommend li .txt {margin-top: 10px; font-size: 18px; line-height: 1.5em; color: #999;}
.list_recommend li .txt_balloon {opacity: 0; position: absolute; top: -58px; left: 165px; z-index: 1; padding: 25px 30px; border-radius: 32px 32px 32px 0; background-color: #f88f00; font-size: 20px; line-height: 1.6em; color: #fff; text-align: left; white-space: nowrap; pointer-events: none;}
.list_recommend li .txt_balloon span {font-weight: 500;}
.list_recommend li a,
.list_recommend li .txt_balloon {-webkit-transition: all .2s linear; transition: all .2s linear;}
.list_recommend li a:hover .txt_balloon {opacity: 1;}
.list_recommend li .txt_balloon:before {display: block; position: absolute; bottom: -19px; left: 0; width: 26px; height: 46px; background: url(/img/common/part_motif_1_left.png) no-repeat; content: '';}
.list_recommend li .txt_balloon.type_left {left: auto; right: 165px; border-radius: 32px 32px 0 32px;}
.list_recommend li .txt_balloon.type_left:before {left: auto; right: 0; background-image: url(/img/common/part_motif_1_right.png);}

/* family */
.area_product {overflow: hidden; position: relative; padding-top: 70px;}
.area_product.type_bg_gray {background-color: #f7f7f7;}
.area_product.type_none {padding-top: 0;}
.area_product:before {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 377px; background-color: #fff7e7; content: '';}
.area_product.type_no_tab:before {height: 315px;}
.area_product.type_small:before {height: 262px;}
.area_product.type_none:before {display: none;}
.area_product .box_tit {position: relative; z-index: 1; width: 1170px; margin: 0 auto;}
.area_product.type_small .box_tit {padding-bottom: 70px;}
.area_product .box_tit .txt_1 {font-size: 18px; line-height: 1.5em; color: #ff9000; letter-spacing: -0.025em;}
.area_product .box_tit .txt_2 {margin-top: 10px; font-family: 'roboto','notokr'; font-size: 20px; line-height: 1.3em; color: #333;}
.area_product .box_tit .txt_2.type_1 {font-family: 'notokr'; color: #666;}
.area_product .box_tit .txt_3 {margin-top: 5px; font-family: 'roboto','notokr'; font-size: 42px; font-weight:normal; line-height: 1.28em; color: #333;}
.area_product .box_tit .txt_3 .txt_emphasis {font-weight: 500; color: #ff9000;}
.area_product .box_tit .txt_emphasis .txt_small {font-weight: 500; font-size: 30px;}
.area_product .box_info_1 {width: 1170px; margin: 70px auto 0;}
.area_product.type_none .box_info_1 {margin-top: 0;}

.list_product_wrap {position: relative; margin-top: 8px;}
/*.list_product_wrap > li.on {padding-top: 310px;}*/
/*.list_product_wrap > li.type_1.on {padding-top:270px;}*/
.list_product_wrap > li.on {padding-top:270px;}
.list_product_wrap > li.type_big.on {padding-top: 330px;}
.list_product_wrap > li > .tit {overflow: hidden; position: absolute; top: 0; left: 0; width:1170px; height: 200px; padding: 48px 0 40px 200px; border-radius: 30px 30px 0 30px; box-shadow: 3px 9px 20px rgba(0,0,0,.1); background-color: #fff;}
.list_product_wrap > li > .tit.type {overflow: hidden; position: absolute; top: 0; left: 0; height: 200px; padding: 48px 0 40px 200px; border-radius: 30px 30px 0 30px; box-shadow: 3px 9px 20px rgba(0,0,0,.1); background-color: #fff;}
.list_product_wrap.text_line2 > li > .tit {padding-top:29px;}
.list_product_wrap > li.type_big > .tit {height: 250px; padding-top: 40px;}
.list_product_wrap > li.type_txt > .tit {height: auto; padding-left: 48px; padding-right: 48px;}
.list_product_wrap > li > .tit {-webkit-transition: all .3s linear; transition: all .3s linear;}
.list_product_wrap > li > .tit .full_center {display:inline-block; position:absolute; top:50%; left:50%; padding-left:140px; transform:translate(-50%, -50%);}
.list_product_wrap > li > .tit .full_center [class*="icon_"]:before {top:0; left:0;}
.list_product_wrap > li > .tit [class*="icon_"]:before {position: absolute; top: 48px; left: 56px; width: 95px; height: 84px; background-repeat: no-repeat; background-size: contain; content: '';}

.list_product_wrap > li > .tit span.icon100:before {top: 48px; left: 56px; width: 100px; height: 100px;}
.icon100.icon_giga_btv_all_1:before {background-image: url(/img/common/icon_giga_btv_all_1.png);}
.icon100.icon_giga_btv_all_2:before {background-image: url(/img/common/icon_giga_btv_all_2.png);}
.icon100.icon_theslimgigainternet:before {background-image: url(/img/common/icon_theslimgigainternet.png);}
.icon100.icon_thesliminternet:before {background-image: url(/img/common/icon_thesliminternet.png);}


.list_product_wrap > li.type_big > .tit > span:before {top: 35px;}
.list_product_wrap > li > .tit .txt_1 {font-weight: 500; font-family: 'roboto','notokr'; font-size: 26px; line-height: 1.3em; color: #ff9000;}
.list_product_wrap > li > .tit .txt_1.type_1 {font-size: 24px;}
.list_product_wrap > li > .tit .txt_1.type_2 {font-size: 24px; color: #333;}
.list_product_wrap > li > .tit .txt_1.type_2 span {font-weight: 500; font-size: 20px;}
.list_product_wrap > li > .tit .txt_2 {margin-top: 10px; font-size: 18px; line-height: 1.5em; color: #666;}
.list_product_wrap > li > .tit .txt_2.type_1,
.list_product_wrap > li > .tit .txt_2.type_2 {display: flex; justify-content: space-between; font-weight: 400; color: #333;} 
.list_product_wrap > li > .tit .txt_2 .txt_price {font-weight: 500; font-family: 'roboto','notokr'; color: #ff9000; font-size: 24px;}
.list_product_wrap > li > .tit .txt_2.type_1 + .txt_2.type_1 {margin-top: 6px;}
.list_product_wrap > li > .tit .txt_2.type_2 + .txt_2.type_2 {margin-top: 12px;}
.list_product_wrap > li > .tit .txt_3 {margin-top: 56px; font-weight: 500; font-family: 'roboto','notokr'; font-size: 22px; line-height: 1.27em; color: #666;}
.list_product_wrap > li > .tit .txt_4 {margin-top: 6px; font-size: 13px; line-height: 1.46em; color: #999;}
.list_product_wrap > li > .tit .txt_2.type_line {margin-top: 28px; padding-top: 28px; border-top: 1px solid #eeecea;}
.list_product_wrap > li.on > .tit .txt_1,
.list_product_wrap > li.on > .tit .txt_2,
.list_product_wrap > li.on > .tit .txt_3,
.list_product_wrap > li.on > .tit .txt_4 {color: #fff;}
.list_product_wrap > li > .tit a,
.list_product_wrap > li > .tit button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; background-color: transparent; text-indent: -9999em;}
.list_product_wrap > li.on > .tit {box-shadow: 3px 9px 20px rgba(0,0,0,.25); background-color: #ff9000; font-weight: 500; color: #fff;}
.list_product_wrap.size_2 > li > .tit {width: 570px;}
.list_product_wrap.size_2 > li.type_2 > .tit {left: auto; right: 0;}
.list_product_wrap.size_2 > li .box_product_wrap {display: none; opacity: 0; position: absolute; top: 330px; left: 0; width: 100%;}
.list_product_wrap.size_2 > li.on .box_product_wrap {display: block; opacity: 1; position: relative; top: auto; left: auto;}
.box_product_wrap {padding: 0; text-align: center;}
.box_product_wrap .box_1 > .txt_1 {font-family: 'roboto','notokr'; font-size: 36px; line-height: 1.44em; color: #333;}
.box_product_wrap .list_product_row {width:1170px; margin:0 auto; overflow: hidden; margin-top: 20px;}

.list_product_wrap.type_1 {display: flex; padding-bottom: 80px;}
.list_product_wrap.type_1 > li {width: 570px;}
.list_product_wrap.type_1 > li + li {margin-left: 30px;}
.list_product_wrap.type_1 > li > .tit {position: relative; left: auto;}

.list_product_row > li {display: flex; align-items: center; position: relative; margin-top: 20px; padding: 20px 30px 20px 50px; border-radius: 40px; background-color: #fff;}
.list_product_row > li:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_product_row > li:first-child {margin-top: 0;}
.list_product_row > li > .tit {display: flex; align-items: center; float: left; width: 360px; margin-top: 30px; margin-bottom: 30px; font-family: 'roboto','notokr'; font-size: 26px; line-height: 1.28em; color: #333; vertical-align: middle;}
.list_product_row > li.type_1 > .tit {text-align: left; align-items: flex-start; line-height: 1.5em;}
.list_product_row > li > .tit .txt_emphasis {margin-left: 5px; font-weight: 500; color: #ff9000;}

.list_product_row .list_product_col {float: left; width: 282px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}
.list_product_row .list_product_col.type_1 {display: flex; align-items: center; justify-content: center; width: 350px; margin-left: 0;}
.list_product_row .list_product_col li {width: 115px; padding-top: 90px; font-size: 14px; color: #666;}
.list_product_row .list_product_col.type_1 li:first-child {width: 140px;}
.list_product_row .list_product_col.type_1 li + li {margin-left: 30px;}
.list_product_row .list_product_col li span span {font-size: 13px; color: #999;}
.list_product_row .list_product_col li.type_wide {width: 220px;}
.list_product_row .list_product_col li span:before {width: 95px; height: 84px; margin-left: -47.5px;}

.list_charge_benefit {float: right; flex-grow: 1; width: 400px; margin-left: 36px; padding: 28px 40px; border-radius: 40px; background-color: #f7f7f7; line-height: 44px;}
.list_charge_benefit.type_1 {width: 320px; margin-left: 55px;}
.list_charge_benefit li:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_charge_benefit li.type_1 {display: flex; flex-direction: column;}
.list_charge_benefit .tit {float: left; width: 50%; font-size: 18px; text-align: left;}
.list_charge_benefit li.type_1 .tit,
.list_charge_benefit li.type_1 .txt {display: flex; width: 100%;}
.list_charge_benefit .txt {float: right; width: 50%; font-weight: 500; font-family: 'roboto','notokr'; font-size: 24px; color: #ff9000; text-align: right;}
.list_charge_benefit li.type_1 .txt {align-items: center;}
.list_charge_benefit .txt .txt_del {position: relative; width: 182px; margin-right: 20px; font-size: 18px; color: #666; text-align: left;}
.list_charge_benefit .txt .txt_del:before,
.list_charge_benefit .txt .txt_del:after {display: block; position: absolute; background-color: #666; content: '';}
.list_charge_benefit .txt .txt_del:before {top: 50%; left: 0; width: 100%; height: 1px;}
.list_charge_benefit .txt .txt_del:after {top: 50%; right: 0; transform: rotate(25deg); transform-origin: 100% 0; width: 20px; height: 1px;}

.list_product_wrap .box_table,
.box_product_wrap .box_table {position: relative; left: 50%; width: 3000px; margin-left: -1500px; padding: 75px 0; background-color: #fff;}
.box_product_wrap .box_table.first_pd {padding-top:0;}
.list_product_wrap .box_table + .box_table,
.box_product_wrap .box_table + .box_table {padding-top: 0;}
.box_table .box_inner {width: 1170px; margin: 0 auto;}
.box_round_txt {height: 110px; border-radius: 40px; font-weight: 500; font-family: 'roboto','notokr'; font-size: 36px; line-height: 110px; color: #fff; text-align: center;}
.box_round_txt.type_red {background-color: #ff002c;}
.list_product_wrap .box_round_txt {max-width:1170px; margin:0 auto; margin-top: 20px; margin-bottom: 65px;}
.list_product_wrap .box_table .tbl {width: 1170px; margin: 40px auto 0;}
.h4_tit.type_1 {font-family: 'roboto','notokr'; font-size: 36px; line-height: 1.29em; color: #333;}
.h4_tit.type_1 .txt_small {font-size: 18px;}
.tbl.type_1 {margin-top: 20px; border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; font-size: 16px; line-height: 1.2em; color: #666;}
.tbl.type_1 thead th {padding: 14px 8px; border-style: solid; border-width: 1px 0 0 1px; border-color: #e5e5e5; background-color: #f7f7f7; text-align: center;}
.tbl.type_1 tbody th,
.tbl.type_1 tbody td {border-style: solid; border-width: 1px 0 0 1px; border-color: #e5e5e5; padding: 14px 8px; text-align: center;}
.tbl.type_1.type_1_1 tbody th,
.tbl.type_1.type_1_1 tbody td {padding-top: 24px; padding-bottom: 24px;}
.tbl.type_1 tbody th {border-left: none;}
.tbl.type_1 tbody td:first-child,
.tbl.type_1 thead th:first-child {border-left: none;}
.tbl.type_1 thead th.bdl,
.tbl.type_1 tbody th.bdl, .tbl.type_1 tbody td.bdl {border-left:1px solid #e5e5e5;}

.txt_explain {margin-top: 17px; font-size: 13px; line-height: 1.5em;}
.txt_explain + .txt_explain {margin-top: 1px;}
.txt_explain.type_1 {margin-top: 30px; font-size: 18px; color: #666;}
.txt_explain.type_1 .txt_highlight {font-weight: 400; color: #333;}
.txt_explain.type_2 {margin-top: 5px; font-size: 14px; line-height: 1.42em; letter-spacing: -0.025em;}
.box_table .txt_explain {text-align: left;}
.box_service {padding-top: 65px; padding-bottom: 65px; background-color: #f7f7f7; text-align: center;}
.wrap_product_col {margin-top: 40px;}
.wrap_product_col .list_product_col {margin: 0; padding: 0; border-top: none;}
.wrap_product_col .list_product_col > li:before,
.wrap_product_col .list_product_col > li:after,
.wrap_product_col .list_product_col > li span:after {top: 20px;}
.wrap_product_col .list_product_col > li span:after {top: 117px; left: -54px;}
.wrap_product_col .list_product_col > li:after {top: 124px; left: -61px;}
.wrap_product_col .list_product_col > li:before {top: 109px; left: -69px;}
.wrap_product_col .list_product_col li {width: 320px; height: 250px; margin-left: 105px; padding-top: 170px; border-radius: 40px; background-color: #fff; font-size: 24px; line-height: 1.29em; color: #666;}
.wrap_product_col .list_product_col li:first-child {margin-left: 0;}
.wrap_product_col .list_product_col li span:before {top: 55px; width: 110px; height: 97px; margin-left: -55px;}

/* 추가 할인 */
.box_discount {position: relative; left: 50%; width: 3000px; margin-left: -1500px; padding:70px 0; background:#e0e0e0;}
.box_discount .box_inner {position:relative; width:1170px; margin:0 auto; }
.box_discount .benefit_zone {margin-top:45px;}
.box_discount ul:after {display:block; clear:both; content:"";}
.box_discount li {float:left; margin-left:30px;}
.box_discount li:first-child {margin-left:0px;}
.box_discount .info_box {position:relative; width:570px; height:230px; padding:40px 190px 0 50px; background:#fff; border-radius: 35px; text-align:left;}
.box_discount .tit {font-size:24px; font-weight:500; color:#ff9000; letter-spacing:-0.25px; }
.box_discount .txt {margin-top:25px; font-size:18px; line-height:27px; color:#666; letter-spacing:-0.5px; }
.box_discount .link {display:inline-block; position:relative; margin-top:30px; padding-right:17px; font-size:18px; color:#333;}
.box_discount .link:after {display:block; position:absolute; top:5px; right:0; width:7px; height:12px; background:url(/img/common/arrow_txt.png) no-repeat 0 0; content:"";}
.box_discount .icon {display:block; position:absolute; top:75px; right:50px; width:102px; height:80px; }
.box_discount .icon.type1 {background:url(/img/common/icon_benefit_list_1.png) no-repeat 0 0;}
.box_discount .icon.type2 {background:url(/img/common/icon_benefit_list_2.png) no-repeat 0 0;}

/* �대�吏�而⑦�痢�*/
.img_content {position: relative; text-align: center;}
.img_content.type_wide {left: 50%; width: 3000px; margin-left: -1500px;}
.img_content.type_white {background-color: #fff;}
.img_content.type_gray {background-color: #f7f7f7;}
.img_content.type_gray_1 {background-color: #dcdcdc;}
.img_content.type_gray2 {background-color:#f3f1f0}
.img_content.type_gray3 {background-color:#fafafa}
.img_content.type_bar {position: relative; padding-top: 20px;}
.img_content.type_bar:before {display: block; position: absolute; top: 0; left: 50%; width: 3000px; height: 20px; margin-left: -1500px; background-color: #f7f7f7; content: '';}
.img_content img {width: 1170px;}
.img_content.type_wide2 img {width:auto;}
.img_content a {display: block;}
.img_content.size_2:after {display: block; clear: both; visibility: hidden; height: 0; content: '';}
.img_content a {display: block; overflow: hidden; position: absolute; left: 50%; height: 0; text-indent: -9999em;}
.img_content .link_giga_btv_1_1 {top: 601px; left:140px; width: 125px; padding-top: 35px; }
.img_content .link_giga_btv_1_2 {top: 601px; left:527px; width: 125px; padding-top: 35px; }

.img_content .link_giga_btv_2_1 {top: 617px; width: 125px; margin-left: -432px; padding-top: 35px; }
.img_content .link_giga_btv_2_2 {top: 617px; width: 125px; margin-left: -63px; padding-top: 35px;}
.img_content .link_giga_btv_2_3 {top: 617px; width: 125px; margin-left: 309px; padding-top: 35px; }
.img_content .link_giga_btv_2_4 {top: 983px; width: 125px; margin-left: -317px; padding-top: 35px; }

.img_content .link_giga_btv_3_1 {top: 733px; width: 230px; padding-top: 50px; margin-left: -250px;}
.img_content .link_giga_btv_3_2 {top: 733px; width: 230px; padding-top: 50px; margin-left: 20px;}
.img_content .link_samsung_1 {top: 0; width: 585px; padding-top: 80px; margin-left: -585px;}
.img_content .link_samsung_2 {top: 0; width: 585px; padding-top: 80px; margin-left: 0;}

.img_content .link_event_1_1,
.img_content .link_event_1_2 {top: 0; width: 585px; padding-top: 80px;}
.img_content .link_event_1_1 {margin-left: -585px;}

.img_content .link_btv_1 {top:793px; width:109px; padding-top:35px; margin-left:426px;}
.img_content .link_btv_2 {top:1128px; width:109px; padding-top:35px; margin-left:-174px;}
.img_content .link_btv_3 {top:1128px; width:109px; padding-top:35px; margin-left:426px;}
.img_content .link_btv_4 {top:344px; width:109px; padding-top:35px; margin-left:-174px;}
.img_content .link_btv_5 {top:344px; width:109px; padding-top:35px; margin-left:426px;}
.img_content .link_btv_6 {top:679px; width:109px; padding-top:35px; margin-left:-174px;}
.img_content .link_btv_7 {top:679px; width:109px; padding-top:35px; margin-left:426px;}
.img_content .link_btv_8 {top:344px; width:109px; padding-top:35px; margin-left:-174px;}
.img_content .link_btv_9 {top:344px; width:109px; padding-top:35px; margin-left:426px;}


.content_tab {overflow: hidden; position: relative;}
.content_tab .list_link li {float: left; position: relative; z-index: 2; width: 585px;}
.content_tab .list_link li button {display: block; width: 100%; height: 0; padding-top: 80px; border: none; background-color: transparent; text-indent: -9999em;}
.content_tab .list_link {position: absolute; left: 50%; width: 1170px; margin-left: -585px;}
/*.content_tab .list_link.type_samsung_43 {margin-top: 172.53%;}*/
.content_tab .list_tab {overflow: hidden; position: relative;}
.content_tab .list_tab li .box_wrap {display: none; opacity: 0; position: absolute; top: 0; left: 0; width: 100%;}
.content_tab .list_tab li.on .box_wrap {display: block; opacity: 1; position: relative; top: auto; left: auto;}

.content_tab {overflow: hidden; position: relative;}
.content_tab .list_link li {float: left; position: relative; z-index: 2; width: 585px;}
.content_tab .list_link li button {display: block; width: 100%; height: 0; padding-top: 80px; border: none; background-color: transparent; text-indent: -9999em;}
.content_tab .list_link {position: absolute; left: 50%; width: 1170px; margin-left: -585px;}
/*.content_tab .list_link.type_samsung_43 {margin-top: 172.53%;}*/
.content_tab .list_tab {overflow: hidden; position: relative;}
.content_tab .list_tab li .box_wrap {display: none; opacity: 0; position: absolute; top: 0; left: 0; width: 100%;}
.content_tab .list_tab li.on .box_wrap {display: block; opacity: 1; position: relative; top: auto; left: auto;}
.content_tab .box_wrap.last {padding-bottom:65px;}
.gift_info {position:relative; width:1170px; margin:0 auto; padding:65px 0; text-align:center;}
.gift_info .top_txt {display:inline-block; padding:10px 30px 8px; border-radius:20px; background:#f7f7f7; font-size:20px; color:#666;}
.gift_info .tit {margin-top:14px; font-size:50px; font-weight:500; color:#333; line-height:54px;}
.gift_info .tit_img {margin-top:23px;}
.gift_info .txt_code {margin-top:8px; font-size:18px; color:#999; }
.gift_info .product_img {margin-top:30px;}
.gift_info .product_bundle {display:inline-block; margin-top:30px;}
.gift_info .bundle_inner { position:relative; padding:33px 100px 35px; border-radius:35px; border:1px solid #eeecea; -webkit-box-sizing:border-box; box-sizing:border-box; }
.gift_info .bundle_inner + .bundle_inner {margin-top:10px;}
.gift_info .bundle_inner + .bundle_inner:after {display:block; position:absolute; top:-29px; left:50%; width:48px; height:48px; background:url('/img/common/icon_or.png') no-repeat 0 0; content:""; transform:translateX(-50%);}
.gift_info .bundle_box {display:inline-block; text-align:left;}
.gift_info .bundle_box:after {display:block; clear:both; content:"";}
.gift_info .bundle_img {float:left;}
.gift_info .bundle_txt {float:left; margin:20px 0 0 30px;}
.gift_info .bundle_txt .txt1 { font-size:18px; color:#666;}
.gift_info .bundle_txt .txt2 {margin-top:10px; font-size:24px; font-family: 'roboto','notokr'; font-weight:500; color:#ff9000;}
.gift_info .caution_box {margin-top:10px; padding:0 40px;}
.gift_info .caution_list {text-align:left;}
.gift_info .caution_list li {position: relative; margin-top: 3px; font-size:18px; word-break: break-all; color:#999; line-height:23px; font-weight: 300;}
.content_tab .tab_box {position:relative; width:1170px; margin:0 auto 65px;}
.content_tab .tab_box:after {display:block; clear:both; content:"";}
.content_tab .tab_box li {float:left; width:50%;}
.content_tab .tab_box li .btn{width:100%; height:80px; background:#edecea; font-size:24px; font-family: 'roboto','notokr'; font-weight:500; color:#999; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:80px; text-align:center; transition:all .3s;}
.content_tab .tab_box li.on .btn {border-top:3px solid #4130DF; background:#fff; color:#4130DF;}
.table_zone {position:relative; width:1170px; margin:0 auto; border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5;}
.table_zone .table {font-size: 16px; line-height: 1.2em; }
.table_zone .table tbody tr > * {border-style: solid; border-width: 1px 0 0 1px; border-color: #e5e5e5; padding: 14px 8px; text-align: center; color:#666;}
.table_zone .table tbody strong {font-weight:500; color:#5a5858;}
.table_zone .table tbody tr > th {border-left:none; background:#f7f7f7; font-size:18px; font-weight:500; color:#333;}
.table_zone .table .al_left {text-align:left;}
.table_zone .table th.al_left {padding-left:35px;}
.table_zone .table td.al_left {padding-left:30px;}

.box_table .btm_info {margin-top:20px;}
.bull_list {text-align:left;}
.bull_list li:first-child {margin-top:0;}
.bull_list li {position: relative; margin-top: 3px; word-break: break-all; }
.bull_list .dash {padding-left:10px;}
.bull_list .dash:after {display:block; position:absolute; top:11px; left:0; width:5px; height:2px; background:#666; content:"";}
.bull_list .square {padding-left: 10px; color: #666;}
.bull_list .square:after { display: block; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ""; }
.bull_list .reference {padding-left:16px; color:#666;}
.bull_list .reference:after {display:block; position:absolute; top:1px; left:0; color:#666; content:"※"}

/* faq */
.area_layer {display: none;}
.area_layer:before {display: block; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); content: '';}
.box_layer {display:none; position: absolute; top: 150px; left: 50%; z-index: 110; width: 830px; margin-left: -415px; background-color: #f7f7f7;}
.area_counsel .box_layer, .area_direct .box_layer {width: 730px; margin-left: -365px; background-color: #fff;}
.area_top_sub {position: relative; height: 50px; padding: 0 25px; background-color: #ff9000;}
.area_top_sub .h2_tit {font-weight: 400px; font-family: 'notokr'; font-size: 18px; line-height: 50px; color: #fff;}
.area_layer.area_personal .box_layer {width: 570px; margin-left: -285px;}
.area_layer .btn_close {position: absolute; top: 0; right: 0; width: 50px; height: 50px;}
.area_layer .btn_close button {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 100%; border: none; background-color: transparent; text-indent: -9999em;}
.area_layer .btn_close button:before,
.area_layer .btn_close button:after {display: block; position: absolute; top: 50%; left: 50%; transform-origin: 50% 50%; width: 17px; height: 1px; margin-left: -8px; background-color: #fff; content: '';}
.area_layer .btn_close button:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.area_layer .btn_close button:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.area_layer .txt_explain {margin-top: 25px; font-family: 'roboto','notokr'; font-size: 16px; color: #666; text-align: center;}
.area_layer .txt_explain .txt_color_orange {font-weight: 500; color: #ff002c;}
.area_layer .txt_explain.type_3 {margin-top: 10px; font-family: 'notokr'; font-size: 13px; text-align: left;}
.area_layer .txt_explain.type_3 .txt_highlight {color: #333;}
.area_layer .txt_explain.type_4 {margin-top: 5px; font-family: 'notokr'; font-size: 12px; text-align: left;}
.box_layer_wrap {padding: 30px 20px;}
.area_counsel .box_layer_wrap, .area_area_direct .box_layer_wrap {padding: 30px 40px 40px;}
.list_faq li {margin-top: 4px; padding: 0 30px; background-color: #fff;}
.list_faq li .txt_question button {display: block; position: relative; width: 100%; padding: 16px 0 16px 42px; border: none; background-color: transparent; font-size: 16px; line-height: 1.5; color: #333; text-align: left;}
.list_faq li .txt_question button:after {display: block; position: absolute; top: 50%; right: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 7px; height: 7px; margin-left: 9px; margin-top: -8px; border-style: solid; border-color: #5a5858; border-width: 0 1px 1px 0; content: '';}
.list_faq li .txt_question button:after {-webkit-transition: all .2s linear; transition: all .2s linear;}
.list_faq li.on .txt_question button:after {-webkit-transform: rotate(225deg); transform: rotate(225deg);}
.list_faq li .txt_question span {position: absolute; top: 16px; left: 16px; font-weight: 500; font-family: 'roboto','notokr';}
.list_faq li .txt_answer {display: none; padding: 20px; border-top: 1px solid #e5e5e5;}
.list_faq li .txt_answer p {font-size: 13px; line-height: 1.53em; color: #666;}

.list_layer_info {font-size: 0;}
.list_layer_info li {display: inline-block; position: relative; width: 250px; height: 225px; margin-left: 20px; padding: 30px 25px; background-color: #fff; font-size: 13px; line-height: 1.5em; color: #666; letter-spacing: -0.025em; text-align: center; vertical-align: top;}
.list_layer_info li:first-child {margin-left: 0;}
.list_layer_info li span {font-weight: 500; color: #333;}
.list_layer_info li:before,
.list_layer_info li:after {display: block; position: relative; margin: 0 auto; content: '';}
.list_layer_info li:before {width: 90px; height: 90px; margin-bottom: 16px; border-radius: 90px 90px 0 90px; background-color: #f7f7f7;}
.list_layer_info li:after {position: absolute; top: 52px; left: 50%; width: 46px; height: 46px; margin-left: -23px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}
.list_layer_info li.type_1:after {background-image: url(/img/common/icon_layer_info_1.png);}
.list_layer_info li.type_2:after {background-image: url(/img/common/icon_layer_info_2.png);}
.list_layer_info li.type_3:after {background-image: url(/img/common/icon_layer_info_3.png);}

.box_layer_wrap .list_dot {padding: 20px; background-color: #fff;}

/* .area_layer .list_subscription.type_1 .time_of_hope {padding-top:46px;}
.area_layer .list_subscription.type_1 .time_of_hope .tit  {margin-top:16px;} */
.area_layer .time_of_hope .tit_reference {position:absolute; top:9px; left:0; font-size:13px; color:#666;}
.area_layer .time_of_hope .wrap_select {width:140px;}
.area_layer .time_of_hope .wrap_select label {font-size:15px; color:#666;}
.color_reference { margin-bottom:10px; font-size:13px; font-family: 'notokr';  color:#ff002c;}
.box_top_join .color_reference {margin-bottom:7px;}
.area_top_join.type_1 .tit_reference {margin-bottom:10px;}
.area_top_join.type_1 .color_reference + .box_form {margin-top:0;}
/* 媛����껌 */
.area_subscription {width: 1170px; margin: 0 auto 65px;}
.area_subscription .box_tit {margin-top: 65px; text-align: center;}
.area_subscription .box_tit + .txt_explain {margin-top: 50px;}
.area_visual.type_subscription {overflow: hidden; position: relative; width: 100%; height: 210px; margin-top: 40px; padding: 60px 0 0 80px; border-radius: 40px; background-color: #fff7e7; background-repeat: no-repeat; background-position: 100% 5%;}
.area_visual.type_subscription p {position: relative; z-index: 1; font-family: 'roboto','notokr'; font-size: 32px; line-height: 1.5em; color: #333;}
.area_visual.type_subscription p.txt_ban_6 {padding-top: 9px;}
.list_subscription {margin-top: 15px; border-top: 3px solid #5a5858;}
.list_subscription.type_1 {border-top-width: 2px;}
.txt_explain.type_3 + .list_subscription.type_1 {margin-top: 5px;}
.list_subscription > li {position: relative; padding: 30px 30px 30px 260px; border-bottom: 1px solid #eeecea;}
.list_subscription.type_1 > li {padding: 15px 20px 15px 120px;}
.list_subscription > li > .tit {position: absolute; top: 42px; left: 0;}
.list_subscription.type_1 > li > .tit {/*top: 20px;*/top: 50%; transform: translateY(-50%);}
/*.list_subscription.type_1 > li > .tit.type_1 {top: 35px;}*/
.list_subscription > li > .tit,
.list_subscription > li > .tit > * {font-weight: 500; font-size: 18px; line-height: 1.6em; color: #333; letter-spacing: -0.025em;}
.list_subscription.type_1 > li > .tit,
.list_subscription.type_1 > li > .tit > * {font-size: 13px;}
.list_subscription > li .txt {font-size: 18px; line-height: 1.6em; color: #666;}
.list_subscription.type_1 > li .txt {padding-left: 27px; font-size: 14px;}
.list_subscription > li > .tit em {font-weight: 400; font-family: 'notokr'; color: #999;}
.list_subscription > li > .tit .txt_color_orange {color: #ff9000;}
.list_subscription input[type='radio'] + label,
.list_subscription input[type='checkbox'] + label {font-size: 18px; line-height: 50px;}
.list_subscription.type_1 input[type='radio'] + label,
.list_subscription.type_1 input[type='checkbox'] + label {font-size: 14px; line-height: 20px;}
.list_subscription.type_1 input[type='radio'] + label,
.list_subscription.type_1 input[type='checkbox'] + label {font-size: 14px; line-height: 20px;}
.box_square.type_1 {margin-top: 18px; padding: 20px; background-color: #f7f7f7; font-size: 18px; line-height: 1.7em; color: #999;}
.box_square.type_1 textarea {box-sizing: border-box; width: 100%; background-color: transparent; font-size: 18px; line-height: 1.7em;}
.box_square.type_1 .txt_2 {position: relative; padding-left: 42px; color: #aaa;}
.box_square.type_1 .txt_2 .tit_inner {position: absolute; top: 0; left: 0}
.box_square.type_2 {margin-top: 15px; padding: 20px;}
.box_square.type_3 {margin-top: 10px; padding: 15px;}
.box_square.type_3 .list_dot {padding: 0;}
.list_dot.type_2 > li > .txt_tit {display: block; font-size: 16px; line-height: 1.875em; letter-spacing: -0.025em; color: #666;}
.list_dot.type_2 > li > .txt {display: block; position: relative; padding-left: 10px; font-size: 16px; line-height: 1.875em; letter-spacing: -0.025em; color: #999;}
.list_dot.type_2 > li > .txt:before {display: block; position: absolute; top: 0; left: 0; content: '-';}
.area_subscription .btn_confirm {margin-top: 30px; text-align: center;}
.area_subscription .btn_square {padding: 0 57px;}
.area_subscription .txt_confirm {margin-top:17px; font-size:18px; text-align:center;}

.wrap_select {display: inline-block; z-index: 1; position: relative;}
.wrap_select.case_1 {min-width: 160px;}
.wrap_select select {opacity: 0; -webkit-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:50px; padding:0 30px 0 15px;}
.wrap_select label {display:block; position:absolute; top:0; left:0; z-index:-1; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height: 50px; padding:0 30px 0 20px; background-color: #f7f7f7; line-height:50px;}
.wrap_select label:after {display:block; position:absolute; top: 0; right: 0; width: 32px; height: 50px; background:url(/img/common/bu_select.png) no-repeat; content: '';}
.wrap_select label span {display:inline-block; width:100%; line-height:20px; vertical-align:middle;}
.wrap_select select:focus + label {border:1px dashed #222;}
.wrap_select select:disabled + label {border-color: #d7d7d7; background-color: #fafafa; color: #999;}
.wrap_select select:disabled + label:after {opacity: .3;}
.box_form.type_1.size_3 > * {width: 180px;}
.list_subscription.type_1 .box_form.type_1.size_3 > * {width: calc((100% - 30px) / 3);}
.box_form.type_1.size_3 > input {width: 180px;}
.box_form.type_1.size_4 > * {width: 150px;}
.list_subscription.type_1 .box_form.type_1.size_4 > * {width: calc((100% - 30px) / 4);}
.box_form.type_1.size_4 > input {width: 180px;}

.list_explain_subscription {margin-top: 50px; padding-top: 30px; border-top: 1px solid #5a5858;}
.list_explain_subscription:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_explain_subscription.last {padding-bottom:65px;}
.list_explain_subscription > li {float: left; position: relative; width: 480px; margin-left: 96px; padding-left: 64px; font-size: 18px; line-height: 1.7em; letter-spacing: -0.025em; color: #666;}
.list_explain_subscription > li:before {display: block; position: absolute; top: 5px; left: 0; width: 44px; height: 52px; background-repeat: no-repeat; content: '';}
.list_explain_subscription > li.type_1:before {background-image: url(/img/common/icon_explain_1.png);}
.list_explain_subscription > li.type_2:before {background-image: url(/img/common/icon_explain_2.png);}
.list_explain_subscription > li:first-child {margin-left: 48px;}
.list_explain_subscription > li .txt_highlight {color: #333;}
.box_explain_subscription {margin-top: 30px; padding: 25px; background-color: #f7f7f7; letter-spacing: -0.025em; text-align: center;}
.box_explain_subscription .tit {font-weight: 500; font-size: 22px; line-height: 1.5em; color: #333;}
.box_explain_subscription .txt {margin-top: 10px; font-size: 18px; line-height: 1.5em; color: #999;}
.box_explain_subscription .txt span {font-weight: 500;}
.request_info { margin-top:20px; font-size:18px; text-align:center;} 

/* ��� ��� */
.area_counsel_finish {width: 1170px; margin: 0 auto 65px;}
.box_counsel_finish {width: 750px; margin: 0 auto; text-align: center;}
.box_counsel_finish > .tit {margin-top: 65px; font-family: 'roboto','notokr'; font-size: 36px; line-height: 1.44em; color: #333;}
.box_counsel_finish > .txt {margin-top: 20px; font-size: 18px; line-height: 1.4em; color: #666;}
.box_round.type_counsel {position: relative; margin-top: 40px; padding: 40px 40px 40px 227px; border-radius: 40px; background-color: #f7f7f7; text-align: left;}
.box_round.type_counsel:before,
.box_round.type_counsel:after {display: block; position: absolute; content: '';}
.box_round.type_counsel:before {top: 40px; left: 85px; width: 100px; height: 100px; border-radius: 100px; background-color: #fff;}
.box_round.type_counsel:after {top: 68px; left: 112px; width: 46px; height: 46px; background: url(/img/common/icon_layer_info_3_1.png) no-repeat;}
.box_round.type_counsel .tit {font-family: 'roboto','notokr'; font-size: 20px; line-height: 1.3em; color: #666;}
.box_round.type_counsel .list_dot {margin-top: 12px;}
.box_round.type_counsel .list_dot li {font-weight: 500; font-size: 18px; line-height: 1.7em; color: #ff002c;}
.list_btn {font-size: 0; text-align: center;}
.list_btn.type_1 {margin-top: 40px;}
.list_btn.type_2 {margin-top: 20px;}
.list_btn li {display: inline-block;}
.list_btn.type_1 li {margin-left: 20px;}
.list_btn.type_2 li {margin-left: 10px;}
.list_btn li:first-child {margin-left: 0 !important;}
.list_btn.type_1 .btn_square {width: 250px;}
.list_btn.type_2 .btn_square {width: 210px;}

/* ��� ���吏�*/
.area_error {width: 1170px; margin: 0 auto 65px;}
.box_error {width: 750px; margin: 0 auto; text-align: center;}
.box_error > .tit {font-family: 'roboto','notokr'; font-size: 36px; line-height: 1.3em; color: #333;}
.box_error > .tit:before {display: block; width: 115px; height: 84px; margin: 140px auto 21px; background: url(/img/common/icon_error.png) no-repeat; content: '';}
.box_error > .txt_1 {margin-top: 10px; font-size: 18px; line-height: 1.4em; color: #666;}
.box_error > .txt_2 {margin-top: 15px; font-size: 18px; line-height: 1.4em; color: #999;}
.box_round.type_error {position: relative; margin-top: 40px; padding: 27px; border-radius: 40px; background-color: #f7f7f7; font-weight: 500; font-family: 'roboto','notokr'; font-size: 20px; line-height: 1.3em; color: #333;}
.box_round.type_error .tit {font-family: 'roboto','notokr'; font-size: 20px; line-height: 1.3em; color: #666;}
.box_round.type_error .list_dot {margin-top: 12px;}
.box_round.type_error .list_dot li {font-weight: 500; font-size: 18px; line-height: 1.7em; color: #ff002c;}
.box_error .list_btn {margin-top: 80px;}

/* tab */
.tab_wrap2 {position:relative; font-size:0; background:#fff;}
.tab_wrap2:after {content:''; display:block; position:absolute; right:0; bottom:0; left:0; border-bottom:1px solid #eee;}
.tab_wrap2 ul {width:1170px; margin:0 auto;}
.tab_wrap2 .tabs {display:inline-block; position:relative; z-index:1; width:50%; height:70px; vertical-align:top;}
.tab_wrap2 .tabs a {display:inline-block; font-size:18px; line-height:68px; box-sizing:border-box; width:100%; height:70px; text-align:center; color:#222; border-bottom:2px solid transparent;}
.tab_wrap2 .tabs.on a {color:#ff9000; border-bottom:2px solid #ff9000;}
.tab_wrap2.size_2 .tab {width:50%;}
.tab_wrap2.size_3 .tabs {width:33.3%;}
.tab_wrap2.size_4 .tabs {width:25%;}
.tab_wrap2.size_5 .tabs {width:20%;}
.tab_wrap2.size_6 .tabs {width:16.6%;}
.tab_wrap2.size_7 .tabs {width:14.2%;}
.tab_wrap2.size_8 .tabs {width:12.2%;}

.tab_content2 {display:none; position:relative; left:50%; width:3000px; margin-left:-1500px; padding-top:90px;}
.tab_content2.no_pd{padding:0;}


/* 통 이미지 UI 개선 */
.cont_zone {position:relative; width:100%; background:#fff;}
.cont_zone.color_type {background:#fff7e7;}
.cont_zone.gray_type {background:#f2f2f2;}
.cont_inner {position:relative; width:1170px; margin:0 auto; padding: 58px 0 65px; text-align:center;}
.last .cont_inner {padding:0 0 45px;}
.title_box {}
.title_box .tit {font-size:36px; font-family: 'roboto','notokr'; line-height:52px; color:#333;}
.title_box .tit em {font-weight:500; color:#ff9000;}
.title_box .icon_box {width:700px; margin:28px auto 0; padding:20px 0; background:#ff9000; border-radius:35px; border-bottom-right-radius:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.round_box {margin-top:30px; padding:40px 0; border-radius:35px; background:#fff;}
.gift_lsit {margin-top:65px;}
.gift_lsit:first-child {margin-top:0px;}
.gift_lsit:after {display:block; clear:both; content:"";}
.gift_lsit li {position:relative; float:left; width:100%; }
.gift_lsit li:after {display:none; position:absolute; top:30%; left:100px; width:48px; height:48px; background:url('/img/common/icon_or.png') no-repeat 0 0; content:"";}
.gift_lsit.size2 li {width:585px; }
.gift_lsit.size2 li:nth-child(2):after {display:block; left:-24px;}
.gift_lsit.size3 li {width:390px;}
.gift_lsit.size3 li:nth-child(2):after {display:block; left:-19px;}
.gift_lsit.size3 li:nth-child(3):after {display:block; left:-29px;}
.gift_lsit .img_box {position:relative; text-align:center;}
.gift_lsit .img_box img {width:390px; height:177px;}
.gift_lsit.plus_t {position:relative; margin-top:102px;}
.gift_lsit.plus_t:before {display:block; position:absolute; top:-70px; left:50%; width:48px; height:48px; margin-left:-24px; background:url('/img/common/icon_or.png') no-repeat 0 0; content:""; }

.gift_tit {margin-top:7px; font-size:22px; font-family: 'roboto','notokr'; font-weight:450; line-height:38px; color:#333; }
.gift_tit_s {margin-top:5px; font-size:18px; line-height:22px; color:#999;}
.btn_article {margin-top:17px; }
.btn_article .btn_link {display:inline-block; height:35px; padding:0 30px; border:1px solid #dddbda; background:#e5e5e5; font-size:13px; font-weight:450; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:35px; color:#666;}
.btn_article .btn_none {display:inline-block; height:35px; padding:0 30px; background:none; font-size:13px; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:35px; color:#666;}
.bottom_btn {padding-top:35px;}
.bottom_btn ul {display:inline-block; vertical-align: top;}
.bottom_btn ul:after {display:block; clear:both; content:"";}
.bottom_btn ul li {float:left; margin-left:20px;}
.bottom_btn ul li:first-child {margin-left:0px;}
.bottom_btn ul li .btn {display:inline-block; height:50px; padding:0 80px; border:1px solid #dddbda; background:#fff; font-size:18px; line-height:50px; color:#666; }

.area_wide {position: relative; left: 50%; width: 3600px; margin-left: -1800px; text-align: left;}
.area_wide.type_1 {padding-bottom: 65px; background-color: #f7f7f7;}
.area_wide .box_wide {width: 1170px; margin: 0 auto;}

.box_counsel_info {padding: 62px 0 0; text-align: center;color: #333;}
.box_counsel_info .txt_1 {font-size: 26px; line-height: 1.5em;}
.box_counsel_info .txt_2 {display: flex; align-items: center; justify-content: center; margin-top: 13px; font-size: 28px; line-height: 1.5em;}
.box_counsel_info .txt_2 .txt_num {display: flex; align-items: center; margin-left: 12px; font-weight: 500; font-family: 'roboto','notokr'; font-size: 46px;}
.box_counsel_info .txt_2 .txt_num:before {display: block; width: 30px; height: 30px; margin-right: 3px; background: url(/img/common/icon_tel_1.png) no-repeat; content: '';}
.box_counsel_info .btn_counsel {margin-top: 25px;}
.box_counsel_info .btn_counsel a {display: block; position: relative; width: 680px; margin: 0 auto; background-color: #e0002a; font-weight: 400px; font-size: 32px; line-height: 85px; color: #fff;}
.box_counsel_info .btn_counsel a:after {display: block; position: absolute; top: 50%; right: 43px; transform: rotate(45deg) translateY(-50%); transform-origin: 50% 0; width: 18px; height: 18px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; content: '';}
.box_counsel_info + .list_product_row {margin-top: 80px;}

.area_attention {padding-top: 65px;}
.area_attention .tit {display: flex; align-items: center; font-weight: 500; font-family: 'roboto','notokr'; font-size: 28px; color: #333;}
.area_attention .tit:before {display: block; width: 28px; height: 28px; margin-right: 6px; border-radius: 28px; background-color: #333; font-weight: 500; font-family: 'roboto','notokr'; font-size: 21px; line-height: 28px; color: #fff; text-align: center; content: '!';}
.area_attention .list_dot {margin-top: 20px; margin-left: 20px;}
.area_attention .list_dot > li {position: relative; padding-left: 16px; font-size: 18px; line-height: 1.5em; color: #666;}
.area_attention .list_dot > li + li {margin-top: 5px;}
.area_attention .list_dot > li:before {display: block; position: absolute; top: 12px; left: 0; width: 6px; height: 2px; background-color: #666; content: '';}
/* @media  */
@media screen and (max-width:1169px) {
 .wing_link {left:auto; right:10px; margin-left:0; }
}

/* 꼭 읽어주세요 */
.notice_zone { background:#757575;}
.ui_accordion {position:relative; width:1170px; margin:0 auto;}
.acc {border-top: 1px solid #999;}
.acc:first-child, .acc.fixed {border-top:none;}
.acc.on {padding:0 0 65px;}
.acc.on + .acc {margin-top:40px;}
.acc.on + .acc.fixed {margin-top:0;}
.fixed_add .acc.on:not(:last-child) {padding:0px;}
.acc.size1, 
.acc.fixed {padding: 0 0 65px;}
.acc .blind_text {position:absolute; top:-9999px; left:-9999px;  text-indent:-9999px;}
.acc_open {display:block; position:relative; padding:40px 0;}
.acc.on .acc_open {padding:40px 0 23px;}
.acc .acc_open:before {display:block; position:absolute; top:40px; right:11px; width:2px; height:24px; background:#fff; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; content:"";}
.acc.on .acc_open:before {-webkit-transform:rotate(90deg);  transform:rotate(90deg); }
.acc .acc_open:after {display:block; position:absolute; top:52px; right:0; width:24px; height:2px; background:#fff; content:"";}
.acc .acc_tit {position:relative; padding-left:33px;font-size: 25px; line-height: 28px; font-weight: 700; color: #fff;}
.acc .acc_tit:after {display:block; position:absolute; top:0; left:0; width:26px; height:26px;  background: url(../img/comm/ico_notice_1.gif) no-repeat left top; content:"";} 
.acc .acc_cont {display:none;}
.acc.on .acc_cont {display:block;}
.acc .list {}
.acc .list li {padding-left: 29px; font-weight:700; font-size: 18px; text-indent: -19px; letter-spacing: 0; line-height: 34px; color: #dddcda;}
.acc .box:first-child + .box {margin-top: 40px; padding-top: 50px; border-top: 1px solid #9f9f9f;}
.acc .box:first-child + .box .acc_tit {margin-bottom:18px;} 
.acc .box .list_inner2 li {position: relative; padding-left: 33px; text-indent: 0; }
.acc .box .strong {font-size: 26px; line-height: 45px; color: #fff; }
.acc .box li.dot:after { display: block; position: absolute; top: 18px; left: 13px; width: 7px; height: 7px; border-radius: 50%; background: #fff; content: ""; }
.acc .box li.dot2 {position:relative; padding-left:15px; text-indent:0; }
.acc .box li.dot2:before {content:''; position:absolute; top:15px; left:0; width:3px; height:3px; border-radius:50%; background-color:currentColor;}
.acc .box li .str {font-weight:700; color:#fff;}
.acc .box .box_title {display:block; margin-bottom:6px; padding-left:10px; font-weight:700; font-size:18px; color:#fff;}
.acc .white_bt .box_title {color:#666;}
.acc .box .strong .reference_a {position: relative; padding-right: 16px;}
.acc .box .strong .reference_a:after { display: block; position: absolute; top: 1px; right: 0; color: #ff9000; content: "*"; }
.acc .box .strong .reference_b {position: relative; padding-left: 16px; }
.acc .box .strong .reference_b:before { display: block; position: absolute; top: 1px; left: 0; color: #ff9000; content: "*"; }
.acc .list .list_inner .bar, 
.acc .list .list_inner .square{position:relative; padding-left:12px; text-indent:0;}
.acc .list .list_inner .bar:after {display: block; position: absolute; top: 16px; left: 0px; width: 6px; height: 1px; background: #fff; content: "";}
.acc .list .list_inner .square:after {display: block; position: absolute; top: 16px; left: 0px; width: 4px; height: 4px; border-radius:50%; background: #dddcda; content: "";}
.acc .list li.size_up, .acc .list li.size_up ~ li {padding-left:53px; text-indent:-43px;}


/* 달력 */
.ui-datepicker {display:none; width: 280px; margin-top:8px; padding-bottom:25px; border: 1px solid #dddbda; background:#fff; outline: initial; z-index:999 !important;}
.ui-datepicker:after { content: ''; display: block; position: absolute; top: -6px; right: 19px; width: 10px; height: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); border: 1px solid #dddbda; border-top-color: transparent; border-right-color: transparent; background: #fff; }
.ui-datepicker:after {left: 67px; }
.ui-datepicker-header{position: relative; overflow: hidden; width: 100%; margin-top: 20px; text-align: center;}
.ui-datepicker-title {display: block;font-size: 18px; font-weight: 500; line-height: 27px; font-size: 18px; font-weight: 500; line-height: 27px;}
.ui-datepicker-prev {position: absolute; top: 0px; left: 50px; width: 30px; height: 30px; text-indent: -1000em; color: #fff; cursor:pointer;}
.ui-datepicker-prev:after {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; clear: both; box-sizing: border-box; width: 8px; height: 8px; margin: -4px 0 0 -2px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border: 1px solid #666; border-top: none; border-left: none; }
.ui-datepicker-next {position: absolute; top: 0px; right: 50px; width: 30px; height: 30px; text-indent: -1000em; color: #fff; cursor:pointer;}
.ui-datepicker-next:after {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; clear: both; box-sizing: border-box; width: 8px; height: 8px; margin: -4px 0 0 -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid #666; border-top: none; border-left: none; }
.ui-datepicker-calendar {width:224px; margin:20px auto 0; padding:0 0 25px 0; }
.ui-datepicker-calendar th { font-size: 14px; font-weight: normal; line-height: 21px; text-align: center; vertical-align: middle; background-color: #fff; }
.ui-datepicker-calendar tbody tr:first-child td {padding-top:7px;}
.ui-datepicker-calendar td {font-size: 13px; line-height: 26px; height: 26px; padding-top: 10px; text-align: center; vertical-align: middle; letter-spacing: 0; color: #666; border: none; }

.ui-state-default {display:inline-block;}
.ui-datepicker-calendartd .ui-state-disabled { text-decoration: none; color: #999; }
a.ui-state-default { text-decoration: underline; letter-spacing: 0; color: #222;}
.ui-datepicker-today .ui-state-default {font-weight: bold; color: #101010; }
.ui-datepicker-today a.ui-state-default , 
td a.ui-state-default:active, 
td a.ui-state-default:focus,
td a.ui-state-hover { width: 26px; height: 26px; text-decoration: none; color: #fff; border-radius: 50%; background: #ff9000;}
.ui-datepicker-trigger { position: absolute;top: 0; right: 0; width: 50px; height: 50px; text-indent: -9999em; background: url(../img/common/ico_cal.png) no-repeat center center; }


/* cs 상담 연락처 남기기 */
/* .list_subscription > li.exceptionCs {position:relative; padding-top:50px;}
.list_subscription > li.exceptionCs > .tit {top:62px;}
.exceptionCs .tit_reference {position:absolute; top:10px; left:0;} */

.notice_zone.plcc {background-color:#e4e4e4; color:#000; letter-spacing:-0.025em;}
.notice_zone.plcc .acc .acc_tit {padding-left:0; font-size:35px; color:#000;}
.notice_zone.plcc .acc .acc_tit:after {content:none;}
.notice_zone.plcc .box_title {display:block; margin:25px 0 15px; font-size:26px; color:#000;}
.notice_zone.plcc .list li {font-size:26px; color:#000;}
.notice_zone.plcc .list li.square:after {top:17px; background-color:#000;}
.notice_zone.plcc .list li.dash:after {top:17px; background-color:#000;}
.notice_zone.plcc .list .bull_list {margin-top:10px;}
.notice_zone.plcc .box_title.sm {margin:20px 0 10px; font-size:16px;}
.notice_zone.plcc .list.sm li {font-size:16px;}

.plcc .acc .box strong {color:#000 !important;}
.plcc .acc .box li .str {color:#000;}

.plcc .acc .acc_open:before,
.plcc .acc .acc_open:after {background-color:#000;}
.plcc .acc .acc_open:before {width:3px; right:10px; }
.plcc .acc .acc_open:after {height:3px; top:50px;}