@charset "utf-8";
/*****************************************************************
  Font
*****************************************************************/
@font-face {
    font-family:'Noto Sans';
    font-style:normal;
    font-weight:100;
    src:local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/NotoSans-Thin.eot),
    url(../fonts/NotoSans-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSans-Thin.woff) format('woff'),
    url(../fonts/NotoSans-Thin.otf) format('opentype');
}
@font-face {
    font-family:'Noto Sans';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
    src:url(../fonts/NotoSans-Light.eot);
    src:url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSans-Light.woff) format('woff'),
		url(../fonts/NotoSans-Light.otf) format('truetype');
}
@font-face {
    font-family:'Noto Sans';
    font-style:normal;
    font-weight:350;
    src:local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/NotoSans-DemiLight.eot),
    url(../fonts/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSans-DemiLight.woff) format('woff'),
		url(../fonts/NotoSans-DemiLight.otf) format('opentype');
}
@font-face {
    font-family:'Noto Sans';
    font-style:normal;
    font-weight:400;
    src:local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
    src:url(../fonts/NotoSans-Regular.eot);
    src:url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSans-Regular.woff) format('woff'),
		url(../fonts/NotoSans-Regular.otf) format('truetype');
}
@font-face {
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:500;
	src:local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
	src:url(../fonts/NotoSans-Medium.eot);
	src:url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSans-Medium.woff) format('woff'),
		url(../fonts/NotoSans-Medium.otf) format('truetype');
}
@font-face {
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:700;
	src:local('Noto Sans Bold'), local('Noto Sans Bold'), local('Noto Sans Bold');
	src:url(../fonts/NotoSans-Bold.eot);
	src:url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSans-Bold.woff) format('woff'),
		url(../fonts/NotoSans-Bold.otf) format('truetype');
}
@font-face {  
	font-family: 'Roboto';  
	font-style: normal;  
	font-weight: 100;
	src: url(../fonts/Roboto-Thin.woff2) format('woff2'),
		 url(../fonts/Roboto-Thin.woff) format('woff'),
		 url(../fonts/Roboto-Thin.otf) format('opentype');
}
@font-face {  
	font-family: 'Roboto'; 
	font-style: normal;  
	font-weight: 300;
	src: url(../fonts/Roboto-Light.woff2) format('woff2'),
		 url(../fonts/Roboto-Light.woff) format('woff'),
		 url(../fonts/Roboto-Light.otf) format('opentype');
}
@font-face {   
	font-family: 'Roboto';   
	font-style: normal;   
	font-weight: 400;
	src: url(../fonts/Roboto-Regular.woff2) format('woff2'),
		 url(../fonts/Roboto-Regular.woff) format('woff'),
		 url(../fonts/Roboto-Regular.otf) format('opentype'); 
}
@font-face {   
	font-family: 'Roboto';   
	font-style: normal;   
	font-weight: 500;
	src: url(../fonts/Roboto-Medium.woff2) format('woff2'),
		 url(../fonts/Roboto-Medium.woff) format('woff'),
		 url(../fonts/Roboto-Medium.otf) format('opentype'); 
}
@font-face {   
	font-family: 'Roboto';   
	font-style: normal;   
	font-weight: 700;
	src: url(../fonts/Roboto-Bold.woff2) format('woff2'),
		 url(../fonts/Roboto-Bold.woff) format('woff'),
		 url(../fonts/Roboto-Bold.otf) format('opentype'); 
}
/*****************************************************************
  Reset
*****************************************************************/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{color:#222;text-decoration:none;cursor:pointer}
button{border:none;cursor:pointer}
table{width:100%;border-collapse:collapse;border-spacing:0}
a:focus{box-shadow:0px 0px 1px 1px rgba(0,97,255,0.8)}
/*****************************************************************
  Normalize
*****************************************************************/
body,html{min-width:1200px;height:100%}
body{line-height:24px;font-size:14px;font-family:'Noto Sans','Malgun Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;color:#222;letter-spacing:-0.5px;word-break:normal;-webkit-text-size-adjust:none;vertical-align:baseline;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{vertical-align:top}
input[type=text]::-ms-clear{display:none}
caption, legend, .offscreen{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
/*****************************************************************
  Accessibility
*****************************************************************/
#accessibility{position:absolute;width:100%;margin:0 auto;z-index:9999}
#accessibility a{text-indent:0;background:#000;position:absolute;z-index:1;top:-500px;width:100%;padding:20px 0;text-align:center}
#accessibility a:active,div#accessibility a:focus{top:0;color:#fff}
/*****************************************************************
  Top Banner
*****************************************************************/
.top_banner{position:relative;height:110px;z-index:100}
.top_banner .inner{position:relative;width:1200px;height:110px;line-height:110px;margin:0 auto;text-align:center}
.top_banner .inner img{width:1200px!important;height:110px!important;vertical-align:middle}
.banner_control{position:absolute;top:0;right:0}
.session_chk label{display:inline-block;margin-top:-2px;vertical-align:middle}
.banner_control .close_banner{display:inline-block;width:14px;height:14px;margin-left:40px;background:url(../images/common/ico_banner_close.png) no-repeat;vertical-align:middle}
/*****************************************************************
  Layout
*****************************************************************/
#wrap{height:100%}
#head{position:relative;height:80px;border-bottom:1px solid #e5e5e5;background-color:#fff;z-index:100}
#content{width:100%;padding:0 0 100px}
#footer{position:relative;background-color:#222}
/*****************************************************************
  Common
*****************************************************************/
.no_scroll{overflow:hidden}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.ell2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.clear{*zoom:1}
.clear:after{content:'';display:block;clear:both}
.clear>div, .clear>li, .clear>span{float:left;display:block}
.clear.s2>div, .clear.s1>li{width:100%}
.clear.s2>div, .clear.s2>li{width:50%}
.clear.s3>div, .clear.s3>li{width:33.3333%}
.clear.s4>div, .clear.s4>li{width:25%}
.clear.s5>div, .clear.s5>li{width:20%}
.clear.s6>div, .clear.s6>li{width:16.6666%}
.clear.s7>div, .clear.s7>li{width:14.285714%;}
span.c1, strong.c1{font-weight:400;color:#445bcd!important}
span.c2, strong.c2{font-weight:400;color:#e82f59!important}
span.b, strong.b{font-weight:500!important}
.mt5m{margin-top:-5px!important}
.mt10m{margin-top:-10px!important}
.mt15m{margin-top:-15px!important}
.mt20m{margin-top:-20px!important}
.mb20m{margin-bottom:-20px!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt55{margin-top:55px!important}
.mt60{margin-top:60px!important}
.mt65{margin-top:65px!important}
.mt115{margin-top:115px!important}
.mt200{margin-top:200px!important}
.ml0{margin-left:0px!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml100{margin-left:100px!important;}
.mb10{margin-bottom:10px!important}
/*2022.10.06*/
.pt0{padding-top:0px!important;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top:60px!important;}
.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb120{padding-bottom:120px!important;}
.pl15{padding-left: 15px!important}
.pr25{padding-right: 25px!important}
.pr40{padding-right: 40px!important}
.pr100{padding-right: 100px!important}
.no_data{padding:20px 0;text-align:center}
.dimmed{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99}
.ht2{line-height:48px;font-size:40px;color:#37404e;text-align:center}
.ht2 strong{font-weight:700}
.ft14 {font-size:14px !important;}
.ft15 {font-size:15px !important;}
.ft16 {font-size:16px !important;}
.ft17 {font-size:17px !important;}
.ta_r {text-align: right !important;}
.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
/*****************************************************************
  HEADER
*****************************************************************/
.head_inner{position:relative;width:1200px;height:80px;margin:0 auto}
.head_inner h1 a{position:absolute;top:30px;left:0;width:180px;height:21px;background:url(../images/common/logo.png) no-repeat}
.gnb{position:absolute;top:0;left:290px}
.gnb>ul>li{position:relative}
.gnb>ul>li:before{content:'';position:absolute;top:30px;left:0;width:1px;height:21px;background:url(../images/common/dot_util.png) no-repeat}
.gnb>ul>li:first-child:before{display:none}
.gnb>ul>li>a{display:block;width:205px;height:80px;line-height:78px;font-size:22px;font-weight:500;text-align:center}
.gnb>ul>li>a:hover, .gnb>ul>a:focus{color:#445bcd}
.gnb .sub_menu{display:none;position:absolute;top:80px;left:60px;padding:30px 0;z-index:100;opacity:0;transition:all 0.5s ease-out}
.gnb .sub_menu h3{display:none;position:absolute;top:20px;left:800px;width:300px;height:300px;line-height:300px;border:2px solid #999;background-color:e1e1e1;color:#000;font-size:20px;text-align:center;border-radius:100%}
.gnb .sub_menu>ul>li>a{display:block;width:155px;height:35px;line-height:33px;font-size:16px}
.gnb .sub_menu>ul>li>a:hover{color:#445bcd}
.gnb .bar{position:absolute;bottom:0;left:0;width:79px;height:0;margin-left:63px;background-color:#445bcd;opacity:0;transition:all 0.4s ease-in-out}
.gnb .bar.active{height:4px;opacity:1}
.gnb_bg{position:absolute;top:80px;left:0;right:0;height:0;background-color:#fff;transition:all 0.5s ease-out;z-index:99}
.util{position:absolute;top:0;right:0;border-left:1px solid #eee}
.util li{position:relative;border-right:1px solid #eee}
.util li:first-child{background:none}
.util li a{display:block;position:relative;width:80px;height:80px;padding-top:20px;font-size:12px;color:#444;text-align:center}
.util li a:hover{background-color:#445bcd;color:#fff}
.util li a:before{content:'';display:block;width:20px;height:20px;margin:0 auto 5px}
.util li a.myplan:before{background:url(../images/common/ico_myplan.png) 50% 50% no-repeat}
.util li a.luck:before{background:url(../images/common/ico_luck.png) 50% 50% no-repeat}
.util li.join_now a:before{background:url(../images/common/ico_join_now.png) 50% 50% no-repeat}
.util li a.myplan:hover:before{background:url(../images/common/ico_myplan_on.png) 50% 50% no-repeat}
.util li a.luck:hover:before{background:url(../images/common/ico_luck_on.png) 50% 50% no-repeat}
.util li.join_now a:hover:before{background:url(../images/common/ico_join_now_on.png) 50% 50% no-repeat}
.util li.join_now .join_now_close{display:none;background-color:#445bcd;color:#fff}
.util li.join_now .join_now_close:before{background:url(../images/common/ico_join_now_on.png) 50% 50% no-repeat}
/*****************************************************************
  CONTENT
*****************************************************************/
section{position:relative;width:1200px;margin:0 auto}
section.s0{padding-top:80px}
section.s1{padding-top:60px}
section.s2{padding-top:50px}
section.s3{padding-top:40px}
.heading{position:relative;padding-bottom:20px}
.heading h2{font-size:26px;font-weight:500}
.heading h3{font-size:18px}
.heading.t2 h2{line-height:40px;font-size:40px;font-weight:500;text-align:center}
.heading.t2 p{margin-top:20px;font-size:16px;color:#444;text-align:center}
.heading .nec_guide{position:absolute;bottom:15px;right:0}
.heading .nec_guide .nec{margin:0 3px 0 0}
.heading .guide{position:absolute;bottom:15px;right:0;color:#444}
.heading .guide .btn_dialog{margin-top:-2px}
.head_line{border-bottom:2px solid #37404e}
.head_line h3{padding-bottom:20px;font-size:24px;font-weight:500}
/*****************************************************************
  Footer
*****************************************************************/
#footer:before{content:'';position:absolute;top:235px;left:0;width:100%;height:1px;background-color:#444}
.footer_menu li{position:relative}
.footer_menu li:before{content:'';position:absolute;top:29px;left:0;width:1px;height:14px;background-color:#444}
.footer_menu li:first-child:before{display:none}
.footer_menu li a{display:block;height:70px;line-height:70px;padding:0 20px;color:#ccc}
.footer_menu li:first-child a{padding-left:5}
.footer_menu li a.accent{color:#fff}
.footer_info{position:relative;height:175px;margin-top:25px}
.footer_info .logo{position:absolute;top:5px;left:0;width:180px;height:21px;background:url(../images/common/footer_logo.png) no-repeat}
.footer_info .logo2{position:absolute;top:5px;left:-28px;width:20%;height:50%;background:url(../images/common/footer_kdblogo.png) no-repeat; }
.footer_info .kdb_guide{margin-left:230px}
.footer_info .kdb_guide .txt1{font-size:16px;font-weight:300;color:#ccc}
.footer_info .kdb_guide .txt1 strong{font-weight:500}
.footer_info .kdb_guide .txt1 span{display:inline-block;position:relative;padding-left:25px}
.footer_info .kdb_guide .txt1 span:before{content:'';position:absolute;top:6px;left:12px;width:1px;height:14px;background-color:#3e3e3e}
.footer_info .kdb_guide .txt2{margin-top:5px;font-weight:300;color:#999}
.footer_info .kdb_guide .copyright{font-size:12px;font-family:'Roboto';font-weight:300;color:#999}
.footer_info .c_mark{margin-top:20px}
.footer_info .c_mark li{margin-right:23px;font-size:11px;color:#999}
.footer_info .c_mark li span{display:inline-block;line-height:16px;margin-left:7px;vertical-align:middle}
.footer_info .c_mark li:before{content:'';display:inline-block;background:url(../images/common/spr_c_mark.png) no-repeat;vertical-align:middle}
.footer_info .c_mark li.c1:before{width:44px;height:29px;background-position:0 0}
.footer_info .c_mark li.c2:before{width:29px;height:29px;background-position:0 -34px}
.footer_info .c_mark li.c3:before{width:31px;height:31px;background-position:0 -68px}
.footer_info .c_mark li.c4:before{width:31px;height:31px;background-position:0 -104px}
.footer_info .c_mark li.c5:before{width:32px;height:32px;background-position:0 -140px}
.footer_info .c_mark li.c6:before{width:31px;height:32px;background-position:0 -177px}
/*****************************************************************
  Floating
*****************************************************************/
.floating{position:fixed;bottom:120px;right:30px;z-index:99}
.floating *{transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.floating a{display:block;position:relative;width:60px;height:60px;background:url(../images/common/spr_floating.png) no-repeat;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.35);border-radius:100%}
.floating .event_img{z-index:-1;margin-left:-168px;margin-bottom:150px;background:none;box-shadow: none;}
.floating .event_colse{z-index:0;margin-left: -80px;margin-bottom: -68px;width: 140px;background:none;box-shadow: none;}
.quick_menu{position:relative;height:60px;padding-bottom:60px}
.quick_menu li{padding:10px 0}
.quick_menu .toggle{position:absolute;bottom:0;left:0;background-position:0 -300px;z-index:10;transition:none}
.quick_menu .toggle:after{content:'';position:absolute;top:0;left:0;width:60px;height:60px;background:url(../images/common/spr_floating.png) 0 -240px no-repeat;transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000);opacity:0;transform:rotate(360deg) scale(0.3,0.3)}
.quick_menu .toggle .guide{position:absolute;top:10px;right:70px;width:167px;height:44px;border:1px solid #41bdf7;background-color:#fff;text-align:center;border-radius:7px;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.35);transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.quick_menu .toggle .guide:before{content:'';position:absolute;right:-10px;top:50%;width:10px;height:12px;margin-top:-6px;background:url(../images/index/ico_arrow_help.png) no-repeat}
.quick_menu .toggle .guide span{position:absolute;top:8px;left:0;width:100%;background-color:#fff;font-size:16px;color:#20407c}
.quick_menu .toggle .guide .txt1{animation:guideTxt1 4s linear infinite}
.quick_menu .toggle .guide .txt2{animation:guideTxt2 4s linear infinite}
@keyframes guideTxt1 {
  0%{opacity:1}
  20%{opacity:1}
  40%{opacity:0}
  60%{opacity:0}
  80%{opacity:1}
  100%{opacity:1}
}
@keyframes guideTxt2 {
  0%{opacity:0}
  20%{opacity:0}
  40%{opacity:1}
  60%{opacity:1}
  80%{opacity:0}
  100%{opacity:0}
}

.quick_menu .menu{display:none;position:absolute;bottom:70px;left:0;transition-duration:0s}
.quick_menu ul a{opacity:0;transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.quick_menu ul a.luck{background-position:0 0;transform:translate(0, 320px) rotate(360deg) scale(0.3,0.3)}
.quick_menu ul a.talk{background-position:0 -60px;transform:translate(0, 240px) rotate(360deg) scale(0.3,0.3)}
.quick_menu ul a.call{background-position:0 -120px;transform:translate(0, 160px) rotate(360deg) scale(0.3,0.3)}
.quick_menu ul a.remote{background-position:0 -180px;transform:translate(0, 80px) rotate(360deg) scale(0.3,0.3)}
.quick_menu ul a .lb{position:absolute;top:50%;right:75px;width:140px;margin-top:-17px;text-align:right;transform:translate(20px, 0);opacity:0}
.quick_menu ul a .lb span{display:inline-block;position:relative;padding:5px 10px;background-color:#fff;font-size:16px;color:#365389;border-radius:7px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000);transform:translate(10px, 0);opacity:0}
.quick_menu ul a .lb span:after{content:'';position:absolute;right:-9px;top:50%;width:9px;height:13px;margin-top:-7px;background:url(../images/index/ico_arrow_floating.png) no-repeat}
.quick_menu ul a:hover .lb span, .quick_menu ul a:focus .lb span{transform:translate(0, 0);opacity:1}
.quick_menu.active{height:280px}
.quick_menu.active .toggle{background:none}
.quick_menu.active .toggle:after{opacity:1;transform:rotate(0deg) scale(1,1)}
.quick_menu.active .menu{display:block}
.quick_menu ul.animated a{opacity:1}
.quick_menu ul.animated a.luck{transition-delay:0.15s;transform:translate(0, 0) rotate(0deg) scale(1,1)}
.quick_menu ul.animated a.talk{transition-delay:0.1s;transform:translate(0, 0) rotate(0deg) scale(1,1)}
.quick_menu ul.animated a.call{transition-delay:0.05s;transform:translate(0, 0) rotate(0deg) scale(1,1)}
.quick_menu ul.animated a.call .lb{margin-top:-29px}
.quick_menu ul.animated a.remote{transform:translate(0, 0) rotate(0deg) scale(1,1)}
.quick_menu ul.animated a .lb{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.quick_menu.active .toggle .guide{right:-110px;transform:scale(0,0);opacity:0}
.floating .btn_top{margin-top:-60px;background-position:0 -360px;opacity:0;transform:scale(0,0)}
.floating .btn_top.show{margin-top:20px;opacity:1;transform:scale(1,1)}
/*****************************************************************
  Button
*****************************************************************/
.btn_set{position:relative;margin-top:40px;text-align:center}
.btn_set.left{text-align:left}
.btn_set.right{text-align:right}
.btn_abs{position:absolute;top:0;left:200px;right:200px;text-align:center}
.btn{display:inline-block;min-width:100px;border-width:1px;border-style:solid;text-align:center;vertical-align:middle;cursor:pointer;border-radius:3px;box-sizing:border-box}
.btn+.btn, .btn+.btn_chk{margin-left:8px}
.btn.s1{height:48px;line-height:46px;padding:0 20px;font-size:18px}
.btn.s1 .arrow{display:inline-block;height:48px;line-height:46px;padding-right:20px;background:url(../images/common/ico_btn_arrow2.png) 100% 50% no-repeat}
.btn.s1 .icon{display:inline-block;height:48px;line-height:48px;padding-left:23px}
.btn.s1 .search{display:inline-block;height:48px;line-height:48px;padding-left:28px;background:url(../images/common/ico_btn_search.png) 0 50% no-repeat}
.btn.s1 .refresh{display:inline-block;height:48px;line-height:48px;padding-left:28px;background:url(../images/common/ico_refresh.png) 0 50% no-repeat}
.btn.s1 .remote{display:inline-block;height:48px;line-height:48px;padding-left:28px;background:url(../images/common/ico_remote.png) 0 50% no-repeat}
.btn.s1 .consult_req{display:inline-block;height:48px;line-height:48px;padding-left:28px;background:url(../images/common/ico_consult_req.png) 0 50% no-repeat}
.btn.s1 .download{display:inline-block;height:40px;line-height:38px;padding-right:26px;background:url(../images/common/ico_download.png) 99% 50% no-repeat}
.btn.s1 .download.t2{background:url(../images/common/ico_download_c1.png) 99% 50% no-repeat}
.btn.s1.c6{font-size:16px}
.btn.s2{min-width:280px;height:60px;line-height:58px;padding:0 20px;font-size:18px}
.btn.s2 .icon{display:inline-block;height:60px;line-height:58px;padding-left:30px}
.btn.s3{height:40px;line-height:38px;padding:0 20px;font-size:14px;font-weight:300}
.btn.s3 .download{display:inline-block;height:40px;line-height:38px;padding-right:26px;background:url(../images/common/ico_download.png) 99% 50% no-repeat}
.btn.s3 .download.t2{background:url(../images/common/ico_download_c1.png) 99% 50% no-repeat}
.btn.s3 .chk{display:inline-block;height:40px;line-height:38px;padding-left:22px;background:url(../images/common/ico_chk1.png) 0 50% no-repeat}
.btn.s3 .search{display:inline-block;height:40px;line-height:38px;padding-left:24px;background:url(../images/common/ico_btn_search.png) 0 50% no-repeat}
.btn.s4{height:90px;line-height:88px;padding:0 20px;font-size:20px}
.btn.s4 .arrow{display:inline-block;height:90px;line-height:88px;padding-right:30px;background:url(../images/common/ico_btn_arrow.png) 100% 50% no-repeat}
.btn.s5{height:60px;line-height:58px;padding:0 20px;font-size:18px}
.btn.c1{border-color:#445bcd;background-color:#445bcd;color:#fff}
.btn.c2{border-color:#37404e;background-color:#37404e;color:#fff}
.btn.c3{border-color:#ccc;background-color:#fff;color:#222}
.btn.c4{border-color:#666;background-color:#666;color:#fff}
.btn.c5{border-color:#e82f59;background-color:#e82f59;color:#fff}
.btn.c6{border-color:#445bcd;background-color:#fff;color:#445bcd}
.btn.disabled{border-color:#ccc;background-color:#fafafa;color:#777}
.btn_dialog{display:inline-block;width:18px;height:18px;margin-left:10px;background:url(../images/common/ico_dialog.png) no-repeat;vertical-align:middle}
.btn_view{display:inline-block;width:30px;height:30px;background:url(../images/product/ico_view.png) no-repeat;vertical-align:middle}
.btn_check{display:inline-block;min-width:100px;height:42px;line-height:40px;padding:0 20px;border:1px solid #ccc;background-color:#fff;text-align:center;vertical-align:middle;cursor:pointer;border-radius:4px;box-sizing:border-box}
.btn_check+.btn_check{margin-left:8px}
.btn_check span{display:inline-block;padding-right:31px;background:url(../images/common/ico_btn_chk.png) 100% 50% no-repeat;color:#777;text-align:left}
.btn_check.active{border-color:#445bcd;background-color:#445bcd}
.btn_check.active span{background:url(../images/common/ico_btn_chk_on.png) 100% 50% no-repeat;color:#fff}
.btn_download{display:inline-block;width:30px;height:30px;background:url(../images/common/ico_download2.png) 50% 50% no-repeat}
/*****************************************************************
  Form
*****************************************************************/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{font-size:14px;font-weight:300;color:#777;text-align:left;opacity:1}
input::-moz-placeholder, textarea::-moz-placeholder{font-size:14px;font-weight:300;color:#777;text-align:left;opacity:1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{font-size:14px!important;font-weight:300!important;color:#777!important;text-align:left!important;opacity:1!important}
input.txt.s1::-webkit-input-placeholder{font-size:16px;font-weight:300;color:#aaa}
input.txt.s1::-moz-placeholder{font-size:16px;font-weight:300;color:#aaa}
input.txt.s1:-ms-input-placeholder{font-size:16px!important;font-weight:300!important;color:#aaa}
input.txt.s2::-webkit-input-placeholder{font-size:18px;font-weight:300;color:#aaa}
input.txt.s2::-moz-placeholder{font-size:18px;font-weight:300;color:#aaa}
input.txt.s2:-ms-input-placeholder{font-size:18px!important;font-weight:300!important;color:#aaa}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{visibility:hidden;text-indent:-9999px}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{visibility:hidden}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{visibility:hidden}
select{width:200px;height:40px;padding:0 10px;border:1px solid #ccc;background:url(../images/common/ico_sel_arrow.png) 100% 50% no-repeat;font-family:'Noto Sans';font-size:14px;font-weight:400;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
select::-ms-expand{display:none}
select:focus{border:2px solid #445bcd}
select.s{width:75px;height:30px;background:url(../images/common/ico_sel_arrow_s.png) 100% 50% no-repeat;font-size:12px}
input.txt, textarea{width:200px;padding:0 10px;border:1px solid #ccc;font-family:'Noto Sans';font-size:14px;font-weight:400;vertical-align:middle;box-sizing:border-box;outline:none}
input.txt{height:40px}
input.txt.s1{height:48px;font-size:16px;border-radius:3px}
input.txt.s2{height:60px;padding-left:18px;font-size:18px;border-radius:3px}
textarea{padding:10px}
input.txt:focus, textarea:focus{border:2px solid #445bcd}
input.txt.error, textarea.error{border:2px solid #ff5b79}
input.txt.search{padding-left:40px;background:url(../images/common/ico_input_search.png) 14px 50% no-repeat}
input.txt.right{text-align:right}
input.readonly, textarea.readonly{background-color:#fafafa}
input[type="radio"],input[type="checkbox"]{width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;opacity:0}
input[type="radio"]+label,input[type="checkbox"]+label{display:inline-block;position:relative;min-height:22px;line-height:22px;margin-left:10px;padding-left:32px;cursor:pointer;word-break:keep-all}
input[type="radio"]:first-child+label,input[type="checkbox"]:first-child+label{margin-left:0}
input[type="radio"]+label.sg,input[type="checkbox"]+label.sg{padding-left:22px;vertical-align:middle}
input[type="radio"]+label:before,input[type="checkbox"]+label:before{content: '';position:absolute;top:0;left:0;width:22px;height:22px}
input[type="radio"]+label:before{background:url(../images/common/ico_radio.png) 0 0 no-repeat}
input[type="checkbox"]+label:before{background:url(../images/common/ico_checkbox.png) 0 0 no-repeat}
input[type="radio"]:checked+label:before,input[type="checkbox"]:checked+label:before{background-position:left -27px}
input[type="radio"]:disabled+label:before,input[type="checkbox"]:disabled+label:before{background-position:left -54px}
input[type="radio"].disValue+label:before,input[type="checkbox"].disValue+label:before{background-position:left -81px}
input[type="radio"]:focus+label:before,input[type="checkbox"]:focus+label:before{background-position:left -108px}
input[type="radio"]:focus:checked+label:before,input[type="checkbox"]:focus:checked+label:before{background-position:left -135px}
input[type="radio"]+label .date{position:relative;padding-left:22px;color:#777}
input[type="radio"]+label .date:before{content:'';position:absolute;top:6px;left:11px;width:1px;height:10px;background-color:#ccc}
.btn_toggle{position:relative;margin:0 1px}
.btn_toggle li{position:relative;margin-left:-1px}
.btn_toggle input[type="radio"]{position:absolute}
.btn_toggle input[type="radio"]+label{position:relative;width:100%;height:40px;line-height:38px;margin:0 -0.5px;padding:0;border:1px solid #ddd;background-color:#fff;color:#777;text-align:center}
.btn_toggle input[type="radio"]:checked+label{border:2px solid #445bcd;color:#445bcd;z-index:10}
.btn_toggle input[type="radio"]:focus+label{box-shadow:0px 0px 1px 1px rgba(0,97,255,0.8)}
.btn_toggle input[type="radio"]:first-child+label{margin:0}
.btn_toggle input[type="radio"]+label:before{display:none}
.btn_toggle.t2 input[type="radio"]+label{border-color:#cecece;font-weight:300;color:#888}
.btn_toggle.t2 input[type="radio"]:focus+label{border:1px dotted #000!important}
.btn_toggle.t2 input[type="radio"]:checked+label{border-color:#445bcd;background-color:#445bcd;font-weight:500;color:#fff}
.btn_toggle input[type="radio"]+label span{display:inline-block;position:relative;height:100%;line-height:36px;padding-left:30px}
.btn_toggle input[type="radio"]+label span:before{content:'';position:absolute;top:50%;left:0;width:26px;height:22px;margin-top:-11px;background:url(../images/common/spr_people.png) 0 0 no-repeat}
.btn_toggle input[type="radio"]+label span.radio{padding-left:0}
.btn_toggle input[type="radio"]+label span.radio:before{background-position:0 40px}
.btn_toggle input[type="radio"]:checked+label span.radio{padding-left:20px;color:#445bcd}
.btn_toggle input[type="radio"]:checked+label span.radio:before{width:14px;height:11px;margin-top:-5px;background-position:0 0}
.btn_toggle input[type="radio"]+label span.male:before{background-position:50% -11px}
.btn_toggle input[type="radio"]:checked+label span.male:before{background-position:50% -33px}
.btn_toggle input[type="radio"]+label span.female:before{background-position:50% -55px}
.btn_toggle input[type="radio"]:checked+label span.female:before{background-position:50% -77px}
.btn_toggle input[type="radio"]+label span.child:before{background-position:50% -99px}
.btn_toggle input[type="radio"]:checked+label span.child:before{background-position:50% -121px}
.btn_toggle input[type="radio"]+label span.baby:before{background-position:50% -143px}
.btn_toggle input[type="radio"]:checked+label span.baby:before{background-position:50% -165px}
.btn_toggle input[type="radio"]+label span.child_male:before{background-position:50% -187px}
.btn_toggle input[type="radio"]:checked+label span.child_male:before{background-position:50% -209px}
.btn_toggle input[type="radio"]+label span.child_female:before{background-position:50% -231px}
.btn_toggle input[type="radio"]:checked+label span.child_female:before{background-position:50% -253px}
.btn_chk{display:inline-block;vertical-align:middle}
.btn_chk.abs, .btn_check.abs{position:absolute;top:0;right:40px}
.btn_chk input[type="checkbox"]+label{min-width:100px;padding:0 20px;border:1px solid #ccc;background-color:#fff;border-radius:4px;text-align:center}
.btn_chk input[type="checkbox"]:focus+label{box-shadow:0px 0px 1px 1px rgba(0,97,255,0.8)}
.btn_chk input[type="checkbox"]+label:before{display:none}
.btn_chk input[type="checkbox"]+label>span{display:inline-block;height:38px;line-height:36px;padding-right:32px;background:url(../images/common/ico_btn_chk.png) 99% 50% no-repeat;color:#777}
.btn_chk.s2 input[type="checkbox"]+label>span{height:48px;line-height:46px;font-size:18px}
.btn_chk input[type="checkbox"]:checked+label{border-color:#445bcd;background-color:#445bcd}
.btn_chk input[type="checkbox"]:checked+label>span{background:url(../images/common/ico_btn_chk_on.png) 99% 50% no-repeat;color:#fff}
.txt_link{display:inline-block;margin-left:17px;padding-right:20px;background:url(../images/common/ico_txt_link.png) 99% 50% no-repeat;font-size:14px;font-weight:700;color:#445bcd}
.chk_list>li{margin-top:10px}
.chk_list>li:first-child{margin-top:0}
.chk_list>li>ul{margin-left:25px}
.chk_list>li>ul>li{margin-top:10px}
input.addr{width:100%}
span.user_input{position:relative}
span.user_input a.input_del{position:absolute;top:0;right:0;width:38px;height:38px;background:url(../images/common/ico_input_del.png) 50% 50% no-repeat;text-indent:-9999px}
span.dash{display:inline-block;width:9px;height:1px;margin:0 5px 0 6px;background-color:#222;vertical-align:middle}
span.at{display:inline-block;padding:0 6px}
.file_upload{position:relative;margin-top:5px;padding-right:130px}
.file_upload:first-child{margin-top:0}
.file_upload .type_file{display:none}
.file_upload .txt{width:100%}
.file_upload .btn{position:absolute;top:0;right:0;cursor:pointer}
span.error_txt{display:inline-block;position:relative;min-height:18px;margin-left:8px;padding-left:23px;background:url(../images/common/ico_error.png) 0 3px no-repeat;font-weight:300;color:#ff5b79}
p.error_txt{position:relative;min-height:18px;margin-top:10px;padding-left:23px;background:url(../images/common/ico_error.png) 0 0 no-repeat;font-weight:300;color:#ff5b79}
/*****************************************************************
  Table
*****************************************************************/
.tbl{border-width:2px 0 0;border-style:solid;border-color:#37404e}
.tbl table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.tbl table th, .tbl table td{padding:15px;border-width:0 0 1px 1px;border-style:solid;border-color:#ccc;vertical-align:middle;text-align:center}
.tbl table th.ft, .tbl table td.ft{border-width:0 0 1px 0}
.tbl table td{background-color:#fff;font-size:15px;color:#444}
.tbl.list table td{font-size:16px}
.tbl table tr.accent td{background-color:#f6fbff}
.tbl table td.left{text-align:left}
.tbl table td.right{text-align:right}
.tbl table td.bln{border-bottom:none}
.tbl table th{padding:15px 20px;background-color:#f0f2f4;font-weight:500;font-size:16px}
.tbl table tbody th{text-align:left}
.tbl table td .tag{display:inline-block;margin-bottom:8px;padding:2px 9px;background-color:#e82f59;border-radius:3px;font-size:12px;color:#fff}
.tbl table td .tag strong{color:#ffdc10}
.tbl table td .rm{display:block;margin-top:5px;font-size:13px;color:#777}
.tbl table td .btn_download{margin:-3px 0;vertical-align:middle}
.tbl table td .list_txt li:first-child{margin-top:0}
.tbl.nl table th, .tbl.nl table td{border-width:0 0 1px}
.tbl_fixed{position:relative;padding-top:55px;border-top:2px solid #37404e}
.tbl_fixed .tbl{max-height:250px;overflow-y:auto;overflow-x:hidden;border:none}
.tbl_fixed .tbl table thead tr{display:inline-table;position:absolute;top:0;width:100%;table-layout:fixed}
.grid_rm{position:relative;margin-bottom:15px;font-size:12px;color:#777;text-align:right}
.grid_rm.left{text-align:left}
.grid_rm .total{font-size:16px;font-weight:700;color:#444}
.grid_rm .total>strong{color:#6d86ff}
.grid_rm .total .num{font-weight:400;color:#999}
.grid_rm .total .num>strong{color:#6d86ff}
.grid_rm .result_num{position:absolute;top:0;left:0;font-size:16px;color:#222}
.grid_rm .txt1{font-size:14px}
.grid_rm .txt2{font-size:18px;font-weight:700;color:#222}
.grid_rm .txt3{font-size:16px;color:#222}
.grid_rm .txt2 strong, .grid_rm .txt3 strong{color:#445bcd}
.grid_rm .btn{position:absolute;right:0;bottom:5px}
/*****************************************************************
  Form Table
*****************************************************************/
.tbf{border-width:2px 0 1px;border-style:solid;border-color:#000 #ccc #ccc}
.tbf table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.tbf table th, .tbf table td{min-height:40px;padding:10px 15px;border-width:0 0 1px 0;border-style:solid;border-color:#e1e1e1;background-color:#fff;vertical-align:top;text-align:left}
.tbf table tr:last-child th, .tbf table tr:last-child td{border:none}
.tbf table th{padding:17px 15px 10px 40px;font-size:16px;font-weight:500}
.tbf table td.left{text-align:left!important}
.tbf table td.right{text-align:right!important}
.tbf table td.center{text-align:center!important}
.tbf table td .input_item{position:relative}
.tbf table td .input_item+.input_item{margin:10px -15px 0 0;padding-top:10px;border-top:1px solid #e1e1e1}
.tbf table td .input_item+.input_item.t2{margin:0;border:none}
.tbf table td .input_item .option{display:inline-block;margin-left:20px;color:#777}
.tbf table td .input_item .tooltip{margin-left:8px;vertical-align:middle}
.tbf table td .input_item.full .txt, .tbf table td .input_item.full textarea{width:100%}
.tbf table td .input_item .txt_item{padding-top:0}
.tbf table td .txt_item{position:relative;padding:7px 0 8px}
.tbf table td .s_guide{display:inline-block;margin-left:18px;font-size:12px;color:#777;vertical-align:middle}
.tbf table td input[type="checkbox"]+label .s_guide{margin:-6px 0 0 0}
.tbf table td .accent{font-size:16px;font-weight:500}
.tbf.list table thead th{padding:14px 10px 16px;border-width:0 0 1px 0;border-style:solid;border-color:#e1e1e1;text-align:center}
.tbf table td .type{display:inline-block;height:20px;line-height:20px;margin-left:10px;padding:0 15px;background-color:#e72f59;font-family:'Roboto';font-size:12px;font-weight:700;color:#fff;vertical-align:middle;border-radius:20px;letter-spacing:1px}
.tbf.list table th{padding:17px 15px 10px}
.tbf.list table td{padding:15px 10px;text-align:center}
.input_item.tel select, .input_item.tel .txt{width:100px}
.input_item.tel select+select{margin-left:8px}
.input_item.right{text-align:right}
.input_item .txt + .txt, .input_item .txt + select{margin-left:8px}
.input_item .txt + .rc_list{margin-left:18px}
.input_item .btn, .input_item .btn_check{margin-left:8px}
.input_item .unit+select, .input_item .unit+.txt, .input_item .unit+.s_lb{margin-left:18px}
.input_item .s_lb{display:inline-block;padding-right:8px;font-weight:300;color:#222}
.input_item .unit{display:inline-block;padding-left:8px;font-weight:300;color:#222}
.input_item>.lb{padding-right:10px}
.input_item.date .txt{width:125px!important}
.input_item.s_input+.input_item.s_input{margin-left:18px}
.input_item.s_input .txt, .input_item.s_input select{width:80px!important}
.input_item.m_input .txt, .input_item.m_input select{width:100px!important}
.input_item.l_input .txt{width:270px!important}
.input_item+.txt_item{margin:13px -15px 0 0}
.card_num{display:inline-block;margin-left:18px;vertical-align:middle}
.card_num .txt{width:100px!important}
.input_sub_item{margin-top:10px}
.input_sub_item:first-child{margin:0}
.input_sub_item .btn:first-child{margin:0}
.txt_item .btn_chk{position:absolute;top:0;right:40px}
.addr_etc .txt{width:400px}
.email input.txt{width:150px}
.email select{width:202px}
.email .user_input{display:none}
.tbf table td .value{display:inline-block;max-width:680px;font-size:16px;color:#444;vertical-align:middle}
.input_guide{position:relative;line-height:16px;padding:10px 0 0 15px;font-size:12px;color:#777}
.input_guide:before{content:'※';position:absolute;top:10px;left:0}
.rc_list{display:inline-block;padding:4px 0;vertical-align:middle}
.rc_list.clear{padding:0}
.rc_list li{margin-right:40px;padding:4px 0}
.rc_list.clear li{padding:8px 0}
.rc_list.date li{margin-right:20px}
.rc_list.vt{display:block}
.rc_list.vt li{float:none;width:100%!important}
.rc_list.m2 li{margin-right:30px}
.rc_list li:last-child{margin:0!important}
.rc_list li .txt{margin:-5px 0 -5px 12px}
.rc_list li select{margin-left:10px}
.rc_list+.txt{margin-left:28px!important}
.rc_list+.tooltip{margin-left:18px!important}
.value+.rc_list, .tooltip+.rc_list, .tooltip_toggle+.rc_list{margin-left:45px}
.nec{display:inline-block;width:6px;height:6px;margin-left:6px;background:url(../images/common/ico_necessary.png) no-repeat;vertical-align:middle}
.form_guide{margin-top:20px}
.form_guide .sub{margin-top:10px}
.form_guide .t1{color:#444}
.form_guide .dot{position:relative;line-height:16px;padding:4px 0 4px 10px;font-size:12px;color:#777}
.form_guide .dot:before{content:'';position:absolute;top:11px;left:0;width:2px;height:2px;background-color:#777}
.form_guide .btn_chk{position:absolute;top:0;right:40px}
.dialog_content .tbf table th{padding-left:20px}
.dialog_content .input_item.email .txt, .dialog_content .input_item.email select{width:125px}
.timer{display:inline-block;margin-left:18px;vertical-align:middle}
.timer .time{display:inline-block;padding-left:25px;background:url(../images/offer/ico_timer.png) 0 50% no-repeat;font-size:16px;color:#445bcd}
.timer .btn{margin-left:15px}
.timer .guide{padding-left:7px;color:#777}
/*****************************************************************
  Pagination
*****************************************************************/
.pagination{margin-top:25px;text-align:center}
.pagination li{display:inline-block;margin:0 -2px;vertical-align:middle}
.pagination li a, .pagination li strong{display:block;min-width:16px;height:28px;line-height:24px;margin:0 11px;color:#444}
.pagination li a:hover{color:#000}
.pagination li .current{position:relative;font-weight:700;color:#445bcd}
.pagination li .current:after{content:'';display:block;height:1px;background-color:#445bcd}
.pagination li a.ct{min-width:28px;margin:0;padding:0;background:url(../images/common/spr_pagination.png) 0 0 no-repeat}
.pagination li a.first{background-position:50% 0}
.pagination li a.prev{background-position:50% -28px}
.pagination li a.end{background-position:50% -56px}
.pagination li a.next{background-position:50% -84px}
/*****************************************************************
  Tabs
*****************************************************************/
.tab_nav li{float:left;cursor:pointer}
.tab_nav li:focus{box-shadow:0px 0px 1px 1px rgba(0,97,255,0.8)}
.tab_section.t1>.tab_wrap{border-bottom:1px solid #e1e1e1;background-color:#fff}
.tab_section.t1>.tab_wrap .tab_nav{width:1200px;margin:0 auto}
.tab_section.t1>.tab_wrap .tab_nav li a{display:block;position:relative;height:80px;line-height:78px;border-width:0 1px 0 0;border-style:solid;border-color:#e6e6e6;font-size:18px;color:#777;text-align:center}
.tab_section.t1>.tab_wrap .tab_nav li.active a{background-color:#37404e;font-weight:700;color:#fff}
.tab_section.t1>.tab_wrap .tab_nav li.active a:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-width:1px;border-style:solid;border-color:#37404e}
.tab_section.t1>.tab_contents{width:1200px;margin:0 auto}
.tab_section.t2>.tab_nav{border-bottom:1px solid #445bcd}
.tab_section.t2>.tab_nav li a{display:block;position:relative;height:60px;line-height:58px;background-color:#dcdee1;font-size:18px;font-weight:300;color:#777;text-align:center;border-radius:4px 4px 0 0}
.tab_section.t2>.tab_nav li.active a{background-color:#445bcd;font-weight:500;color:#fff}
.tab_section.t2>.tab_contents{padding:20px 30px;background-color:#fff;border-radius:0 0 4px 4px}
.tab_section.t3>.tab_nav li a{display:block;position:relative;height:48px;line-height:46px;background-color:#f4f6fa;border-bottom:2px solid #e0e2e6;font-size:16px;font-weight:300;color:#777;text-align:center}
.tab_section.t3>.tab_nav li.active a{border-color:#445bcd;font-weight:500;color:#445bcd}
.tab_section.t3>.tab_contents{padding:20px 0;background-color:#fff}
.tab_section.t4>.tab_nav{border-width:0 0 1px 1px;border-style:solid;border-color:#e1e1e1}
.tab_section.t4>.tab_nav li>a{display:block;position:relative;height:80px;line-height:78px;border-width:1px 1px 0 0;border-style:solid;border-color:#e1e1e1;font-size:18px;font-weight:300;color:#222;text-align:center}
.tab_section.t4>.tab_nav li>a span{display:inline-block;line-height:26px;margin-top:-2px;vertical-align:middle}
.tab_section.t4>.tab_nav li .kakao{display:inline-block;padding-left:25px;background:url(../images/offer/ico_kakao.png) 0 50% no-repeat}
.tab_section.t4>.tab_nav li.active a{background-color:#37404e;font-weight:700;color:#fff}
.tab_section.t4>.tab_nav li.active a:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-width:1px;border-style:solid;border-color:#37404e}
.tab_section.t4>.tab_nav li.active .kakao{background:url(../images/offer/ico_kakao_on.png) 0 50% no-repeat}
.tab_section.t4>.tab_contents{padding:55px;border-width:0 1px 1px;border-style:solid;border-color:#ccc}
.tab_section.t4>.tab_contents.nl{padding:40px 0 0;border:none}
.tab_section.t5>.tab_nav li a{display:block;position:relative;height:60px;line-height:58px;margin:-0.5px;border:1px solid #e1e1e1;font-size:18px;font-weight:300;color:#777;text-align:center}
.tab_section.t5>.tab_nav li.active a{background-color:#37404e;font-weight:700;color:#fff}
.tab_section.t5>.tab_nav li.active a:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-width:1px;border-style:solid;border-color:#37404e}
.tab_contents .panel{display:none}
.tab_contents .panel.active{display:block}
.tab_contents .panel.center{text-align:center}
.tab_chk ul{position:relative;border:1px solid #e1e1e1;background-color:#fff}
.tab_chk ul li{border-right:1px solid #e1e1e1;text-align:center}
.tab_chk ul li:last-child{border:none}
.tab_chk ul li a{position:relative;display:block;height:58px}
.tab_chk ul li a span{display:inline-block;height:58px;line-height:56px;padding-right:31px;background:url(../images/common/ico_btn_chk.png) 99% 50% no-repeat;font-size:18px;color:#777}
.tab_chk ul li a.active{background-color:#445bcd}
.tab_chk ul li a.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #445bcd}
.tab_chk ul li a.active span{background:url(../images/common/ico_btn_chk_on.png) 99% 50% no-repeat;color:#fff}
.tab_link{margin:0.5px}
.tab_link li{float:left;cursor:pointer}
.tab_link li a{display:block;position:relative;height:60px;line-height:58px;margin:-0.5px;border:1px solid #e1e1e1;font-size:18px;font-weight:300;color:#777;text-align:center}
.tab_link li a.active{background-color:#37404e;font-weight:700;color:#fff}
.tab_link li a.active:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-width:1px;border-style:solid;border-color:#37404e}
.tab_link li a .num{padding-left:11px;color:#6d86ff}
.tab_txt.right{text-align:right}
.tab_txt li{display:inline-block;position:relative;padding-left:41px}
.tab_txt li:after{content:'';position:absolute;top:8px;left:20px;width:1px;height:10px;background-color:#e1e1e1}
.tab_txt li:first-child{padding:0}
.tab_txt li:first-child:after{display:none}
.tab_txt li a{color:#777}
.tab_txt li a.active{font-weight:500;color:#222}
/*****************************************************************
  Combobox
*****************************************************************/
.combobox{position:relative;display:inline-block}
.combobox button{width:200px;height:40px;padding:0 10px 0 20px;border:1px solid #ccc;background:url(../images/common/ico_sel_arrow.png) 100% 50% no-repeat;font-size:14px;text-align:left;vertical-align:middle;outline:none}
.combobox button:focus{border:2px solid #445bcd}
.combobox ul{display:none;position:absolute;top:40px;left:0;right:0;max-height:200px;overflow-y:auto;overflow-x:hidden;border-width:0 1px 1px;border-style:solid;border-color:#ccc;background-color:#fff;z-index:99}
.combobox ul li{height:40px;line-height:40px;padding:0 10px;border-top:1px solid #e6e6e6}
.combobox ul li.selected{background-color:#eceefa}
/*****************************************************************
  Tooltip
*****************************************************************/
.tooltip{display:inline-block;position:relative;margin-left:8px;vertical-align:middle}
.tooltip>button{width:18px;height:18px;background:url(../images/common/ico_tooltip.png) 0 0 no-repeat;text-indent:-9999px}
.tooltip>button .txt{text-indent:-9999px}
.tooltip .tooltip_panel{display:none;position:absolute;top:30px;left:-8px;width:200px;padding:15px;border:1px solid #445bcd;background-color:#fff;border-radius:3px;z-index:99}
.tooltip .tooltip_panel:before{content:'';position:absolute;top:-6px;left:10px;width:13px;height:7px;background:url(../images/common/ico_arrow_box.png) 0 0 no-repeat}
.tooltip .tooltip_panel p{font-size:14px;font-weight:400;color:#444}
.tooltip .tooltip_panel .tooltip_close{position:absolute;top:5px;right:5px;width:30px;height:30px;background:url(../images/common/ico_input_del.png) 50% 50% no-repeat;text-indent:-9999px}
.tooltip.center .tooltip_panel{left:50%;width:170px;margin-left:-83px}
.tooltip.center .tooltip_panel:before{left:50%;margin-left:-8px}
.tooltip.right .tooltip_panel{left:inherit;right:-8px}
.tooltip.right .tooltip_panel:before{left:inherit;right:10px}
.tooltip_toggle{display:inline-block;width:18px;height:18px;margin:-4px 0 0 7px;background:url(../images/common/ico_tooltip.png) 0 0 no-repeat;vertical-align:middle}
.tooltip_toggle.txt{margin:0 0 0 7px}
.tooltip_toggle_panel{display:none;position:relative;margin-top:10px;padding:15px 20px 15px 45px;background:#f6fbff url(../images/common/ico_em.png) 20px 18px no-repeat;color:#444}
.tooltip_toggle_panel .em{position:absolute;top:20px;left:40px;padding-left:30px; background:url(../images/common/ico_em.png) 0 4px no-repeat; font-size:16px;font-weight:300;color:#445bcd}

.tooltip .tooltip_panel1{display:none;position:absolute;top: 50px;left: -5px;width: 180px;padding: 5px;border:1px solid #445bcd;background-color:#fff;border-radius:3px;z-index:99;}
.tooltip .tooltip_panel1:before{content:'';position:absolute;top:-6px;left: 50px;width:13px;height:7px;background:url(../images/common/ico_arrow_box.png) 0 0 no-repeat;}           
.tooltip .tooltip_panel1 p{font-size:14px;font-weight:400;color:#444}                                                                                                               

/*****************************************************************
  Dialog_doc
*****************************************************************/
.dialog_doc{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}
.dialog_doc_table{display:table;width:100%;height:100%;table-layout:fixed}
.dialog_doc_cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.dialog_doc_wrap{position:relative;width:100%;margin:0 auto;border:1px solid #37404e;background-color:#fff;text-align:left}
.dialog_doc_wrap.s2{width:640px}
.dialog_doc_wrap.s3{width:560px}
.dialog_doc_wrap.msg{width:580px}
.dialog_doc_header{position:relative;height:60px;background-color:#20407c}
.dialog_doc_header h2{line-height:60px;padding:0 75px 0 25px;font-size:24px;font-weight:500;color:#fff}
.dialog_doc_header .dialog_close{position:absolute;top:0;right:0;width:75px;height:60px;background:url(../images/common/ico_close_dialog.png) 50% 50% no-repeat}
.dialog_doc_content{padding:20px 0}
.dialog_doc_content .scroller{padding:0 20px;overflow-y:auto;overflow-x:hidden}
.dialog_doc_message{position:relative;padding:0 40px}
.dialog_doc_content .scroller .dialog_message{padding:0}
.dialog_doc_content .scroller>.txt1{line-height:36px;font-size:24px;font-weight:500;text-align:center;letter-spacing:-1.5px}

/*****************************************************************
  Dialog
*****************************************************************/
.dialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}
.dialog_table{display:table;width:100%;height:100%;table-layout:fixed}
.dialog_cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.dialog_wrap{position:relative;width:980px;margin:0 auto;border:1px solid #37404e;background-color:#fff;text-align:left}
.dialog_wrap.s2{width:640px}
.dialog_wrap.s3{width:560px}
.dialog_wrap.msg{width:580px}
.dialog_header{position:relative;height:60px;background-color:#20407c}
.dialog_header h2{line-height:60px;padding:0 75px 0 25px;font-size:24px;font-weight:500;color:#fff}
.dialog_header .dialog_close{position:absolute;top:0;right:0;width:75px;height:60px;background:url(../images/common/ico_close_dialog.png) 50% 50% no-repeat}
.dialog_content{padding:20px 0}
.dialog_content .scroller{padding:0 20px;overflow-y:auto;overflow-x:hidden}
.dialog_footer{padding:0 40px 40px}
.dialog_footer .btn_set{margin:0}
.dialog_message{position:relative;padding:0 40px}
.dialog_content .scroller .dialog_message{padding:0}
.dialog_content .scroller>.txt1{line-height:36px;font-size:24px;font-weight:500;text-align:center;letter-spacing:-1.5px}
.dialog_message .dm_heaing{line-height:38px;margin-top:-5px;font-size:28px;font-weight:700;color:#445bcd;text-align:center}
.dialog_message .dm_txt{line-height:26px;margin-top:20px;font-size:16px;color:#444;text-align:center}
.dialog_message .dm_txt.left{text-align:left}
.dialog_message .dm_list{margin-top:20px}
.dialog_message .dm_list li.num{position:relative;min-height:20px;line-height:20px;padding:8px 0 8px 30px;font-size:16px;color:#444}
.dialog_message .dm_list li.num span{position:absolute;top:9px;left:0;width:20px;height:20px;line-height:22px;background-color:#37404e;font-family:'Roboto';font-size:14px;font-weight:400;color:#fff;text-align:center;border-radius:100%}
.dialog_message.kakao:before{content:'';display:block;width:160px;height:160px;margin:0 auto 20px;background:url(../images/common/ico_m_kakao.png) no-repeat}
.d_guide1{padding-bottom:5px;font-size:16px;color:#444}
.d_info_flow{position:relative;margin-top:30px}
.d_info_flow h3{font-size:18px;font-weight:500}
.d_info_flow .rc_list.abs{position:absolute;top:-5px;right:0}
.d_info_flow .rc_list.abs label{color:#777}
.d_info_flow .flow_box{height:130px;margin-top:20px;padding:22px 30px 30px;border:1px solid #e1e1e1;overflow-y:auto}
.d_info_flow .flow_box.h220{height:220px}
.d_info_flow .flow_box p+h5{margin-top:10px}
.d_info_flow .flow_box h5+.tbl, .d_info_flow .flow_box h5+p, .d_info_flow .flow_box ol+h5{margin-top:10px}
.d_info_flow .flow_box .txt1{font-size:14px;color:#444}
.d_info_flow .flow_box .txt2{font-size:14px;color:#444}
.d_info_flow .flow_box .tbl table th, .d_info_flow .flow_box .tbl table td{line-height:20px;padding:4px 10px 6px;font-size:12px}
.d_info_flow .flow_box .tbl table td .list_txt li.dot{margin-top:0}
.d_info_flow .flow_box .tbl table td .list_txt li.dot:before{top:9px;width:2px;height:2px}
.d_info_flow .guide_box{margin-top:20px;padding:22px 30px 30px;border:1px solid #e1e1e1;background-color:#fafafa}
.dialog_content .heading{padding-bottom:20px}
.dialog_content .heading h3{font-size:24px;font-weight:500}
.dialog_content .rc_list li{margin-right:20px}
.dialog_content .tbl table th, .dialog_content .tbl table td{padding:14px 20px 16px}
.d_head_box{padding:15px 20px 16px;border:1px solid #dae0ff;background-color:#f6fbff;font-size:16px;font-weight:350;color:#20407c}
/*****************************************************************
  Accordion
*****************************************************************/
.keyword_search{position:relative;padding-right:110px}
.keyword_search .txt{width:100%;height:48px;line-height:48px;border-radius:3px}
.keyword_search .btn{position:absolute;top:0;right:0}
.keyword_search .guide{display:block;margin-top:5px;font-size:12px;font-weight:300;color:#777}
.keyword_list{margin-top:10px}
.keyword_list li{margin:10px 8px 0 0}
.keyword_list li a{display:inline-block;height:40px;line-height:38px;padding:0 20px;background-color:#f0f2f4;font-size:18px;color:#445bcd;border-radius:40px}
.search_result_list{border-top:2px solid #37404e;max-height:250px;overflow-y:auto;overflow-x:hidden}
.search_result_list ul li{position:relative;padding:10px;border-bottom:1px solid #ccc}
.search_result_list ul li input[type="radio"]+label:before{top:50%;margin-top:-11px}
.search_result_list ul li .addr{display:block;margin-right:50px}
.search_result_list ul li .addr label{padding-left:35px}
.search_result_list ul li .job{display:block}
.search_result_list ul li .job label{padding-left:35px}
.search_result_list ul li .zip{position:absolute;top:50%;right:10px;margin-top:-10px}
.search_result_list ul li.no_data{padding:20px 0;text-align:center}
/*****************************************************************
  Accordion
*****************************************************************/
.accordion{border-width:2px 0 1px;border-style:solid;border-color:#37404e #e1e1e1 #e1e1e1}
.accordion .title{position:relative}
.accordion .title a{display:block;position:relative;padding:30px 0;border-top:1px solid #e1e1e1}
.accordion .title:first-child a{border:none}
.accordion .title a .ico{position:absolute;top:28px;right:0;width:16px;height:9px;overflow:hidden;background:url(../images/common/ico_accordion.png) 0 0 no-repeat;transform:rotate(0deg);transition:all 0.5s ease-out;text-indent:-9999px}
.accordion .title a.active .ico{background:url(../images/common/ico_accordion_on.png) 0 0 no-repeat;transform:rotate(180deg)}
.accordion .title a.active label{color:#445bcd}
.accordion .title input[type="radio"], .accordion .title input[type="checkbox"]{position:absolute}
.accordion .panel{max-height:130px;padding:20px;border-top:1px solid #e1e1e1;background-color:#fafafa;overflow-y:auto}
.accordion.agree .title input[type="checkbox"]+label{position:absolute;top:50%;left:0;margin:-11px 0 0}
.accordion.agree .panel{max-height:none;padding:0 0 0 10px;overflow:hidden}
.accordion.agree .panel .term_group{max-height:130px;padding:15px 20px 15px 10px;overflow-y:auto}
/*****************************************************************
  Guide
*****************************************************************/
.heading_guide{padding:40px 40px 40px 155px;background:#fafafa url(../images/common/ico_guide1.png) 60px 40px no-repeat;border-radius:5px}
.heading_guide.notice{background:#fafafa url(../images/common/ico_guide2.png) 60px 40px no-repeat}
.heading_guide.docu{background:#fafafa url(../images/common/ico_guide3.png) 60px 40px no-repeat}
.heading_guide.remote{background:#f6fbff url(../images/helpdesk/ico_remote.png) 60px 51px no-repeat}
.heading_guide.mobile{background:#f6fbff url(../images/helpdesk/ico_p11.png) 60px 51px no-repeat}
.heading_guide.offer{background:#f6fbff url(../images/helpdesk/ico_offer_list.png) 60px 51px no-repeat}
.heading_guide h3{line-height:30px;padding-bottom:10px;font-size:18px;font-weight:500}
.heading_guide ul li{line-height:28px;color:#777}
.heading_guide ul li.dot{position:relative;padding-left:10px;color:#777}
.heading_guide ul li.dot:before{content:'';position:absolute;top:13px;left:0;width:2px;height:2px;background-color:#777}
.bt_guide{margin-top:20px;font-size:13px;font-weight:300;color:#888;text-align:right}
.top_guide{padding-bottom:10px;font-size:16px}
.list_guide{margin-top:17px}
.list_txt+.list_guide{margin-top:12px}
.list_guide li{position:relative;margin-top:7px;font-size:14px;color:#444;text-align:left}
.p_figure_txt .list_guide li, .p_figure_txt .list_txt li{color:#444 !important;}/*190430*/
.list_guide li.c1{color:#445bcd}
.list_guide li.t1{font-size:14px;color:#444}
.list_guide li.t2{font-size:14px;color:#777}
.list_guide li.dot{padding-left:10px}
.list_guide li.dot:before{content:'';position:absolute;top:12px;left:0;width:2px;height:2px;background-color:#777}
.list_guide li.rm{padding-left:18px}
.list_guide li.rm:before{content:'※';position:absolute;top:0;left:0}
.list_guide li.num{padding-left:15px}
.list_guide li.num .num{position:absolute;top:0;left:0}
.list_guide li .abs{position:absolute;top:-10px;right:0}
.btn_set .list_guide{position:absolute;top:0;left:0;margin:0;text-align:left}
.guide_txt{margin-top:5px;font-size:12px;color:#777}
.guide_txt.right{text-align:right}
.box_guide{margin-top:20px;padding:25px 30px;border:1px solid #e1e1e1;background-color:#fafafa}
.box_guide h5{margin-top:15px;font-size:16px;font-weight:500}
.box_guide h5:first-child{margin:0}
/*****************************************************************
  Text List
*****************************************************************/
.txt_section h3{padding-bottom:15px;font-weight:500;font-size:18px}
.txt_section h4{padding-bottom:5px;font-weight:700;color:#222}
.txt_section .head{position:relative;padding-bottom:15px}
.txt_section .head h4{padding:0;font-size:16px;font-weight:400;color:#222}
.txt_section .head .rm{position:absolute;bottom:12px;right:0;font-size:12px;color:#777}
.txt_section .guide{margin-top:10px;font-size:12px;color:#777}
.txt_section .event_img{margin-top:10px}
.txt_section .img img{width:100%}
.txt_section .legend{position:relative;margin-top:7px;font-size:12px;color:#222;text-align:right}
.txt_section .legend:before{content:'';display:inline-block;width:14px;height:15px;margin:-2px 5px 0 0;background:url(../images/product/legend_cancer.jpg) no-repeat;vertical-align:middle}
.list_txt li{position:relative;margin-top:10px;color:#444}
.list_txt li>ul{margin-top:10px}
.list_txt.s2 li{font-size:16px}
.list_txt li:first-child{margin-top:5px}
.list_txt li.dot{padding-left:10px}
.list_txt li.dot:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#444;border-radius:100%}
.list_txt li.dot.red_dot:before {background-color:#e82f59!important;} /*2022.08.31 red dot*/
.list_txt li.dash{padding-left:8px}
.list_txt li.dash:before{content:'';position:absolute;top:10px;left:0;width:3px;height:1px;background-color:#444}
.list_txt li.num{padding-left:15px}
.list_txt li.num.t2{padding-left:22px}
.list_txt li.num span{content:'';position:absolute;top:0;left:0}
.list_txt li.rm{padding-left:18px}
.list_txt li.rm:before{content:'※';position:absolute;top:0;left:0}
.list_txt li .list_guide{margin:10px 0 0 -15px}
.list_txt li .list_guide li{margin-top:5px;color:#777}
.list_txt li .list_guide li.dot:before{background-color:#777}
.value_list li{position:relative}
.value_list li .value{padding-left:10px}
/*****************************************************************
  Terms
*****************************************************************/
.term_group{line-height:18px;font-size:12px;color:#444}
.term_group h5{margin-top:20px;font-size:14px;color:#222}
.term_group h5:first-child{margin-top:0}
.term_group h5+p, .term_group ol+p{margin-top:10px}
.term_group ol{margin-top:10px}
.term_group ol>li{position:relative;padding-left:10px}
.term_group ol>li:before{content:'';position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#444;border-radius:100%}
/*****************************************************************
  Datepicker
*****************************************************************/
.date_item{display:inline-block;position:relative}
.date_item .datepicker{position:absolute;top:2px;right:2px;width:36px;height:36px;background:#fff url(../images/common/ico_date_picker.png) 50% 50% no-repeat}
.mk-datepicker-container{position:relative}
.mk-datepicker-trigger{border:1px solid #cdd0cc;display:block;text-align:center;width:100%}
.mk-datepicker-trigger.inline{border-bottom-width:0}
.mk-datepicker-trigger[readonly]{background:0 0;border-width:0;font-weight:700}
.mk-datepicker-trigger.inline[readonly]{background:#fff;border-width:1px 1px 0}
.mk-datepicker-trigger[readonly]::-webkit-input-placeholder{color:#ff6c70}
.mk-datepicker-trigger[readonly]:-moz-placeholder{color:#ff6c70}
.mk-datepicker-trigger[readonly]::-moz-placeholder{color:#ff6c70}
.mk-datepicker-trigger[readonly]:-ms-input-placeholder{color:#ff6c70}
.mk-datepicker{position:absolute;top:100%;width:250px;padding:5px;background-color:#fff;border:1px solid #e1e1e1;left:0;z-index:3}
.mk-datepicker.inline{display:none}
.mk-datepicker.inline.active{display:block}
.mk-datepicker.aria-hidden{display:none}
.mk-datepicker-controls{position:absolute;top:17px;left:0;right:0}
.mk-datepicker-label{position:relative!important;width:auto!important;height:60px!important;line-height:58px;clip:rect(auto, auto, auto, auto)!important;margin:-5px -5px 0 -5px;border-bottom:1px solid #e1e1e1;background-color:#f0f2f4;font-family:'Roboto';font-size:18px;font-weight:700;text-align:center;text-transform:capitalize}
.mk-datepicker-calendar{width:100%;text-align:center}
.mk-datepicker-header{padding:12px 5px 5px;color:#777;text-align:center}
.mk-datepicker-header abbr{text-decoration:none}
.mk-datepicker-cell{padding:3px 5px}
.mk-datepicker-cell{font-family:'Roboto';font-weight:500;font-size:14px;color:#222;cursor:pointer;text-align:center;vertical-align:middle}
.mk-datepicker-cell.next,.mk-datepicker-cell.previous{color:#999}
.mk-datepicker-cell.aria-disabled{color:#ccc;cursor:default}
.mk-datepicker-calendar [data-day=saturday],.mk-datepicker-calendar [data-day=sunday]{background-color:#ddd}
.mk-datepicker-calendar .today{background:url(../images/common/bg_cell_today.png) 50% 50% no-repeat;color:#fff}
.mk-datepicker-cell.aria-selected{background:url(../images/common/bg_cell_select.png) 50% 50% no-repeat;color:#fff}
.mk-datepicker-control{position:absolute;top:0;width:20px;height:23px;background:url(../images/common/spr_calendar.png) 0 0 no-repeat}
.mk-datepicker-prev-y{left:16px;background-position:0 0}
.mk-datepicker-prev-m{left:36px;background-position:0 -23px}
.mk-datepicker-next-y{right:16px;background-position:0 -46px}
.mk-datepicker-next-m{right:36px;background-position:0 -69px}
/*****************************************************************
  Loading
*****************************************************************/
.progress{position:relative;width:400px;margin:0 auto;padding:30px;background-color:#fff;border-radius:10px}
.progress p{text-align:center}

@keyframes spinner{0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes spinner{0%{opacity:1}
100%{opacity:0}
}
.spinner{position:relative}
.spinner div{left:94px;top:48px;position:absolute;-webkit-animation:spinner linear 1s infinite;animation:spinner linear 1s infinite;background:#1d3f72;width:12px;height:24px;border-radius:40%;-webkit-transform-origin:6px 52px;transform-origin:6px 52px}
.spinner div:nth-child(1){-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-delay:-.916666666666667s;animation-delay:-.916666666666667s}
.spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-.833333333333333s;animation-delay:-.833333333333333s}
.spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.75s;animation-delay:-.75s}
.spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.666666666666667s;animation-delay:-.666666666666667s}
.spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.583333333333333s;animation-delay:-.583333333333333s}
.spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}
.spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.416666666666667s;animation-delay:-.416666666666667s}
.spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.333333333333333s;animation-delay:-.333333333333333s}
.spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.25s;animation-delay:-.25s}
.spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.166666666666667s;animation-delay:-.166666666666667s}
.spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-83.333333333333ms;animation-delay:-83.333333333333ms}
.spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}
.spinner{width:100px;height:100px;margin:0 auto;-webkit-transform:translate(-50px,-50px) scale(.5) translate(50px,50px);transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}
.s_loading{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}
.s_loading .spinner{position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;transform:scale(0.3, 0.3)}
/*****************************************************************
  Banner Slide
*****************************************************************/
.event_banner{position:relative;width:1200px;margin:60px auto 0;overflow:hidden}
.event_banner .pagination_control{position:absolute;top:25px;right:30px;z-index:10}
.event_banner .pagination_control{position:absolute;top:25px;right:30px;text-align:right;z-index:10}
.event_banner .event_banner_slide{margin-top:0}
.event_banner .event_banner_slide .slide img{width:1200px!important;}
.event_banner .slick-dots li{background-color:rgba(55,64,78,0.3)}
.event_banner .slick-dots .slick-active{background-color:rgba(55,64,78,1)}
.event_banner .slick-dots .slick_play{background:url(../images/index/spr_swiper_control.png) -15px -10px no-repeat}
.event_banner .slick-dots .slick_pause{background:url(../images/index/spr_swiper_control.png) -15px 0px no-repeat}
.slick-dots .slick_play{display:none;border-radius:0;background:url(../images/index/spr_swiper_control.png) 0 -10px no-repeat}
.slick-dots .slick_pause{display:block;border-radius:0;background:url(../images/index/spr_swiper_control.png) 0 0px no-repeat}
/*****************************************************************
  slick
*****************************************************************/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	position: relative;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide .admin-img{display: inline-block;}/* 20180907 */
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots li{float:left;width:10px;height:10px;margin:0 7px;background:rgba(255,255,255,0.5);border-radius:50%;cursor:pointer}
.slick-dots li button{display:block;width:10px;height:10px;padding:0;overflow:hidden;background:none;color:transparent}
.slick-dots .slick-active{background:rgba(255,255,255,1)}
.slick-dots .slick_play{display:none;border-radius:0;background:url(../images/index/spr_swiper_control.png) 0 -10px no-repeat}
.slick-dots .slick_pause{display:block;border-radius:0;background:url(../images/index/spr_swiper_control.png) 0 0px no-repeat}
.slick-dots .slick_play a, .slick-dots .slick_pause a{display:block;width:10px;height:10px}
/*****************************************************************
  Simplebar
*****************************************************************/
.simplebar,[data-simplebar-direction]{position:relative;overflow:hidden;-webkit-overflow-scrolling:touch}
.simplebar .simplebar-scroll-content,[data-simplebar-direction] .simplebar-scroll-content{overflow-y:scroll;overflow-x:auto;position:absolute;left:0;right:0;top:0;bottom:0;-ms-overflow-style:none}
.simplebar-scroll-content::-webkit-scrollbar{display:none}
.simplebar.horizontal .simplebar-scroll-content,[data-simplebar-direction=horizontal] .simplebar-scroll-content{overflow-x:scroll;overflow-y:auto}
.simplebar-track{z-index:99;position:absolute;top:0;right:0;bottom:0;width:5px;background-color:#fff}
.simplebar-track .simplebar-scrollbar{position:absolute;right:0;width:5px;background-color:#aaa;border-radius:5px;cursor:pointer}
.simplebar-track .simplebar-scrollbar.visible,.simplebar-track:hover .simplebar-scrollbar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity:.7}
.simplebar-track:hover .simplebar-scrollbar{-webkit-transition:opacity 0 linear;-moz-transition:opacity 0 linear;-o-transition:opacity 0 linear;-ms-transition:opacity 0 linear;transition:opacity 0 linear}
.simplebar.horizontal .simplebar-track,[data-simplebar-direction=horizontal] .simplebar-track{top:auto;left:0;width:auto;height:11px}
.simplebar.horizontal .simplebar-track .simplebar-scrollbar,[data-simplebar-direction=horizontal] .simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}
/*****************************************************************
  Error Page
*****************************************************************/
.error_page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#eff3fa;overflow-y:auto}
.error_page .error_info{position:absolute;top:50%;left:50%;width:1200px;height:730px;margin:-365px 0 0 -600px;padding-top:60px;background-color:#fff;border-radius:5px}
.error_page h1{width:180px;height:21px;margin:0 auto;background:url(../images/common/logo.png) no-repeat}
.error_page p{line-height:46px;font-size:34px;font-weight:500;text-align:center}
.error_page p:before{content:'';display:block;width:231px;height:218px;margin:35px auto;background:url(../images/common/bg_error.png) no-repeat}
.error_page .list_txt{margin:22px 0 0 286px}


/*어린이관련 추가*/

.ins_fee_info .fee_total2 {
	position: relative;
	width: 355px;
	padding-top: 15px;
	text-align: right
}

.ins_fee_info .fee_total2 .lb {
	display: inline-block;
	padding-right: 30px;
	font-size: 16px;
	color: #000;
	text-align: left;
	vertical-align: middle
}

.ins_fee_info .fee_total2 .value {
	display: inline-block;
	vertical-align: middle
}

.ins_fee_info .fee_total2 .value .fee {
	display: block;
	font-family: 'Roboto';
	font-size: 24px;
	font-weight: 600;
	color: #445bcd;
	letter-spacing: -1.5px
}

.ins_fee_info .fee_total2 .value .fee span {
	font-family: 'Noto Sans';
	font-size: 15px;
	font-weight: 400;
	color: #000
}

.ins_fee_outcome .btn_redesign2 {
	position: absolute;
	top: 70px;
	right: 60px;
	width: 155px;
	height: 60px;
	line-height: 58px;
	background-color: #37404e;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}

.ins_fee_outcome .btn_join2 {
	position: absolute;
	top: 140px;
	right: 60px;
	width: 155px;
	height: 60px;
	line-height: 58px;
	background-color: #e82f59;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 3px
}

/*어린이테이블추가*/
.tbl2{border-width:1px 0 0;border-style:solid;border-color:#ccc;}
.tbl2 table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.tbl2 table th, .tbl2 table td{padding:10px;border-width:0 0 1px 1px;border-style:solid;border-color:#ccc;vertical-align:middle;text-align:center !important;}
.tbl2 table th.ft, .tbl2 table td.ft{border-width:0 0 1px 0}
.tbl2 table td{background-color:#fff;font-size:12px;color:#777}
.tbl2.list table td{font-size:12px}
.tbl2 table tr.accent td{background-color:#f6fbff}
.tbl2 table td.left{text-align:left}
.tbl2 table td.right{text-align:right}
.tbl2 table td.bln{border-bottom:none}
.tbl2 table th{padding:10px 10px;background-color:#f0f2f4;font-weight:500;font-size:12px}
.tbl2 table tbody th{text-align:left}
.tbl2 table td .tag{display:inline-block;margin-bottom:8px;padding:2px 9px;background-color:#e82f59;border-radius:3px;font-size:12px;color:#fff}
.tbl2 table td .tag strong{color:#ffdc10}
.tbl2 table td .rm{display:block;margin-top:5px;font-size:12px;color:#777}
.tbl2 table td .btn_download{margin:-3px 0;vertical-align:middle}
.tbl2 table td .list_txt li:first-child{margin-top:0}
.tbl2.nl table th, .tbl2.nl table td{border-width:0 0 1px}


/*****************************************************************
  Info Page
*****************************************************************/
.info_page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#eff3fa;overflow-y:auto}
.info_page .info_info{position:absolute;top:50%;left:50%;width:1200px;height:730px;margin:-365px 0 0 -600px;padding-top:60px;background-color:#fff;border-radius:5px}
.info_page h1{width:180px;height:21px;margin:-35px 960px 30px;background:url(../images/common/logo.png) no-repeat}
.info_page p{line-height:35px;font-size:34px;font-weight:500;text-align:center;}
/*.info_page p:before{content:'';display:block;width:600px;height:500px;margin:auto;background:url(../images/common/bg_info.png) no-repeat;}*/
.info_page .list_txt{margin:30px 0 0 286px}


/*****************************************************************
  보험가입가이드
*****************************************************************/
.link { color: #008de2; border-bottom: 1px solid #008de2; }
.transfer-sque .sque-org { display: table; width: 100%; padding: 40px 0; border: 1px solid #e5e5e5; }
.transfer-sque .sque-org > li { position: relative; display: table-cell; width: 165px; vertical-align: middle; text-align: center; font-size: 18px; color: #111; }
.transfer-sque .sque-org > li > div, .transfer-sque .sque-org > li > ul { position: relative; padding: 0 30px; }
.transfer-sque .sque-org > li > div:before, .transfer-sque .sque-org > li > ul:before { content: ''; display: block; width: 1px; height: 120px; background: #999; position: absolute; top: 50%; right: 0; margin-top: -60px; }
.transfer-sque .sque-org > li > div:after, .transfer-sque .sque-org > li > ul:after { content: ''; display: block; width: 10px; height: 10px; background: #fff; position: absolute; top: 50%; right: -5px; margin-top: -5px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.transfer-sque .sque-org > li:last-child > div:before, .transfer-sque .sque-org > li:last-child > div:after, .transfer-sque .sque-org > li:last-child > ul:before, .transfer-sque .sque-org > li:last-child > ul:after { display: none; }
.transfer-sque .sque-org > li .sque-part { padding: 0 30px; }
.transfer-sque .sque-org > li .sque-part li { margin-bottom: 15px; padding: 25px 50px; background: #f4f4f4; overflow: hidden; }
.transfer-sque .sque-org > li .sque-part li:last-child { margin-bottom: 0; }
.table-ol-list { counter-reset: table-ol-list; margin-bottom: 5px; }
.table-ol-list li { letter-spacing: -0.06rem; position: relative; color: #666; padding-left: 18px; }
.table-ol-list li:before { position: absolute; top: 0; left: 0; padding-right: 3px; counter-increment: table-ol-list; content: counter(table-ol-list) ")"; }

/*2022-08-09 추가*/
.question.tbl-box {
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;	
}
.question.tbl-box .q_item {
    width: 73%;
    display: inline-block;
}

.question.tbl-box .rc_list {
	width: 25%;
    display: inline-block;
    padding-left: 30px;
}

/*****************************************************************
  가입후기 변경
*****************************************************************/
.rate_wrap {padding:10px 20px 15px; border-radius:10px; margin: 20px auto; box-shadow:3px 3px 8px #ddd;}
.rate_wrap .rate_box li span {font-size:16px; color:#444;}
.rate_box {display: flex; justify-content: space-between; padding:10px 0 15px;}
.rate_wrap.rate_pop .rate_box {padding:0;}
.rate_wrap.rate_pop .rate_box li {margin:15px 0; width:33.33%; margin-left:10px;}
.rate_wrap1, .rate_wrap2, .rate_wrap3 {position:relative; display: inline-block; vertical-align:baseline; padding-left:10px;}
input[type="checkbox"].rate_radio + label {padding-left:23px;}
input[type="checkbox"].rate_radio + label:before, .review_info li p.review_score:before, .grid_rm .total_score:before {background:url(../images/common/good_icon.png)no-repeat -32px, 0; background-size:103px 35px; width:35px; height:35px;}
input[type="checkbox"].rate_radio:focus+label:before{box-shadow:0px 0px 1px 1px rgba(0,97,255,0.8)}
input[type="checkbox"].rate_radio:checked + label:before {background-position: 2px 0px;}
.rate_wrap.rate_pop input[type="checkbox"].rate_radio + label {padding-left:17px;}
.rate_wrap.rate_pop input[type="checkbox"].rate_radio:checked + label:before {background-position: 1px 0px;}
.rate_wrap.rate_pop input[type="checkbox"].rate_radio + label:before {background:url(../images/common/good_icon.png)no-repeat -28px, 0; background-size:90px 30px; width:30px; height:30px;}
.rate_wrap.rate_pop .rate_wrap1, .rate_wrap.rate_pop .rate_wrap2, .rate_wrap.rate_pop .rate_wrap3 {padding: 10px 0;}
.review_info {overflow: hidden;}
.review_info > li {float:left; width:50%;}
.review_info .review_etc2 li {display: inline-block; position: relative; font-size: 12px; color:#444; margin-left:12px;}
.review_info .review_etc2 li:first-child {margin-left:0;}
.review_info .review_etc2 li:before{content:'';position:absolute;top:7px;left:-8px;width:2px;height:10px;background-color:#ccc}
.review_info .review_etc2 li:first-child:before{width: 0;}
.review_info li h3.review_tit {font-family:'Roboto'; font-size:20px; font-weight: bold; padding-top:20px; color:#445bcd;}
.review_info li p.review_score {font-family:'Roboto'; font-size:28px; padding:20px 0; font-weight: bold; position: relative; display: inline-block; margin-left:35px;}
.review_info li p.review_score:before, .grid_rm .total_score:before {content:''; background-position: 2px 0px; position: absolute; top:14px; left:-40px;}
.grid_rm .total_score {position:relative; display:inline-block; color:#111;}
.grid_rm .total_score:before {top:-3px;}
.grid_rm.left .total_score {margin-left: 45px;}
.grid_rm.left .total_score:before {left:-45px;}
.grid_rm .total_score strong {font-size:35px; font-weight: bold;}

.main_review_score {position:relative; font-size:27px; font-weight: bold;}
.main_review_score:before {content:''; position:absolute; top:-3px; left:-40px; background:url(../images/common/good_icon.png)no-repeat 2px, 0; background-size:90px 30px; width:30px; height:30px;}


/*20231114 모바일상품 메뉴*/
.sub_menu_mo {border-top:1px solid #e5e5e5;}
.sub_menu_mo span {height: 20px; width: 60px; color: red; text-align: center; background-color: pink; border-radius: 5px; font-size:11px; padding:2px 5px; vertical-align: bottom; margin-left:2px;}


/*20231127 미니인프루엔자*/
.accordion .inf_tit a {padding:10px 0; font-size:14px; color:#444; font-weight: normal;}
.accordion .inf_tit a .ico {top:20px; right:10px;}
.inf_panel p {color:#444;}

/*20240130 가입후 등록 후기 배너 추가*/
.dialog_img_box_wrap {overflow:hidden;}
.dialog_img_box_wrap img {width:78%; float:left; height:100px; background: skyblue; border-radius: 5px;}
.dialog_img_box_wrap p.btn_txt {width:20%; float:right; height:100px; padding-top:25px; font-size:18px; background: #37404e; color:#fff; text-align: center; border-radius: 5px;}
.dialog_message .dm_txt.dg_txt {margin-bottom: 15px; background-size: 60px; padding-top:80px; line-height: 36px; font-size: 24px; font-weight: 500; letter-spacing: -1.5px;}
.dialog_message .dg_txt2 {text-align: center; font-size: 18px; padding-bottom:25px;}


/*20240214 상품 가입을 위한 중요사항 안내 팝업*/
.chk_item .btn_set2 a {display: block; margin:5px 0;}
.dialog_content h2.dialog_tit {position:relative; line-height:30px;padding-bottom:10px;font-size:18px;font-weight:500;}
.dialog_content h2.dialog_tit:before {content: ''; position:absolute; width:25px; height:27px; display: block; background:url(../images/offer/icons_24.png) 0 -153px no-repeat; background-size: 250px; left:-29px; top:5px;}
.dialog_content .dg_box {/*max-height:633px;*/ padding:0 20px; overflow:hidden;}
.dialog_content .dg_box .tab_chk ul li.tab a span.line2 {line-height: 25px; padding-top:3px;}
.product_wrap {display: flex; justify-content: space-between; margin:20px 0 0;}
.product_wrap .product_info {width:70%;}
.document_section {position:relative; display:none;}
.document_section .btn_conf {width:100%; height:50px; background:#fff;}
.document_section .btn_conf a {position:absolute; left:50%; bottom:0; margin-left:-86px; font-weight: 500;}
.document_section .btn_conf a.doc_btn1_1 {margin-left:-86px;}
.document_section .btn_conf a.doc_btn1_2 {margin-left:-59px;}
.doc_btn1_2{display:none;}
.document_section h3 {font-size:18px; font-weight:bold;}
.document_section p {font-size:16px; height:40px;}

.document_section .scroll_section {overflow-y: auto; height: 450px; padding: 0 20px; scroll-behavior: smooth;}
.document_section1 .scroll_section ul {padding:0 20px;}
.document_section1 .scroll_section ul.txt_wrap > li {position: relative; margin-left:90px; font-size:18px; line-height: 1.8; margin-top:20px; min-height: 70px;}

.document_section3 .scroll_section .txt_wrap ul.procedure_wrap {padding:0 25px;}
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li {position: relative; margin-left:120px; min-height: 100px;}
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li .procedure {position: absolute; margin-left:-140px; text-align: center; border:1px solid #ddd; width:120px; height:60px; border-radius: 60px; line-height: 20px; padding-top:8px; top:-2px;}
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li .procedure:before {content: ''; position:absolute; width: 10px; height:10px; background:#ddd; transform:rotate(45deg); top:81px; left:50%; margin-left: -5px; }
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li .procedure:after {content: ''; position:absolute; width: 10px; height:20px; background:#ddd; left:50%; margin-left:-5px; top:65px;}
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li .proc_1 {padding:0; line-height: 60px;}
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li.line_1 {line-height: 58px;}
.document_section3 .scroll_section .txt_wrap ul.procedure_wrap li.end .procedure:before, .document_section3 .scroll_section .txt_wrap ul.procedure_wrap li.end .procedure:after {display: none;}

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


/*20250320 직접입력 추가*/
.ins_option_list .txt.txt_num {width:130px;}
.ins_option_list .txt_num_wrap span {font-size:24px; vertical-align: middle; letter-spacing: 1px; padding-left:10px;}


/*20250327 연금저축 설명*/
.ex_box {position:absolute; clear:both; line-height: 1.3; text-align: center; border:1px solid #ddd; background:#f5f5f5; bottom:-120px; padding:15px 30px; left:-175px; margin-left:50%; letter-spacing: 0.2px;}


/*20250327 알릴의무 추가*/
.signpost_wrap {display: flex; justify-content: space-between;}
.signpost_wrap .signpost_info {width:55%;}
.signpost_wrap .signpost_img {width:45%;}
.signpost_wrap .signpost_img img {width:100%;}



/*20250609 이벤트페이지*/
.event_dialog .dialog_header {height:100%;}
.event_dialog .dialog_header img {width:558px;}
.event_dialog .dialog_content .scroller .tbf h1 {font-size:24px; line-height: 1.6; text-align: center;}
.phone_num {width:134px !important;}
.event_con button {border-radius: 30px;padding: 10px 20px 10px 10px; width: 236px;height: 54px;background: #FFF;box-shadow: 0px 2px 1px #777;font-size: 18px;font-weight: bold;letter-spacing: -2px;}
.event_con button p {position:relative;}
.event_con button p:after {content: ''; position:absolute; width:10px; height:10px; border-top:2px solid #000; border-left:2px solid #000; transform: rotate(130deg); top:50%; margin-top:-6px; margin-left:5px;}
.event_con .event_back_wrap {width:640px; margin:0 auto; background: #f6d397;}
.event_con .event_back_wrap .event_back {display: flex;}
.event_con .event_back_wrap .tel {padding:10px 32px; margin-left:20px;}
.event_con .event_back_wrap .tel label {font-size:19px; font-weight: bold;}
.event_con .event_back_wrap .tel input {background: none; border: 1px solid #000; width:150px; margin-left:5px; font-size:21px; box-sizing: border-box; height:40px; vertical-align: middle; padding:0 10px;}
.event_con .event_back_wrap .event_btn_wrap {margin-left: 30px;}

.event_con .event_back_wrap .coin_info_wrap {clear:both; font-size:18px; font-weight: bold;}
.event_con .event_back_wrap .coin_info_wrap ul {overflow: hidden; width:240px; margin:0 auto;}
.event_con .event_back_wrap .coin_info_wrap ul li {float:left;}
.event_con .event_back_wrap .coin_info_wrap ul li:nth-child(1) {background: url(../images/event/sm_icon.png)no-repeat center; text-indent: -9999px; width:90px; height:90px; background-size: contain;}

.event_btns {background: url(../images/event/summer_event_02.png)no-repeat center;width: 640px;height: 656px;margin: 0 auto;background-size: cover;position: relative;}
.event_btns > div {position: absolute; left:50%; margin-left:-118px;}
.event_btns .event_btn1 {top:48px;}
.event_btns .event_btn2 {top:116px;}
.event_btns .event_btn3 {top:183px;}

.event_info_wrap {width:640px; margin:0 auto; background: #f6d397; padding:30px 0;}
.event_info_wrap .event_info {background: #fff; padding:20px; width:590px; margin: 0 auto; border-radius: 10px;}
.event_info_wrap .event_info ul {font-size: 12px; color:#808080; line-height: 1.6;}

.event_dialog .dialog_content .scroller .event_qbox {padding:20px 0 20px 27px;}
.event_dialog .dialog_content .scroller h2.tit2 {font-size:18px; padding-bottom:10px;}
.event_dialog .dialog_content .scroller h2.tit2.tit2_back{display: inline-block; padding:5px 10px; background: #ffdba5a1;}
.event_dialog .dialog_content .scroller h3.tit3 {position:relative; font-size:16px; font-weight: 500;}
.event_dialog .dialog_content .scroller h3.tit3_2 {font-weight: 500;}
.event_dialog .dialog_content .scroller h3.tit3:before {content:'Q. '; position:absolute; margin-left:-27px;}
.event_dialog .dialog_content .scroller .goodsbox {border:1px solid #ddd; padding:10px 20px; display: block;}
.event_dialog .dialog_content .scroller .goodsbox h3 {font-size:19px; line-height: 1.6;}
.event_dialog .dialog_content .scroller .goodsbox h3 span {font-size:19px; font-weight:bold;}
.event_dialog .dialog_content .scroller textarea {width:100%; height:150px; resize: none;}


.event_dialog .accordion.event_agree {width:488px; border:none;}
.event_dialog .accordion.event_agree .title {color:#888; font-weight: 300;}
.event_dialog .accordion.event_agree .title > label {text-decoration: underline;}
.event_dialog .accordion.event_agree .title a {padding:15px 0; border:0;}
.event_dialog .accordion.event_agree .title a .ico {top:12px;}

.bullet_type_billiad li {position:relative; margin-left:20px;}
.bullet_type_billiad li:before { content: '※ '; position: absolute; margin-left:-20px;}

.floating .floating_icon a {background: url(../images/common/floating_icon.png)no-repeat center;}

.event_btn_check {margin-left:2px !important; height:40px; padding:0 10px;}


/*2025-10-29 버튼위치 변경*/
.ins_fee_info .fee_total.on {margin-top:-58px;}