@charset "utf-8";
@import url("font.css"); /* font */
<!---->
/* ------------------------------------------
* Filename : common.css
* Description : 라이나공식상품몰(PC)
* Author : 네티브
----------------------------------------- */
/* reset
------------------------------------------ */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
p,
button,
table,
th,
td,
legend,
input,
textarea,
select,
img,
blockquote {
margin: 0;
padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
img,
fieldset,
iframe,
input[type="text"] {
border: 0 none;
}
ul,
ol,
li {
list-style: none;
}
input,
select,
button {
vertical-align: middle;
}
img {
vertical-align: top;
}
i,
em,
address {
font-style: normal;
}
label,
button {
cursor: pointer;
}
table {
border-spacing: 0;
empty-cells: show;
table-layout: fixed;
}
table th,
table td {
border-collapse: collapse;
}
/* caption,legend{visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0} */
caption,
legend {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
}
/* basic
------------------------------------------ */
html,
body {
width: 100%;
height: 100%;
}
html {
overflow-y: scroll;
font-size: 13px;
}
body,
h1,
h2,
h3,
h4,
input,
button,
input,
select,
textarea {
font-family: "맑은고딕", Malgun Gothic, Dotum, "돋움", sans-serif;
font-size: 13px;
color: #000;
}
body {
background-color: #fff;
*word-break: break-all;
-ms-word-break: break-all;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #117bb2;
text-decoration: underline;
}
.any_underline {
color: #117bb2;
text-decoration: underline;
}
button * {
position: relative;
}
button img {
left: -3px;
*left: auto;
}
html:first-child select {
height: 20px;
padding-right: 6px;
}
option {
padding-right: 6px;
}
hr {
display: none;
}
legend {
*width: 0;
}
/* .blind{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0} */
.blind,
span.step_here {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
color: transparent;
}
/* Gap
------------------------------------------ */
.mt4 {
margin-top: 0 !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt7 {
margin-top: 7px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt13 {
margin-top: 13px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.ml5 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml23 {
margin-left: 23px !important;
}
.ml30 {
margin-left: 30px !important;
}
.mt-15 {
margin-top: -15px !important;
}
.mt-50 {
margin-top: -50px !important;
}
.mt-60 {
margin-top: -60px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pr0 {
padding-right: 0 !important;
}
.pr20 {
padding-right: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.tar {
text-align: right !important;
}
.tal {
text-align: left !important;
}
.underline {
text-decoration: underline;
}
.block {
display: block;
}
/* Point Color
------------------------------------------ */
.g_point_01 {
color: #117bb2 !important;
}
.g_point_02 {
color: #ff8400 !important;
}
.g_point_03 {
color: #de181b !important;
vertical-align: middle;
}
/* Text
------------------------------------------ */
.g_text_01 {
text-indent: -14px;
padding-left: 14px;
}
.g_text_02 {
color: #000;
line-height: 22px;
}
.g_text_03 {
color: #666;
line-height: 22px;
font-size: 13px;
}
.g_text_04 {
color: #000;
line-height: 22px;
position: relative;
padding-left: 14px;
margin-left: 7px;
}
.g_text_04 i {
position: absolute;
left: 0;
top: 0;
}
.g_text_04 .g_point_03 {
position: relative;
top: -2px;
}
.g_txt_dash {
text-indent: -10px;
padding-left: 10px;
font-size: 13px;
line-height: 18px;
word-break: keep-all;
}
/* 테이블 상단 ::필수입력 사항 */
p.tbl_txt_01 {
margin-top: -20px;
padding-bottom: 10px;
text-align: right;
}
table[class^="g_table_"] td a.g_btn_04 {
vertical-align: middle !important;
}
p.tbl_txt_02 {
margin: 0 0 10px 0;
text-align: right;
} /* 제목이 없는 테이블 위에 위치할 경우 */
p.tbl_txt_03 {
margin-top: -41px;
padding-bottom: 15px;
text-align: right;
}
/* Title
------------------------------------------ */
.g_title_n01,
h2.g_title_01,
h4.g_title_01,
h5.g_title_02 {
padding: 0 0 15px 33px;
font-size: 20px;
font-weight: bold;
color: #000;
background: url("bul_h5_tit_02.png") no-repeat 0 3px;
letter-spacing: -1px;
}
.g_title_n02,
h4.g_title_04,
h5.g_title_03 {
position: relative;
padding: 0 0 14px 11px;
font-size: 20px;
font-weight: bold;
color: #000;
letter-spacing: -1px;
}
.g_title_n02:before,
h4.g_title_04:before,
h5.g_title_03:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 6px;
width: 3px;
height: 18px;
background-color: #117bb2;
}
.g_title_n03,
h3.g_title_01 {
padding-bottom: 19px;
font-size: 28px;
font-weight: bold;
color: #000;
letter-spacing: -1px;
}
.g_title_n04,
h4.g_title_02 {
padding-bottom: 20px;
font-size: 20px;
font-weight: bold;
color: #000;
letter-spacing: -1px;
}
.g_title_n05,
h4.g_title_03 {
padding-bottom: 12px;
font-size: 15px;
font-weight: bold;
color: #000;
}
.g_title_n06,
h5.g_title_01 {
padding-bottom: 12px;
font-size: 15px;
font-weight: normal;
color: #000;
}
.g_title_n08,
h6.g_title_01 {
padding-bottom: 12px;
font-size: 17px;
font-weight: bold;
color: #000;
}
.g_title_05 {
padding: 0 0 15px 30px;
font-size: 15px;
font-weight: bold;
color: #117bb2;
background: url("bg_title_05.png") 0 0 no-repeat;
}
/* List
------------------------------------------ */
[class^="g_list_0"] [class^="g_point_0"] {
font-size: 13px !important;
}
[class^="g_list_0"] li.no_bullet:after {
display: none;
}
.g_list_01 {
border: 1px solid #d9d9d9;
background-color: #fafafa;
padding: 13px 30px;
}
.g_list_01 li {
line-height: 23px;
color: #666;
padding: 0 0 0 10px;
position: relative;
}
.g_list_01 li:after {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #666;
position: absolute;
left: 0;
top: 10px;
}
.g_list_02 li {
color: #666;
line-height: 23px;
position: relative;
padding-left: 9px;
}
.g_list_02 li i {
position: absolute;
left: 0;
top: 0;
}
.g_list_02 li.danggu {
padding-left: 14px;
}
.g_list_03 li {
line-height: 21px;
color: #666;
padding: 0 0 0 22px;
position: relative;
}
.g_list_03 li:after {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #666;
position: absolute;
left: 13px;
top: 9px;
}
.g_list_03 li strong {
color: #000;
}
.g_list_03 li .g_list_dash li:after {
content: none;
}
.g_list_04 li {
line-height: 22px;
color: #000;
padding: 0 0 0 10px;
position: relative;
}
.g_list_04 li:after {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #666;
position: absolute;
left: 0;
top: 10px;
}
.g_list_04 .fn_l {
font-size: 15px;
font-weight: bold;
}
.g_list_05 > li {
margin-top: 5px;
padding-left: 13px;
font-size: 15px;
color: #fff;
line-height: 22px;
background: url("bul_01.png") 0 9px no-repeat;
}
.g_list_bull li {
position: relative;
padding-left: 10px;
line-height: 22px;
}
.g_list_bull li:after {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #666;
position: absolute;
left: 0;
top: 9px;
}
.g_list_dash > li {
position: relative;
padding-left: 10px;
text-indent: -10px;
line-height: 22px;
}
.g_list_num > li {
position: relative;
padding-left: 15px;
text-indent: -15px;
line-height: 22px;
}
.g_list_num > li .g_list_04 li {
padding-left: 25px;
}
.g_list_note {
text-indent: -15px;
padding-left: 15px;
}
/* Button
------------------------------------------ */
[class^="g_btn_"] {
text-align: center !important;
vertical-align: middle;
}
a.g_btn_01 {
display: inline-block;
font-weight: bold;
border-radius: 4px;
min-width: 60px;
height: 40px;
line-height: 38px;
padding: 0 30px;
font-size: 15px;
color: #fff;
background-color: #117bb2;
text-decoration: none;
}
a.g_btn_02 {
display: inline-block;
font-weight: bold;
border-radius: 4px;
min-width: 60px;
height: 40px;
line-height: 40px;
padding: 0 30px;
font-size: 15px;
color: #fff;
background-color: #666;
text-decoration: none;
}
/* 빅사이즈 버튼 작은 사이즈로 활용 시 클래스명 min 추가 */
a.min {
min-width: 48px;
height: 28px;
line-height: 26px;
padding: 0 9px;
font-size: 13px;
font-weight: bold;
}
a.g_btn_01.btn_arrow:after,
a.g_btn_02.btn_arrow:after {
content: "";
display: inline-block;
width: 6px;
height: 11px;
margin-left: 10px;
background: url("bg_btn_arrow.png") no-repeat 0 0;
}
/* Button Location
------------------------------------------ */
.btn_wrap_center {
text-align: center;
}
.btn_wrap_right {
display: block;
width: 100%;
text-align: right;
}
/* table
------------------------------------------ */
table[class^="g_table_"] {
width: 100%;
border-top: 2px solid #58bbee;
border-bottom: 1px solid #9ab5c3;
}
table[class^="g_table_"] tr th:first-child,
table[class^="g_table_"] tr td:first-child {
border-left: 0 none;
}
table[class^="g_table_"] tr th.bdr,
table[class^="g_table_"] tr td.bdr {
border-right: 1px solid #cfd6d9;
}
table[class^="g_table_"] tr [rowspan] {
border-right: 1px solid #cfd6d9;
}
table[class^="g_table_"] tr th[rowspan] {
border-right: 0;
}
table[class^="g_table_"] tr th:last-child[rowspan],
table[class^="g_table_"] tr td:last-child[rowspan] {
border-right: 0;
}
table[class^="g_table_"] tr td:only-child[rowspan] {
border-right: 1px solid #cfd6d9;
}
table[class^="g_table_"] tr th.bdl,
table[class^="g_table_"] tr td.bdl {
border-left: 1px solid #cfd6d9;
}
table[class^="g_table_"] tr th.bdt,
table[class^="g_table_"] tr td.bdt {
border-top: 1px solid #cfd6d9;
}
table[class^="g_table_"] td.tal {
text-align: left;
padding-left: 20px !important;
}
table[class^="g_table_"] td.tar {
text-align: right;
padding-right: 20px !important;
}
table[class^="g_table_"] th.tac,
table[class^="g_table_"] td.tac {
text-align: center !important;
}
table.g_table_01 {
border-collapse: collapse;
}
.g_table_01 th,
.g_table_01 td {
padding: 11px 5px 12px;
text-align: center;
border-style: solid;
border-color: #cfd6d9;
border-width: 1px 0 0 1px;
}
.g_table_01 th.tl,
.g_table_01 td.tl {
padding: 11px 15px 12px 15px;
text-align: left;
}
.g_table_01 th {
background-color: #f6fcff;
font-size: 13px;
color: #000;
}
.g_table_01 th.bg {
background-color: #e9f6fd;
}
.g_table_01 td.bg {
background-color: #f6fcff;
}
.g_table_01 th .ft_sm,
.ft_sm {
font-size: 11px;
color: #000;
}
.g_table_01 td {
background-color: #fff;
font-size: 13px;
color: #000;
}
.g_table_01 td.num {
letter-spacing: 0;
}
.g_table_01 td.sum {
text-align: right;
padding-right: 20px;
letter-spacing: 0;
}
.g_table_01 td.sum_02 {
text-align: right;
letter-spacing: 0;
}
table[class^="g_table_"].sum_all td {
text-align: right;
padding-right: 8px;
letter-spacing: 0;
}
table[class^="g_table_"].sum_all td[scope="row"] {
text-align: center;
padding-right: 5px;
font-weight: bold;
}
.g_table_01 td a.g_tbl_point_01 {
color: #000;
}
.g_table_01 td a.g_tbl_point_01:hover {
color: #117bb2;
font-weight: bold;
}
.g_table_01 td.bdr_dotted {
border-right: 2px dotted #cfd6d9;
}
.g_table_01.bbs_list th,
.g_table_01.bbs_list td {
border-left: 0;
}
.g_table_01.bbs_list td .ico_new {
width: 35px;
height: 16px;
line-height: 15px;
font-size: 11px;
color: #fff;
background-color: #faa209;
display: inline-block;
margin-left: 5px;
text-align: center;
}
.g_table_01 caption {
position: relative;
}
.g_table_02 tbody th,
.g_table_02 tbody td {
padding: 10px 15px 13px 15px;
text-align: left;
border-style: solid;
border-color: #cfd6d9;
border-width: 1px 0 0 1px;
}
.g_table_02.inpt tbody th,
.g_table_02.inpt tbody td {
padding: 6px 15px;
}
.g_table_02 tbody th.bg_02 {
background-color: #fafafa;
}
.g_table_02 tbody th {
background-color: #f6fcff;
font-size: 13px;
color: #000;
}
.g_table_02 tbody th.ta_c {
text-align: center;
}
.g_table_02 tbody th.bdr {
border-width: 0 1px 1px 1px;
}
.g_table_02 tbody th .noti {
font-weight: normal;
}
.g_table_02 tbody td {
background-color: #fff;
font-size: 13px;
color: #000;
}
.g_table_02 tbody td textarea.g_textarea_01 {
width: 579px;
height: 200px;
padding: 20px;
}
.g_table_02 tbody td textarea.g_textarea_02 {
width: 579px;
height: 100px;
padding: 20px;
}
.g_table_02 tbody td.board_view {
padding: 25px 20px;
line-height: 22px;
}
.g_table_02 tbody td.board_view .img_wrap {
text-align: center;
margin-bottom: 30px;
}
.g_table_02 tbody td.board_view .img_wrap img {
max-width: 100%;
}
.g_table_02 tbody td a.file_board {
display: inline-block;
padding: 0 0 1px 15px;
margin-left: 20px;
background: url("ico_boardview_file.png") no-repeat 0 50%;
}
.g_table_02 tbody td a.file_board:first-child {
margin-left: 0;
}
.g_table_02.board_nav {
margin-top: 50px;
border-top-color: #ccc;
border-bottom-color: #d0d0d0;
}
.g_table_02.board_nav tbody th {
background-color: #f8f8f8;
}
.g_table_02.board_nav tbody th,
.g_table_02.board_nav tbody td {
border-color: #d0d0d0;
}
.g_table_02 tbody td.record_list .g_text_02 {
margin-top: 7px;
height: 26px;
line-height: 26px;
}
.g_table_02 tbody td.record_list .g_text_02:first-child {
margin-top: 0;
}
table.g_table_03 {
border-top-color: #000;
border-bottom-color: #ccc;
}
table.g_table_03 thead th {
height: 45px;
box-sizing: border-box;
text-align: center;
background-color: #f2f2f2;
}
table.g_table_03 th,
table.g_table_03 td {
padding: 10px 15px;
border-top: 1px solid #ccc;
height: 45px;
box-sizing: border-box;
}
table.g_table_03 thead tr:first-child th {
border-top: 0;
}
table.g_table_03 td {
border-left: 1px solid #ddd;
}
table.g_table_03 tbody th {
color: #117bb2;
text-align: center;
background-color: #f6fcff;
}
table.g_table_03 td.bdr {
border-right: 1px solid #ccc;
}
table.g_table_03.g_table_brd td.tac {
border-left: 0;
border-right: 1px solid #ddd;
}
table.g_table_03.g_table_brd td.tac:last-child {
border-right: 0;
}
table.g_table_03.g_table_brd tbody th {
border-right: 1px solid #ddd;
}
table + .hr {
width: 100%;
height: 1px;
background-color: #d0d0d0;
}
/* tab menu */
[class^="g_tab_"]:after {
display: block;
content: "";
clear: both;
}
[class^="g_tab_"] li {
float: left;
}
[class^="g_tab_"].n3 li {
width: 33.33333333%;
}
[class^="g_tab_"].n4 li {
width: 25%;
}
.g_tab_01 li a {
display: block;
height: 47px;
text-align: center;
box-sizing: border-box;
padding-top: 10px; /* line-height:46px; */
border-style: solid;
border-color: #d0d0d0;
border-bottom-color: #0082ca;
border-width: 1px 1px 1px 0;
background-color: #f8f8f8;
font-size: 16px;
color: #000;
font-weight: bold;
text-decoration: none;
}
.g_tab_01 li.on a {
position: relative;
height: 46px;
padding-top: 8px;
border-color: #0082ca;
border-width: 3px 1px 0 1px;
background-color: #fff;
color: #0082ca;
}
/* form
------------------------------------------ */
/* input */
input[type="text"],
input[type="password"] {
height: 26px;
line-height: 24px;
padding: 0 10px;
color: #000;
border: 1px solid #acbdc5;
}
input[type="text"]:disabled,
input[type="password"]:disabled {
background-color: #f0f0f0;
}
input[type="file"] {
height: 26px;
line-height: 24px;
color: #000;
border: 1px solid #acbdc5;
background: #fff;
}
.g_select_box {
display: inline-block;
height: 28px;
color: #000;
border-right: 1px solid #acbdc5;
position: relative;
overflow: hidden;
background: #fff url("btn_g_select.png") no-repeat 100% 50%;
vertical-align: middle;
}
.g_select_box .g_select {
width: 100%;
height: 28px;
line-height: 22px;
padding-left: 6px;
cursor: pointer;
color: #000;
border: 1px solid #acbdc5;
border-width: 1px 0 1px 1px;
background: transparent;
}
.g_select_box.disabled {
background-image: url("btn_g_select_off.png");
background-color: #f0f0f0;
}
.g_select_box {
overflow: hidden\9;
background: none\9;
} /* ie8 */
.g_table_01 td.chk label,
.g_table_02 td.chk label {
display: inline-block;
margin-right: 20px;
}
textarea {
resize: none;
border: 1px solid #acbdc5;
}
input[type="checkbox"] + label {
display: inline-block;
position: relative;
top: 1px;
}
input[type="checkbox"],
input[type="checkbox"] + label {
height: 15px;
line-height: 15px;
}
/* box
------------------------------------------ */
.g_box_01 {
border: 1px solid #d9d9d9;
background-color: #fafafa;
padding: 20px;
}
.g_box_01.bg_w {
background-color: #fff;
}
.g_box_01 .g_point_03 {
vertical-align: top;
}
.g_box_02 {
border: solid #d9d9d9;
border-width: 0 1px 1px;
border-top: 3px solid #1699dc;
padding: 25px 50px;
}
.g_box_03 {
padding: 5px;
width: 810px;
background: url("disclosure/bg_devidend_con_box.gif") 0 0 repeat;
}
.g_box_03 div.box_cont {
padding: 20px;
background-color: #fff;
}
/* Layer popup */
.g_layer_box {
position: fixed;
top: 0;
left: 0;
z-index: 3000;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
text-align: left;
}
.g_layer_box .g_table_02 {
border-top-color: #666;
border-bottom-color: #d9d9d9;
}
.g_layer_box .btn_layer_close {
display: block;
width: 26px;
height: 26px;
position: absolute;
top: 15px;
right: 28px;
text-indent: -9999em;
background: url("btn_close_01.png") 0 0 no-repeat;
background-size: 26px;
}
.g_layer_box .layer_head {
text-align: center;
}
.g_layer_box .layer_cont .layer_cont_top {
padding: 14px 19px 16px;
border-bottom: 1px solid #d9d9d9;
background-color: #fafafa;
font-weight: bold;
line-height: 22px;
}
.g_layer_box .layer_cont .layer_cont_bot {
padding: 20px 20px 0 20px;
}
.g_layer_box .layer_cont .layer_cont_bot .layer_cont_tit {
padding-bottom: 15px;
font-size: 15px;
color: #117bb2;
}
/* LAYOUT */
/* skip_nav */
.skip_nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.skip_nav a,
.skip_nav a:link {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
display: block;
overflow: hidden;
font-size: 12px;
margin: 0 0 -1px;
}
.skip_nav a:active,
.skip_nav a:focus,
.skip_nav a:hover {
clear: left;
padding: 5px 0;
width: 100%;
height: 20px;
background: none repeat scroll 0 0 #fff;
color: #000;
float: left;
text-align: center;
}
/* 로딩바 */
.loading_box .loading_wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -105px;
text-align: center;
}
.loading_box .loading_wrap p {
margin-top: 15px;
color: #fff;
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
line-height: 30px;
font-family: "Noto Sans", "맑은고딕", Malgun Gothic, Dotum, "돋움", sans-serif;
}
.loading_box .loading_wrap p span {
display: block;
font-size: 18px;
font-weight: normal;
}
.loading_box .loading_wrap .loading {
display: inline-block;
width: 132px;
height: 132px;
padding-top: 1px;
background: #edfafc;
border-radius: 50%;
box-sizing: border-box;
margin: 0 auto;
overflow: hidden;
}
/* FOOTER RENEW2 */
#footer.footer_new2 {
background-color: #f8f8f8;
}
.prd_notice {
position: relative;
padding-left: 25px;
}
.prd_notice.brd {
margin-top: 20px;
padding-top: 20px;
border-top: 2px solid #000;
}
.prd_notice.brd_no {
margin-top: 20px;
padding-top: 20px;
}
.prd_notice.brd .tit,
.prd_notice.brd_no .tit {
top: 20px;
}
table + .prd_notice {
margin-top: 10px;
}
.prd_notice .tit {
position: absolute;
top: 0;
left: 0;
display: block;
width: 19px;
height: 19px;
text-indent: -9999em;
}
.prd_notice .pn_list li {
margin-top: 5px;
line-height: 18px;
}
.prd_notice .pn_list li:first-child {
margin-top: 0;
}
/* PRODUCT NEW 201905 */
#container.product_new {
width: 100%;
font-family: Spoqa;
}
#container .prd_lnb {
position: relative;
float: left;
width: 220px;
}
.content_inner {
width: 1100px;
margin: 0 auto;
}
.content_inner:after {
content: "";
display: block;
clear: both;
}
.content_inner.lnb_none .prd_cont_top {
float: none;
padding-left: 0;
margin: 0 auto;
width: 90%;
}
.prd_cont_top {
float: right;
width: 880px;
min-height: 530px;
padding-left: 6px;
box-sizing: border-box;
}
.prd_lnb .tit {
padding: 0 0 13px 0;
margin-top: -10px;
color: #000;
font-family: Spoqa;
font-size: 30px;
letter-spacing: -1px;
line-height: 1.5;
}
.prd_lnb .tit.privacy {
font-size: 28px;
}
.prd_lnb .lnb_inner {
width: 170px;
padding: 14px 0 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.prd_lnb .lnb_inner ul {
padding: 0 0 3px;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li {
border-bottom: 0;
padding-bottom: 3px;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li .cate {
font-size: 17px;
font-weight: bold;
letter-spacing: -0.05em;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > a {
width: 172px;
box-sizing: border-box;
color: #000;
font-size: 17px;
line-height: 28px;
font-weight: bold;
letter-spacing: -0.05em;
text-decoration: none;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li.selected > a,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > a:hover,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > a:focus,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > a:active {
background: transparent;
border-top: 0;
color: #000;
font-size: 17px;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul {
border-top: 0;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li.selected > ul {
background-color: transparent;
border-top: 0;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li {
margin: 10px 0;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li a {
width: 172px;
position: relative;
display: inline-block;
padding: 0 0 0 6px;
box-sizing: border-box;
color: #000;
font-size: 14px;
font-weight: normal;
letter-spacing: -0.1em;
text-decoration: none;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > a:before {
content: "";
display: inline-block;
width: 2px;
height: 2px;
position: absolute;
top: 9px;
left: 0;
background: #000;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li.on > a {
color: #150f96;
font-weight: bold;
background: none;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li.on > a:hover,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li.on > a:focus {
color: #150f96;
font-weight: bold;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > a:hover,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > a:focus {
color: #150f96;
font-weight: normal;
background: none;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > ul {
margin-top: -12px;
padding: 6px 0 4px;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > ul > li > a {
padding: 3px 20px 0px 10px;
color: #666;
font-weight: normal;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > ul > li.on > a,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > ul > li > a:hover,
.prd_lnb .lnb_inner > ul.lnb_02_depth > li > ul > li > ul > li > a:focus {
color: #ff8400;
}
.prd_lnb .lnb_inner > ul.lnb_02_depth > li .box {
min-width: 32px;
height: 18px;
padding: 0 3px 0 1px;
line-height: 15px;
margin-left: 4px;
margin-top: 2px;
border: 1px solid #150f96;
box-sizing: border-box;
color: #150f96;
font-size: 11px;
letter-spacing: -1px;
text-indent: 0;
text-align: center;
}
.prd_lnb .bnrlink_dtc {
display: block;
width: 171px;
height: 73px;
padding-top: 10px;
padding-left: 80px;
margin-top: 20px;
background: #fff url("bg_bnrdtc.png") 14px 10px no-repeat;
border: 1px solid #a6a6a6;
box-sizing: border-box;
}
.prd_lnb .bnrlink_dtc:hover {
color: #150f96;
text-decoration: none;
}
.prd_lnb .bnrlink_dtc span {
display: block;
line-height: 17px;
}
.prd_lnb .bnrlink_dtc strong {
display: inline-block;
padding-right: 12px;
background: url("txt_arrow03.png") 100% 50% no-repeat;
color: #150f96;
line-height: 19px;
}
.prd_panel {
width: 100%;
background: #fff;
}
.prd_contents {
background: #fff;
}
.prd_tabs_wrap {
width: 100%;
height: 83px;
background: #fff;
box-sizing: border-box;
}
.prd_tabs_wrap.fixed {
position: fixed;
left: 0;
top: 0;
z-index: 2;
}
.prd_tabs_wrap .prd_tab_area {
width: 1100px;
margin: -1px auto;
background: #fff;
}
.prd_tabs_wrap .g_tab_01 li {
height: 83px;
box-sizing: border-box;
}
.prd_tabs_wrap .g_tab_01 li a {
height: 83px;
line-height: 80px;
padding-top: 0;
background-color: #fff;
border-color: #dfdfdf;
border-width: 1px 1px 1px 0;
color: #000;
font-size: 21px;
font-weight: 300;
}
.prd_tabs_wrap .g_tab_01 li:first-child a {
border-width: 1px;
}
.prd_tabs_wrap .g_tab_01 li.on {
background: #150f96;
border-color: #150f96;
}
.prd_tabs_wrap .g_tab_01 li.on a {
background: #150f96;
border-width: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
}
.prd_tabs_wrap .g_tab_01 li.on a:after {
display: none;
}
/* 보장내역 */
.h_title_04 {
margin-bottom: 20px;
color: #000;
font-family: Spoqa;
font-size: 20px;
letter-spacing: -0.03em;
}
.prd_panel .h_title_04 {
margin-top: 55px;font-weight:bold
}
.prd_panel .h_title_04:first-of-type {
margin-top: 0;font-weight:bold
}
.prd_panel .prd_panel_inner {
width: 1100px;
min-height: 700px;
padding: 64px 0;
margin: 0 auto;
}
.prd_panel .prd_msg_01 {
float: right;
width: 1100px;
margin-bottom: 12px;
color: #767676;
text-align: right;
font-size: 14px;
}
.prd_panel .prd_msg_01 span {
float: left;
margin-top: -5px;
color: #150f96;
font-size: 18px;
font-weight: bold;
}
.prd_panel .prd_msg_02 {
margin-top: 10px;
color: #767676;
font-size: 14px;
line-height: 22px;
}
.prd_panel .prd_msg_02 .notice {
display: inline-block;
width: 23px;
height: 23px;
margin-right: 10px;
background-color: #150f96;
color: #fff;
text-align: center;
}
.prd_panel .g_title_04 {
margin-top: 55px;
margin-bottom: 20px;
padding: 0;
color: #000;
font-family: Spoqa;
font-size: 20px;
letter-spacing: -0.03em;
}
.prd_panel .g_title_04:first-of-type {
margin-top: 0;
}
.prd_panel .g_title_04:before {
display: none;
}
.prd_panel table + .prd_notice {
padding-left: 34px;
}
.prd_panel .prd_notice .tit {
overflow: hidden;
text-indent: 0;
line-height: 23px;
display: inline-block;
width: 23px;
height: 23px;
margin-right: 10px;
background-color: #150f96;
color: #fff;
text-align: center;
}
.prd_panel .pn_list li {
text-indent: -13px;
padding-left: 13px;
color: #767676;
font-size: 14px;
line-height: 22px;
}
.prd_panel table.w100 {
width: 100%;
}
.prd_panel table.g_table_03,
.p_table_01 {
width: 100%;
border-top: 2px solid #000;
border-bottom: 1px solid #666;
}
.prd_panel table.g_table_03 th,
.p_table_01 th {
padding: 10px;
color: #000;
font-size: 16px;
}
.prd_panel table.g_table_03 td,
.p_table_01 td {
padding: 10px;
color: #000;
font-size: 15px;
}
.prd_panel table.g_table_03 td span,
.p_table_01 td span {
color: #767676;
}
.prd_panel table.g_table_03 thead th,
.p_table_01 thead th {
background-color: #fff;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #666;
text-align: center;
}
.prd_panel table.g_table_03 thead th:first-child,
.p_table_01 thead th:first-child {
border-left: 0;
}
.prd_panel table.g_table_03 tbody tr:first-of-type td,
.prd_panel table.g_table_03 tbody tr:first-of-type th,
.p_table_01 tbody tr:first-of-type td,
.p_table_01 tbody tr:first-of-type th {
border-top: 0;
}
.prd_panel table.g_table_03 tbody th,
.p_table_01 tbody th {
background-color: #fff;
color: #150f96;
text-align: center;
border-top: 1px solid #dfdfdf;font-weight:bold
}
.prd_panel table.g_table_03 tbody th.td,
.p_table_01 tbody th.td {
color: #000;
font-weight: normal;
}
.p_table_01 tbody td {
border-left: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
}
.p_table_01 tbody td:first-child {
border-left: 0;
}
.p_table_01 tbody td.bdl {
border-left: 1px solid #dfdfdf;
}
.p_table_01 tbody td.tac {
text-align: center;
}
.p_table_01 tbody .bg {
background-color: #f5f5f5;
}
.prd_panel table.g_table_03 tbody td.point,
.p_table_01 tbody td.point {
color: #150f96;
text-align: right;
}
table[class^="g_table_"] tr [rowspan].bdr_n {
border-right: 0;
}
.prd_panel .g_tab_01.n4 li {
width: 260px;
margin-left: 20px;
box-sizing: border-box;
}
.prd_panel .g_tab_01.n4 {
margin-left: -20px;
}
.prd_panel .g_tab_01 li:first-child a {
border-left-width: 0;
}
.prd_panel .g_tab_01 li a {
display: block;
height: 47px;
padding-top: 0;
border-color: #dfdfdf;
border-bottom-color: #dfdfdf;
border-width: 0 0 2px 0;
background-color: #fff;
color: #666;
font-size: 20px;
font-weight: 300;
}
.prd_panel .g_tab_01 li.on a {
position: relative;
height: 47px;
border-color: #150f96;
border-width: 0 0 2px 0;
background-color: #fff;
color: #150f96;
font-size: 20px;
font-weight: bold;
}
.prd_panel .g_tab_01 li.on a:after {
display: none;
}
.prd_panel .g_tab_01 li.lst.on a:after,
.prd_panel .g_tab_01 li.on:last-child a:after {
display: none;
}
.prd_panel img {
max-width: 100%;
}
.prd_panel_02 {
color: #666;
font-size: 15px;
}
.prd_panel_02 .h5_tit {
margin: 45px 0 20px;
color: #000;
font-size: 20px;font-weight:bold
}
.prd_panel_02 .h5_tit i {
color: #150f96;
}
.prd_panel_02 .h5_tit:first-of-type {
margin-top: 0;font-weight:bold
}
.prd_panel_02 .g_list_04 li {
margin-bottom: 3px;
color: #666;
font-size: 15px;
line-height: 23px;
}
.prd_panel_02 .g_list_04 li li {
padding: 0;
}
.prd_panel_02 .g_list_04 li.point_01 {
color: #150f96;
font-size: 15px;
}
.prd_panel_02 .g_list_04 li.g_point_03 {
font-size: 15px !important;
}
.prd_panel_02 .g_list_04 li.g_text_04 {
padding-left: 18px;
margin-left: 10px;
}
.prd_panel_02 .g_list_04 li .tit {
display: block;
color: #000;
}
.img_wrap {
width: 980px;
padding-top: 30px;
}
.img_wrap .img_box:after,
.img_wrap:after {
content: "";
clear: both;
display: block;
}
.img_wrap .img_left {
float: left;
width: 440px;
}
.img_wrap .txt_right {
float: right;
width: 540px;
box-sizing: border-box;
}
.img_wrap .txt_right .g_list_04 li {
line-height: 27px;
}
.img_wrap .img_box {
padding: 0 40px 60px;
box-sizing: border-box;
}
.img_wrap .img_inbox {
float: left;
width: 50%;
text-align: center;
}
.img_wrap .img_inbox .img {
margin-top: 57px;
}
.img_wrap .img_inbox:first-child .img {
margin-top: 35px;
}
.img_wrap .img_box .tit {
display: block;
color: #000;
}
.joininfo_list {
margin-left: -20px;
min-height: 270px;
overflow: hidden;
*zoom: 1;
}
.joininfo_list li {
float: left;
width: 260px;
margin-left: 20px;
box-sizing: border-box;
font-size: 16px;
}
.joininfo_list li > .joinex_info {
width: 260px;
height: 315px;
border: 1px solid #dfdfdf;
box-sizing: border-box;
color: #000;
text-align: center;
}
.joininfo_list.long li > .joinex_info {
height: 360px;
}
.joininfo_list li > .joinex_info .ico {
position: relative;
display: block;
margin-bottom: 35px;
padding: 115px 0 32px;
background-color: #ebf3ff;
color: #000;
text-align: center;
font-size: 20px;
}
.joininfo_list li > .joinex_info .ico:before {
content: "";
display: block;
position: absolute;
top: 48px;
left: 50%;
}
.joininfo_list .ico_01:before {
width: 44px;
height: 47px;
margin-left: -22px;
background: url("ico_bg_joinex.png") no-repeat;
background-position: 0 0;
}
.joininfo_list .ico_02:before {
width: 48px;
height: 47px;
margin-left: -24px;
background: url("ico_bg_joinex.png") no-repeat;
background-position: -44px 0;
}
.joininfo_list .ico_03:before {
width: 44px;
height: 47px;
margin-left: -22px;
background: url("ico_bg_joinex.png") no-repeat;
background-position: -92px 0;
}
.joininfo_list .ico_04:before {
width: 50px;
height: 47px;
margin-left: -25px;
background: url("ico_bg_joinex.png") no-repeat;
background-position: -136px 0;
}
.joininfo_list .ico_05:before {
width: 50px;
height: 47px;
margin-left: -25px;
background: url("ico_bg_joinex.png") no-repeat;
background-position: -186px 0;
}
.joininfo_list li > .joinex_info .block {
margin-bottom: 5px;
}
.joininfo_list li em {
font-weight: bold;
}
.joininfo_box {
padding: 10px 0;
margin-top: 20px;
border: 1px solid #dfdfdf;
}
.joininfo_box dl {
overflow: hidden;
*zoom: 1;
}
.joininfo_box dt {
float: left;
width: 259px;
height: 166px;
line-height: 166px;
padding-left: 170px;
background: url("ico_special_contr.png") 87px 65px no-repeat;
box-sizing: border-box;
color: #000;
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
text-align: left;
}
.joininfo_box dd {
float: left;
width: 839px;
padding: 55px 60px 0 65px;
box-sizing: border-box;
}
.joininfo_box dd p {
margin: 5px 0 12px;
}
.joininfo_box dd ul {
width: 100%;
}
.joininfo_box dd li {
float: left;
width: 50%;
}
.joininfo_box dd.small li {
width: 100%;
}
.joininfo_box dd.pdt {
padding: 25px 50px 25px 65px;
}
.g_dot_list > li {
position: relative;
padding-left: 10px;
margin-bottom: 10px;
box-sizing: border-box;
color: #000;
font-size: 16px;
line-height: 23px;
letter-spacing: -1px;
}
.g_dot_list > li:before {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #666;
position: absolute;
left: 0;
top: 10px;
}
.g_dot_list > li.no_bullet:before {
display: none;
}
.g_dot_list.ft14 > li {
margin-bottom: 5px;
color: #666;
font-size: 14px;
}
.prd_panel_02 .jn_cont {
padding-left: 13px;
margin-top: 10px;
background: url("bul_dot_01.gif") 0 10px no-repeat;
line-height: 22px;
font-size: 15px;
}
.prd_panel_02 .g_table_03 td {
text-align: center;
}
.prd_panel_02 .g_table_03 td.bdr_n {
border-right: 0;
}
.prd_panel .g_define_01 dt {
color: #150f96;
}
.prd_panel .g_define_01 dd {
color: #767676;
}
.point_01 {
color: #150f96 !important;
}
.point_02 {
color: #150f96 !important;
}
.g_txt_01 {
color: #000 !important;
}
.g_txt_01 li {
color: #000 !important;
}
.g_txt_02 {
color: #666 !important;
}
.g_txt_03 {
color: #767676 !important;
}
/* 배너 상품 */
.bnr_prd {
position: fixed;
top: 195px;
left: 50%;
margin-left: 600px;
width: 117px;
text-align: center;
}
.bnr_prd h3 {
padding: 4px 0 7px;
background-color: #150f96;
text-align: center;
color: #fff;
font-family: Spoqa;
font-size: 17px;
font-weight: bold;
letter-spacing: -1px;
}
.bnr_prd a {
display: block;
text-decoration: none;
}
.bnr_prd .prd_list {
width: 117px;
padding: 16px 0 0;
background-color: #fff;
border: 1px solid #dfdfdf;
border-top: 0;
box-sizing: border-box;
}
.bnr_prd .prd_list li {
margin-bottom: 20px;
}
.bnr_prd .prd_list li a {
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
color: #666;
font-size: 13px;
line-height: 18px;
letter-spacing: -1px;
}
.bnr_prd .prd_list .prd_01 a {
padding-top: 48px;
background: url("ico_prd01.png") no-repeat 50% 0;
} /* 간편보험 */
.bnr_prd .prd_list .prd_02 a {
padding-top: 48px;
background: url("ico_prd02.png") no-repeat 50% 0;
} /* 치아보험 */
.bnr_prd .prd_list .prd_03 a {
padding-top: 48px;
background: url("ico_prd03.png") no-repeat 50% 0;
} /* 치매보험 */
.bnr_prd .prd_list .prd_04 a {
padding-top: 47px;
background: url("ico_prd04.png") no-repeat 50% 0;
} /* 정기보험 */
.bnr_prd .prd_list .prd_05 a {
padding-top: 46px;
background: url("ico_prd05.png") no-repeat 50% 0;
} /* 암보험 */
.bnr_prd .prd_list li a strong {
display: block;
margin: 3px 0 5px;
color: #150f96;
font-size: 14px;
}
.bnr_prd .prd_list li.bnr_prd_box a strong {
color: #000;
}
.bnr_prd .prd_list li a:hover {
text-decoration: none;
}
.bnr_prd .bnr_prd_box {
margin-top: 10px;
background: #fff;
border: 1px solid #dfdfdf;
}
.bnr_prd .bnr_prd_box span {
display: block;
padding-bottom: 14px;
margin-top: 7px;
font-size: 12px;
color: #767676;
font-weight: 400;
line-height: 1.4;
letter-spacing: -1px;
}
.bnr_prd .bnr_prd_box p {
padding-top: 75px;
background: url("ico_trophy.png") no-repeat 50% 20px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: -1px;
}
.bnr_prd .bnr_prd_box p span {
display: inline;
padding-bottom: 0;
color: #150f96;
font-size: 16px;
font-weight: 400;
line-height: 22px;
font-weight: bold;
}
.bnr_prd .bnr_prd_box a {
padding-top: 75px;
background: url("ico_trophy.png") no-repeat 50% 20px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: -1px;
}
.bnr_prd .bnr_prd_box a > span {
display: block;
padding-bottom: 14px;
margin-top: 7px;
font-size: 12px;
color: #666;
font-weight: 300;
line-height: 1.4;
letter-spacing: -1px;
}
.bnr_prd .bnr_prd_box a > span:first-of-type {
display: inline;
padding-bottom: 0;
color: #150f96;
font-size: 16px;
font-weight: 300;
line-height: 22px;
font-weight: bold;
}
.bnr_prd .btn_top {
display: block;
padding: 8px 0;
background-color: #767676;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.bnr_prd .btn_top span {
padding-right: 24px;
background: url("btn_top_arr.png") 100% 50% no-repeat;
}
/* 플로팅 배너 */
.prd_fl_banner {
display: none;
position: fixed;
left: 0;
bottom: 0px;
z-index: 3;
width: 100%;
height: 80px;
background: #018bed;
color: #fff;
}
.prd_fl_banner .inner {
width: 1100px;
margin: 0 auto;
}
.prd_fl_banner .inner > div {
float: left;
height: 80px;
box-sizing: border-box;
text-align: center;
}
.prd_fl_banner .inner:after {
content: "";
display: block;
clear: both;
}
.prd_fl_banner .inner > div.bnr_tel_area {
width: 268px;
padding: 14px 0;
border-left: 1px solid #99caf2;
border-right: 1px solid #99caf2;
}
.prd_fl_banner .inner > div.bnr_tel_area .tit {
font-size: 14px;
font-weight: 300;
letter-spacing: -1px;
}
.prd_fl_banner .inner > div.bnr_tel_area .tel {
margin-top: 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
line-height: 1;
}
.prd_fl_banner .inner > div.bnr_tel_area .tel span {
color: #fff;
padding-left: 30px;
font-family: "NotoSansBold";
background: url("ico_bg_tel.png") 3px 50% no-repeat;
}
.prd_fl_banner .inner > div.bnr_prd_area {
width: 588px;
padding: 22px 0 0;
}
.prd_fl_banner .inner > div.bnr_prd_area .prd_tit {
display: inline-block;
width: 320px;
padding: 0;
box-sizing: border-box;
font-size: 16px;
vertical-align: middle;
letter-spacing: -1px;
}
.prd_fl_banner .inner > div.bnr_prd_area .prd_price {
display: inline-block;
width: 240px;
font-size: 24px;
vertical-align: middle;
}
.prd_fl_banner .inner > div.bnr_prd_area .prd_price:before {
content: "";
clear: both;
display: block;
}
.prd_fl_banner .inner > div.bnr_prd_area .prd_price em {
color: #f4f541;
}
.prd_fl_banner .inner > div.bnr_prd_area a {
color: #fff;
}
.prd_fl_banner .inner > div.bnr_prd_area a:hover {
text-decoration: none;
color: #fff;
}
.prd_fl_banner .inner > div.bnr_btn_wrap {
padding: 16px 0;
}
.prd_fl_banner .inner > div.bnr_btn_wrap a {
display: block;
width: 240px;
height: 48px;
padding: 0 20px;
border: 1px solid #99caf3;
box-sizing: border-box;
color: #fff;
font-size: 16px;
line-height: 48px;
text-align: left;
text-decoration: none;
}
.prd_fl_banner .inner > div.bnr_btn_wrap a:hover {
text-decoration: none;
}
.prd_fl_banner .inner > div.bnr_btn_wrap a span {
display: block;
background: url("bg_btn_arrow.png") 100% 50% no-repeat;
}
.feature_wrap ul > li .prd_link {
text-indent: 0;
}
.prd_link {
display: inline-block;
position: relative;
border-bottom: 1px solid #000;
line-height: 1.4;
}
.prd_link.bold {
font-weight: bold;
}
.prd_float {
display: none;
position: absolute;
top: 38px;
left: 50%;
margin-left: -100px;
width: 200px;
text-align: center;
z-index: 1;
}
.prd_float a {
position: relative;
padding: 2px 12px 4px;
background: rgba(34, 34, 34, 0.8);
border-radius: 15px;
font-size: 13px;
color: #fff;
font-weight: normal;
}
.prd_float a:before {
content: "";
display: inline-block;
position: absolute;
top: -10px;
left: 50%;
border: 5px solid transparent;
border-top: 0;
border-bottom-color: rgba(34, 34, 34, 0.8);
width: 10px;
height: 10px;
margin-left: -5px;
box-sizing: border-box;
}
.prd_float_up {
display: none;
position: absolute;
bottom: 36px;
left: 50%;
margin-left: -100px;
width: 200px;
text-align: center;
z-index: 1;
}
.prd_float_up a {
position: relative;
padding: 2px 12px 4px;
background: rgba(34, 34, 34, 0.8);
border-radius: 15px;
font-size: 13px;
color: #fff;
font-weight: normal;
}
.prd_float_up a:after {
content: "";
display: inline-block;
position: absolute;
bottom: -10px;
left: 50%;
border: 5px solid transparent;
border-bottom: 0;
border-top-color: rgba(34, 34, 34, 0.8);
width: 10px;
height: 10px;
margin-left: -5px;
box-sizing: border-box;
}
.feature_wrap .prd_float_up {
bottom: 46px;
}
/* 레이어팝업 - 쉬운 용어사전 외 */
.ly_prd_small {
display: none;
}
.ly_prd_small .inner {
position: relative;
box-sizing: border-box;
background-color: #fff;
border: 0;
width: 600px;
top: 50%;
margin: 0 auto;
font-family: Spoqa;
}
.ly_prd_small .layer_cont {
overflow-y: auto;
box-sizing: border-box;
letter-spacing: -1px;
font-size: 14px;
}
.ly_prd_small .layer_head .layer_tit {
letter-spacing: -1px;
color: #fff;
font-family: "NotoSans";
padding: 12px 0 12px 22px;
text-align: left;
background-color: #150f96;
font-size: 23px;
}
.ly_prd_small .layer_lib h4 {
padding: 5px 0;
margin-bototm: 10px;
}
.ly_prd_small .btn_wrap_center {
padding: 29px 0 15px;
}
.ly_prd_small .g_btn_01 {
display: inline-block;
font-weight: bold;
border-radius: 0;
min-width: 60px;
height: 40px;
line-height: 38px;
padding: 0 30px;
font-size: 15px;
color: #fff;
background-color: #150f96;
text-decoration: none;
}
.ly_prd_small .layer_lib .g_list_03 {
margin-left: -10px;
margin-top: 10px;
margin-bottom: 10px;
}
.ly_prd_lib01 .layer_cont {
height: 280px;
}
.ly_prd_lib01 .layer_lib {
padding: 36px 30px 0;
}
.ly_prd_lib02 .inner {
top: 15%;
}
.ly_prd_lib02 .layer_cont {
height: 600px;
}
.ly_prd_lib02 .layer_lib {
padding: 36px 30px 0;
}
.ly_prd_lib03 .inner {
top: 15%;
}
.ly_prd_lib03 .layer_cont {
height: 310px;
}
.ly_prd_lib03 .layer_lib {
padding: 36px 25px 0;
}
.layer_lib .ico {
position: relative;
padding-left: 110px;
font-size: 14px;
letter-spacing: -1px;
}
.layer_lib .ico:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 85px;
height: 85px;
background: url("ico_prd_top.png") no-repeat;
background-size: auto 85px;
}
.layer_lib .ico_01:before {
background-position: 0 0;
}
.layer_lib .ico_02:before {
background-position: -85px 0;
}
.layer_lib .tit {
display: block;
margin-bottom: 5px;
color: #007cdf;
font-size: 20px;
}
.layer_lib .tit + p {
color: #666;
}
.layer_lib .tit + p strong {
color: #000;
}
.layer_lib > p {
color: #767676;
font-size: 13px;
}
.layer_lib p {
line-height: 1.6;
}
.layer_lib h4 {
color: #000;
font-family: Spoqa;
font-size: 18px;
}
.layer_lib .data_arr {
margin: 12px 0;
padding: 20px 60px;
border: 1px solid #dfdfdf;
text-align: center;
}
.layer_lib .data_arr strong {
position: relative;
display: inline-block;
padding: 10px 36px;
background-color: #666;
color: #fff;
font-size: 14px;
}
.layer_lib .data_arr strong:before {
content: "";
position: absolute;
bottom: -24px;
left: -34px;
display: inline-block;
width: 35px;
height: 24px;
background: url("bg_data_arr.png") no-repeat;
}
.layer_lib .data_arr strong:after {
content: "";
position: absolute;
bottom: -24px;
right: -34px;
display: inline-block;
width: 35px;
height: 24px;
background: url("bg_data_arr.png") no-repeat;
background-position: -36px 0;
}
.layer_lib .data_arr ul {
margin-top: 40px;
}
.layer_lib .data_arr ul li {
float: right;
min-width: 155px;
padding: 10px 0;
background-color: #f5f5f5;
box-sizing: border-box;
color: #666;
font-size: 14px;
}
.layer_lib .data_arr ul li:first-child {
float: left;
}
.layer_lib .data_arr:after {
content: "";
clear: both;
display: block;
}
.prd_inp_txtbox {
margin: 10px 0;
padding: 10px;
background: #f3f3f3;
text-align: center;
}
.prd_inp_txtbox1 {
margin: 10px 0;
}
.prd_inp_txt {
margin-top: 5px;
color: #767676;
font-size: 12px;
}
.prd_inp_txt.last {
margin-bottom: 0; text-align: left; padding: 30px 20px 10px; word-break:break-all;
}
.g_list_check li {
margin: 10px 0;
}
.prd_inp_box2 {
display: none;
margin-top: 15px;
padding: 15px 29px;
border: 1px solid #000;
}
.type3 .prd_inp_box2 {
display: block;
}
.prd_inp_box2:after {
content: "";
clear: both;
display: block;
}
.prd_inp_box2 .prd_in_top {
margin-bottom: 10px;
font-size: 15px;
line-height: 1.3;
}
.prd_inp_box2 .prd_in_top em {
display: block;
color: #150f96;
}
.g_btn_arrow {
display: block;
background-color: #014286;
color: #fff;
text-decoration: none;
}
.prd_inp_box2 .btn_area {
float: right;
}
.prd_inp_box2 .btn_area .g_btn_arrow {
width: 70px;
height: 88px;
padding: 18px 0;
box-sizing: border-box;
font-size: 15px;
}
.g_btn_arrow:hover,
.g_btn_arrow:active {
color: #fff;
text-decoration: none;
}
.g_btn_arrow span {
padding-bottom: 30px;
background: url("btn_prd_arrow2.png") 50% 100% no-repeat;
}
.prd_inp_box2 .prd_in_area:after {
content: "";
clear: both;
display: block;
}
.prd_inp_box2 .prd_in_box {
float: left;
width: 488px;
padding: 8px 15px;
border: 1px solid #dfdfdf;
box-sizing: border-box;
}
.prd_inp_box2 .prd_in_box > strong {
display: block;
margin-bottom: 5px;
font-size: 14px;
}
.prd_inp_box2 .prd_in_box .g_dot_list li {
margin-bottom: 0;
font-size: 13px;
}
.prd_inp_box2 .prd_in_box .g_dot_list li:before {
background-color: #b5b5b5;
}
.prd_inp_box2 .prd_in_box .g_dot_list {
float: left;
width: 240px;
border-right: 1px solid #dfdfdf;
}
.prd_inp_box2 .prd_in_box > p {
float: right;
width: 215px;
padding-left: 12px;
box-sizing: border-box;
color: #666;
font-size: 13px;
}
.prd_inp_box2 .prd_in_box.w2 .g_dot_list {
width: 260px;
}
.prd_inp_box2 .prd_in_box.w2 > p {
width: 195px;
}
.prd_inp_box2 .prd_in_box > p span {
display: block;
margin-bottom: 5px;
color: #000;
}
.prd_inp_box2 .prd_in_box > p strong {
color: #150f96;
}
.g_layer_box .p_table_01 th {
font-size: 15px;
}
.g_layer_box .p_table_01 td {
font-size: 14px;
}
/******************* type1 *******************/
.header_type01 {
height: 100px;
border-bottom: 1px solid #dadada;
box-sizing: border-box;
}
.header_type01 .header_inner {
position: relative;
width: 1100px;
margin: 0 auto;
height: 100px;
box-sizing: border-box;
}
.header_type01 .logo {
position: absolute;
left: 20px;
bottom: 20px;
}
.header_type01 .gnb_wrap_mall {
float: right;
padding-top: 43px;
}
.header_type01 .gnb_nav_mall:after {
content: "";
display: block;
clear: both;
}
.header_type01 .gnb_nav_mall > li {
position: relative;
float: left;
}
.header_type01 .gnb_nav_mall > li > a {
display: inline-block;
text-align: center;
font-family: "NotoSansMedium";
position: relative;
width: 80px;
height: 55px;
line-height: 55px;
font-size: 18px;
color: #000;
}
.header_type01 .gnb_nav_mall > li:first-child > a {
background: none;
}
.header_type01 .gnb_nav_mall li a:hover {
text-decoration: none;
}
.header_type01 .gnb_nav_mall > li > a:hover,
.header_type01 .gnb_nav_mall > li.active > a {
color: #150f96;
}
.header_type01 .gnb_nav_mall > li.on > a {
background: #fff;
color: #150f96;
}
.header_type01 .gnb_nav_mall > li.on > a:after {
position: absolute;
bottom: -4px;
left: 50%;
z-index: 51;
border-radius: 2.5px;
-ms-border-radius: 2px;
margin-left: -23px;
content: "";
display: inline-block;
width: 48px;
height: 5px;
background: #150f96;
}
.header_type01 .gnb_nav_mall .sub_nav {
display: none;
box-shadow: 4px 6px 8px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 4px 6px 8px rgba(0, 0, 0, 0.05);
position: absolute;
left: 0;
top: 58px;
border: solid #eaeaea;
border-width: 0 1px 1px 1px;
z-index: 50;
}
.header_type01 .gnb_nav_mall .sub_nav li {
box-sizing: border-box;
width: 400px;
}
.header_type01 .gnb_nav_mall .sub_nav li a {
display: block;
font-family: "NotoSans";
font-size: 18px;
background: #fff;
color: #000;
padding: 15px 30px;
}
.header_type01 .gnb_nav_mall .sub_nav li a .s_inner {
display: block;
padding: 25px 0;
border-top: 1px solid #eaeaea;
}
.header_type01 .gnb_nav_mall .sub_nav li:first-child a {
padding-bottom: 0;
}
.header_type01 .gnb_nav_mall .sub_nav li:first-child a .s_inner {
border: 0;
}
.header_type01 .gnb_nav_mall .sub_nav li + li a {
padding-top: 0;
}
.header_type01 .gnb_nav_mall .sub_nav li.on a {
background: #f1f8fd;
}
.header_type01 .gnb_nav_mall .sub_nav li .sub_txt {
display: block;
color: #150f96;
font-size: 14px;
}
.header_type01 .gnb_nav_mall .sub_nav li .sub_txt .point {
color: #65cf36;
font-family: "NotoSansBold";
}
/* contnet */
.content_inner_t1 {
width: 1100px;
margin: 0 auto;
padding: 90px 0 20px 0;
}
.content_inner_t1:after {
content: "";
display: block;
clear: both;
}
.prd_top_type1 .prd_top {
padding: 0 20px;
}
.prd_top_type1 {
float: none;
width: 1100px;
padding-left: 0;
min-height: auto;
}
.prd_top_type1 .prd_info {
float: left;
padding-right: 5px;
box-sizing: border-box;
width: 700px;
margin-bottom: 0;
}
.prd_top_type1 .prd_top .prd_tit {
font-family: "NotoSans";
letter-spacing: -1px;
line-height: 1.3;
font-weight: 600;
color: #666;
font-size: 18px;
}
.prd_top_type1 .prd_top .prd_top_txt {
font-family: "NotoSansLight";
letter-spacing: -0.06em;
line-height: 1.3;
font-size: 48px;
font-weight: 300;
color: #000;
margin-top: 10px;
margin-bottom: 0;
}
.prd_top_type1 .prd_top .prd_top_txt strong {
font-family: "NotoSansMedium";
color: #000;
}
.prd_info_t_wrap {
position: relative;
z-index: 1;
}
.prd_info_t_wrap .top_img {
position: absolute;
z-index: -1;
}
.prd_info_t_wrap.p00267 {
padding-top: 60px;
}
.prd_info_t_wrap.p00280 {
margin-top: 15px;
} /* 20-02-20 추가*/
.prd_info_t_wrap.p00198 .top_img {
top: 30px;
left: -25px;
}
.prd_info_t_wrap.p00280 .top_img {
top: 18px;
left: -20px;
}
.prd_info_t_wrap.p00225 .top_img {
top: 34px;
left: 16px;
}
.prd_info_t_wrap.p00267 .top_img {
top: 34px;
left: 16px;
}
.prd_info_t_wrap.p00230 .top_img {
top: 0;
left: 0;
}
.prd_info_t_wrap.p00074 .top_img {
top: -46px;
right: 85px;
}
.prd_info_t_wrap .float_bnr {
font-size: 18px;
color: #fff;
text-align: center;
position: absolute;
width: 134px;
height: 135px;
left: 160px;
top: -42px;
background: url("t1img_float_bnr.png") no-repeat 0 0;
}
.prd_info_t_wrap .float_bnr span {
display: block;
letter-spacing: -0.75px;
line-height: 1.3;
padding-top: 39px;
}
.prd_info_type1:after {
content: "";
display: block;
clear: both;
}
.prd_info_type1 li {
position: relative;
display: table;
line-height: 100%;
margin-top: 15px;
padding: 30px 0 35px 30px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
background: #fff;
float: left;
width: 300px;
height: 220px;
border: 1px solid #ebebeb;
}
.prd_info_type1 li:nth-child(1) {
margin-top: 0;
height: 220px;
margin-left: 315px;
}
.prd_info_type1 li:nth-child(3) {
margin-left: 15px;
}
.prd_info_t_wrap.p00280 .prd_info_type1 .p00280_t1 {
height: 270px;
} /* 20-02-20 추가*/
.prd_info_type1.line_two {
padding-top: 186px;
}
.prd_info_type1.line_two li {
margin-top: 0;
}
.prd_info_type1.line_two li:nth-child(1) {
margin-right: 15px;
margin-left: 0;
}
.prd_info_type1 li .info_inner {
display: table-cell;
vertical-align: bottom;
font-size: 18px;
line-height: 29px;
}
.prd_info_t_wrap.p00280 .prd_info_type1 li:nth-child(3) .info_inner {
vertical-align: top;
} /* 20-02-20 추가*/
.prd_info_type1 li .info_inner > span {
display: block;
}
.prd_info_type1 li .info_inner .img {
position: absolute;
}
.prd_info_type1 li .info_inner .in_tit {
font-size: 16px;
color: #32c787;
}
.prd_info_t_wrap.p00198 .prd_info_type1 li:nth-child(1) .info_inner .img {
right: 39px;
top: 24px;
}
.prd_info_t_wrap.p00198 .prd_info_type1 li:nth-child(2) .info_inner .img {
right: 35px;
top: 22px;
}
.prd_info_t_wrap.p00198 .prd_info_type1 li:nth-child(3) .info_inner .img {
right: 27px;
top: 12px;
}
.prd_info_t_wrap.p00225 .prd_info_type1 li:nth-child(1) .info_inner .img {
right: 30px;
top: 36px;
}
.prd_info_t_wrap.p00225 .prd_info_type1 li:nth-child(2) .info_inner .img {
right: 30px;
top: 34px;
}
.prd_info_t_wrap.p00225 .prd_info_type1 li:nth-child(3) .info_inner .img {
right: 31px;
top: 24px;
}
.prd_info_t_wrap.p00267 .prd_info_type1 li:nth-child(1) .info_inner .img {
right: 20px;
top: 29px;
}
.prd_info_t_wrap.p00267 .prd_info_type1 li:nth-child(2) .info_inner .img {
right: 40px;
top: 29px;
}
.prd_info_t_wrap.p00267 .prd_info_type1 li:nth-child(3) .info_inner .img {
right: 26px;
top: 27px;
}
.prd_info_t_wrap.p00230 .prd_info_type1 li:nth-child(1) .info_inner .img {
right: 28px;
top: 23px;
}
.prd_info_t_wrap.p00230 .prd_info_type1 li:nth-child(2) .info_inner .img {
right: 33px;
top: 22px;
}
.prd_info_t_wrap.p00230 .prd_info_type1 li:nth-child(3) .info_inner .img {
right: 30px;
top: 30px;
}
.prd_info_t_wrap.p00074 .prd_info_type1 li:nth-child(1) .info_inner .img {
right: 16px;
top: 43px;
}
.prd_info_t_wrap.p00074 .prd_info_type1 li:nth-child(2) .info_inner .img {
right: 33px;
top: 27px;
}
/* type1 style */
.prd_top_box_type1 {
padding-top: 20px;
padding-right: 20px;
float: right;
}
.prd_top_box_type1 .prd_inp_before {
padding: 50px 25px 24px 25px;
background: #150f96;
border-radius: 10px;
box-sizing: border-box;
width: 340px;
}
.prd_top_box_type1 h3.tit {
text-align: center;
font-family: "NotoSansBold";
position: relative;
font-size: 25px;
color: #fff;
}
.prd_top_box_type1 .my_prd_info {
padding: 0 7px;
margin-top: 40px;
}
.prd_top_box_type1 .my_prd_info .item {
font-size: 0;
margin-top: 9px;
}
.prd_top_box_type1 .my_prd_info > .item:first-child {
margin-top: 0;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .item .label {
display: inline-block;
box-sizing: border-box;
line-height: 30px;
letter-spacing: -1.3px;
vertical-align: middle;
white-space: nowrap;
width: 75px;
text-align: left;
padding-right: 0;
color: #fff;
font-size: 16px;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .item input {
text-align: center;
box-sizing: border-box;
height: 30px;
border: 0;
line-height: 100%;
border-radius: 4px;
font-family: "NotoSansMedium";
font-size: 18px;
color: #000;
width: 200px;
padding: 10px;
min-height: 56px;
}
.prd_top_box_type1
.prd_inp_before
.my_prd_info
.item
input:-ms-input-placeholder {
color: #909090;
}
.prd_top_box_type1
.prd_inp_before
.my_prd_info
.item
input:-moz-input-placeholder {
color: #909090;
}
.prd_top_box_type1
.prd_inp_before
.my_prd_info
.item
input::-webkit-input-placeholder {
color: #909090;
}
.context_type1 .prd_top_box_type1 {
padding-top: 0;
}
.context_type1 .prd_top_box_type1 h3.tit {
display: none;
}
.context_type1 .prd_top_box_type1 .my_prd_info {
margin-top: 0;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel_wrap {
overflow: hidden;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel_wrap .label {
line-height: 56px;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel_wrap .label,
.prd_top_box_type1 .my_prd_info .btn_sel_wrap .btn_sel {
float: left;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel {
overflow: hidden;
border-radius: 4px;
width: 200px;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel a {
width: 50%;
box-sizing: border-box;
text-align: center;
float: left;
height: 56px;
line-height: 56px;
background: #fff;
font-size: 18px;
color: #909090;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel a:first-child {
border-right: 1px solid #deeded;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel a.on {
border-color: #150f96;
background: #150f96;
color: #fff;
}
.prd_top_box_type1 .prd_inp_before .my_prd_info .btn_sel a:hover {
text-decoration: none;
}
.prd_top_box_type1 .prd_inp_before .btn_wrap {
margin-top: 20px;
}
.prd_top_box_type1 .prd_inp_before .btn_wrap a {
width: 100%;
display: block;
height: 70px;
line-height: 70px;
letter-spacing: -0.75px;
font-size: 20px;
color: #000;
border-radius: 35px;
text-align: center;
background: #ffdc32;
}
.prd_top_box_type1 .prd_inp_before .btn_wrap a:hover {
color: #000;
text-decoration: none;
}
.prd_top_box_type1 .prd_inp_before .btn_wrap a:after {
content: "";
display: inline-block;
margin-left: 12px;
vertical-align: middle;
width: 18px;
height: 20px;
background: url("t1bg_btn_cal.png") no-repeat 0 3px;
}
.prd_top_box_type1 .tel_area {
background: #e2f8ff;
box-sizing: border-box;
padding: 32px 0 0 40px;
border: 1px solid #150f96;
border-radius: 10px;
height: 120px;
margin-top: 20px;
width: 100%;
}
.prd_top_box_type1 .tel_area .inner {
background: url("t1bg_tel.png") no-repeat 0 8px;
padding-left: 63px;
}
.prd_top_box_type1 .tel_area .inner * {
line-height: 100%;
}
.prd_top_box_type1 .tel_area .inner > span {
color: #150f96;
font-weight: 600;
font-size: 18px;
}
.prd_top_box_type1 .tel_area .inner > span em {
position: relative;
}
.prd_top_box_type1 .tel_area .inner > span em:before {
content: "";
display: inline-block;
position: absolute;
left: 50%;
top: -4px;
margin-left: -2px;
width: 4px;
height: 4px;
background: url("t1bg_tel_point.png") no-repeat 0 0;
}
.prd_top_box_type1 .tel_area .tel {
margin-top: 3px;
font-family: "RobotoBold";
color: #150f96;
font-size: 32px;
}
/* prd_contVer1 background */
.prd_contVer1 .feature_wrap .feature_area .feature_inner {
width: 1100px;
margin: 0 auto;
color: #000;
letter-spacing: -1px;
position: relative;
}
/* panel01~4 단의 순서가 아닌 컬러값 지정(원하는 컬러럴 번호 맞게 지정) */
.prd_contVer1 .feature_wrap .feature_area.panel01 {
background: #f1f8fd;
} /* 옅은보라색 */
.prd_contVer1 .feature_wrap .feature_area.panel02 {
background: #fff;
} /* 흰색 */
.prd_contVer1 .feature_wrap .feature_area.panel03 {
background: #f3f3f3;
} /* 그레이 */
.prd_contVer1 .feature_wrap .feature_area.panel04 {
background: #f1fdfd;
} /* 하늘색 */
.prd_contVer1 .feature_wrap .feature_area .feature_inner {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* prd_contVer1 */
.prd_contVer1 img {
max-width: 100%;
}
.prd_contVer1 .feature_wrap .feature_area .feature_inner.pd_s {
padding-top: 100px;
padding-bottom: 100px;
}
.prd_contVer1 .feature_wrap .feature_area .feature_inner.pd_b {
padding-top: 140px;
padding-bottom: 140px;
}
.prd_contVer1 .feature_wrap .feature_area .feature_inner.pd_wh {
padding-top: 100px;
padding-bottom: 50px;
}
.prd_contVer1 .feature_wrap .context_type1 {
float: right;
padding-top: 12px;
width: 325px;
}
.prd_contVer1 .feature_wrap .context_area_type1 {
position: relative;
opacity: 0;
border-top: 1px solid #000;
padding-top: 30px;
}
.prd_contVer1 .feature_wrap .context_area_type1.cont01 {
padding-left: 13px;
}
.prd_contVer1 .feature_wrap .context_area_type1.cont02 {
padding-left: 13px;
margin-top: 70px;
}
.prd_contVer1 .feature_wrap .context_area_type1.cont03 {
padding-left: 13px;
margin-top: 70px;
}
.prd_contVer1 .feature_wrap .cont_horizontal {
padding-top: 90px;
padding-left: 190px;
}
.prd_contVer1 .feature_wrap .cont_horizontal:after {
content: "";
display: block;
clear: both;
}
.prd_contVer1 .feature_wrap .cont_horizontal li {
padding-left: 37px;
float: left;
}
.prd_contVer1 .feature_wrap .cont_horizontal li:first-child {
padding-left: 0;
}
.prd_contVer1 .feature_wrap .cont_horizontal li .img {
width: 60px;
height: 80px;
background-repeat: no-reapet;
background-position: 0 0;
}
.prd_contVer1 .feature_wrap .cont_horizontal .cont01_hori .img {
background-image: url("t1wimg_p00198_feature0401_1_3.png");
}
.prd_contVer1 .feature_wrap .cont_horizontal .cont02_hori .img {
background-image: url("t1wimg_p00198_feature0401_1_2.png");
}
.prd_contVer1 .feature_wrap .cont_horizontal .cont03_hori .img {
background-image: url("t1wimg_p00198_feature0401_1_1.png");
}
.prd_contVer1 .feature_wrap .feature_area.show .cont01_hori {
opacity: 0;
animation-name: slideRight;
animation-delay: 0.25s;
animation-duration: 1.5s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: both;
}
.prd_contVer1 .feature_wrap .feature_area.show .cont02_hori {
opacity: 0;
animation-name: slideRight;
animation-delay: 0.5s;
animation-duration: 1.5s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: both;
}
.prd_contVer1 .feature_wrap .feature_area.show .cont03_hori {
opacity: 0;
animation-name: slideRight;
animation-delay: 0.8s;
animation-duration: 1.5s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: both;
}
.prd_contVer1 .feature_wrap .feature_area.show .cont01 {
opacity: 0;
animation-name: slideup;
animation-delay: 0.25s;
animation-duration: 1.5s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: both;
}
.prd_contVer1 .feature_wrap .feature_area.show .cont02 {
opacity: 0;
animation-name: slideup;
animation-delay: 0.5s;
animation-duration: 1.5s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: both;
}
.prd_contVer1 .feature_wrap .feature_area.show .cont03 {
opacity: 0;
animation-name: slideup;
animation-delay: 0.8s;
animation-duration: 1.5s;
animation-direction: normal;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes slideup {
0% {
transform: translateY(30px);
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
30% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideRight {
0% {
transform: translateX(30px);
opacity: 0;
}
10% {
transform: translateX(0);
opacity: 1;
}
30% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.prd_contVer1 .feature_wrap .img {
min-height: auto;
}
.prd_contVer1 .feature_wrap .tit_chk {
letter-spacing: 0;
margin: 0;
margin-bottom: 8px;
line-height: 100%;
}
.prd_contVer1 .feature_wrap .tit_chk span {
font-size: 18px;
display: inline-block;
font-weight: bold;
color: #000;
line-height: 28px;
text-align: left;
}
.prd_contVer1 .feature_wrap .tit_chk span:before {
display: none;
}
.prd_contVer1 .feature_wrap .context_area_type1 .sub_txt {
display: block;
font-size: 14px;
margin-bottom: 24px;
line-height: 1.3;
color: #666;
}
.prd_contVer1 .feature_wrap .context_area_type1 .sub_txt.point {
margin-bottom: 50px;
color: #e65202;
}
.prd_contVer1 .feature_wrap .feature_area:nth-child(2) .context_type1 .sub_txt {
color: #909090;
}
.prd_contVer1 .feature_wrap .feature_area:nth-child(3) .cont01 img {
max-width: none;
}
.prd_contVer1 .u_line {
position: relative;
z-index: 5;
}
.prd_contVer1 .u_line:after {
content: "";
display: inline-block;
width: 100%;
z-index: -1;
border-radius: 10px;
background: #fff45c;
height: 10px;
position: absolute;
left: 0;
bottom: 2px;
}
.prd_contVer1 .prd_tb {
width: 100%;
margin-top: 8px;
padding-bottom: 3px;
border-bottom: 1px solid #ededed;
}
.prd_contVer1 .prd_tb.w420 {
width: 420px;
margin: 0 auto;
}
.prd_contVer1 .feature_wrap .w_m .prd_tb {
border-bottom: 0;
}
.prd_contVer1 .prd_tb thead th {
height: 34px;
background-color: #ededed;
box-sizing: border-box;
text-align: center;
}
.prd_contVer1 .prd_tb thead th.space {
border-left: 10px solid #fff;
}
.prd_contVer1 .prd_tb th,
.prd_tb td {
padding: 8px 2px 9px;
box-sizing: border-box;
text-align: center;
}
.prd_contVer1 .prd_tb tbody th {
font-weight: normal;
}
.type1 .p00198 .prd_contVer1 .feature_wrap .feature_area:nth-child(3) .cont01 {
float: none;
border: 0;
padding: 0;
width: auto;
margin-top: -56px;
position: absolute;
right: 0;
top: 50%;
}
.type1 .p00280 .prd_contVer1 .feature_wrap .feature_area:nth-child(3) .cont01 {
height: 330px;
}
.type1 .p00280 .prd_contVer1 .feature_wrap .feature_area:nth-child(3) .img {
position: absolute;
left: -60px;
bottom: 0;
}
.type1 .p00280 .prd_contVer1 .feature_wrap .feature_area:nth-child(3) .img img {
max-width: none;
}
.type1 .p00230 .prd_contVer1 .feature_wrap .feature_area:nth-child(3) .cont01 {
float: none;
border: 0;
padding: 0;
width: auto;
margin-top: -85px;
position: absolute;
right: 0;
top: 50%;
}
.prd_contVer1 .feature_wrap .context {
float: left;
box-sizing: border-box;
width: auto;
}
.prd_contVer1 .feature_wrap .feature_area .feature_inner:after {
content: "";
clear: both;
display: block;
}
.prd_contVer1 .feature_wrap .context .first_tit {
font-family: "NotoSansLight";
font-weight: 300;
letter-spacing: -0.075px;
color: #000;
font-size: 48px;
line-height: 1.3;
}
.prd_contVer1 .feature_wrap .context .first_tit strong {
font-family: "NotoSansMedium";
}
.prd_contVer1 .feature_wrap .context .first_tit .etc_txt {
font-size: 28px;
color: #666;
}
.prd_contVer1 .feature_wrap ul > li {
margin-bottom: 10px;
color: #000;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
letter-spacing: 0;
font-family: "NotoSansLight";
}
.prd_contVer1 .feature_wrap ul > li > strong {
font-family: "NotoSansMedium";
color: #000;
}
.prd_contVer1 .cont_box_r {
padding-top: 34px;
width: 388px;
background: url("t1bg_cont_box_top.png") no-repeat left top;
}
.type1 .p00225 .prd_contVer1 .feature_wrap .context_type1 {
width: 388px;
padding: 0;
}
.type1 .p00225 .prd_contVer1 .feature_wrap .context_area_type1 {
padding-top: 0;
border: 0;
}
.prd_contVer1 .cont_box_r .box_inner {
padding: 0 0 45px 50px;
background: url("t1bg_cont_box_bottom.png") repeat-y left bottom;
}
.prd_contVer1 .cont_box_r .box_tit {
margin-bottom: 15px;
padding-top: 13px;
padding-left: 96px;
background: url("t1bg_cont_img.png") no-repeat 0 50%;
}
.prd_contVer1 .cont_box_r .box_tit strong {
font-family: "NotoSans";
font-weight: 300;
display: block;
font-size: 20px;
color: #000;
}
.prd_contVer1 .cont_box_r .box_tit em {
font-family: "RobotoMedium";
line-height: 1.2;
font-size: 48px;
color: #150f96;
}
.prd_contVer1 .cont_box_r .box_tit em span {
font-family: "NotoSansBold";
margin-left: 5px;
font-size: 20px;
color: #000;
}
.prd_contVer1 .cont_box_r ul {
padding-left: 15px;
}
.prd_contVer1 .cont_box_r ul li {
margin-top: 28px;
line-height: 100%;
position: relative;
}
.prd_contVer1 .cont_box_r ul li:first-child {
margin-top: 0;
}
.prd_contVer1 .cont_box_r ul li:before {
position: absolute;
left: -28px;
top: 0;
width: 24px;
height: 22px;
content: "";
display: inline-block;
background: url("t1icon_cont_box.png") no-repeat 0 50%;
}
.prd_contVer1 .cont_box_r ul li .t_line {
margin-bottom: 10px;
overflow: hidden;
font-family: "NotoSansBold";
width: 293px;
background: url("t1bg_cont_box_list.png") repeat-x 0 50%;
}
.prd_contVer1 .cont_box_r ul li .t_line em {
float: left;
width: 90px;
background: #fff;
font-size: 20px;
color: #000;
}
.prd_contVer1 .cont_box_r ul li .t_line .point {
float: right;
padding-left: 13px;
background: #fff;
color: #ffa200;
text-align: right;
}
.prd_contVer1 .cont_box_r ul li > span {
line-height: 1;
font-size: 15px;
color: #666;
}
.prd_contVer1 .lb_box {
font-size: 30px;
font-family: "NotoSans";
padding: 0 9px;
height: 48px;
line-height: 48px;
border-radius: 6px;
background: #41a544;
}
.prd_contVer1 [class^="g_list"] li .sup {
color: #65cf36;
}
.prd_contVer1 .sub_g_list li {
color: #767676;
font-size: 14px;
line-height: 24px;
position: relative;
padding-left: 15px;
}
.prd_contVer1 .sub_g_list .sup {
position: absolute;
left: 0;
top: 8px;
font-size: 30px;
}
.prd_contVer1 .cont_table_area {
background: #fff;
box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.06);
padding: 0 14px;
border: 1px solid #ededed;
}
.prd_contVer1 .prd_tb thead th {
background: none;
height: 43px;
border-bottom: 1px solid #ededed;
}
.prd_contVer1 .prd_tb th,
.prd_contVer1 .prd_tb td {
padding: 8px 0;
margin: 0;
font-size: 14px;
color: #000;
}
.prd_contVer1 .prd_tb tr.bg1 {
background: none;
}
.prd_contVer1 .prd_tb tr.bg1 td {
font-weight: 600;
font-size: 18px;
color: #150f96;
}
.prd_contVer1 .prd_tb tr.bg1 .u_line {
display: block;
}
.prd_contVer1 .prd_tb tr.bg1 .u_line:after {
height: 8px;
bottom: -1px;
background: #ffe66f;
border-radius: 0;
}
.prd_contVer1 .prd_tb tr.bg1 td:first-child .u_line:after {
left: 5px;
border-radius: 6px 0 0 6px;
}
.prd_contVer1 .prd_tb tr.bg1 td:last-child .u_line:after {
left: -5px;
border-radius: 0 6px 6px 0;
}
.prd_contVer1 .prd_tb.brd thead th {
font-weight: 400;
background: #f1f8fd;
color: #000;
}
.prd_contVer1 .prd_tb thead th,
.prd_contVer1 .prd_tb tbody td {
border-bottom: 1px solid #ededed;
}
.prd_contVer1 .prd_tb tbody td {
padding: 14px 0;
}
.prd_contVer1 .prd_tb tbody td:first-child {
color: #666;
}
.prd_contVer1 .graph_txt {
width: 200px;
letter-spacing: 0;
position: relative;
font-weight: 600;
margin-bottom: 25px;
font-size: 15px;
color: #000;
}
.prd_contVer1 .graph_txt .num {
position: absolute;
right: 0;
top: 0;
letter-spacing: -0.05em;
font-family: "Roboto";
font-size: 36px;
color: #41a544;
}
.prd_contVer1 .graph_txt .num span {
font-size: 16px;
}
.prd_contVer1 .context_type1 .half_area:after {
content: "";
display: block;
clear: both;
}
.prd_contVer1 .context_type1 .half_area .half_txt {
letter-spacing: 0;
font-size: 15px;
color: #000;
float: left;
}
.prd_contVer1 .context_type1 .half_area .half_txt em {
padding-top: 10px;
display: block;
font-size: 22px;
color: #150f96;
}
.prd_contVer1 .context_type1 .half_area .half_txt em .num {
font-family: "RobotoMedium";
}
.prd_contVer1 .context_type1 .half_area .half_txt p {
font-size: 15px;
color: #666;
}
.prd_contVer1 .context_type1 .half_area .img {
float: right;
}
.prd_contVer1 .context_type1 .half_area.left_img .half_txt em {
font-size: 24px;
color: #000;
}
.prd_contVer1 .context_type1 .half_area.left_img .half_txt em .num {
font-family: "RobotoBold";
font-size: 36px;
color: #150f96;
}
.prd_contVer1 .context_type1 .half_area.left_img .img {
margin-right: 20px;
float: left;
}
.p00074 .prd_contVer1 .context_area_type1.cont02 .half_area .half_txt em {
letter-spacing: -0.05em;
font-weight: 600;
}
.p00267 .prd_contVer1 .context_area_type1.cont02 .half_area + .half_area .img {
margin-top: -15px;
}
.p00267 .prd_contVer1 .context_area_type1.cont03 .half_area .img {
margin-top: -20px;
}
.prd_contVer1 .cont_vs_area {
overflow: hidden;
}
.prd_contVer1 .cont_vs_area .vs_table,
.prd_contVer1 .cont_vs_area .vs {
float: left;
}
.prd_contVer1 .cont_vs_area .cont_vs01 {
width: 165px;
}
.prd_contVer1 .cont_vs_area .cont_vs02 {
width: 98px;
float: right;
}
.prd_contVer1 .cont_vs_area .cont_vs02 thead th {
height: 40px;
}
.prd_contVer1 .cont_vs_area .vs {
margin-left: 10px;
margin-top: 7px;
color: #fff;
font-size: 15px;
width: 31px;
height: 30px;
letter-spacing: 0;
text-align: center;
line-height: 30px;
border-radius: 50%;
background: #000;
}
.prd_contVer1 .cont_vs_area .vs_table thead th {
padding-bottom: 20px;
font-weight: 300;
color: #000;
font-size: 22px;
}
.prd_contVer1 .cont_vs_area .vs_table tbody td,
.prd_contVer1 .cont_vs_area .vs_table tbody th {
padding: 6px 0;
}
.prd_contVer1 .cont_vs_area .vs_table tbody td {
font-weight: 300;
color: #000;
font-size: 18px;
}
.prd_contVer1 .cont_vs_area .vs_table tbody th {
text-align: left;
color: #666;
font-size: 14px;
}
.prd_contVer1 .cont_vs_area .vs_table tbody td strong {
color: #000;
}
.prd_contVer1 .feature_inner .context_top:after,
.prd_contVer1 .feature_inner .context_bottom:after {
content: "";
display: block;
clear: both;
}
.prd_contVer1 .feature_inner .context_bottom {
margin-top: 100px;
}
.prd_contVer1 .feature_inner .context_bottom .cont02 {
margin-top: 0;
}
/* 가입시 유의사항 list */
.prd_bottom_com {
position: relative;
padding-bottom: 150px;
margin: 0 auto;
width: 1100px;
} /* 20-02-20 여백 수정 250px에서 150px로 */
.prd_bottom_com .prd_bottom_inner {
padding: 0 20px;
}
.prd_g_list ul.g_list_area {
border: 1px solid #eee;
}
.prd_g_list ul.g_list_area li a:hover {
text-decoration: none;
}
.prd_g_list ul.g_list_area li .g_list_tit {
position: relative;
}
.prd_g_list ul.g_list_area li .g_list_tit a {
display: block;
border: solid #eee;
border-width: 1px 0 0 0;
font-size: 20px;
color: #000;
height: 70px;
line-height: 70px;
padding: 0 30px;
}
.prd_g_list ul.g_list_area li .g_list_tit a strong {
font-weight: 400;
}
.prd_g_list ul.g_list_area li:first-child .g_list_tit a {
border: 0;
}
.prd_g_list ul.g_list_area li .g_list_tit a:after {
content: "";
display: inline-block;
position: absolute;
right: 40px;
top: 50%;
margin-top: -6px;
height: 12px;
width: 23px;
background: url("t1bg_list_arrow.png") no-repeat 0 0;
}
.prd_g_list ul.g_list_area li .g_list_cont {
display: none;
}
.prd_g_list ul.g_list_area li .g_list_cont .prd_msg_01 {
width: 100%;
}
.prd_g_list ul.g_list_area li .g_list_cont .prd_msg_01 span {
color: #150f96;
}
.prd_g_list ul.g_list_area li .g_list_cont .prd_msg_02 .notice {
background-color: #150f96;
}
.product .g_list_cont table.g_table_03 tbody th,
.g_list_cont .p_table_01 tbody th {
text-align: left;
color: #000;
}
.product .g_list_cont table.g_table_03 tbody table thead th {
background: #fbfbfb;
border-top: 1px solid #000;
text-align: center;
}
.product .g_list_cont table.g_table_03 tbody table tbody th,
.g_list_cont table.g_table_03 tbody table tbody td {
border-bottom: 1px solid #ccc;
}
.product .g_list_cont table.g_table_03 th,
.product .g_list_cont table.g_table_03 td {
border-left: 0;
}
.product .g_list_cont table tbody .point,
.g_list_cont .g_define_01 dt {
font-size: 17px;
}
.g_listCon01 table.g_table_03 tbody td {
font-size: 17px;
text-align: center;
}
.g_listCon01 table.g_table_03 tbody td:first-child {
font-size: 15px;
}
.g_listCon04 table.g_table_03 tbody td {
font-size: 17px;
text-align: center;
}
.g_listCon04 table.g_table_03 tbody td:first-child {
font-size: 15px;
}
/* 활성화시 on */
.prd_g_list ul.g_list_area li.on .g_list_tit a {
background: #fbfbfb;
}
.prd_g_list ul.g_list_area li.on .g_list_tit a:after {
background-position: 0 100%;
}
.prd_g_list ul.g_list_area li.on .g_list_cont {
display: block;
}
.prd_g_list ul.g_list_area li.on .g_list_cont {
}
.prd_g_list .g_list_cont > .inner {
padding: 60px 30px;
}
.prd_g_list .g_list_cont .join_info {
display: table;
width: 100%;
box-sizing: boder-box;
background: #eef7ff;
padding: 45px 0;
}
.prd_g_list .g_list_cont .join_info > .tit {
display: table-cell;
width: 252px;
vertical-align: middle;
padding-left: 105px;
}
.prd_g_list .g_list_cont .join_info > .tit span {
position: relative;
display: inline-block;
padding: 93px 0 14px 0;
border-bottom: 1px solid #000;
color: #000;
font-size: 20px;
}
.prd_g_list .g_list_cont .join_info > .tit span:before {
position: absolute;
left: 0;
top: 0;
content: "";
display: inline-block;
width: 96px;
height: 84px;
background: url("t1bg_join_info.png") no-repeat 0 0;
}
.prd_g_list .g_list_cont .join_info .j_info_list {
display: table-cell;
font-size: 18px;
}
.prd_g_list .g_list_cont .join_info .j_info_list > li {
overflow: hidden;
margin-top: 10px;
line-height: 32px;
}
.prd_g_list .g_list_cont .join_info .j_info_list > li:first-child {
margint-top: 0;
}
.prd_g_list .g_list_cont .join_info .j_info_list > li > strong {
float: left;
color: #150f96;
width: 90px;
}
.prd_g_list .g_list_cont .join_info .j_info_list > li > p {
float: left;
color: #000;
}
.prd_g_list ul.g_list_area li .g_list_cont .h5_tit i {
color: #000;
}
.prd_g_list ul.g_list_area li .g_list_cont .img_wrap .img_box {
border: 0;
}
.prd_last_ver1 {
width: 1100px;
margin: 0 auto;
}
.prd_last_ver1 * {
font-size: 16px;
font-weight: 400;
}
.prd_last_ver1 p {
color: #000;
}
.prd_info .prd_last_ver1 {
padding: 30px 0 0 0;
}
.prd_info .prd_last_ver1 p {
font-size: 15px;
color: #909090;
}
/* 질문 트리거 */
.float_trigger {
position: fixed;
z-index: 5;
text-align: right;
bottom: 120px;
right: 50%;
margin-right: -630px;
}
.float_trigger .chat_txt_list > li {
display: none;
}
.float_trigger .chat_txt_list > li.active {
display: block;
}
.float_trigger .chat_txt_list > li > a {
height: 107px;
padding-right: 130px;
display: inline-block;
background: url("t1bg_chat_img.png") no-repeat right top;
}
.float_trigger .chat_txt_list .chat_text_wrap {
position: relative;
top: 10px;
display: inline-block;
text-align: center;
color: #fff991;
height: 72px;
line-height: 72px;
padding-right: 20px;
font-size: 18px;
background: url("t1bg_chat01.png") no-repeat 0 0;
}
.float_trigger .chat_txt_list .chat_text_wrap > span {
display: inline-block;
padding-left: 43px;
}
.float_trigger .chat_txt_list .chat_text_wrap:after {
position: absolute;
right: -35px;
top: 0;
content: "";
display: inline-block;
width: 35px;
height: 72px;
background: transparent url("t1bg_chat01.png") right top no-repeat;
}
/* footer */
.footer_comm {
padding-bottom: 50px;
background: #fff;
}
.footer_comm .inside {
border-top: 1px solid #e4e4e4;
position: relative;
padding-top: 30px;
width: 1100px;
margin: 0 auto;
}
.footer_comm .foot_menu {
margin: 0 0 22px;
}
.footer_comm .foot_menu:after {
display: block;
content: "";
clear: both;
}
.footer_comm .foot_menu li {
float: left;
font-size: 14px;
}
.footer_comm .foot_menu li:before {
display: inline-block;
margin: 0 20px;
content: "";
width: 1px;
height: 10px;
background-color: #bfc1c6;
}
.footer_comm .foot_menu li:first-child:before {
display: none;
}
.footer_comm .foot_menu li a {
color: #555;
}
.footer_comm .foot_menu li:first-child a {
color: #150f96;
}
.footer_comm address,
.footer_comm p {
font-size: 13px;
color: #666;
line-height: 19px;
}
.footer_comm p span {
display: block;
}
.footer_comm .foot_icons {
position: absolute;
top: 34px;
right: 0;
color: #666;
}
.footer_comm .foot_icons:after {
display: block;
content: "";
clear: both;
}
.footer_comm .foot_icons li {
float: left;
margin-left: 30px;
}
.footer_comm .foot_icons li a {
color: #666;
}
.footer_comm .foot_icons li a:hover {
text-decoration: none;
}
.footer_comm .foot_icons li .inner {
display: inline-block;
padding-top: 57px;
line-height: 20px;
font-size: 13px;
text-align: center;
background-position: 50% 0;
background-repeat: no-repeat;
}
.footer_comm .foot_icons li.icon00 .inner {
background-image: url("bg_foot_icon00.png");
}
.footer_comm .foot_icons li.icon01 .inner {
background-image: url("bg_foot_icon01_v2.png");
} /* 20190628 아이콘 변경 */
.footer_comm .foot_icons li.icon02 .inner {
background-image: url("bg_foot_icon02.png");
}
/* 분리작업 공통 레이어팝업(type1기준) */
.ly_prd_comm {
display: none;
}
.ly_prd_comm .inner {
position: relative;
box-sizing: border-box;
background-color: #fff;
width: 647px;
top: 15%;
border-radius: 16px;
margin: 0 auto;
border: 0;
font-family: Spoqa;
}
.ly_prd_comm .layer_cont {
box-sizing: border-box;
letter-spacing: -1px;
font-size: 14px;
}
.ly_prd_comm .layer_head .layer_tit {
letter-spacing: -1px;
color: #fff;
border-radius: 16px 16px 0 0;
font-family: "NotoSansLight";
padding: 12px 0 12px 22px;
text-align: left;
background-color: #150f96;
font-size: 24px;
}
.ly_prd_comm .agree_box .terms_marker {
font-size: 16px;
font-weight: 600;
color: #000;
}
.ly_prd_comm .agree_box .inp_chkbox {
border: 0;
margin-top: 35px;
background: #f6f6f6;
margin-bottom: 20px;
padding: 27px 0;
text-align: center;
}
.ly_prd_comm .agree_box .inp_chkbox label {
vertical-align: middle;
margin-right: 22px;
margin-left: 6px;
font-size: 15px;
color: #000;
}
.ly_prd_comm .agree_box .inp_chkbox input[type="radio"] {
-webkit-appearance: none;
width: 36px;
height: 36px;
background: url("t1bg_radio_style.png") 0 0 no-repeat;
}
.ly_prd_comm .agree_box .inp_chkbox input[type="radio"]:checked {
background-position: 0 -37px;
}
.ly_prd_comm .g_btn_01 {
background-color: #150f96;
border-radius: 4px;
width: 240px;
height: 60px;
line-height: 60px;
font-size: 18px;
}
/* 정보이용동의 */
.ly_prd_agree.ly_prd_comm .inner {
width: 647px;
top: 13%;
}
.ly_prd_agree.ly_prd_comm .layer_cont {
height: 647px;
padding: 20px 0 0;
}
.ly_prd_agree.ly_prd_comm .agree_box {
padding: 0 29px;
font-size: 14px;
}
.ly_prd_agree.ly_prd_comm .agree_box .tit {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #150f96;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03 {
height: 120px;
padding: 14px 22px 0 5px;
overflow-y: auto;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03.noscroll {
height: auto;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03 li {
color: #000;
letter-spacing: -1px;
line-height: 27px;
margin-bottom: 10px;
font-size: 15px;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03 li:after {
top: 13px;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03 li:last-child.blt {
margin-bottom: 15px;
text-align: right;
}
.ly_prd_agree.ly_prd_comm .agree_box .inp_chkbox + .tit {
margin-top: 12px;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03 .blt {
padding-left: 28px;
text-indent: -16px;
color: #767676;
}
.ly_prd_agree.ly_prd_comm .agree_box .g_list_03 .blt:after {
display: none;
}
.ly_prd_agree.ly_prd_comm .btn_wrap_center {
padding: 0 0 29px;
}
.ly_prd_area.ly_prd_comm .btn_wrap_center {
padding: 20px 0 0 0;
}
.ly_agree.ly_prd_comm .inner .g_list_01_bot {
width: 100%;
box-sizing: border-box;
}
/* 보험료 산출 팝업 */
.ly_prd_area.ly_prd_comm .inner {
width: 700px;
top: 15%;
}
.ly_prd_area.ly_prd_comm .layer_cont {
height: 650px;
padding: 45px 50px 30px;
box-sizing: border-box;
font-size: 14px;
letter-spacing: -1px;
}
.ly_prd_area.ly_prd_comm .prd_inp_top {
font-size: 30px;
font-family: "NotoSansLight";
}
.ly_prd_area.ly_prd_comm .g_btn_01 {
background-color: #007cdf;
border-radius: 0;
}
.ly_prd_area.ly_prd_comm .btn_wrap_center {
padding: 20px 0;
}
.ly_prd_comm .prd_inp_top {
color: #007ce0;
text-align: center;
}
.ly_prd_comm .prd_inp_top p {
margin-top: 5px;
color: #000;
font-size: 16px;
}
.ly_prd_comm .prd_inp_box {
margin-top: 12px;
padding: 0;
overflow-x: hidden;
height: 408px;
}
.ly_prd_comm .prd_inp_box.scroll_h {
height: 410px;
}
.ly_prd_comm .prd_inp_box .inp_type1 {
width: 100%;
padding: 25px 0;
border: 1px solid #bee9ff;
background: #f9fdff;
color: #000;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1.4;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 strong {
color: #007ce0;
font-size: 24px;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in {
display: table;
width: auto;
margin: 0 auto;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in > p {
display: table-row;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in .prd_name {
font-size: 15px;
line-height: 27px;
text-align: left;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in .prd_name span {
position: relative;
padding-left: 64px;
margin-bottom: 10px;
display: block;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in .prd_name span:before {
position: absolute;
left: 0;
top: 3px;
content: "";
display: inline-block;
width: 48px;
height: 48px;
background: url("t1ico_prd_bgbox.png") 0 0 no-repeat;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in .prd_sum {
letter-spacing: 0;
text-align: center;
font-size: 20px;
}
.ly_prd_comm .prd_inp_box div.prd_inp_01 .prd_inp_in .prd_sum strong {
font-size: 26px;
}
.ly_prd_comm .prd_inp_box .prd_inp_table {
padding: 0 12px;
}
.ly_prd_comm .prd_inp_box .prd_inp_02 {
margin-top: 5px;
color: #666;
line-height: 24px;
text-align: left;
}
.ly_prd_comm .prd_inp_box .prd_inp_02 span {
color: #000;
}
.ly_prd_comm .prd_inp_table .prd_inp_txt.last {
line-height: 24px;
font-size: 14px;
}
.ly_prd_area.ly_prd_comm .p_table_01 tbody td,
.ly_prd_area.ly_prd_comm .p_table_01 thead th {
border-left: 0;
}
.ly_prd_area.ly_prd_comm .prd_panel table.g_table_03 tbody th.td,
.ly_prd_area.ly_prd_comm .p_table_01 tbody th.td {
font-weight: 600;
}
.ly_prd_area.ly_prd_comm .p_table_01 tbody td {
font-size: 15px;
}
.g_layer_box.ly_prd_comm .btn_layer_close {
top: 18px;
}
.ly_prd_comm .prd_inp_box .prd_inp_01.inp_type1 {
display: block;
}
.type3 .ly_prd_comm .prd_inp_box .prd_inp_01.inp_type3 {
display: block;
}
.type3 .ly_prd_comm .prd_inp_box .prd_inp_01.inp_type1 {
display: none;
}
.ly_prd_comm .prd_inp_box .prd_inp_01.inp_type3 {
display: none;
}
/* type3 팝어분리작업 */
.type3 .ly_prd_comm .layer_head .layer_tit {
font-family: "NotoSans";
border-radius: 0;
background-color: #150f96;
font-size: 23px;
}
.type3 .ly_prd_comm .inner {
width: 680px;
top: 24%;
margin: 0 auto;
border-radius: 0;
font-family: Spoqa;
}
.type3 .ly_prd_comm .g_btn_01 {
border-radius: 0;
height: 40px;
line-height: 40px;
font-size: 15px;
width: auto;
}
/* type3 정보이용동의 팝업 */
.type3 .ly_prd_agree .layer_cont {
height: 460px;
padding: 46px 0 0;
box-sizing: border-box;
font-size: 14px;
letter-spacing: -1px;
}
.type3 .ly_prd_agree .agree_box {
padding: 0 29px;
font-size: 14px;
}
.type3 .ly_prd_agree .agree_box .tit {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #150f96;
}
.type3 .ly_prd_agree .agree_box .g_list_03 {
height: 120px;
padding: 14px 22px 0 5px;
border: 1px solid #dfdfdf;
border-bottom: 0;
overflow-y: auto;
}
.type3 .ly_prd_agree .agree_box .g_list_03.noscroll {
height: auto;
}
.type3 .ly_prd_agree .agree_box .g_list_03 li {
line-height: 21px;
margin-bottom: 5px;
font-size: 14px;
color: #000;
letter-spacing: -1px;
}
.type3 .ly_prd_agree .agree_box .g_list_03 .blt {
padding-left: 28px;
text-indent: -16px;
color: #767676;
}
.type3 .ly_prd_agree .agree_box .g_list_03 .blt:after {
display: none;
}
.type3 .ly_prd_agree .agree_box .g_list_03 li:last-child.blt {
margin-bottom: 15px;
text-align: right;
}
.type3 .ly_prd_agree .agree_box .inp_chkbox {
padding: 14px 0;
margin-bottom: 20px;
border-color: #d9d9d9;
margin-top: 0;
margin-bottom: 20px;
border-style: solid;
border-width: 1px;
background-color: #fafafa;
text-align: right;
}
.type3 .ly_prd_agree .agree_box .inp_chkbox label {
margin-left: 2px;
font-size: 14px;
margin-right: 22px;
}
.type3 .ly_prd_agree .agree_box .inp_chkbox input[type="radio"] {
-webkit-appearance: radio;
width: 13px;
height: 13px;
background: none;
}
.type3 .ly_prd_agree .agree_box .inp_chkbox + .tit {
margin-top: 12px;
}
.type3 .ly_prd_agree.ly_prd_comm .btn_wrap_center {
padding: 0 0 29px;
}
.type3 .ly_agree .inner .g_list_01_bot {
width: 100%;
box-sizing: border-box;
}
/* type3 보험료산출 팝업 */
.type3 .ly_prd_area.ly_prd_comm .layer_cont {
height: 600px;
padding: 20px 30px 0;
}
.type3 .ly_prd_area.ly_prd_comm .prd_inp_top {
font-family: "NotoSans";
font-size: 20px;
}
.type3 .ly_prd_comm .prd_inp_top p {
font-size: 15px;
}
.type3 .ly_prd_comm .prd_inp_box {
height: 405px;
overflow-y: auto;
padding: 15px 29px 0;
border: 1px solid #dfdfdf;
}
.prd_inp_box .inp_type3 {
padding-top: 70px;
background: url("ico_prd_bgbox.png") 50% 0 no-repeat;
background-size: 90px auto;
color: #000;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1.4;
}
.prd_inp_box .inp_type3 strong {
color: #007ce0;
font-size: 24px;
}
.type3 .ly_prd_comm .prd_inp_box .prd_inp_02 {
line-height: 1.5;
text-align: center;
}
/* 질문 트리거 레이어 팝업 */
.ly_trigger_wrap {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 3000;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.ly_trigger_wrap .ly_inner {
width: 800px;
padding: 50px;
margin: 0 auto;
position: relative;
background-color: #fff;
top: 15%;
box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.ly_trigger_wrap .ly_tri_header {
font-size: 30px;
color: #150f96;
font-family: "NotoSansThin";
}
.ly_trigger_wrap .ly_tri_cont {
margin-top: 40px;
height: 408px;
overflow-y: auto;
font-family: "NotoSans";
}
.ly_trigger_wrap .ly_tri_cont.noscroll {
overflow-y: visible;
}
.ly_trigger_wrap .ly_tri_cont .inner {
font-size: 16px;
color: #666;
}
.ly_trigger_wrap .ly_tri_cont .inner > p {
line-height: 1.8;
padding-top: 30px;
}
.ly_trigger_wrap .ly_tri_cont .ly_list li {
line-height: 1.8;
}
.ly_trigger_wrap .ly_tri_cont .ly_list strong {
color: #000;
}
.ly_trigger_wrap .btn_layer_close {
display: block;
width: 24px;
height: 25px;
position: absolute;
top: 36px;
right: 37px;
font-size: 0;
overflow: hidden;
background: url("t1btn_close01.png") 0 0 no-repeat;
}
/* 하단고정 플로팅 배너 */
.prd_fl_ver1 {
box-sizing: border-box;
padding-top: 15px;
height: 100px;
}
.prd_fl_ver1 a:hover {
text-decoration: none;
}
.prd_fl_ver1 .inner > div.bnr_tel_area,
.prd_fl_ver1 .inner > div.bnr_prd_area {
padding-top: 8px;
}
.prd_fl_ver1 .inner > div.bnr_tel_area {
box-sizing: border-box;
text-align: left;
width: auto;
margin-left: 27px;
padding-left: 58px;
border: 0;
}
.prd_fl_ver1 .inner > div.bnr_tel_area .tit {
line-height: 100%;
font-size: 18px;
}
.prd_fl_ver1 .inner > div.bnr_tel_area .tel {
text-align: left;
margin-top: 0;
}
.prd_fl_ver1 .inner > div.bnr_tel_area .tel span {
display: inline-block;
padding-top: 10px;
font-family: "RobotoBold";
position: relative;
padding-left: 0;
font-size: 32px;
background: none;
}
.prd_fl_ver1 .inner > div.bnr_tel_area .tel span:before {
position: absolute;
left: -58px;
bottom: 8px;
content: "";
display: inline-block;
width: 49px;
height: 42px;
background: url("t1ico_bg_tel.png") 0 0 no-repeat;
}
.prd_fl_ver1 .inner > div {
text-align: right;
}
.prd_fl_ver1 .inner > div.bnr_prd_area {
padding-left: 0;
line-height: 1.2;
width: 478px;
}
.prd_fl_ver1 .inner > div.bnr_prd_area a {
margin-top: 10px;
display: inline-block;
color: #fff;
}
.prd_fl_ver1 .inner > div.bnr_prd_area .prd_tit,
.prd_fl_ver1 .inner > div.bnr_prd_area .prd_price {
width: auto;
}
.prd_fl_ver1 .inner > div.bnr_prd_area .prd_tit {
display: block;
}
.prd_fl_ver1 .inner > div.bnr_prd_area .prd_price {
display: inline-block;
font-weight: 300;
}
.prd_fl_ver1 .inner > div.bnr_prd_area .prd_price em {
font-family: "RobotoMedium";
font-weight: 600;
color: #ffde00;
}
.prd_fl_ver1 .inner > div.bnr_btn_wrap {
padding: 0;
float: right;
}
.prd_fl_ver1 .inner > div.bnr_btn_wrap a {
width: 244px;
border: 0;
font-size: 20px;
line-height: 70px;
text-align: center;
background: #1b1b1b;
border-radius: 35px;
height: 70px;
}
.prd_fl_ver1 .inner > div.bnr_btn_wrap a span {
background-position: 97% 50%;
}
/******************* type3 *******************/
/* header */
.header_type03 {
height: 100px;
border-bottom: 1px solid #dadada;
box-sizing: border-box;
}
.header_type03 .header_inner {
position: relative;
width: 1100px;
margin: 0 auto;
height: 100px;
box-sizing: border-box;
}
.header_type03 .logo {
position: absolute;
left: 0;
top: 50%;
margin-top: -22px;
}
.header_type03 .logo a {
width: 308px;
height: 50px;
background: url("h1_logo_mall.png") 0 0 no-repeat;
font-size: 1px;
color: transparent;
overflow: hidden;
display: block;
}
.header_type03 .gnb_wrap_mall {
float: right;
}
.header_type03 .gnb_nav_mall:after {
content: "";
display: block;
clear: both;
}
.header_type03 .gnb_nav_mall > li {
position: relative;
float: left;
}
.header_type03 .gnb_nav_mall > li > a {
display: inline-block;
height: 99px;
padding: 0 30px;
line-height: 99px;
text-align: center;
font-size: 30px;
font-family: "NotoSansBold";
color: #000;
}
.header_type03 .gnb_nav_mall > li:first-child > a {
background: none;
}
.header_type03 .gnb_nav_mall li a:hover {
text-decoration: none;
}
.header_type03 .gnb_nav_mall > li > a:hover,
.header_type03 .gnb_nav_mall > li.active > a {
background-color: #13c6ff;
color: #fff;
}
.header_type03 .gnb_nav_mall > li.on > a {
background-color: #150f96;
color: #fff;
}
.header_type03 .gnb_nav_mall .sub_nav {
display: none;
box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14);
-webkit-box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14);
width: 572px;
background-color: #fff;
border: solid #d5d5d5;
border-width: 1px 1px 1px 1px;
box-sizing: border-box;
padding: 30px 0 30px 40px;
position: absolute;
left: -122px;
top: 0;
margin-top: 99px;
z-index: 50;
}
.header_type03 .gnb_nav_mall .sub_nav:after {
content: "";
display: inline-block;
width: 14px;
height: 9px;
position: absolute;
left: 172px;
top: -9px;
background: url("t3bg_g_sub_box.png") 0 0 no-repeat;
}
.header_type03 .gnb_nav_mall li:nth-child(2) .sub_nav:after {
left: 158px;
}
.header_type03 .gnb_nav_mall .sub_nav li {
position: relative;
margin-top: 30px;
width: auto;
}
.header_type03 .gnb_nav_mall .sub_nav li:first-child {
margin-top: 0;
}
.header_type03 .gnb_nav_mall .sub_nav li a {
font-family: "NotoSansBold";
padding-left: 12px;
margin-top: 40px;
display: inline-block;
font-size: 17px;
color: #000;
text-align: left;
}
.header_type03 .gnb_nav_mall .sub_nav li a:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: #000;
position: absolute;
left: 0;
top: 52px;
}
.header_type03 .gnb_nav_mall .sub_nav li .sub_txt {
font-family: "NotoSans";
padding: 3px 20px;
border: 1px solid #000;
border-radius: 12px;
display: inline-block;
font-size: 13px;
color: #666;
position: absolute;
left: 0;
top: 0;
}
.header_type03 .gnb_nav_mall .sub_nav li .sub_txt:after {
content: "";
display: inline-block;
width: 11px;
height: 5px;
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -5px;
background: url("t3bg_gnb_sub.png") 0 0 no-repeat;
}
.header_type03 .gnb_nav_mall .sub_nav li a:hover {
color: #150f96;
}
/* type3 TOP */
.content_inner_t3 {
margin: 0 auto;
width: 1100px;
padding-top: 90px;
}
.content_inner_t3:after {
content: "";
display: block;
clear: both;
}
.prd_top_type3 .prd_attraction {
position: relative;
display: inline-block;
padding: 2px 20px 4px;
margin-bottom: 15px;
background-color: #150f96;
border-radius: 15px;
box-sizing: border-box;
color: #fff;
font-size: 13px;
letter-spacing: -1px;
text-align: center;
}
.prd_top_type3 .prd_attraction span {
color: #fff000;
font-weight: bold;
}
.prd_top_type3 .prd_attraction:after {
content: "";
display: inline-block;
position: absolute;
bottom: -4px;
left: 50%;
border: 5px solid transparent;
border-bottom: none;
border-top-color: #150f96;
width: 8px;
height: 4px;
box-sizing: border-box;
margin-left: -4px;
}
.prd_top_type3 .prd_info {
float: left;
width: 605px;
padding-right: 5px;
box-sizing: border-box;
}
.prd_top_type3 .prd_top_box_type3 .prd_attraction {
width: 268px;
padding: 2px 0 4px;
}
.lb_box {
display: inline-block;
padding: 1px 10px;
margin-bottom: 3px;
background-color: #128a04;
box-sizing: border-box;
color: #fff;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
}
.prd_top_type3 .ly_prd_agree .layer_cont {
padding: 46px 0 0;
}
.prd_top_type3 {
width: 1100px;
min-height: 530px;
box-sizing: border-box;
padding-left: 0;
}
.prd_top_type3 .bnr_prd {
top: 190px;
}
.prd_top_type3 .prd_top:after {
content: "";
display: block;
clear: both;
}
.prd_top_type3 .prd_top .prd_tit {
font-family: Spoqa;
color: #150f96;
font-size: 20px;
font-weight: 700;
overflow: hidden;
line-height: 1.3;
letter-spacing: -1px;
}
.prd_top_type3 .prd_top .prd_tit span {
font-weight: bold;
}
.prd_top_type3 .prd_top .prd_top_txt {
margin-top: 15px;
margin-bottom: 42px;
font-size: 46px;
padding-right: 15px;
line-height: 1.38;
letter-spacing: -0.06em;
}
.prd_top_type3 .prd_top .prd_top_txt strong {
color: #000;
font-weight: bold;
}
.prd_top_type3 .prd_top .prd_top_txt i {
display: inline-block;
margin-right: 10px;
font-style: italic;
}
.prd_top_type3 .prd_info {
width: 832px;
}
.prd_top_type3 .prd_top .prd_info_list:after {
content: "";
display: block;
clear: both;
}
.prd_top_type3 .prd_top .prd_info_list.p00074 {
margin-bottom: 40px;
}
.prd_top_type3 .prd_top .prd_info .point_etc {
display: inline-block;
padding: 0 5px;
background: #128a04;
color: #fff;
font-size: 18px;
font-weight: 300;
line-height: 28px;
}
.prd_top_type3 .prd_top .prd_info_list {
margin-bottom: 60px;
}
.prd_top_type3 .prd_top .prd_info_list li {
position: relative;
float: left;
width: 32%;
min-height: 110px;
color: #000;
margin-top: 15px;
padding-left: 0;
padding-top: 125px;
font-size: 21px;
text-align: center;
letter-spacing: -1px;
} /* 20-02-20 margin-top 50px에서 15px로 변경 */
.prd_top_type3 .prd_top .prd_info_list li:before {
content: "";
display: inline-block;
position: absolute;
left: 50%;
margin-left: -52.5px;
top: 0;
width: 105px;
height: 105px;
background-position: 0 0;
}
.prd_top_type3 .prd_top .prd_info_list li.ico02:before {
background-position: -105px 0;
}
.prd_top_type3 .prd_top .prd_info_list li.ico03:before {
background-position: -210px 0;
}
.prd_top_type3 .prd_top .prd_info_list li.ln3 {
font-size: 18px;
}
.prd_top_type3 .prd_top .prd_info_list li em {
font-weight: bold;
}
.prd_top_type3 .prd_top .prd_info_list li.bold {
font-weight: bold;
}
.prd_top_type3 .prd_top .prd_info_list li.bold span {
font-weight: 400;
}
.prd_top_type3 .prd_top .prd_info_list.p00280 li:nth-child(1) .tit_s,
.prd_top_type3 .prd_top .prd_info_list.p00280 li:nth-child(3) .tit_s {
display: block;
padding-top: 30px;
}
/* inputbox */
.prd_top_box_type3 {
float: right;
width: 268px;
margin-bottom: 80px;
box-sizing: border-box;
}
.prd_top_box_type3 .tit {
display: block;
padding: 22px 0 5px;
border: 1px solid #150f96;
border-bottom: 0;
color: #150f96;
font-family: Spoqa;
font-size: 25px;
text-align: center;
letter-spacing: -1.5px;
}
.prd_top_box_type3 .item {
padding: 10px 0;
color: #150f96;
}
.prd_top_type3 .my_prd_info .my_info_box {
padding: 10px 22px 20px;
border: 1px solid #150f96;
border-width: 0 1px;
color: #150f96;
}
.prd_top_type3 .my_prd_info .item .label {
display: inline-block;
width: 85px;
padding-right: 8px;
box-sizing: border-box;
text-align: right;
line-height: 30px;
color: #150f96;
font-size: 14px;
letter-spacing: -1.3px;
vertical-align: middle;
white-space: nowrap;
}
.prd_top_type3 .my_prd_info .item input {
width: 128px;
height: 30px;
padding: 0 5px;
border: 1px solid #b2dcf9;
color: #000;
box-sizing: border-box;
font-size: 15px;
line-height: 26px;
}
.prd_top_type3 .my_prd_info .item input:-ms-input-placeholder {
color: #a9a9a9;
}
.prd_top_type3 .my_prd_info .item input:-moz-input-placeholder {
color: #a9a9a9;
}
.prd_top_type3 .my_prd_info .item input::-webkit-input-placeholder {
color: #a9a9a9;
}
.prd_top_type3 .my_prd_info .item input.short1 {
width: 63px;
padding: 0;
text-align: center;
}
.prd_top_type3 .my_prd_info .item input.short2 {
width: 17px;
padding: 0;
text-align: center;
}
.prd_top_type3 .my_prd_info .item .dot {
display: inline-block;
padding-top: 3px;
margin-left: 3px;
color: #150f96;
letter-spacing: -0.5px;
vertical-align: middle;
}
.prd_top_type3 .btn_wrap .btn_prd_arrow {
position: relative;
display: block;
padding: 30px;
background: #150f96;
box-sizing: border-box;
color: #fff;
font-size: 25px;
text-decoration: none;
text-align: left;
letter-spacing: -1px;
}
.prd_top_type3 .btn_wrap .btn_prd_arrow:hover,
.prd_top_type3 .btn_wrap .btn_prd_arrow:activate {
text-decoration: none;
}
.prd_top_type3 .btn_wrap .btn_prd_arrow:after {
content: "";
position: absolute;
right: -10px;
top: 50%;
margin-top: -30px;
display: block;
width: 59px;
height: 59px;
background: url("btn_prd_arrow.png") 110% 50% no-repeat;
}
.prd_top_type3 .btn_wrap .btn_prd_arrow em {
font-weight: bold;
}
.prd_top_type3 .tel_area {
margin-top: 20px;
padding: 16px 0 14px;
background: #150f96;
text-align: center;
}
.prd_top_type3 .tel_area span {
color: #fff;
font-size: 14px;
letter-spacing: -1px;
}
.prd_top_type3 .tel_area .tel {
color: #fff;
font-size: 32px;
font-weight: bold;
}
.prd_top_type3 .prd_inp_after {
padding: 10px;
text-align: center;
}
.prd_top_type3 .prd_inp_after .prd_inp_txt1 {
font-size: 15px;
}
.prd_top_type3 .prd_inp_after .prd_inp_txt1 .price {
color: red;
font-size: 24px;
}
.prd_top_type3 .prd_inp_after .prd_inp_txt2 {
display: block;
padding: 10px;
margin: 10px 0;
background-color: #f3f3f3;
text-align: left;
font-size: 12px;
}
.prd_top_type3 .prd_inp_after .prd_inp_txt3 span {
color: #1699dc;
}
.prd_top_type3 .prd_inp_after .btn_wrap {
padding: 0;
}
.prd_top_type3 .prd_inp_after .btn_detailview {
display: inline-block;
padding: 3px 12px;
margin: 10px 0 15px;
background: #7bb2e0;
}
.prd_top_type3 .prd_top .p00074 li:before {
background: url("ico_mall_p00074.png") no-repeat;
background-size: auto 105px;
} /* 가족사랑플랜보험 */
.prd_top_type3 .prd_top .p00198 li:before {
background: url("ico_mall_p00198.png") no-repeat;
background-size: auto 105px;
} /* THE건강한치아보험V */
.prd_top_type3 .prd_top .p00225 li:before {
background: url("ico_mall_p00225.png") no-repeat;
background-size: auto 105px;
} /* 암걱정없는100세암보험 */
.prd_top_type3 .prd_top .p00230 li:before {
background: url("ico_mall_p00230.png") no-repeat;
background-size: auto 105px;
} /* THE간편한메디칼건강보험 */
.prd_top_type3 .prd_top .p00267 li:before {
background: url("ico_mall_p00267.png") no-repeat;
background-size: auto 105px;
} /* THE든든한간병비치매보험 */
.prd_top_type3 .prd_top .p00280 li:before {
background: url("ico_mall_p00280.png") no-repeat;
background-size: auto 105px;
} /* 라이나퍼펙트케어암보험 */
.prd_top_type3 .prd_top .prd_info .point_etc {
background-color: #150f96;
}
.prd_last_ver3 {
width: 1100px;
padding: 0 0 80px 0;
margin: 0 auto;
}
.prd_last_ver3 p {
color: #767676;
font-size: 15px;
font-weight: 300;
}
/* type3 content */
.prd_contVer3 {
width: 100%;
background: #fff;
}
.prd_contVer3 .feature_wrap .feature_area .feature_inner:after {
content: "";
clear: both;
display: block;
}
.prd_contVer3 .feature_wrap .feature_area .feature_inner {
width: 1100px;
margin: 0 auto;
padding: 64px 0;
border-top: 1px solid #dfdfdf;
color: #000;
font-size: 34px;
line-height: 1.4;
letter-spacing: -1px;
}
.prd_contVer3 .feature_wrap .feature_area:first-of-type .feature_inner {
border-top: 0;
}
.prd_contVer3 .feature_wrap ul {
margin: 20px 0;
}
.prd_contVer3 .feature_wrap ul > li {
margin-bottom: 10px;
color: #000;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
}
.prd_contVer3 .feature_wrap .context {
float: left;
width: 550px;
box-sizing: border-box;
}
.prd_contVer3 .feature_wrap .context + .context {
margin-top: 4px;
}
.prd_contVer3 .feature_wrap .context.w100 {
width: 100%;
}
.prd_contVer3 .feature_wrap .context img {
max-width: 100%;
}
.prd_contVer3 .feature_wrap .lb_box {
height: 41px;
line-height: 40px;
padding: 0 9px;
margin-bottom: 3px;
font-size: 30px;
}
.prd_contVer3 .feature_wrap .context_area {
float: left;
width: 100%;
color: #666;
font-size: 14px;
text-align: center;
overflow: hidden;
}
.prd_contVer3 .feature_wrap .con_tit {
display: block;
color: #000;
font-size: 21px;
text-align: center;
}
.prd_contVer3 .feature_wrap .tit_chk {
margin-bottom: 25px;
}
.prd_contVer3 .feature_wrap .tit_chk.mb_n {
margin-bottom: 0;
}
.prd_contVer3 .feature_wrap .tit_chk + .txt {
margin-top: 5px;
}
.prd_contVer3 .feature_wrap .tit_chk span {
display: inline-block;
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.prd_contVer3 .feature_wrap .tit_chk span:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
background: url("bg_titchk.png") 0 6px no-repeat;
}
.prd_contVer3 .feature_wrap .half .tit_chk span,
.prd_contVer3 .feature_wrap .half_s .tit_chk span {
letter-spacing: -2px;
}
.prd_contVer3 .feature_wrap .tit_chk span.inline {
display: inline;
}
.prd_contVer3 .feature_wrap .tit_chk span em {
color: #150f96;
}
.prd_contVer3 .feature_wrap .tit span {
font-weight: normal;
}
.prd_contVer3 .feature_wrap .txt_s {
display: block;
margin-top: 10px;
color: #767676;
font-size: 14px;
font-weight: 300;
text-align: center;
letter-spacing: -1.3px;
}
.prd_contVer3 .feature_wrap .txt_in {
display: block;
text-indent: -5px;
margin-left: 5px;
margin-top: 5px;
color: #767676;
font-size: 14px;
font-weight: 300;
text-align: left;
letter-spacing: -1.3px;
}
.prd_contVer3 .feature_wrap .txt_in2 {
display: block;
text-indent: -43px;
margin-left: 83px;
margin-top: 5px;
color: #767676;
font-size: 14px;
font-weight: 300;
text-align: left;
letter-spacing: -1.3px;
}
.prd_contVer3 .feature_wrap .txt {
display: block;
color: #666;
font-size: 14px;
font-weight: 300;
}
.prd_contVer3 .feature_wrap .img2 .txt {
font-size: 13px;
}
.prd_contVer3 .feature_wrap .txt1 {
font-size: 19px;
}
.prd_contVer3 .feature_wrap .txt_dot {
margin-left: 8px;
text-indent: -8px;
color: #767676;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.prd_contVer3 .feature_wrap .half {
float: left;
width: 50%;
text-align: center;
}
.prd_contVer3 .feature_wrap .half.f_r {
float: right;
}
.prd_contVer3 .feature_wrap .m_auto {
float: none;
margin: 0 auto;
padding-top: 30px;
}
.prd_contVer3 .feature_wrap .half_s {
float: left;
width: 260px;
min-height: 260px;
}
.prd_contVer3 .feature_wrap .half_tb {
float: right;
width: 250px;
}
.prd_contVer3 .feature_wrap .w280 {
width: 280px;
}
.prd_contVer3 .feature_wrap .w260 {
width: 260px;
}
.prd_contVer3 .feature_wrap .w220 {
width: 220px;
}
.prd_contVer3 .feature_wrap .half_tb .tit_chk {
margin-bottom: 10px;
}
.prd_contVer3 .feature_wrap .half_right_txt {
float: right;
width: 290px;
min-height: 260px;
}
.prd_contVer3 .feature_wrap .half_right_txt span {
display: block;
margin-top: 90px;
color: #000;
font-size: 17px;
}
.prd_contVer3 .feature_wrap .half_right_txt em {
display: block;
margin-top: 7px;
color: #150f96;
font-size: 31px;
}
.prd_contVer3 .feature_wrap .half_right_txt:after {
content: "";
clear: both;
display: block;
}
.prd_contVer3 .feature_wrap .img {
min-height: 160px;
}
.prd_contVer3 .feature_wrap .img1 {
min-height: 260px;
}
.prd_contVer3 .feature_wrap .img2 {
min-height: 180px;
}
.prd_contVer3 .feature_wrap .img3 {
min-height: 130px;
}
.prd_contVer3 .feature_wrap .img4 {
min-height: 200px;
}
.prd_contVer3 .feature_wrap .w_m {
float: none;
width: 420px;
margin: 0 auto;
}
.prd_contVer3 .feature_wrap .g_list_note {
margin: 10px 0;
}
.prd_contVer3 .feature_wrap .g_list_note li {
margin-bottom: 0;
font-size: 15px;
text-align: left;
}
.prd_contVer3 .feature_wrap .txt_box:before {
content: "";
clear: both;
display: block;
}
.prd_contVer3 .feature_wrap .context_area .g_point_03 {
vertical-align: top;
}
.prd_contVer3 .feature_wrap .etc_txt {
font-size: 28px;
color: #000;
}
.prd_contVer3 .prd_tb {
width: 100%;
margin-top: 8px;
padding-bottom: 3px;
border-bottom: 1px solid #ededed;
}
.prd_contVer3 .prd_tb.w420 {
width: 420px;
margin: 0 auto;
}
.prd_contVer3 .prd_tb thead th {
height: 34px;
background-color: #ededed;
box-sizing: border-box;
text-align: center;
}
.prd_contVer3 .prd_tb thead th.space {
border-left: 10px solid #fff;
}
.prd_contVer3 .prd_tb th,
.prd_contVer3 .prd_tb td {
padding: 8px 2px 9px;
box-sizing: border-box;
text-align: center;
}
.prd_contVer3 .prd_tb tbody th {
font-weight: normal;
}
.prd_contVer3 .feature_wrap .w_m .prd_contVer3 .prd_tb tbody tr:last-child th,
.prd_contVer3 .feature_wrap .w_m .prd_contVer3 .prd_tb tbody tr:last-child td {
border-bottom: 1px solid #ededed;
}
.prd_contVer3 .prd_tb tfoot tr th,
.prd_contVer3 .prd_tb tfoot tr td {
background: #150f96;
border-top: 3px solid #fff;
color: #fff;
}
.prd_contVer3 .prd_tb tr.bg1 {
background-color: #13c6ff;
color: #fff;
}
.prd_contVer3 .prd_tb tr.bg th {
background-color: #f4f4f4;
}
.prd_contVer3 .prd_tb th.bg {
background-color: #f4f4f4;
}
.prd_contVer3 .prd_tb.brd {
border-bottom: 0;
}
.prd_contVer3 .prd_tb.brd td {
border-bottom: 1px solid #ededed;
}
.prd_contVer3 .prd_tb.brd td.brd_no {
border-bottom: 0;
}
.prd_contVer3 .prd_tb.brd th {
border-bottom: 1px solid #ededed;
}
.prd_contVer3 .prd_tb th.tal {
padding: 8px 10px 9px;
}
.prd_contVer3 .prd_tb .point {
padding: 2px 20px 4px;
background: #150f96;
color: #fff;
}
.prd_contVer3 .prd_tb tr:first-of-type .point {
border-top: 4px solid #fff;
}
.prd_contVer3 .prd_tb_tit {
display: block;
background: #150f96;
color: #fff;
line-height: 34px;
font-size: 16px;
}
.prd_contVer3 .prd_tb_tit.bg {
background: #13c6ff;
}
.prd_contVer3 .prd_tb_tit + .prd_contVer3 .prd_tb {
margin-top: 0;
}
.prd_contVer3 .prd_tb.c01 td,
.prd_contVer3 .prd_tb.c01 tbody th {
color: #150f96;
font-weight: normal;
}
.prd_contVer3 .prd_tb.c02 td,
.prd_contVer3 .prd_tb.c02 tbody th {
color: #54c124;
font-weight: normal;
}
.prd_contVer3 .box_round {
margin: 6px 0 25px;
padding: 27px 20px 30px;
border: 1px solid #dfdfdf;
border-radius: 45px;
}
.prd_contVer3 .prd_contVer3 .box_round > strong {
color: #000;
font-size: 20px;
}
.prd_contVer3 .box_round > em {
display: block;
color: #150f96;
font-size: 30px;
font-weight: bold;
}
.prd_contVer3 .box_round ul {
margin: 26px 0 0;
}
.prd_contVer3 .box_round ul > li {
float: left;
width: 31%;
margin-bottom: 0;
text-align: center;
letter-spacing: -1px;
}
.prd_contVer3 .box_round ul.n2 > li {
width: 50%;
}
.prd_contVer3 .box_round li.plus {
width: 38%;
position: relative;
}
.prd_contVer3 .box_round li.plus:before,
.prd_contVer3 .box_round li.plus:after {
content: "";
position: absolute;
top: 55px;
display: inline-block;
width: 16px;
height: 16px;
background: url("bg_plus_round.png") no-repeat;
}
.prd_contVer3 .box_round li.plus:before {
left: 0;
}
.prd_contVer3 .box_round li.plus:after {
right: 0;
}
.prd_contVer3 .box_round ul.n2 > li {
position: relative;
}
.prd_contVer3 .box_round ul.n2 > li:first-child:after {
content: "";
position: absolute;
top: 80px;
right: -8px;
display: inline-block;
width: 16px;
height: 16px;
background: url("bg_plus_round.png") no-repeat;
}
.prd_contVer3 .box_round ul.no_plus > li:first-child:after {
display: none;
}
.prd_contVer3 .box_round ul:after {
content: "";
display: block;
clear: both;
}
.prd_contVer3 .box_round li > span {
display: block;
margin-top: 20px;
color: #666;
font-size: 15px;
line-height: 1.4;
}
.prd_contVer3 .box_round .round {
display: inline-block;
width: 130px;
height: 130px;
padding-top: 32px;
border: 5px solid #150f96;
border-radius: 100%;
box-sizing: border-box;
color: #000;
font-size: 18px;
font-weight: 500;
text-align: center;
letter-spacing: -1px;
}
.prd_contVer3 .box_round .round > .g_txt_01 {
color: #000;
font-size: 18px;
font-weight: 300;
}
.prd_contVer3 .box_round .round > span {
display: block;
margin-bottom: 5px;
color: #150f96;
font-size: 22px;
font-weight: bold;
}
.prd_contVer3 .box_round .round > .txt {
color: #666;
font-size: 13px;
font-weight: normal;
}
.prd_contVer3 .box_round ul.n2 > li .round {
width: 180px;
height: 180px;
padding-top: 52px;
}
.prd_contVer3 .box_round ul.n2 > li .round.pt_s {
padding-top: 47px;
}
.rarr {
position: relative;
}
.rarr:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
display: inline-block;
width: 4px;
border: 5px solid transparent;
border-right: none;
border-left-color: #150f96;
}
.prd_contVer3 .around .round {
display: inline-block;
width: 200px;
height: 200px;
padding-top: 25px;
border: 5px solid #150f96;
border-radius: 100%;
box-sizing: border-box;
color: #000;
font-size: 24px;
font-weight: 500;
text-align: center;
}
.prd_contVer3 .around .round > .g_txt {
color: #000;
font-size: 18px;
font-weight: 300;
}
.prd_contVer3 .box_around {
margin: 6px 0 25px;
}
.prd_contVer3 .box_around .vs {
display: inline-block;
padding: 0 15px;
color: #000;
font-size: 28px;
font-weight: bold;
vertical-align: middle;
line-height: 196px;
vertical-align: top;
}
.prd_contVer3 .box_around .round {
display: inline-block;
width: 200px;
height: 196px;
padding-top: 32px;
border: 5px solid #150f96;
border-radius: 18px;
box-sizing: border-box;
color: #000;
font-size: 20px;
font-weight: 500;
text-align: center;
}
.prd_contVer3 .box_around .round.box1 {
border: 5px solid #128a04;
}
.prd_contVer3 .box_around .round.box1 > strong,
.prd_contVer3 .box_around .round.box1 .point_01 {
color: #128a04;
}
.prd_contVer3 .box_around .round.box2 > strong,
.prd_contVer3 .box_around .round.box2 .point_01 {
color: #150f96;
}
.prd_contVer3 .box_around .round > strong {
font-size: 28px;
}
.prd_contVer3 .box_around .round li {
margin-left: 24px;
margin-bottom: 3px;
font-size: 15px;
color: #666;
text-align: left;
}
.prd_contVer3 .box_around .round li strong {
color: #000;
}
.prd_contVer3 .box_around_tail {
width: 229px;
height: 155px;
padding: 20px 0 0 30px;
background: url("P00280/bg_box_tail.png") no-repeat;
box-sizing: border-box;
text-align: left;
}
.prd_contVer3 .box_around_tail p:first-child {
margin-bottom: 15px;
}
.prd_contVer3 .box_around_tail em {
display: block;
color: #000;
font-size: 15px;
}
.prd_contVer3 .box_around_tail strong {
position: relative;
padding-left: 29px;
color: #150f96;
font-size: 22px;
}
.prd_contVer3 .box_around_tail strong:before {
position: absolute;
top: 5px;
left: 0;
content: "";
display: inline-block;
width: 24px;
height: 25px;
background: url("P00280/bg_ico_tail.png") no-repeat;
}
.prd_contVer3 .box_around_tail .ico_money:before {
background-position: 0 0;
}
.prd_contVer3 .box_around_tail .ico_time:before {
background-position: 0 -26px;
}
.prd_contVer3 .box_around_tail span {
color: #767676;
font-size: 16px;
}
.prd_contVer3 .box_around_tail + .txt_s {
padding-right: 40px;
}
/* 추천상품 */
.footer_recom_bnr {
padding-top: 45px;
}
.footer_recom_bnr .ico_img {
font-size: 20px;
display: inline-block;
padding-left: 30px;
padding-bottom: 30px;
font-weight: 600;
color: #000;
}
.footer_recom_bnr .ico_img:after {
content: "";
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-top: -10px;
width: 30px;
height: 30px;
background: url("t1ico_recom.png") no-repeat 0 0;
}
.footer_recom_bnr .bnr_wrap {
overflow: hidden;
}
.footer_recom_bnr .bnr_wrap > li {
float: right;
width: 50%;
padding-left: 15px;
box-sizing: border-box;
}
.footer_recom_bnr .bnr_wrap > li:first-child {
float: left;
padding-left: 0;
padding-right: 15px;
}
.footer_recom_bnr .bnr_wrap li a {
position: relative;
height: 207px;
padding: 30px 40px;
border-radius: 20px;
box-sizing: border-box;
font-family: "NotoSansLight";
line-height: 1.3;
text-align: left;
display: block;
text-decoration: none;
}
.footer_recom_bnr .bnr_wrap li a:after {
content: "";
display: inline-block;
bottom: 36px;
right: 40px;
position: absolute;
}
.footer_recom_bnr .bnr_wrap li a strong {
display: block;
padding-bottom: 10px;
line-height: 1.3;
color: #010101;
font-size: 30px;
letter-spacing: -0.04em;
}
.footer_recom_bnr .bnr_wrap li a span {
color: #666;
font-size: 16px;
}
.footer_recom_bnr .bnr_wrap li a .icon {
margin-bottom: 2px;
font-family: "NotoSansMedium";
display: inline-block;
text-align: center;
background: #fff;
font-size: 13px;
line-height: 18px;
width: 37px;
height: 18px;
}
.footer_recom_bnr .bnr_wrap li a .icon.new {
color: #e8666b;
border: solid #e8666b;
border-width: 2px;
}
.footer_recom_bnr .bnr_wrap li a .icon.recom {
color: #3a98fc;
border: solid #3a98fc;
border-width: 2px;
}
.footer_recom_bnr .bnr_wrap li.list01 a .icon.recom {
color: #e8666b;
border: solid #e8666b;
border-width: 2px;
}
.footer_recom_bnr .bnr_wrap li.list01 a {
background: #f4ffe2;
}
.footer_recom_bnr .bnr_wrap li.list01 a:after {
width: 120px;
height: 119px;
background: url("t1wimg_recom_bnr01.png") no-repeat 0 0;
}
.footer_recom_bnr .bnr_wrap li.list01.ico2 a {
background: #fff6e5;
}
.footer_recom_bnr .bnr_wrap li.list01.ico2 a .icon {
color: #e8666b;
border: solid #e8666b;
border-width: 2px;
}
.footer_recom_bnr .bnr_wrap li.list01.ico2 a:after {
width: 125px;
height: 120px;
background: url("t1wimg_recom_bnr04.png") no-repeat 0 0;
}
.footer_recom_bnr .bnr_wrap li.list02 a {
background: #e2f9ff;
}
.footer_recom_bnr .bnr_wrap li.list02 a:after {
width: 100px;
height: 120px;
background: url("t1wimg_recom_bnr02.png") no-repeat 0 0;
}
.footer_recom_bnr .bnr_wrap li.list02.ico2 a {
background: #fff6e5;
}
.footer_recom_bnr .bnr_wrap li.list02.ico2 a .icon {
color: #e8666b;
border: solid #e8666b;
border-width: 2px;
}
.footer_recom_bnr .bnr_wrap li.list02.ico2 a:after {
width: 125px;
height: 120px;
background: url("t1wimg_recom_bnr04.png") no-repeat 0 0;
}
/* type3 common view_bottom banner(분리불가) - 추천상품 보다 css 위치 아래(위치변경불가) */
.mall_type3 .footer_recom_bnr {
padding-top: 90px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap > li {
padding-left: 25px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap > li:first-child {
padding-left: 0;
padding-right: 25px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li a {
height: 235px;
padding: 32px 45px;
border-radius: 0;
color: #fff;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li a:after {
bottom: 73px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list01 a .icon {
width: 61px;
height: 31px;
margin-bottom: 10px;
border-width: 0;
line-height: 31px;
color: #13c6ff;
font-size: 20px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list02 a .icon {
width: 61px;
height: 31px;
margin-bottom: 10px;
border-width: 0;
line-height: 31px;
color: #3a98fc;
font-size: 20px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li a span {
color: #fff;
font-size: 17px;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li a strong {
padding-bottom: 15px;
color: #fff;
font-size: 28px;
line-height: 1.5;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list01 a {
background: #13c6ff;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list02 a {
background: #150f96;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list01 a:after {
right: 45px;
width: 115px;
height: 115px;
background: url("t3wimg_recom_bnr01.png") no-repeat 0 0;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list02 a:after {
right: 54px;
width: 96px;
height: 110px;
background: url("t3wimg_recom_bnr02.png") no-repeat 0 0;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list01.ico2 a:after {
right: 50px;
width: 111px;
height: 109px;
background: url("t3wimg_recom_bnr03.png") no-repeat 0 0;
}
.mall_type3 .footer_recom_bnr .bnr_wrap li.list02.ico2 a:after {
right: 50px;
width: 111px;
height: 109px;
background: url("t3wimg_recom_bnr04.png") no-repeat 0 0;
}
.mall_type3 .prd_bottom_com .prd_bottom_inner {
padding: 0;
}
.mall_type3 .footer_recom_bnr .ico_img {
padding-left: 0;
}
.mall_type3 .footer_recom_bnr .ico_img:after {
width: 32px;
height: 33px;
background: url("t3ico_recom.png") no-repeat 0 0;
}
.mall_type3 .prd_last {
border: 0;
padding: 15px 0 80px 0;
}
/* 영상보기 */
.g_layer_box.ly_video .inner {
width: 720px;
top: 20%;
margin: 0 auto;
border: 0;
font-family: Spoqa;
}
.g_layer_box.ly_video .btn_layer_close {
top: -40px;
right: 15px;
}
.g_layer_box.ly_video .layer_cont {
height: 460px;
padding: 20px;
box-sizing: border-box;
font-size: 14px;
letter-spacing: -1px;
}
/* mall_type5 추가 */
.mall_type5 .prd_info_t_wrap.p00280 {
padding-top: 28px;
}
.mall_type5 .prd_info_t_wrap .img_area {
display: inline-block;
width: 296px;
height: 294px;
}
.mall_type5 .prd_info_t_wrap .link_video {
display: block;
}
.mall_type5 .prd_info_t_wrap.p00280 {
padding-top: 28px;
}
.mall_type5 .prd_info_type1 {
margin-top: -286px;
}
.mall_type5 .p00280 .feature_wrap .feature_area:nth-child(3) .cont01 {
height: 330px;
}
.mall_type5 .p00280 .feature_wrap .feature_area:nth-child(3) .img {
position: absolute;
left: -60px;
bottom: 0;
}
.mall_type5 .p00280 .feature_wrap .feature_area:nth-child(3) .img img {
max-width: none;
}
/* 이비즈 상품몰 동의 팝업 */
.popup {
text-align: left;
color: rgb(117, 117, 117);
line-height: 22px;
letter-spacing: -1px;
font-size: 12px;
font-weight: normal;
-ms-word-break: keep-all;
background-color: rgb(255, 255, 255);
}
.popup * {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
.popup img {
border: 0px currentColor;
border-image: none;
vertical-align: middle;
}
.popup a {
text-decoration: none;
}
.popup_personal .mask {
background: rgb(0, 0, 0);
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 997;
opacity: 0.7;
}
.popup_personal .contents {
background: rgb(245, 246, 247);
padding: 30px 38px 0px;
border-radius: 8px;
left: 50%;
top: 50%;
width: 450px;
height: 510px;
margin-top: -255px;
margin-left: -225px;
position: fixed;
z-index: 998;
}
.popup_personal .contents h3 {
text-align: center;
}
.popup_personal .contents h4 {
font-size: 14px;
}
.popup_personal .contents .scroll_box {
padding: 10px 20px 10px 10px;
border: 1px solid rgb(218, 218, 218);
border-image: none;
height: 208px;
color: rgb(94, 94, 94);
font-size: 14px;
margin-top: 15px;
overflow-y: auto;
}
.popup_personal .contents .scroll_box2 {
padding: 10px 20px 10px 10px;
border: 1px solid rgb(218, 218, 218);
border-image: none;
height: 120px;
color: rgb(94, 94, 94);
font-size: 14px;
margin-top: 15px;
overflow-y: auto;
}
.popup_personal .contents .scroll_box p,
.popup_personal .contents .scroll_box ol > li {
margin-bottom: 8px;
}
.popup_personal .contents .scroll_box strong {
font-size: 17px;
}
.popup_personal .contents .agree_area {
background: rgb(218, 218, 218);
padding: 0px 12px;
height: 38px;
}
.popup_personal .contents .agree_area::after {
clear: both;
display: block;
content: "";
}
.popup_personal .contents .agree_area h6 {
height: 100%;
color: rgb(94, 94, 94);
line-height: 38px;
letter-spacing: -1px;
font-size: 16px;
float: left;
}
.popup_personal .contents .agree_area a {
height: 100%;
color: rgb(94, 94, 94);
line-height: 38px;
letter-spacing: -1px;
font-size: 16px;
float: left;
}
.popup_personal .contents .agree_area a {
float: right;
}
.popup_personal .contents .agree_area a span {
background: url("pop_check_off.png") no-repeat right 0px top 0px;
padding-right: 25px;
}
.popup_personal .contents .agree_area a.on span {
background-image: url("pop_check_on.png");
}
.popup_personal .contents .agree_all {
margin-top: 22px;
}
.popup_personal .contents .agree_all a {
background: #150f96;
width: 100%;
height: 58px;
text-align: center;
color: rgb(255, 255, 255);
line-height: 58px;
font-size: 24px;
display: block;
}
.popup_personal .contents .agree_all a span {
background: url("pop_check.png") no-repeat right 0px top 16px;
padding-right: 40px;
display: inline-block;
}
.popup_personal .contents .btn_area a {
padding: 12px;
top: 0px;
right: 0px;
display: block;
position: absolute;
}
.popup_new .layer_head p {
padding: 0 0 15px 0;
text-align: center;
color: #000;
line-height: 24px;
font-size: 14px;
font-weight: normal;
-ms-word-break: keep-all;
letter-spacing: -1px;
border-bottom: 1px solid #cfcfcf;
}
.popup_new .layer_head p strong {
font-weight: bold;
padding: 0 0 15px 0;
text-align: center;
color: #000;
line-height: 24px;
font-size: 18px;
-ms-word-break: keep-all;
letter-spacing: -1px;
}
.popup_new .agree_red {
color: #d9000a;
font-size: 14px;
padding: 15px 0 0 0;
letter-spacing: -1px;
}
.popup_new {
text-align: left;
color: rgb(117, 117, 117);
line-height: 22px;
letter-spacing: -1px;
font-size: 12px;
font-weight: normal;
-ms-word-break: keep-all;
background-color: rgb(255, 255, 255);
}
.popup_new * {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
.popup_new img {
border: 0px currentColor;
border-image: none;
vertical-align: middle;
}
.popup_new a {
text-decoration: none;
}
.popup_personal_new .mask {
background: rgb(0, 0, 0);
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 997;
opacity: 0.7;
}
.popup_personal_new .contents {
background: rgb(245, 246, 247);
padding: 30px;
border-radius: 8px;
left: 50%;
top: 40%;
width: 450px;
margin-top: -255px;
margin-left: -225px;
position: fixed;
z-index: 998;
}
.popup_personal_new .contents h3 {
text-align: center;
}
.popup_personal_new .contents h4 {
font-size: 14px;
}
.popup_personal_new .contents .scroll_box {
padding: 15px;
border: 1px solid rgb(218, 218, 218);
border-image: none;
height: 208px;
color: rgb(94, 94, 94);
font-size: 14px;
overflow-y: auto;
}
.popup_personal_new .contents .scroll_box p,
.popup_personal_new .contents .scroll_box ol > li {
margin-bottom: 8px;
}
.popup_personal_new .contents .scroll_box strong {
font-size: 14px;
}
.popup_personal_new .contents .scroll_box table[class^="g_table_"] {
background: #fff;
border-top: 0;
border-right: 1px solid #cfd6d9;
width: 100%;
}
.popup_personal_new .contents .scroll_box table[class^="g_table_"] tr th.bdr,
.popup_personal_new .contents .scroll_box table[class^="g_table_"] tr td.bdr,
.popup_personal_new
.contents
.scroll_box
table[class^="g_table_"]
tr
th[rowspan],
.popup_personal_new
.contents
.scroll_box
table[class^="g_table_"]
tr
td[rowspan] {
border-right: 1px solid #cfd6d9;
}
.popup_personal_new .contents .scroll_box table[class^="g_table_"] tr th.bdl,
.popup_personal_new .contents .scroll_box table[class^="g_table_"] tr td.bdl {
border-left: 1px solid #cfd6d9;
}
.popup_personal_new .contents .scroll_box table[class^="g_table_"] tr th.bdb {
border-bottom: 1px solid #cfd6d9;
}
.popup_personal_new .contents .scroll_box table tbody td {
vertical-align: text-top;
border: 1px solid #ccc;
border-width: 1px 0 0 1px;
}
.popup_personal_new .contents .agree_area {
margin-top: 14px;
background: rgb(218, 218, 218);
padding: 0px 12px;
height: 38px;
}
.popup_personal_new .contents .agree_area::after {
clear: both;
display: block;
content: "";
}
.popup_personal_new .contents .agree_area h6 {
height: 100%;
color: rgb(94, 94, 94);
line-height: 38px;
letter-spacing: -1px;
font-size: 14px !important;
float: left;
}
.popup_personal_new .contents .agree_area a {
height: 100%;
color: rgb(94, 94, 94);
line-height: 38px;
letter-spacing: -1px;
font-size: 16px;
float: left;
}
.popup_personal_new .contents .agree_area a {
float: right;
}
.popup_personal_new .contents .agree_area a span {
background: url("pop_check_off.png") no-repeat right 0px top 0px;
padding-right: 25px;
}
.popup_personal_new .contents .agree_area a.on span {
background-image: url("pop_check_on.png");
}
.popup_personal_new .contents .agree_all {
margin-top: 22px;
}
.popup_personal_new .contents .agree_all a {
background: #150f96;
width: 100%;
height: 58px;
text-align: center;
color: rgb(255, 255, 255);
line-height: 58px;
font-size: 24px;
display: block;
}
.popup_personal_new .contents .agree_all a span {
background: url("pop_check.png") no-repeat right 0px top 16px;
padding-right: 40px;
display: inline-block;
}
.popup_personal_new .contents .btn_area a {
padding: 12px;
top: 0px;
right: 0px;
display: block;
position: absolute;
}
.popup_personal_new .contents .layer_cont .agree_box .title {
display: block;
margin-top: 13px;
letter-spacing: -1px;
color: #000;
line-height: 20px;
font-size: 14px;
font-weight: normal;
}
.popup_calc .mask, .popup_cons .mask {
background: rgb(0, 0, 0);
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
opacity: 0.4;
}
.popup_calc .layer_head, .popup_cons .layer_head{
background: #FAFAFA !important;
height:62px !important;
padding:25px 35px !important;
border-top: 8px solid #150f96 !important;
}
.popup_calc .layer_head .layer_tit, .popup_cons .layer_head .layer_tit{
color: #000 !important;
font-size: 20px !important;
}
.popup_calc .layer_head .layer_tit strong{
color: #000 !important;
font-size: 20px !important;
}
.popup_calc .contents, .popup_cons .contents {
background: #FAFAFA !important;
border-radius: 0 !important;
left: 50% !important;
top: 50% !important;
width: 640px !important;
height: auto !important;
margin-top: -400px !important;
margin-left: -320px !important;
position: fixed !important;
z-index: 1000 !important;
padding: 0 !important;
}
.popup_calc .contents h3 {
font-family:Spoqa !important;
font-weight:bold !important;
text-align: left !important;
color:#fff !important;
background-color:#150f96 !important;
font-size: 20px !important;
}
.popup_calc .contents .div_in {
padding: 30px 40px 40px !important;
text-align: center !important;
}
.popup_cons .contents .div_in {
padding: 30px 40px 80px !important;
text-align: center !important;
}
.popup_calc .contents .div_in .title_guide, .popup_cons .contents .div_in .title_guide{
background-color:#fff !important;
border-radius:14px;
box-shadow: 1px 1px 20px 1px #e5e5e5;
padding:34px 30px;
}
.popup_calc .contents .div_in .title {
font-family:Spoqa !important;
font-weight:bold !important;
color: rgb(0, 0, 0) !important;
line-height: 44px !important;
letter-spacing: -2px !important;
font-size: 38px !important;
text-align:left
}
.popup_calc .contents .div_in .title .name {
color: #000 !important;
font-size: 22px !important;
box-shadow:none !important;
font-weight:normal
}
.guide_text1 strong {color:#150f96; font-size:22px !important;}
.call_info{text-align:left;color:#000;font-size:18px; padding:30px 20px; line-height:30px;border-bottom:1px solid #d7d7d7}
.call_info strong{font-size:18px !important;}
.call_info img{width:7%; padding-right:6px}
.call_info_list{font-size:16px;margin-top:5px; margin-left:6px}
.call_info_list img{width:5%; padding-right:6px}
.popup_calc .contents .div_in .title input {
font-family:Spoqa !important;
font-weight:bold;
border: none;
border-image: none;
top: -2px;
width: 150px;
letter-spacing: -1px;
height: 35px;
text-align: center;
font-size: 38px;
position: relative;
padding: 0;
}
.popup_calc .contents .div_in .guide {
display:flex;
background-color:#edfafc;
border: none;
color: #000;
line-height: 22px;
font-size: 22px;
margin-top: 20px;
border-radius:10px;
align-items: center;
padding:20px 30px;
overflow: hidden;
animation-name:txtColor;-webkit-animation-name:txtColor;
animation-duration:1s;-webkit-animation-duration:1s;
animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
}
@keyframes txtColor {100%{background-color:#EBF3FF}}
@-webkit-keyframes txtColor {100%{background-color:#EBF3FF}}
.popup_calc .contents .div_in .guide img {width:10%; padding-right:16px}
.popup_calc .contents .div_in .guide_text1{position: relative; font-size:22px; overflow: hidden;}
.popup_calc .contents .div_in .guide_text1 strong{position: relative; font-size:22px;}
.popup_calc .contents .div_in .bottom, .popup_cons .contents .div_in .bottom {color: #767676;font-size: 12px; margin-top: 0; text-align: left; padding: 0 20px; height:auto !important;}
.popup_calc .contents .div_in .bottom a, .popup_cons .contents .div_in .bottom a {color: #767676;font-size: 12px; margin-top: 0; text-align: left; text-decoration:underline !important;}
.popup_calc .contents .btn_area img, .popup_cons .contents .btn_area img {
width:30%;
}
.popup_calc .contents .btn_area a, .popup_cons .contents .btn_area a {
top: 28px;
right: -30px;
display: block;
position: absolute;
}
.popup_calc .pop_banner img{
padding-top: 24px;
max-width:100%;
height:auto;
}
.popup_calc .btn_area{
padding-top:0;
padding-bottom:0;
}
/* input */
.popup_personal .inp_chkbox {
text-align: right;
}
.popup_personal .inp_chkbox label {
height: 100%;
color: rgb(94, 94, 94);
line-height: 38px;
letter-spacing: -1px;
font-size: 16px;
}
.popup_personal .inp_chkbox input[type="radio"] {
margin-top: -7px;
margin-left: 5px;
-webkit-appearance: none;
width: 18px;
height: 18px;
background: url("pop_check_off.png") no-repeat right 0px top 0px;
}
.popup_personal .inp_chkbox input[type="radio"]:checked {
background: url("pop_check_on.png") no-repeat right 0px top 0px;
}
.popup_personal .agree_all {
position: relative;
}
.popup_personal .agree_all label {
background: #150f96;
width: 100%;
height: 58px;
text-indent: -26px;
text-align: center;
color: rgb(255, 255, 255);
line-height: 58px;
font-size: 24px;
display: block;
}
.popup_personal .agree_all input[type="radio"] {
-webkit-appearance: none;
position: absolute;
right: 85px;
top: 16px;
width: 26px;
height: 26px;
background: url("pop_check.png") no-repeat right 0px top 0;
display: inline-block;
}
.popup_personal .btn_wrap_center .g_btn_01 {
border-radius: 0;
width: 26px;
height: 26px;
background: #150f96;
width: 100%;
height: 58px;
text-align: center;
color: rgb(255, 255, 255);
line-height: 58px;
font-size: 24px;
display: block;
}
.popup_personal_new .inp_chkbox .g_btn_02 {
position: absolute;
right: 30px;
top: 16.5%;
padding: 0;
background:#150f96;
width: 28%;
height: 6%;
color: rgb(255, 255, 255);
font-size: 15px;
}
.popup_personal_new .inp_chkbox .g_btn_03 {
position: absolute;
right: 30px;
top: 15.8%;
padding: 0;
background: #150f96;
width: 28%;
height: 5.6%;
line-height: 40px;
color: rgb(255, 255, 255);
font-size: 15px;
border-radius: 3px;
font-weight: bold;
}
.popup_personal_new .inp_chkbox {
text-align: right;
}
.popup_personal_new .inp_chkbox label {
height: 100%;
color: rgb(94, 94, 94);
line-height: 38px;
letter-spacing: -1px;
font-size: 14px;
}
.popup_personal_new .inp_chkbox input[type="checkbox"] {
margin-top: -7px;
margin-left: 5px;
-webkit-appearance: none;
width: 18px;
height: 18px;
background: url("pop_check_off.png") no-repeat right 0px top 0px;
}
.popup_personal_new .inp_chkbox input[type="checkbox"]:checked {
background: url("pop_check_on.png") no-repeat right 0px top 0px;
}
.popup_personal_new .agree_all {
position: relative;
}
.popup_personal_new .agree_all label {
background: #150f96;
width: 100%;
height: 58px;
text-indent: -26px;
text-align: center;
color: rgb(255, 255, 255);
line-height: 58px;
font-size: 24px;
display: block;
}
.popup_personal_new .agree_all input[type="checkbox"] {
-webkit-appearance: none;
position: absolute;
right: 85px;
top: 16px;
width: 26px;
height: 26px;
background: url("pop_check.png") no-repeat right 0px top 0;
display: inline-block;
}
.popup_personal_new .btn_wrap_center .g_btn_01 {
border-radius: 0;
width: 26px;
height: 26px;
background: #150f96;
width: 100%;
height: 58px;
text-align: center;
color: rgb(255, 255, 255);
line-height: 58px;
font-size: 24px;
display: block;
}
.popup_personal_new .inp_chkbox .btn_new {
position: relative;
margin-top: 14px;
width: 100%;
height: 56px;
background: #150f96;
text-align: center;
color: #fff;
line-height: 55px;
font-size: 25px;
display: block;
border-radius: 3px;
font-weight: bold;
}
.popup_personal_new .inp_chkbox .btn_new a{
position: relative;
margin-top: 14px;
width: 100%;
height: 56px;
background: #888;
text-align: center;
color: #fff;
line-height: 55px;
font-size: 25px;
display: block;
border-radius: 3px;
font-weight: bold;
pointer-events: none;
}
.popup_personal_new .inp_chkbox .btn_new a.active{
background: #150f96;
pointer-events: auto;
}
.call_txtBnr {
margin-top: 10px !important;
position: relative;
padding: 10px 15px;
font-size: 22px;
letter-spacing: -0.5px;
text-align: center;
color: #fff;
background: #2ba9ef;
}
.call_txtBnr:before {
position: absolute;
left: 50%;
top: -22px;
margin-left: -5px;
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 17px solid #2ba9ef;
}
/* SA 상품권 증정이벤트 220427*/
div[class^="ly_dim"].on {
display: block !important;
}
.ly_dim {
position: absolute;
top: 0;
left: 0;
z-index: 3100;
}
.ly_dim .bg {
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: 0.75;
}
.ly_event_wrap {
position: fixed;
top: 50%;
left: 50%;
width: 460px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3200;
}
.ly_event_wrap .btn_area {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 9px;
height: 44px;
font-size: 16px;
}
.ly_event_wrap .btn_chk,
.ly_event_wrap .btn_close2 {
line-height: 44px;
color: #fff;
}
.head-banner {
background: #fffbea;
}
.head-banner img {
position: relative;
width: 1400px;
display: block;
margin: 0 auto;
}
.in-banner img {
position: relative;
width: 1100px;
display: block;
margin: 0 auto;
}