@charset "utf-8";
/*****************************************************************
  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%}
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}
.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}
.ta_r {text-align: right!important}
.ft16 {font-size:16px!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 13px;color:#ccc}
.footer_menu li:first-child a{padding-left:0}
.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}

.btn_set{margin-top:15px}
.btn_set .btn{display:block;background-color:#20407c}
.btn_set .btn .calculator{background:url(../images/product/ico_calculator.png) 0 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.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}


/*****************************************************************
  연금저축 랜딩페이지
*****************************************************************/
.landing_wrap{position:relative; width:1200px; margin:0 auto;}
.landing_wrap .top_ci{width:100%; padding:30px 0px 25px}
.accent_font_top {position:absolute; z-index:200; top:175px; text-align:center; font-size:28px; color:#555; font-weight:bold; width:100%;}
/*.accent_font_top p{display:inline-block; color:rgb(243, 193, 14); width:70px; font-size:15px;}*/
.accent_font_top p{display:inline-block; color:rgb(68, 91, 205); width:70px; font-size:15px;}
.accent_font_top p:nth-child(1){position:absolute; left:330px}
.accent_font_top p:nth-child(2){position:absolute; right:510px}
.accent_font_top p .dot_top{position:absolute; top:-30px; width:64px }
.accent_font_top p .dot_top em{width:30px; text-align:center;display:inline-block; height:20px}
.landing_panel {position:absolute;right:78px; top:340px; width:450px;background:#ecf4fa; padding:0 0 0 0;}
.accent_font_bottom {position:absolute; z-index:200; top:175px;  text-align:center; font-size:28px; color:#555; font-weight:bold; width:100%;}
.accent_font_bottom span{margin-left:70px;}
/*.accent_font_top p {font-size:28px;  color:rgb(243, 193, 14); animation: effect 1s}
.accent_font_top p .dot_top{position:absolute; top:-30px; width:60px; animation: dot_effect 1s }
@keyframes effect{
	from{width:70px; font-size:24px;}
	to{width:70px;font-size:30px; font-weight:bold }
}
@keyframes dot_effect{
	from{width:60px; margin-left:-10px}
	to{width:70px;}
}*/
.inp_top { position:relative; background:rgb(68, 91, 205); width:450px; margin-left:20px;border-radius: 5px 5px 0 0; box-sizing:border-box; text-align:center; padding:15px;
 color:#fff; font-size:16px; font-weight:bold; letter-spacing:-0.5px;  box-shadow: 0 7px 9px rgba(0, 0, 0, 0.1);z-index:100; position:relative}
.inp_top span{color:rgb(254, 226, 126)}
.landing_wrap fieldset {width:450px; background:#fff; margin-left:20px; padding:30px 16px 30px; border-radius: 0 0 5px 5px; box-sizing:border-box;}
.landing_wrap fieldset > label, 
.landing_wrap .input_title{display: inline-block;width: 24%;font-size: 14px;color:#222;font-weight:bold;text-align: left;/*color:#777;*//* margin-bottom: 5px; */float:left;vertical-align:middle;line-height:38px;} 
.landing_wrap .input_title_gender {display:none;}
.landing_wrap .input{display:inline-block;float:left;width:52%;box-sizing:border-box;}
.landing_wrap input[type=text],
.landing_wrap input[type=number],
.landing_wrap input[type=name],
.landing_wrap input[type=phone]
{float: left;border-radius: 0;padding: 0 .5rem;height: 40px;line-height: 40px;color:#222;border: 1px solid #ccc;font-family:'ns300';font-size:12px;width:calc(100% - 10px);}
.landing_wrap fieldset input[type=number]::placeholder{color:#222;}

.inp_phone_wrap02 {margin-top:10px; overflow:hidden}
.inp_phone_wrap02 .input_title {letter-spacing:-1px}
.landing_wrap .radio_s1  {width: 50%; }
.inp_phone_wrap02 .btn_confirm{border:1px solid #777; background:#fff; }

.landing_panel fieldset .radio_s1 {float:left; display:inline-block; width:24%; vertical-align:middle;}
.landing_panel .inp_name_wrap {clear:both; overflow:hidden; margin:5px 0; padding-top:5px}
.landing_panel .chk_wrap  {clear:both; overflow:hidden; margin:5px 0; width:80%; margin-left:20%; margin-top:10px;}
.landing_panel .chk_wrap p span{ display:inline-block; float:left; width:calc(100% - 40px); font-size:13px; line-height:21px; color:#555; vertical-align:middle; margin-bottom:5px}
.landing_wrap input[type="radio"],
.landing_wrap input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;}
.landing_wrap input[type="radio"]+label,
.landing_wrap input[type="checkbox"]+label{display:inline-block;float:left;cursor:pointer;vertical-align:middle;overflow:hidden;}
/*.landing_wrap input[type="checkbox"]+label{display:inline-block;float:left;margin-right:5px;margin-top:4px; min-height:15px;line-height:20px;margin-left:10px;padding-left:13px;cursor:pointer;vertical-align:middle;overflow:hidden; border:1px solid #ccc;}
.landing_wrap input[type="checkbox"]+label { }*/
.landing_wrap input[type="radio"]+label:before{display:none}

.landing_wrap .radio_s1  {width: 50%; }
.landing_wrap .radio_s1:after{content:'';display:block;clear:both}
.landing_wrap .radio_s1 > input[type=radio] + label{float:left;width:50%;background:transparent;height:40px;line-height:38px;margin:0 -0.5px;  padding-left:0;border:1px solid #ccc;text-align:center;color:#777}
.landing_wrap .radio_s1 > input[type=radio]:focus + label{border:2px solid #445bcd;text-align:center; }
.landing_wrap .radio_s1 > input[type=radio]:checked + label{position:relative;border-color:#445bcd;color:#445bcd;border:2px solid #445bcd;;margin-left:0;padding-left:0;z-index:1; font-weight:bold;line-height:34px}
.landing_wrap .radio_s1 > input[type=radio]:checked + label span{position: relative;4px;}
.landing_wrap .radio_s1 > input[type=radio]:checked + label span::before{top:55%;left:0;width:11px;height:9px;background-position:-39px -59px}
.landing_wrap .radio_s1 > input[type=radio]:first-child + label{/*border-radius:5px 0 0 5px*/}
.landing_wrap .radio_s1 > input[type=radio] + label:last-child{/*border-radius:0 5px 5px 0*/}

.btn_confirm {background:#ccc; display:inline-block;width:24%; height:40px; text-align:center; line-height:38px; }
.btn_confirm a{width:100%; font-size:14px; color:#555;}
.btn.s3{height:40px;line-height:38px;padding:0 0px;font-size:14px;font-weight:300}
.event_wrap{width:100%; text-align:center; margin-top:30px}
.event_wrap p:nth-child(2){margin-top:70px;}
.event_wrap p img,
.event_text_wrap p img{width:100%}
.event_text_wrap {position:relative; margin-top:50px}
.event_text_wrap02{background:#ffffff; margin-top:20px; margin-bottom:46px}
.event_text_wrap p,
.event_text_wrap02 p {}

.btn_calc {width:calc(100% - 40px );  margin-left:20px;}


.all_chk .btn_chk{display:block}
.all_chk .btn_chk input[type="checkbox"]+label{display:block;width:100%}
.d_agree_section{margin-top:75px}
.d_agree_section:first-child{margin-top:0}
.d_agree_head{margin-top:30px}
.d_agree_head h3{font-size:18px;font-weight:bold}
.d_agree_head .box_txt{margin-top:20px;padding:10px 10px;background-color:#fafafa;font-size:13px;color:#20407c}
.d_agree_section .accordion{margin-top:30px}
.d_agree_txt h4{padding-bottom:10px;font-size:16px;font-weight:500}
.d_agree_txt .txt1{color:#444;font-size: 13px;margin-left: 15px;}
.agree_option{margin-top:35px}
.agree_option h4{padding-bottom:10px;font-size:16px;font-weight:500}
.agree_option .rc_list{display:block;padding:9px 0;border-width:2px 0 1px;border-style:solid;border-color:#37404e #e1e1e1 #e1e1e1}
.dialog_footer{padding:0 40px 40px}
.dialog_footer .btn_set{margin:0}

.lan_panel2 {top:360px;}
.lan_panel2 .inp_top {font-weight: 300;}
.lan_panel2 .inp_top span {color:#75fda2;}
.lan_panel2 input[type=text], .lan_panel2 input[type=number], .lan_panel2 input[type=name], .lan_panel2 input[type=phone] {width:calc(100% - 20px); margin-left:-16px;}