@charset "utf-8";
@import url('layer.css');

/* ========================================
	 app Layout Base
========================================  */
:focus { outline: none;} /* 2019.10.28 추가 */
.ls05 {letter-spacing:-0.5px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !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;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb27 {margin-bottom:27px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml2 {margin-left:2px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr2 {margin-right:2px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb17 {padding-bottom:17px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pl0 {padding-left:0 !important;}
.pl2 {padding-left:2px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr0 {padding-right:0 !important;}
.pr2 {padding-right:2px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}

.pd0 {padding:0 !important;}
.mg0 {margin:0 !important;}
.text {line-height: 21px;}
.text > span {vertical-align: baseline;}
.step_type1 .step .tit.narmal {font-weight:normal !important;}
.wrap{height:100%;/* min-width:320px; */display:flex;flex-flow:column;overflow: auto;}
.hidden {display:none !important;}

.blind {position:absolute;top:-55000px !important;width:0;	height:0;font-size:0;line-height:0;}
/* header */
.wrap .header {padding-bottom:25px;background:#ffffff;z-index:30;}
.wrap .header:after{content:'';display:block;clear:both;}
.wrap .header .logo {line-height:50px;font-size:17px;color:#333333;}
.wrap .header .left{position:absolute;top:0;left:0;}
.wrap .header .right{position:absolute;top:0;right:0;}
.wrap .header .close{display:inline-block;position:relative;width:60px;height:60px;text-align:center;}
.wrap .header .close > .ico {position:absolute;top:20px;left:20px;}
.wrap .header .back{display:inline-block;width:40px;height:60px;line-height:60px;text-align:right;}
.wrap .header .tit_wrapper{padding:60px 0 0 20px;/*transition: all 0.5s ease;-webkit-transition: all 0.5s ease;*/}
.wrap .header .tit_wrapper.pd_type2{padding:90px 0 0 40px;}
.wrap .header .tit_wrapper.pd_type3{padding:90px 0 0 20px;}
.wrap .header.visual_top .tit_wrapper h1,
.wrap .header.visual_full .tit_wrapper h1 {display:none !important;}
.wrap .header .title{clear: both;font-size:24px;font-weight: bold;line-height:1.5;/*transition: all 0.5s ease;-webkit-transition: all 0.5s ease;*/} /* 2019.10.28 수정 */
.wrap .header .title span{vertical-align:baseline;}
.wrap .header .title.small{display:none;}
.wrap .header .tit{width:auto;}
.wrap .header .btn{display:block;width:65px;height:60px;line-height:60px;font-size:16px;text-align:center;color: #333333;}
.wrap .header .btn_ico {display:block;height:60px;line-height:60px;padding:0 0px 0 16px;}
.wrap .header .follow.on .btn{color: #1f5dbe;}


.wrap .header.type2{height:60px;}

.wrap .header.type3 .title {display:inline-block;position:relative; left:50%;transform: translateX(-50%); padding-right:20px;}
.wrap .header.fix.type3 .title {left:0; transform: translateX(0);}

.wrap .header.type4{background:transparent; position:absolute; width: 100%;}
.wrap .header.fix.type4{background:#fff;}
.wrap .header.fix.visual_top .tit_wrapper h1,
.wrap .header.fix.visual_full .tit_wrapper h1 {display:block !important;}
.wrap .header.fix.type4 .ico.ico_back_w {background:url('https://static.wooriib.com/images_mts/com/ico_back02.png') no-repeat 0 0 !important;background-size:cover !important;}
.wrap .header.brnHd.type5 .ico.ico_back_w {background:url('https://static.wooriib.com/images_mts/com/ico_back02.png') no-repeat 0 0 !important;background-size:cover !important;}
.wrap .header.brnHd.type5{background-color:#fff;padding-bottom:0;transition:background-color 0.5s}
.wrap .header.brnHd.type5 .tit_wrapper{padding:21px 0 0 60px;height:60px;}
.wrap .header.brnHd.type5 .tit_wrapper .title{font-size:16px;}

.wrap .header.type5{background:transparent; position:absolute; width: 100%;} /* 2019.10.28 수정 */
.wrap .header.blueType{background:#1f5dbe;}
.wrap .header.blueType .title{color: #fff;}
.wrap .header.blueType .close i{background:url('https://static.wooriib.com/images_mts/com/ico_x2_w.png') no-repeat 0 0;}
.wrap .header.blueType .back i{background:url('https://static.wooriib.com/images_mts/com/ico_back_w02.png') no-repeat 0 0;}
.wrap .header.blueType .btn{color: #fff;}

.wrap .header.fix{height:60px;/*box-shadow:2px 0 3px rgba(0,0,0,0.1)*//*z-index: 100 !important;*/}
.wrap .header.fix .tit_wrapper{height:60px;padding:18px 0 0 40px;}
.wrap .header.fix .tit_wrapper.line2{padding-top:10px;}
.wrap .header.fix .title{font-size:16px; margin-left: 10px;}

.wrap .header.fix_header{height:60px !important;}
.wrap .header.fix_header .tit_wrapper{height:60px !important;padding:18px 0 0 60px !important;}
.wrap .header.fix_header .title{font-size:16px !important;}

/* content */
.wrap .container {flex:1;overflow-y:hidden;}
.wrap .content{height:100%;overflow-y:auto;overflow-x:hidden;}
.wrap .content > div[class*="_area"]{padding-bottom:50px;}
.wrap .content > div[class*="_area"].full_h {padding-bottom:0; height:100%;}

/* content -TDF- */
.wrap .tdf_find {flex:1;overflow-y:auto;overflow-x:hidden; height:100%;}
.wrap .tdf_find .tdf_find_box {flex:1;overflow-y:auto;overflow-x:hidden; height:100%}
.wrap .tdf_find .tdf_find_box .container {flex:1;overflow-y:auto; height:100%; margin-bottom:-50px}

/* footer */
.wrap .footer {position:relative;}
.wrap .footer_menu_type1{padding:20px 0;background:#ffffff;}
.wrap .footer_menu_type1 .menu_txt{font-size:14px;color: #aaa;text-align:center;}
.wrap .footer_menu_type1 .menu_txt + .menu_btn{margin-top:15px;}
.wrap .footer_menu_type1.fix{position:relative;z-index:10;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 -7px 14px rgba(0,0,0,0.1);}

.wrap .footer_more{}
.wrap .footer_more a{position:relative;display:block;height:48px;text-align: center;line-height:48px;}
.wrap .footer_more a:before{content:'';display:block;position:absolute;top:0;left:20px;right:20px;height:1px;background:#eee;}
.wrap .footer_more a span{display:inline-block;font-size:12px;color: #999;}
.wrap .footer_more a .arr{position:relative;top:2px;display:inline-block;width:13px;height:8px;margin-left:5px;}
.wrap .footer_more a .arr:before{content:'';display:block;position:absolute;top:0;right:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #999;}
.wrap .footer_more a .arr:after{content:'';display:block;position:absolute;top:-1px;right:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff;}


/* ========================================
		mobileweb Layout Base
========================================  */
.wrapper .header{position:relative; height:60px;width:100%;background-color:#fff;} /* 2019.10.15 수정 */
.wrapper .header.main {background-color:transparent;}
.wrapper .header.fix {position:fixed;left:0;top:0;z-index:10;} /* 2019.10.15 추가 */
.wrapper .header.main.fix {background-color:#fff;}
.wrapper .header h1{display:flex;align-items:center;height:60px;}
.wrapper .header.main h1 {display:none;}
.wrapper .header.main.fix h1 {display:flex;}
.wrapper .header .category_btn{position:absolute;right:0;top:0;}
.wrapper .header .category_btn a{display:inline-block;padding:21px 20px}
.wrapper .header .category_btn img{width:21px;height:17px;}
.wrapper .header h1 a{display:inline-block;margin-left:20px;}
.wrapper .header h1 img{width:114px;height:20px;display:block;}

/* gnb menu */
.wrapper .category_wrp.active{display:inline-block;}
/* 2019.10.14 수정 */
.wrapper .category_wrp{transform:translate3d(0,0,0);overflow-y:auto;background-color:#fff;padding:10px 0  40px 40px;position:fixed;width:100%;height:100%;display:inline-block;top:0;left:0;z-index:999;display:none;}
.wrapper .category_wrp .close_btn{position:absolute;top:24px;right:20px;width:20px;height:20px;}
.wrapper .category_wrp .close_btn a{width:20px;height:20px;display:block;text-indent:-999em;background:url('https://static.wooriib.com/images_mts/com/ico_x2.png') no-repeat 0 0; background-size:cover;}
.wrapper .category_wrp dl dt{font-size:24px;color:#333;font-weight:bold;margin-top:25px;}
.wrapper .category_wrp dl dd{font-size:16px;color:#333;padding:10px 0 10px 0;border-bottom:1px solid #f0f0f0;}
 /* 2019.10.14 수정 */

.wrapper .container .content{position:relative;margin-top:50px;padding-bottom:50px;}

/* footer */
.wrapper .footer{background-color:#f7f7f7;padding:40px 20px;}
.wrapper .footer.main {padding:40px 20px 90px;}
.wrapper .footer *{font-size:14px;color:#999;}
.wrapper .footer .foot_link li {margin-bottom:15px;} /* 2019.10.14 추가 */
.wrapper .footer .foot_link a{line-height:17px;}
.wrapper .footer .foot_link .sns_wrp{display:inline-block;margin-top:7px;margin-bottom:40px;} /* 2019.10.14 수정 */
.wrapper .footer .foot_link .sns_wrp li{float:left;margin-right:12.5px; margin-bottom:0;} /* 2019.10.14 수정 */
.wrapper .footer .foot_link .sns_wrp li a{display:inline-block;overflow: hidden;text-indent:-999em;width:36px;height:36px;line-height:17px;}
.wrapper .footer .foot_link .sns_wrp li:last-child{margin-right:0;}
.wrapper .footer .foot_link .sns_wrp li:first-child a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_youtube.png') no-repeat;background-size:cover;}
.wrapper .footer .foot_link .sns_wrp li:nth-child(2) a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_facebook.png') no-repeat;background-size:cover;}
/*.wrapper .footer .foot_link .sns_wrp li:nth-child(3) a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_nblog.png') no-repeat;background-size:cover;}*/
.wrapper .footer .foot_link .sns_wrp li:nth-child(3) a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_npost.png') no-repeat;background-size:cover;}
.wrapper .footer .foot_link .sns_wrp li:nth-child(4) a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_nblog02.png') no-repeat;background-size:cover;}
.wrapper .footer .foot_link .sns_wrp li:nth-child(5) a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_kakao.png') no-repeat;background-size:cover;}
.wrapper .footer .foot_link .sns_wrp li:last-child a{background:url('https://static.wooriib.com/images_mts/com/ico_ic_potbbang.png') no-repeat;background-size:cover;}
.wrapper .footer address .copyright{margin-top:15px;display:inline-block;} /* 2019.10.14 수정 */
.wrapper .footer address b {font-size:14px; line-height:24px; color:#999;} /* 2019.10.14 추가 */
.wrapper .footer address p {font-size:14px; line-height:24px; color:#999;} /* 2019.10.14 추가 */

/* ========================================
	etc common
========================================  */
.pd_wrapper{padding:0 20px}
.pd_wrapper2{padding-left:40px;}
.pd_wrapper3{padding:0 40px}

/* bg */
.bg_white{background:#ffffff;}
.bg_gray{background:#f7f7f7;}

/* display */
.hide {display:none !important;}
.block {display:block !important;}
.inblock {display:inline-block !important;}

/* float align */
.fl {float:left !important;}
.fr {float:right !important;}
.clear:after {content:""; display:block; clear:both; }

/* align */
.align_l {text-align:left !important;}
.align_r {text-align:right !important;}
.align_c {text-align:center !important;}

.v_al_t {vertical-align: top !important;}
.v_al_m {vertical-align: middle !important;}
.v_al_b {vertical-align: baseline !important;}

/* color */
.c_white{color:#ffffff !important; vertical-align:baseline;}
.c_blue1{color:#0064ff !important; vertical-align:baseline;}
.c_blue2{color:#23a6d2 !important; vertical-align:baseline;}
.c_gray1{color:#333333 !important; vertical-align:baseline;}
.c_gray2{color:#666666 !important; vertical-align:baseline;}
.c_gray3{color:#999999 !important; vertical-align:baseline;}
.c_gray4{color:#cccccc !important; vertical-align:baseline;}
.c_red1{color:#ff0000 !important; vertical-align:baseline;}
.bold  {font-weight:700 !important; }
.normal  {font-weight:normal !important;}


/* frame */
.cellbox {display:table;width:100%;}
.cellbox .row {display:table-row;}
.cellbox .cell{width:10px;display:table-cell;white-space:nowrap;}
.cellbox .cell.tit{width:10px;}
.cellbox .cell.auto{width:auto;}
.cellbox.cell2 .cell{width:50%;}
.cellbox.cell3 .cell{width:33.3333%;}

/* 버튼 3개 간격 btnarea */
.cellbox.cell3 .cell div {margin:0 5px;}

.top_fix_wrap{position:relative;}
.top_fix{background:#fff;}
.top_fix.fix{position:fixed;top:60px;left:0;width:100%;box-shadow: 2px 0 3px rgba(0,0,0,0.1);z-index:1;}

/* border */
.bdt0 {border-top:0 !important;}

/* line-height */
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh21 {line-height:21px !important;}
.lh22 {line-height:22px !important;}
.lh24 {line-height:24px !important;}
.lh26 {line-height:26px !important;}

/* ========================================
	Icon & Bi
========================================  */
/* icon */
.ico{display:inline-block;background-size:100% 100% !important;}
.ico.ico_error{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_info_red.png') no-repeat 0 0;}
.ico.ico_safe{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_safe.png') no-repeat 0 0;}
.ico.ico_check{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_safe.png') no-repeat 0 0;}
.ico.ico_info{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_info_black.png') no-repeat 0 0;}
.ico.ico_talk{width:19px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_talk.png') no-repeat 0 0; vertical-align:-5px;}
.ico.ico_headphone{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_headphone.png') no-repeat 0 0; vertical-align:-4px;}
.ico.ico_search{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_search.png') no-repeat 0 0;}
.ico.ico_pin{width:16px;height:16px;background:url('https://static.wooriib.com/images_mts/com/ico_pin.png') no-repeat 0 0;}
.ico.ico_link{width:13px;height:13px;background:url('https://static.wooriib.com/images_mts/com/ico_link.png') no-repeat 0 0;}
.ico.ico_down{width:15px;height:13px;background:url('https://static.wooriib.com/images_mts/com/ico_down.png') no-repeat 0 0;}
.ico.ico_down02{width:20px;height:20px;background:url('https://static.wooriib.com/images_mts/com/ico_down02.png') no-repeat 0 0;}
.ico.ico_tooltip{width:16px;height:16px;background:url('https://static.wooriib.com/images_mts/com/ico_tooltip.png') no-repeat 0 0;}
.ico.ico_select {width:13px; height:8px; background:url('https://static.wooriib.com/images_mts/com/ico_arrowdown_dn.png')no-repeat 0 0;}
.ico.ico_select_w {width:13px; height:8px; background-color:#fff; -webkit-mask-size:contain; -webkit-mask-image:url('https://static.wooriib.com/images_mts/com/ico_arrowdown_dn.png');}
.ico.ico_share {width:20px; height:20px; background:url('https://static.wooriib.com/images_mts/com/ico_sns_share.png') no-repeat 0 0;}
.ico.ico_share02 {width:20px; height:20px; background:url('https://static.wooriib.com/images_mts/com/ico_sns_share02.png') no-repeat 0 0;}
.ico.ico_share03 {width:20px; height:20px; background:url('https://static.wooriib.com/images_mts/com/ico_sns_share03.png') no-repeat 0 0;}
.ico.ico_heart, .ico.ico_heart_basic.on {width:18px; height:18px; background:url('https://static.wooriib.com/images_mts/com/ico_heart.png') no-repeat 0 0;}
.ico.ico_heart_basic {width:18px; height:18px; background:url('https://static.wooriib.com/images_mts/com/ico_heart_basic.png') no-repeat 0 0;}
.ico.ico_reple {width:18px; height:18px; background:url('https://static.wooriib.com/images_mts/com/ico_reple.png') no-repeat 0 0;}
.ico.ico_del{width:18px; height:18px; background:url('https://static.wooriib.com/images_mts/com/ico_del.png') no-repeat 0 0;}
.ico.ico_medal{width:40px; height:40px; background:url('https://static.wooriib.com/images_mts/com/ico_medal.png') no-repeat 0 0;}
.ico.ico_siren {width:14px; height:12px; background:url('https://static.wooriib.com/images_mts/com/ico_siren.png') no-repeat 0 0;}
.ico.ico_siren02 {width:22px; height:22px; background:url('https://static.wooriib.com/images_mts/com/ico_siren02.png') no-repeat 0 0; vertical-align:text-top;margin-right:2px;}
.ico.ico_pen {width:14px; height:14px; background:url('https://static.wooriib.com/images_mts/com/ico_pen.png') no-repeat 0 0;}
.ico.ico_arrow_right {width:8px; height:13px; background:url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow.png') no-repeat 0 0;}
.ico.ico_arrow_right_c666 {width:8px; height:13px; background:url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow_c666.png') no-repeat 0 0;}
.ico.ico_arrow_right_w {width:8px; height:13px; background:url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow_w.png') no-repeat 0 0;}
.ico.ico_arrow_d {width:8px; height:13px; background:url('https://static.wooriib.com/images_mts/com/ico_arrow_go.png') no-repeat 0 0;}
.ico.ico_arrow_AAA {width:8px; height:14px; background:url('https://static.wooriib.com/images_mts/com/ico_arrow_go_AAA.png') no-repeat 0 0;}
.ico.ico_arrow_right_b {width:7px; height:12px; background:url('https://static.wooriib.com/images_mts/com/bul_arrow_right_blue.png') no-repeat 0 0;}
.ico.ico_balloon {width:17px; height:16px; background:url('https://static.wooriib.com/images_mts/com/ico_balloon.png') no-repeat 0 0;}
.ico.ico_replymenu {width:18px; height:18px; background:url('https://static.wooriib.com/images_mts/com/ico_replymenu.png')no-repeat 0 0px; }
.ico.ico_tip {width:12px; height:13px; background:url('https://static.wooriib.com/images_mts/com/ico_tip.png')no-repeat 0 0px;}
.ico.ico_faq {width:21px; height:22px; background:url('https://static.wooriib.com/images_mts/com/ico_faq.png')no-repeat 0 0px;}
.ico_small_down {width:9px; height:6px; background:url('https://static.wooriib.com/images_mts/com/ico_small_down.png')no-repeat 0 0px;}
.ico_small_up {width:9px; height:6px; background:url('https://static.wooriib.com/images_mts/com/ico_small_up.png')no-repeat 0 0px;}

.ico_q{line-height:1em;font-size:19px;font-weight:bold;color:#1f5dbe;}
.ico_a{line-height:1em;font-size:19px;font-weight:bold;color:#1f5dbe;}

.ico.ico_home1{width:16px;height:16px;background:url('https://static.wooriib.com/images_mts/com/ico_home1.png') no-repeat 0 0;}
.ico.ico_check1{width:38px;height:25px;background:url('https://static.wooriib.com/images_mts/com/ico_check1.png') no-repeat 0 0;}
.ico.ico_check2{width:14px;height:14px;background:url('https://static.wooriib.com/images_mts/com/ico_check2.png') no-repeat 0 0;}
.ico.ico_info1{width:38px;height:38px;background:url('https://static.wooriib.com/images_mts/com/ico_info1.png') no-repeat 0 0;}
.ico.ico_x1{width:17px;height:17px;background:url('https://static.wooriib.com/images_mts/com/ico_x1.png') no-repeat 0 0;}
.ico.ico_x2{width:20px;height:20px;background:url('https://static.wooriib.com/images_mts/com/ico_x2.png') no-repeat 0 0;}


.ico.ico_back{width:20px;height:20px;background:url('https://static.wooriib.com/images_mts/com/ico_back02.png') no-repeat 0 0;}
.ico.ico_back_w {width:20px !important;height:20px !important;background:url('https://static.wooriib.com/images_mts/com/ico_back_w02.png') no-repeat 0 0 !important; background-size:100% !important;}
.ico.ico_print1{width:66px;height:66px;background:url('https://static.wooriib.com/images_mts/com/ico_print1.png') no-repeat 0 0;}
.ico.ico_print2{width:66px;height:66px;background:url('https://static.wooriib.com/images_mts/com/ico_print2.png') no-repeat 0 0;}
.ico.ico_bio1{width:66px;height:66px;background:url('https://static.wooriib.com/images_mts/com/ico-bio1.png') no-repeat 0 0;}
.ico.ico_face{width:66px;height:66px;background:url('https://static.wooriib.com/images_mts/com/ico_face.png') no-repeat 0 0;}
.ico.ico_filter{width:24px;height:24px;background:url('https://static.wooriib.com/images_mts/com/ico_filter_off.png') no-repeat 0 0;}
.ico.ico_filter.on{width:24px;height:24px;background:url('https://static.wooriib.com/images_mts/com/ico_filter_on.png') no-repeat 0 0;}

.ico.ico_exmark {width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_exmark.png') no-repeat 0 0;}

.ico.order{width:40px;height:40px;background:url('https://static.wooriib.com/images_mts/myAsset/ico_ic_order_list.png') no-repeat;background-size:cover;display:inline-block;}

/*call Bridge 호출 이슈로 인해 이미지를 Base64로 인코딩하여 수정*/
.ico.ico_heart02 {width:20px; height:20px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEVHcEwwMDAyMjIyMjIyMjIyMjIyMjIwMDAyMjIyMjIyMjIyMjIwMDAwMDAzMzP76sHsAAAADnRSTlMAEGDQuqDwQHvgUJAwIGT1L6UAAAFMSURBVCjPlZIxS8NQEMcvxWItVQIpde2iY0A/wMNuTqEuDg4BXRwUcVW0OBRH0UlxCE6O/QjFyVH8BGKbNG0N/j+D9/KSJnnFoTe8e++Xu/f+dzmiRWy1K/wDudnwwt3PhDlgeybalH6kaLwHWnXljyQrAdvXl/vwBU6u1rtAk2EHj7wafSAyeXOBHz55vpkkyBAyRGhSBQ/qPXuovIU2NXCuDsuJr2FAdqDLdibkDnXYC0j86vBrSvjW4Rr+gYM5GJIz1mEnoH6kQya9UGPG2ZhWcFOEFdxTFdqlH3jhqqZmIduTdTewk4dLOOS1ilEeujKb6E51N31mEvsyco2yucWxiSy0hLS9VhZqYytVIdICyvBn+qxUgDsLjEP3pK8jyBWi0vhbuyj5lOi9WAZLCZvpjGT2isjFsdbamgD8N/0n8HS25of89okWtz/eNpFHOWKlqgAAAABJRU5ErkJggg==') no-repeat 0 0;}
/*call Bridge 호출 이슈로 인해 이미지를 Base64로 인코딩하여 수정*/
.ico.ico_heart02.on {width:20px; height:20px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEVHcEz/QFD6Slf7Slf7Slf7Slj8Slb8Slj7Slf6Slj7Slj8Slf/SFj/SlX7S1jNXKLvAAAADnRSTlMAENC58J1MY/vggPcgMDBh/CgAAAECSURBVCjPlZK9agJBFIWPhYpBYUl8AV9gwdZCsNEiIKlSioV1EKKthWArVhYWVta+gCB5BF8hu+tPsnieITO7i9mZu4V+zQwfd7gzdw7wCOVP13vXm/E6aHwlrknFEhjp9RjbaE/WX+K1o12RfCUvnLrckSE5VPKDXaa48ATk1gFNAgdP3FuSb6hS8I1JKOQZPVnpw5XyB8zgbhmgmdUoo/tMPV1wRUnKBQpS9iE7+WqeYiItJQsZp4Gt6X6jj8vbI45w7Taa57SsJTKXKvUcyNLaLUyqNPlS3/mPWJ6h0Tqmx3mULiONxbh0aGZ0oG3bCm5FXcs72HFW6azLkG9WeJw/LtLPIK/SE+0AAAAASUVORK5CYII=') no-repeat 0 0;}
.ico.ico_bell {width:20px; height:20px; background:url('https://static.wooriib.com/images_mts/com/ico_bell.png') no-repeat 0 0;}
.ico.ico_bell.on {width:20px; height:20px; background:url('https://static.wooriib.com/images_mts/com/ico_bell_on.png') no-repeat 0 0;}
.ico.ico_bell.disabled {width:20px; height:20px; background:url('https://static.wooriib.com/images_mts/com/ico_bell_disabled.png') no-repeat 0 0;}
.ico.ico_pin02 {width:26px; height:26px; background:url('https://static.wooriib.com/images_mts/com/ico_pin02.png') no-repeat 0 0;}
.ico.ico_pin02.on {width:26px; height:26px; background:url('https://static.wooriib.com/images_mts/com/ico_pin02_on.png') no-repeat 0 0;}
.ico.ico_pin_b {width:14px; height:14px; background:url('https://static.wooriib.com/images_mts/com/ico_pin02_b.png') no-repeat 0 0;}
/* bi */
.bi_foss {display:inline-block;width:57px;height:57px;overflow:hidden;text-indent:-99999%;background:url('https://static.wooriib.com/images_mts/com/bi_foss.png') no-repeat 0 0;background-size:100% 100%;}

/* ========================================
	Text
========================================  */

/* font size */
.fs11{font-size:12px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}

/* text validation */
.text_error{position:relative;padding:9px 0;border-bottom:1px solid #ff3400;}
.text_error:after{content:'';display:block;clear: both;}
.text_error > .txt{font-size:16px;color:#ff3400;}
.text_error .info{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.text_error .info .txt{display:inline-block;color:#ff3400;line-height:1em;}
.text_error .ico{margin-left:5px;}

.text_safe{position:relative;padding:9px 0;border-bottom:1px solid #333333;}
.text_safe:after{content:'';display:block;clear: both;}
.text_safe > .txt{font-size:16px;}
.text_safe .info{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.text_safe .info .txt{display:inline-block;color:#1f5dbe;line-height:1em;}
.text_safe .ico{margin-left:5px;}

 /* tit */
.tit_type1{font-size:24px;color:#333; line-height: 34px;}
.tit_type2{font-size:16px;color:#333; line-height: 24px;}
.tit_type2 *{vertical-align: baseline;}
.tit_type3{font-size:14px;color:#333; line-height: 21px;}
.tit_type3 *{vertical-align: baseline;}
.tit_type4{font-size:12px;color:#333; line-height: 17px;}
.tit_type4 *{vertical-align: baseline;}


.text_info {padding-top:60px;}
.text_info .txt {margin-top:24px;font-size:24px;font-weight:bold;line-height:34px;}
.text_info .txt .c {color:#1f5dbe;vertical-align:baseline;}
.text_info .txt2{margin-top:15px;color:#999999;}
.text_info .box_message_gray {margin:35px -20px 0; padding:15px 20px; background:#f7f7f7; border-radius:5px;}

.text_info2 {}
.text_info2 .txt {margin-top:20px; font-size:14px; line-height:21px; color:#666;}

.text_dot{position:relative;padding-left:8px;font-size:14px;color:#666;line-height:21px;}
.text_dot:after{content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background:#ccc;}
.text_dot.dot_blue:after{background:#1f5dbe;}
.text_dot.fs13{font-size:13px;}
.text_dot.fs12{font-size:12px; line-height: 17px;}
.text_dot.fs12:after{top:7px;}
.text_dot.fs11{font-size:11px;}
.text_dot.lh17{line-height:17px;}
.text_dot a, .text_dot span, .text_dot b{vertical-align:baseline;}

.text_etc2{position:relative;padding-left:15px;font-size:12px;color:#666;line-height:1.3em;margin:5px 0 0 9px}
.text_etc2:before{content:'※';display:block;position:absolute;top:2px;left:0;font-size:12px;line-height:1em;}

.gray_txt_box{padding:17px 15px;background-color:#f7f7f7;font-size:14px;color:#333;margin-top:20px;}
.gray_txt_box.radius {border-radius: 6px;}
.gray_txt_box + *{margin-top:10px !important;}
.gray_txt_box span{vertical-align:baseline;}
.gray_txt_box .txt_cnt{font-size:16px;color:#d2d2d2;line-height:1;float:right;}

.text_dash{position:relative;padding-left:8px;font-size:14px;color:#666; line-height: 21px;}
.text_dash:after{content:'';display:block;position:absolute;top:9px;left:0;width:4px;height:1px;background:#666666;}
.text_dash.c_gray2:after{background:#666666;}
.text_dash.c_gray3:after{background:#999999;}
.text_dash.c_gray4:after{background:#cccccc;}
.text_dash.fs12 {line-height: 17px;}
.text_dash.fs12:after{top:8px;}

.text_etc{position:relative;padding-left:15px;font-size:14px;color:#666;line-height:21px;}
.text_etc:before{content:'※';display:block;position:absolute;top:4px;left:0;font-size:14px;line-height:1em;}
.text_etc.fs13:before{font-size:13px;top:3px;}
.text_etc.fs12 {line-height:17px;}
.text_etc.fs12:before{font-size:12px;top:2px;}

.text_etc_blue {position:relative;padding-left:10px;font-size:12px;color:#999;line-height:21px;}
.text_etc_blue:before {content:'*'; display:block; position:absolute; top:2px; left:0; color:#1f5dbe;}

.text_ex .cell{vertical-align:top;}
.text_ex .cell.label{padding-right:5px;}
.text_ex .cell.auto{white-space:normal;}

.text_number{display:table;width:100%;}
.text_number .num{display:table-cell;width:5px;padding-right:5px;vertical-align:top;white-space:nowrap;}
.text_number .txt{display:table-cell;width:auto;padding-right:5px;font-size:14px;vertical-align:top;}

.t_link_box{margin-top:10px;}
.t_link  {display:inline-block;text-decoration:underline;color:#1f5dbe; vertical-align: baseline;}

/* size */
.txt_type1{font-size:11px;}
.txt_type2{font-size:12px;}
.txt_type3{font-size:13px;}
.txt_type4{font-size:14px;}

/* no data */
.no_data{text-align: center;}
.no_data .ico{width:40px;height:40px;background:url('https://static.wooriib.com/images_mts/com/ico_no_data.png') no-repeat 0 0;background-size:100% 100%;}
.no_data .txt{font-size:14px;color: #333333;line-height:1.4em;}
.no_data .ico + .txt{margin-top:10px;}

/* ========================================
	Form
========================================  */
textarea::placeholder {font-weight:400;} /* 2019.10.23 수정 */
.input_list .input_box{margin-top:25px;}
.input_list .input_box:first-child{margin-top:0;}

.input_box .tit_type3{margin-bottom:7px;}
.input_box .cell{display:table-cell;width:10px;padding:0 10px;}
.input_box .cell:first-child{padding-left:0;}
.input_box .cell:last-child{padding-right:0;}
.input_box > .text_error,
.input_box > .text_safe{margin-top:6px;}
.input_box > .btn_box{margin-top:10px;}

.input_wrap_box{margin-top:10px;}

.inp_search{display:block;position:relative;border-bottom:2px solid #333333;}
.inp_search input{height:38px;width:100%;font-weight:700;font-size:16px;} /* 2019.10.23 수정 */
.inp_search.active input{}
.inp_search input::placeholder {font-size:16px;color:#ccc; font-weight:400;}  /* 2019.10.23 수정 */
.inp_search .text_error,
.inp_search .text_safe{position:absolute;top:0;left:0;width:100%;height:38px;padding:0;line-height:36px;}
.inp_search .btn{padding-left:10px;}

.inp_search2{position:relative;display:block;position:relative;padding:0 20px;background:#f7f7f7;}
.inp_search2 input{height:48px;width:100%;font-weight:700;font-size:16px;background:none;} /* 2019.10.23 수정 */
.inp_search2 input::placeholder {font-size:16px;color:#ccc; font-weight:400;} /* 2019.10.23 수정 */
.inp_search2 .btn{padding-left:10px;}
.inp_search2 .btn .ico{opacity:0.5}
.inp_search2 .prev_search{position:absolute;top:0;left:0;width:100%;height:48px;padding:0 20px;background:#f7f7f7;z-index:1;}
.inp_search2 .prev_search .schtag{display:inline-block;max-width:100%;position:relative;top:50%;padding:5px 40px 5px 10px;border-radius:30px;background:#fff;border:1px solid #eee;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.inp_search2 .prev_search .schtag .txt{display:block;font-size:14px;color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.inp_search2 .prev_search .schtag .del{position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}


.inp_type1{display:block;position:relative;border-bottom:1px solid #ddd;}
.inp_type1 input{height:38px;width:100%;font-weight:700;font-size:16px;} /* 2019.10.23 수정 */
.inp_type1.active {border-bottom:1px solid #333;}
.inp_type1 input::placeholder {font-size:16px;color:#ccc; font-weight:400;} /* 2019.10.23 수정 */
.inp_type1 .text_error,
.inp_type1 .text_safe{position:absolute;top:0;left:0;width:100%;height:38px;padding:0;line-height:36px;}

.inp_type_view {height:38px;line-height:38px;width:100%;font-size:16px;border-bottom:1px solid #ddd;}

.inp_chk{display:inline-block;cursor:pointer;white-space:nowrap;margin-right:5px;}
.inp_chk .inp{display:inline-block;position:relative;cursor:pointer;width:22px;height:22px;vertical-align: middle;}
.inp_chk .inp input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;}
.inp_chk .inp .ic{display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:22px;background:url('https://static.wooriib.com/images_mts/com/ico_inp_check02.png') no-repeat 0 0;background-size:auto 60px;}
.inp_chk .inp input:checked  + .ic{background-position-x:-30px;}
.inp_chk .inp input:disabled  + .ic{background-position-y:-30px;}
.inp_chk .txt{display:inline-block;margin-left:5px;font-size:14px;}
.inp_chk .txt .c_blue1 {position:relative; top:-1px;}

.inp_radio{display:inline-block;cursor:pointer;white-space:nowrap;margin-right:5px;}
.inp_radio .inp{display:inline-block;position:relative;width:22px;height:22px;}
.inp_radio .inp input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.inp_radio .inp .ic{display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:22px;background:url('https://static.wooriib.com/images_mts/com/ico_inp_radio02.png') no-repeat 0 0;background-size:auto 60px;}
.inp_radio .inp input:checked  + .ic{background-position-x:-30px;}
.inp_radio .inp input:disabled  + .ic{background-position-y:-30px;}
.inp_radio .txt{display:inline-block;margin-left:5px;font-size: 15px;} /* 개발 요청 수정 2019.10.24 */

.inp_radio2{position:relative;display:block;cursor:pointer;white-space:nowrap;}
.inp_radio2 .inp input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.inp_radio2 .txt{display:block;height:40px;line-height:38px;font-size:14px;text-align: center;color: #666;border:1px solid #ddd;}
.inp_radio2 .inp input:checked + .txt{position:relative;font-weight:bold;color: #333;border-color:#333;z-index:1;}
.inp_radio2 .inp input:checked + .txt:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:1px;height:106%;background:#333;}

.inp_radio2_box{border-left: 1px solid #ddd;}
.inp_radio2_box:after{content:'';display:block;clear:both;}
.inp_radio2_box .inp_radio2{float:left;}
.inp_radio2_box .inp_radio2 .txt{border-left:none;}
.inp_radio2_box.radio2 .inp_radio2{width:50%;}
.inp_radio2_box.radio3 .inp_radio2{width:33.3333%;}
.inp_radio2_box.radio4 .inp_radio2{width:25%;}
.inp_radio2_box.radio5 .inp_radio2{width:20%;}

/* 파란 박스 라디오 버튼 */
.inp_radio2_box.blue_radio {}
/* .inp_radio2 .txt{display:block;height:40px;line-height:38px;font-size:14px;text-align: center;color: #666;border:1px solid #f4f4f4;} */
.inp_radio2_box.blue_radio .inp_radio2 .inp input:checked + .txt{font-weight:normal;color: #1f5dbe;border-color:#1f5dbe; }
.inp_radio2_box.blue_radio .inp_radio2 .inp input:checked + .txt:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:1px;height:106%;background:#1f5dbe;}
.inp_range{position:relative;display:inline-block;position:relative;overflow:hidden;}
.inp_range input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:10;cursor:pointer;}
.inp_range i{position:relative;display:block;-webkit-appearance: none;width:40px;padding:2px;height:24px;outline: none;-webkit-transition: .2s;border-radius: 35px;cursor:pointer;background:#cbcbcb;}
.inp_range i:after{content:'';position:absolute;top: 2px;left: 2px;display:inline-block;width: 20px;height: 20px;border-radius: 25px;background:#fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.inp_range i:hover:after{background:#cccccc;}
.inp_range input:checked + i{background:#4385f5;}
.inp_range input:checked + i:after{left:18px;}

.header.fix .tit_wrapper .inp_range.topinp {display: none;}
.select_type1{position:relative;display:block;height:38px;}
.select_type1 .design{position:absolute;top:0;left:0;width:100%;height:40px;line-height:38px;text-align:left;font-size:16px;color:#333;font-weight:bold;border-bottom:1px solid #eee;}
.select_type1 .design .placeholder{font-weight:normal;color:#ccc;font-size:16px;} /* 2019.10.23 수정 */
.select_type1 .design:before{content:""; display: block;position:absolute;top:50%;right:13px;width:0px;height:0px;margin-top:-3px;cursor:pointer;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #363636;}
.select_type1 .design:after{content:""; display: block;position:absolute;top:50%;right:13px;width:0px;height:0px;margin-top:-4px;cursor:pointer;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff;}

.select_type1 .design.r_arrow:before{right:0px;}
.select_type1 .design.r_arrow:after{right:0px;}

/* 2019.10.23 추가 */
.select_type1:active .design,
.select_type1.on .design {border-bottom:solid 1px #333;}
.select_type1:active .design:before,
.select_type1.on .design:before{border-top:6px solid #333;}
.select_type1:active .design .placeholder,
.select_type1.on .design .placeholder {font-weight:700; color:#333;}
/* 2020.05.14 추가 */
.select_type1 .design .placeholder.on {font-weight:700; color:#333;}

.select_type1 select{position:relative;opacity:0;height:40px;width:100%;padding-right:30px;z-index:1;cursor:pointer;}
.select_type1 select:focus + .design{border-bottom:1px solid #999999;font-weight:bold;}
.select_type1 .design.selected .placeholder{color:#000000;font-weight:bold;}
.text_type1 textarea{width:100%;height:280px;padding:10px;border:1px solid #eee;line-height:21px;}

.box_inpcheck_type1 .inp_chk .txt{font-size:16px;}
.box_inpcheck_type1.no_review{margin-top:55px;}

/* ========================================
	Button
========================================  */
.btn_type1_box  {display:table;width:100%;}
.btn_type1:after, .btn_type2:after {content:'';display:block;clear:both;}
.btn_type1 {display:table-cell;width:100%;height:50px; line-height:50px;font-size:16px;text-align:center;}
.btn_type1.btn1 {color:#333; border:1px solid #eee;    background:#fff;}
.btn_type1.btn2 {color:#fff; border:1px solid #0064ff; background:#0064ff;}
/* .btn_type1.btn1:active, .btn_type1.btn1:focus {color:#666; border:1px solid #cccfd4; background:#cccfd4;}
.btn_type1.btn2:active, .btn_type1.btn2:focus {color:#718098; background:#0f397b;} */
.btn_type1.disabled {color:#fff; border: 1px solid #cccccc; background: #cccccc; cursor: no-drop;}
.btn_type1.disabled,
.btn_type1[disabled] {color:#fff !important; border: 1px solid #cccccc !important; background: #cccccc !important; cursor: no-drop;}

.btn_type1_box.size37 .btn_type1:first-child {width: 30%}
.btn_type1_box.size37 .btn_type1:last-child {width: 70%}
.btn_type1_box.size-half .btn_type1 {width: 50%}

.btn_type2_box .cellbox.cell2 .cell:first-child{padding-right:6px;}
.btn_type2_box .cellbox.cell2 .cell:last-child{padding-left:6px;}
.btn_type2_box.bw_10 .cellbox.cell2 .cell:first-child{padding-right:5px;}
.btn_type2_box.bw_10 .cellbox.cell2 .cell:last-child{padding-left:5px;}

.btn_type2 { display:inline-block; height:40px; line-height:38px; font-size:14px; text-align:center; border-radius: 10px; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.btn_type2.btn1 {border: 1px solid #4385f5;color:#4385f5 !important;}
.btn_type2.btn2 {border: 1px solid #ddd;color:#666;}
.btn_type2.btn3 {background-color:#4385f5; color:#fff; border:0;}
.btn_type2.btn4 {border:1px solid #fb4b58; color:#fb4b58;}
.btn_type2.disabled,
.btn_type2[disabled]{border-color:#ddd;color: #666;}
.btn_type2.disabled02 {border-color:#c7cdd5; background: #c7cdd5; color:#fff;}

.btn_type3 {display:inline-block; height:40px; line-height:38px; font-size:14px; text-align:center; border-radius: 6px; padding:0 30px;}
.btn_type3.btn4 {background-color:#666; color:#fff; border:0;}
.btn_float_bottom {z-index:10; position:fixed; left:20px; right:20px; bottom:20px;}

.btn_select .btn{display:block;position:relative;height:39px;padding-right:18px;font-size:16px;border-bottom:1px solid #ebebeb;}
.btn_select .arr{position:absolute;top:0;right:0;display:block;width:18px;height:38px;}
.btn_select .arr:before{content:'';display:block;position:absolute;top:17px;right:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333333;}
.btn_select .arr:after{content:'';display:block;position:absolute;top:16px;right:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ffffff;}
.btn_select span{display:block;line-height:38px;white-space:nowrap;}

.btn_more_wrap{border-top:1px solid #eee;}
.btn_more_wrap .btn_more{position:relative;display:block;height:48px;text-align: center;font-size:12px;color:#999;line-height:48px;}
.btn_more_wrap .btn_more .arr{display:inline-block;width:13px; height:8px; background:url(https://static.wooriib.com/images_mts/com/ico_arrowdown.png) 0 0;background-size:auto 100%; margin-left:8px;}
.btn_more_wrap .btn_more .arr_up{display:inline-block;width:13px; height:8px; background:url(https://static.wooriib.com/images_mts/com/ico_arrowup.png) 0 0;background-size:auto 100%; margin-left:8px;}

.btn_more_wrap .btn_more.btn_type2 {line-height: 38px; height: 40px; color:#333; font-size: 14px;}

.btn_more_wrap .btn_more.r_arr span {display: inline-block;position: relative;vertical-align: top;}
.btn_more_wrap .btn_more.r_arr span::after {content: '';position: relative;margin-left: 5px;top: 1px;right: 0;display: inline-block;width: 8px;height:13px;background:url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow.png') no-repeat 0 0;background-size: 8px 13px;}

.btn_link_white {display:inline-block; margin-top:5px; padding:2px 6px 3px; background-color:#fff; border-radius:3px; font-size:12px; border:1px solid #ccc;}

.btn_longtxt {padding:10px 0px; height:auto !important; line-height: 20px !important;}
.btn_small {background:#fff; height: 30px; line-height: 28px; font-size: 13px;}

/* ========================================
	Common content
========================================  */
.paragraph > .text{margin-top:10px;line-height:21px;}
.paragraph > .text.lh21{line-height:21px;} /* 2019.10.30 수정 */
.paragraph .text_dot{margin-top:7px;}
.paragraph .text_dot.fs12{margin-top:5px;}
.paragraph .text_dot.fs12m{font-size:12px; margin-top:20px;} /* 2019.10.28 수정 */
.paragraph .text_dot_link{padding-left:7px;margin-top:7px; }
.paragraph .text_dot .text{margin-top:7px;}
.paragraph .text_dot .text_etc{margin-top:5px;}
.paragraph .text_dot + .text_etc{margin-top:5px;}
.paragraph .text_dash{margin-top:7px;}
.paragraph .text_ex{margin-top:7px;}
.paragraph .text_number{margin-top:7px;}
.paragraph .text_number + .text_etc{margin-top:5px;}
.paragraph .tbl.type1{margin-top:15px;}
.paragraph .text_box{margin-top:10px;color:#666; line-height:21px;} /* 2019.10.28 수정 */
.paragraph .text_box *{margin-top:7px;color:#666;line-height:21px;vertical-align:baseline;}
.paragraph .text_box .text_tit{margin-top:10px;color: #333;}
.paragraph .text_box2 .text_dot{margin-top:20px;}
.paragraph .text_list {margin-top:10px;}
.paragraph .text_list li {margin-top:7px; padding-left:15px; text-indent:-15px; color:#666; line-height:21px;}
.paragraph .step_type1{margin-top:30px;}
.paragraph .t_link_box{margin-top:3px;margin-bottom:15px;}
.paragraph .ico_box + *{margin-top:15px;}

.paragraph.type1 .tit_type2{margin-top:35px;}
.paragraph.type1 .tit_type2 + *{margin-top:15px;}
.paragraph.type1 .tit_type3{margin-top:20px;}
.paragraph.type1 .tit_type3 + *{margin-top:10px;}
.paragraph.type1 .tit_type4{margin-top:20px;}
.paragraph.type1 .tit_type4 + *{margin-top:5px;}

.paragraph > *:first-child{margin-top:0 !important;}
.paragraph .text_box > *:first-child,
.paragraph .text_box2 > *:first-child{margin-top:0 !important;}

/* 포트폴리오, 시뮬레이터 2019.10.10 추가 */
.portfolio {}
.portfolio .tit1{line-height:1.5em}
.portfolio > .tit_type2:first-child {margin-top:0;}
.portfolio .tit_type4 {margin-bottom:35px;}
.portfolio .paragraph >  .tit_type2 {margin:35px 0 5px 0;}
.portfolio .tit_type2 {margin:35px 0 15px 0;}
.portfolio .link_wrap {margin:10px 0 35px 0;}
.portfolio .t_fees_guide .link_wrap {margin-bottom:0;}
.portfolio .link_wrap a.link {color:#aaa;}

.portfolio .risk {position:relative; padding-left:17px; font-size:14px; line-height:1.29;}
.portfolio .risk:before {content:""; width:10px; height:10px; position:absolute; left:0; top:50%; margin-top:-5px;  border-radius:100%;}
.portfolio .risk.bg01:before {background:#8b93ed;}
.portfolio .risk.bg02:before {background:#ba8bed;}

.portfolio .paragraph_info .box_line_type2 {padding:30px 0 15px 0;}
.portfolio .paragraph_info .risk {font-size:12px; line-height:17px; color:#999;} /* 2019.10.29 수정 */
.portfolio .paragraph_info .risk:before {width:8px; height:8px; margin-top:0; top:5px;}
.portfolio .paragraph_info ul li:first-child {padding-bottom:5px;}
/* 포트폴리오, 시뮬레이터 2019.10.10 추가 */

/* 사각형 범례 추가  2020.05.20 추가 */
.portfolio .paragraph_info.square_type .risk.bg01:before {background:#5091ee;}
.portfolio .paragraph_info.square_type .risk.bg02:before {background:#cccccc;}
.portfolio .paragraph_info.square_type .risk.bg03:before {background:#ed8bbd;}
.portfolio .paragraph_info.square_type ul {text-align:center; margin-top:20px;}
.portfolio .paragraph_info.square_type ul li { display:inline-block;padding-left:10px;}
.portfolio .paragraph_info.square_type ul li:first-child {padding-bottom:0px; padding-left:0;}
.portfolio .paragraph_info.square_type .risk { color:#333;}
.portfolio .paragraph_info.square_type .risk:before {content:""; width:12px; height:12px; margin-top:0; top:2px; border-radius:0% !important;}
/* boxline */
.box_line_type1{padding:35px 0 30px;}
.box_line_type1.pd0{padding:0;}
.box_line_type1.tab{padding:30px 0 10px 0;}
.box_line_type1 .line{height:10px;background:#eeeeee;}
.box_line_type2{padding:40px 0;}
.box_line_type2.pd0{padding:0;}
.box_line_type2 .line{height:1px;background:#eeeeee;}
.box_line_type2 + .info_guide{margin-top:0;}
.box_line_type2 + *{margin-top:0 !important;}
.box_line_type3{padding:25px 0;}
.box_line_type3.pd0{padding:0;}
.box_line_type3 .line{height:1px;background:#f4f4f4;}
.box_line_type3 + *{margin-top:0 !important;}
.box_line_type4{padding:15px 0;}
.box_line_type4 .line{height:1px;background:#f4f4f4;}
.box_line_type4 + *{margin-top:0 !important;}
.box_line_type5{padding:30px 0;}
.box_line_type5 .line{height:1px;background:#f4f4f4;}
.box_line_type5 + *{margin-top:0 !important;}

/* tab */
.tab_menu ul{padding:0 20px;border-bottom:1px solid #eee;}
.tab_menu ul:after{content:"";display:block;clear:both;}
.tab_menu ul li{float:left;}
.tab_menu ul li a{display:block;position:relative;height:44px;padding:0 15px;line-height:42px;font-size:14px;color:#999;text-align:center;}
.tab_menu ul li a span{vertical-align:baseline;}
.tab_menu ul li.on a{color:#333333; font-weight:700;}
.tab_menu ul li.on a:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333;}
.menu_wrapper.fix{position:fixed;top:60px;width:100%;background-color:#fff;z-index:99;margin-top:0 !important;}
.menu_wrapper2.fix{position:fixed;top:108px;width:100%;background-color:#fff;z-index:99;margin-top:0 !important;} /* 2019.10.28 수정 */
.tab_menu.tab2 ul li{width:50%;}
.tab_menu.tab3 ul li{width:33.3333%;}

.tab_menu.type2{white-space:nowrap;overflow: hidden;overflow-x:auto;}
.tab_menu.type2::-webkit-scrollbar {display: none;}
.tab_menu.type2 ul{white-space:nowrap;}
.tab_menu.type2 ul li{float:none;display:inline-block;padding:0 8px;}
.tab_menu.type2 ul li:first-child{padding-left:0;}
.tab_menu.type2 ul li:last-child{padding-right:0;}
.tab_menu.type2 ul li a{padding:0 0;}

/* header + tab*/
.menu_wrapper_header {width:100%;background-color:#fff;z-index:99;margin-top:0 !important;}
.header + .menu_wrapper_header {padding-top:10px;}
.header.fix + .menu_wrapper_header {padding-top:0;}

.tab_menu.type2.per100 ul{display:table;width:100%;}
.tab_menu.type2.per100 ul li{float:none;display:table-cell;}


.tab_menu2 ul:after {content:"";display:block;clear:both;}
.tab_menu2 ul li{float:left; height:40px; line-height:38px; display: block; position: relative;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tab_menu2 ul li:last-child {border-right:1px solid #ddd;}
.tab_menu2 ul li:first-child {border-left:1px solid #ddd;}
.tab_menu2 ul li + li {border-left:1px solid #ddd;}
.tab_menu2 ul li.on + li, .tab_menu2 ul li + li.on {border-left:none;}
.tab_menu2 ul li a {display: block; height:40px; line-height:38px; color:#999; text-align:center;}
.tab_menu2 ul li.on {border:1px solid #333 !important;}
.tab_menu2 ul li.on a {color:#333; font-weight: 700;}
.tab_menu2.tab2 ul li{width:50%;}
.tab_menu2.tab3 ul li{width:33.3333%;}

.tab_menu2.long_text  ul li {height: auto !important;line-height:21px; padding:10px 5px;}
.tab_menu2.long_text  ul li a {height: auto !important;line-height:21px; }



.tab_menu3{clear:both;}
.tab_menu3 ul{margin-top:-7px;}
.tab_menu3 ul li{display:inline-block;margin-right:4px;}
.tab_menu3 ul li a{display:block;height:32px;min-width:72px;line-height:30px;margin-top:7px;padding:0 10px;border-radius:35px;text-align: center;border:1px solid #eeeeee;color: #666;background:#fff;}
.tab_menu3 ul li.on a{color: #fff;background:#1f5dbe;}

.tab_menu3.scrollx ul li:first-child{padding-left:20px;}
.tab_menu3.type2 ul{margin-top:0;white-space:nowrap;overflow: hidden;overflow-x:auto;}
.tab_menu3.type2 ul::-webkit-scrollbar {display: none;}
.tab_menu3.type2 ul li  a{margin-top:0}
.tab_menu3.type2 ul li:first-child{padding-left:20px;}
.tab_menu3.type2 ul li:last-child{margin-right:0;}

.tab_menu4 ul{margin : 20px 0; font-size: 0}
.tab_menu4 ul li{display: inline-block; margin-right: 6px;}
.tab_menu4 ul li a{display:block;
    min-width:25px;line-height:22px;
    font-weight: 500;
    font-size: 14px;
    padding:6px 14px;border-radius:20px;text-align: center;
    color: #707987;background:#F2F4F6;
    letter-spacing: 0}
.tab_menu4 ul li.on a{color: #fff;background:#303740;}

@media all and (max-width:360px) {
.tab_menu ul li a {font-size:12px;}
}


/* rule */
.site_rule .txt_rule {max-height:105px;margin-top:8px;overflow-x:hidden;overflow-y:auto;line-height:1.5em;}
.site_rule .check_agree {margin-top:20px;}
.site_rule .text_error {margin-top:6px;}

/* banner */
.banner_install {display:table;width:100%;padding:0 20px;background:#fff;}
.banner_install > div{display:table-cell;height:85px;vertical-align:middle;}
.banner_install > div + div{padding-left:10px;}
.banner_install .bi {width:57px;vertical-align: top;}
.banner_install .bi i{position:relative;top:-10px;border-radius:15px;box-shadow:0px 4px 8px rgba(48, 55, 64, 0.2);}
.banner_install .text {line-height:21px;}
.banner_install .text *{vertical-align:baseline}
.banner_install .text strong {display:block;font-size:16px;font-weight:400;}
.banner_install .text b {position:relative;display:block;font-size:14px;color:#4383e6;font-weight:400;}
.banner_install .btn {width:30px;}
.banner_install .btn a {display:inline-block;height:40px;min-width:50px;padding:0 10px;text-align:center;line-height:38px;white-space:nowrap;font-size:14px;color:#666666;border:1px solid #dddddd; border-radius:6px;}

.dl_type1 dt {padding-bottom:20px;margin-top:40px;font-size:18px;font-weight:500;font-weight:bold;}
.dl_type1 dt:first-child{margin-top:0;}

/* list */
.list_bankl {margin-top:-20px;}
.list_bankl:after{content:'';display:block;clear: both;}
.list_bankl li {float: left;width:50%;margin-top:20px;font-size:16px; line-height: 1.5}
.list_bankl li:nth-child(odd){clear:both;}
.list_bankl li .inp_chk {}
.list_bankl li .inp_chk .inp{margin:10px;}
.list_bankl li .inp_chk .txt {}
.list_bankl li i{display:inline-block;margin-right:10px;}
.list_bankl li i img{width:26px;height:26px;}

/* grid_data */
.grid_data1 {}
.grid_data1 .cell{padding:7px;}
.grid_data1 .cell.tit {padding:7px;text-align:left;font-size:14px;color:#666;}
.grid_data1 .row:first-child .cell{padding-top:0;}
.grid_data1 .row:last-child .cell{padding-bottom:0;}
.grid_data1 .cell:first-child{padding-left:0;}
.grid_data1 .cell:last-child{padding-right:0;}

/* box_type */
.box_type1_list{margin-top:20px;}
.box_type1_list ul li {margin-top:10px;}
.box_type1_list ul li:first-child{margin-top:0;}

.box_type1 {display:table;width:100%;padding:10px 20px;border-radius:5px;border:1px solid #eee;background:#fff;}
.box_type1 .row{display:table-row;}
.box_type1 .txt{display:table-cell;width:auto;}
.box_type1 .txt{font-size:14px;color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;max-height:1.2em;}
.box_type1 .txt a{display:block;}
.box_type1 .btn,
.box_type1 .arr {display:table-cell;padding-left:20px;width:10px;}
.box_type1 .arr .arr_right{position:relative;display:inline-block;width:8px;height:14px;}
.box_type1 .arr .arr_right:before{content:'';display:block;position:absolute;top:0;right:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #000;}
.box_type1 .arr .arr_right:after{content:'';display:block;position:absolute;top:0;right:1px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #ffffff;}

.box_type2 {width:100%;padding:15px 20px;border-radius:5px;border:1px solid #eee;background:#fff;}

/* customer_center_box */
.customer_center_box{margin-top:35px;}
.customer_center_box .center_info {padding:15px 18px 15px 20px;background:#f7f7f7;}
.customer_center_box .center_info .text {line-height:1.3em;}
.customer_center_box .center_info .text_dot{margin-top:6px;}
.customer_center_box .center_menu {margin-top:15px;}
.customer_center_box .center_menu .cellbox.cell2 .cell:first-child{padding-right:5px;}
.customer_center_box .center_menu .cellbox.cell2 .cell:last-child{padding-left:5px;}
.customer_center_box .center_menu .btn {display:inline-block;width:100%;height:40px;line-height:38px;text-align:center;border:1px solid #dddddd;border-radius:6px;}
.customer_center_box .center_menu .btn .ico {opacity:0.7;margin-right:5px;}
.customer_center_box .center_menu .btn span {display:inline-block;font-size:14px;color:#666666;vertical-align:baseline;}

.customer_center_box2 .center_info .text {font-size:18px;color: #333;line-height:1.4em;}
.customer_center_box2 .center_menu {margin-top:15px;}
.customer_center_box2 .center_menu .cellbox.cell2 .cell:first-child{padding-right:5px;}
.customer_center_box2 .center_menu .cellbox.cell2 .cell:last-child{padding-left:5px;}
.customer_center_box2 .center_menu .btn {display:inline-block;width:100%;height:40px;text-align: center;border-radius:5px;line-height:38px;background:#ffd753;}
.customer_center_box2 .center_menu .btn .ico{margin-right:5px;}
.customer_center_box2 .center_menu .btn span {font-size:14px;color: #333;}

/* filter */
.fund_filter {position:fixed; right: 20px; bottom: 20px; width:50px; height:50px; background-color:#1f5dbe;border-radius:50%; opacity:0.95; box-shadow:2px 2px 4px rgba(0,0,0,0.2); display:flex; align-items:center; justify-content:center;}
.fund_filter.on {background-color:#00225e;}

/* ========================================
	Table
========================================  */
.tbl.type1 {border-top:1px solid #333333;}
.tbl.type1 table{width:100%;font-size:12px;border-bottom:1px solid #cccccc;}
.tbl.type1 table th{height:38px;padding:10px 5px;color:#333333;font-weight:400;font-size:13px;background:#fafafa;} /* 2019.10.24 수정 */
.tbl.type1 table th.r_line,
.tbl.type1 table td.r_line {border-right:solid 1px #eee;}
.tbl.type1 table tbody tr:first-child th,
.tbl.type1 table tbody tr:first-child td{border-top:none;}
.tbl.type1 table thead th{border-bottom:1px solid #eee;vertical-align: middle;}
.tbl.type1 table thead th[rowspan='2']{height:calc(38px * 2);}
/*.tbl.type1 table tbody th{height:38px;text-align:left;padding:15px 8px;border-top:1px solid #eee;}  2019.10.24 수정 */
/*.tbl.type1 table tbody td{height:38px;padding:10px 15px;font-size:14px;color:#333333;border-top:1px solid #eee;vertical-align: middle;background:#ffffff;line-height:18px;}  2019.10.24 수정 */
.tbl.type1 table tbody th{/*height:38px;*/text-align:left;padding:10px 8px;border-top:1px solid #eee;} /* 2021.9.24 수정 */
.tbl.type1 table tbody td{/*height:38px;*/padding:10px 8px;font-size:14px;color:#333333;border-top:1px solid #eee;vertical-align: middle;background:#ffffff;line-height:18px;} /* 2021.9.24 수정 */
.tbl.type1 table tfoot {}
.tbl.type1 table tfoot td{height:38px;padding:15px;font-size:14px;color:#333333;text-align:center;border-top:1px solid #eee;background-color:#fff6e6;}
.tbl.type1.fix_scroll{position:relative;}
.tbl.type1.fix_scroll .scroll_gradient{display:none;position:absolute; right:0; top:0; width:27px; height:100%; z-index:10;background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8));}
.tbl.type1.fix_scroll .fix_left{float:left;}
.tbl.type1.fix_scroll.tbl_border .fix_left{float:left;border-right:1px solid #eee;}
.tbl.type1.fix_scroll .scroll{position:relative;overflow-y:hidden;overflow-x:auto;}
.tbl.type1.fix_scroll .scroll table{table-layout:fixed;}
.tbl.type1.fix_scroll .scroll table{table-layout:fixed;}
.tbl.type1.sticky_left{overflow-x:auto;}
.tbl.type1.sticky_left table {position:relative;table-layout:fixed;}
.tbl.type1.sticky_left tr th:first-child{position: sticky !important; position: -webkit-sticky; left: 0;top: auto;}
.tbl.type1 table tr > *:first-child{border-left:1px solid rgba(0,0,0,0)}
.tbl.type1 table tr > *:last-child{border-right:1px solid rgba(0,0,0,0)}

.tbl.type1.st2 thead th{height:28px !important;padding:2px 5px;}
.tbl.type1.st2 tbody th,
.tbl.type1.st2 tbody td{padding:10px 5px;height:40px !important;}

/* t_inner */
.tbl.type1 table.t_inner {border-bottom:none;}
.tbl.type1 table.t_inner td{height:48px !important; padding:0 8px !important;}
.tbl.type1.st2 table.t_inner td{height:38px !important;}

/* tbody 용 */
.tbl.th_left table tbody th,
.tbl .th_left tbody th,
.tbl.td_left table tbody td,
.tbl .td_left table tbody td  {text-align:left;}
.tbl.th_center table tbody th,
.tbl .th_center tbody th,
.tbl.td_center table tbody td,
.tbl .td_center tbody td  {text-align:center;}
.tbl.th_right table tbody th,
.tbl .th_right tbody th,
.tbl.td_right table tbody td,
.tbl .td_right tbody td  {text-align:right;}

.tbl.th_14 table tbody th,
.tbl .th_14 tbody th {font-size: 14px !important;}
.tbl.th_12 table tbody th,
.tbl .th_12 tbody th {font-size: 12px !important;}
.tbl.td_12 table tbody td,
.tbl .td_12 tbody td {font-size: 12px !important;}

.tbl.td_pd0 > table tbody td,
.tbl.td_pd0 > div > table tbody td, /* 스크롤 테이블용 */
.tbl .td_pd0 > tbody td {padding:0 0 !important;}

.tbl.th_top table tbody th,
.tbl .th_top table tbody th,
.tbl.td_top table tbody td,
.tbl .td_top table tbody td{vertical-align:top;}
.tbl.th_mid table tbody th,
.tbl .th_mid table tbody th,
.tbl.td_mid table tbody td,
.tbl .td_mid table tbody td{vertical-align:middle;}

.tbl.type1 .text_dot{margin-top:10px;}
.tbl.type1 .text_dot + .text_dot{margin-top:5px;}
.tbl.type1 .text_dot .txt{margin-top:3px;}
.tbl.type1 .text_etc{margin-top:5px;}
.tbl.type1 td .text{margin-top:7px;}
.tbl.type1 td .text.mb10 {margin-bottom:10px;} /* 2019.10.29 수정 */
.tbl.type1 td .text:first-child{margin-top:0;}
.tbl.type1 td *{vertical-align:baseline;}
.tbl.type1 td *:first-child{margin-top:0 !important;}
.tbl.type1 .tit1 {font-weight: 700;}
.tbl.type1 .tit1 ~ .text_dot {margin-top: 5px;}

.tbl_border table td + td,
.tbl_border table th + th,
.tbl_border table th + td {border-left: 1px solid #eee;  border-top:1px solid #eee;}

.tbl_onbox_layer{position:absolute;top:98px;left:0;height:50px;width:100%;border:1px solid #1f5dbe;background:rgba(151, 188, 246, 0.15) !important;z-index:10;}
td.tbl_onbox{border:1px solid #1f5dbe !important;border:1px solid #1f5dbe;background:rgba(151, 188, 246, 0.15) !important;}

.data_top_info{margin-bottom:10px;display:flex;flex-direction:row;justify-content: space-between;align-items: baseline;}
.data_top_info .total {display:inline-block;color: #999; font-size:12px;}
.data_top_info .total .c_blue1 {vertical-align: middle !important;}
.data_top_info .total .tit{font-size:16px;color: #333;vertical-align: baseline;margin-right:5px;}
.data_top_info .kind {float:right; display:flex;}
.data_top_info .kind li {color:#ccc; font-size:12px;}
.data_top_info .kind li.on {color:#333; font-weight:700;}
.data_top_info .kind li + li {margin-left:20px;}
.data_top_info .select_category {font-size:13px; color:#666; display:inline-flex; align-items:center;}
.data_top_info .select_category i {margin-left:5px;}
.data_top_info .right{align-self: flex-end}
.data_top_info .txt1{font-size:14px;color: #333;}
.data_top_info .txt2{font-size:12px;color: #666;}
.data_top_info .unit{font-size:12px;color: #999;}
.data_top_info .more{font-size:12px;color: #999;}


.data_top_info.border {border-bottom:1px solid #000; padding-bottom:10px; display:flex; justify-content:space-between;}
.data_top_info.border .total {padding-left:0; margin-bottom:0;}

.tbl_list_wrap {margin-top:20px;}
.tbl.tbl_list.sticky table thead th {position: sticky !important; position: -webkit-sticky; top:0}    /* sticky header 일 경우 추가 */
.tbl.tbl_list {border-top:1px solid #333333;}
.tbl.tbl_list table {position: relative; border-collapse: separate;}
.tbl.tbl_list table thead th {border-bottom:1px solid #eee; font-size: 12px; color:#666; height:50px; font-weight:400; background-color: #fff;}
.tbl.tbl_list table thead tr th:first-child {position:relative;}
.tbl.tbl_list table thead tr th.name:after {position:absolute; width:1px; height:26px; background-color:#f4f4f4; content:""; display:inline-flex; right:0; top:12px;}
.tbl.tbl_list table thead th .select {display:block; position:relative; width:100%; color:#666;}
.tbl.tbl_list table thead th .select:after {position:absolute; right:0; bottom:0; width: 0; height: 0; border-bottom: 5px solid #ccc; border-left: 5px solid transparent; content: "";}
.tbl.tbl_list table thead th .select.on {color:#1f5dbe;}
.tbl.tbl_list table thead th .select.on:after {border-bottom: 5px solid #1f5dbe;}
.tbl.tbl_list .tit {display:block; font-size:16px; text-align:left;}
.tbl.tbl_list .detail td {padding-top: 15px; padding-bottom:10px; text-align:right;}
.tbl.tbl_list .text td {padding-bottom:15px; border-bottom: 1px solid #eee;}
.tbl.tbl_list .text td ul {overflow:hidden;}
.tbl.tbl_list .text td ul li {font-size:12px;}
.tbl.tbl_list .text td ul li.c_gray2 {font-size:14px !important;}
.tbl.tbl_list .text td ul li.fund_nm,
.tbl.type1 .fund_nm {font-size:14px !important; line-height:1.4 !important;}
.tbl.tbl_list .text td ul li + li {margin-top:5px;}
.tbl.tbl_list td .tit + ul{margin-top:10px;}
.tbl.tbl_list .up {color:#ff0000;}
.tbl.tbl_list .down {color:#1f5dbe;}

.tbl.tbl_list.t_risk table thead tr th:first-child,
.tbl.tbl_list.t_risk table tbody tr td:first-child {padding-left: 20px; text-align: left;}
.tbl.tbl_list.t_risk table thead tr th:last-child,
.tbl.tbl_list.t_risk table tbody tr td:last-child {padding-right: 20px;}
.tbl.tbl_list.t_risk .tit:before {width: 10px; height: 10px; border-radius: 50%; margin-right:7px; content:""; display: inline-block;}
.tbl.tbl_list.t_risk .tit.risk01:before {background-color:#E45A74;}
.tbl.tbl_list.t_risk .tit.risk02:before {background-color:#FFBE5B;}
.tbl.tbl_list.t_risk .tit.risk03:before {background-color:#F8E26E;}
.tbl.tbl_list.t_risk .tit.risk04:before {background-color:#52DBE5;}
.tbl.tbl_list.t_risk .tit.risk05:before {background-color:#5498EE;}
.tbl.tbl_list.t_risk .tit.risk06:before {background-color:#7A74E4;}

.tbl.tbl_list.t_risk .text td ul{padding-left:17px;}
.tbl.pd_10_8 th, 
.tbl.pd_10_8 td {padding:10px 8px !important;}

/* ========================================
	Information Guide
========================================  */
.info_guide {margin-top: 40px; font-size: 13px;}
.info_guide .title { color: #333; display: flex; align-items: center; font-weight: 700;}
.info_guide .title:before {background: url(https://static.wooriib.com/images_mts/com/ico_info_black.png) no-repeat 0 0; width: 18px; height: 18px; content:""; display: inline-block; background-size: contain; margin-right: 5px;}
.info_guide .text{margin-top:5px;}
.info_guide .list {color: #666; margin-top: 5px;}
.info_guide .list li {padding-left: 8px; line-height: 19px; position: relative;}
.info_guide .list li + li{margin-top: 5px;}
.info_guide .list li:before {display: inline-block; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #ccc; margin-right: 5px; margin-left: -8px; position: absolute; top: 7px;}
.info_guide .list li > span {vertical-align: baseline;}
.info_guide .list li .text_ex{font-size:12px;margin-top:5px; line-height: 17px;}
.info_guide .list li .text_dash{font-size:12px;margin-top:5px;line-height: 17px;}
.info_guide .list li .text_dash:after{top:8px;}
.info_guide .list .fs14 {line-height:21px !important;}
.info_guide .list .fs14:before {display: inline-block; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #ccc; margin-right: 5px; margin-left: -8px; position: absolute; top: 9px;}

/* ========================================
	Step
========================================  */
.step_wrap.step_type1 {counter-reset: chapter 0; position: relative;} /* 2019.10.24 수정 */
.step_type1 .step {font-size: 14px; padding-left: 80px; position: relative;}
.step_type1 .step + .step {margin-top: 20px;}
.step_wrap.step_type1:after {/*border:0.5px dotted #ccc;*/ width:1px; height:92%; background:url('https://static.wooriib.com/images_mts/com/ico_dotted.png') repeat-y; position: absolute; top: 0; left: 34px; bottom: -25px; content: ""; z-index: -1;} /* 2019.10.24 수정 */
/* 컨텐츠 긴 스텝 점선 */
.step_wrap.step_type1.long:after { height:96%;}
/* 컨텐츠 짧은 스텝 점선 */
.step_wrap.step_type1.short:after { height:90%;}
.step_type1 .step:last-child:after {border: hidden;}

.step_type1 .step .round {width: 70px; height: 26px; border-radius: 13px; border: 1px solid #666; line-height: 26px; font-size: 12px; text-align:center;
text-transform: uppercase; display: flex; justify-content: center; align-items: center; float: left; margin-left: -80px; background: #fff;}
.step_type1 .step .round span {font-weight: 700; margin-left: 5px;}
.step_type1 .step .round span:after { counter-increment: chapter; content: counter(chapter) " ";}
.step_type1 .step .tit {margin-bottom: 4px; padding-top: 4px; font-weight:bold;} /* 2019.10.25 수정 */
.step_type1 .step .comment {color: #666; margin-bottom: 15px; line-height:21px;}
.step_type1 .step .comment.mt20 {margin-top: 20px;}
.step_type1 .step .comment .fs12 {line-height: 17px;}
.step_type1 .step .img img {height: auto;}

/* ========================================
	tooltip
========================================  */
.tooltip_wrap{position:relative;}
.tooltip_wrap .tooltip_txt {display:inline-block;}
.tooltip_wrap .tooltip_txt span {display:inline-block;vertical-align:baseline;color: #1f5dbe;}
.tooltip_wrap .tooltip_txt .ico{margin-left: 2px; margin-top: -3px;}
.tooltip_wrap .tooltip_layer {z-index:1; display:none;position:absolute;top:30px;right:0;/* max-width:70%;min-width:240px; */padding:20px;text-align:left;border:1px solid #ddd;border-radius:10px;background:#fff;/*box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);*/}
.tooltip_wrap .tooltip_layer p.tit {margin-bottom:15px; font-size:14px !important;}
.tooltip_wrap .tooltip_layer .text {line-height:21px; font-size:13px;}
.tooltip_wrap .tooltip_layer .btn_area {margin-top:10px;text-align: right;}
.tooltip_wrap .tooltip_layer .btn_area a{display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:16px;color:#1f5dbe !important;font-weight:bold;}

/* ========================================
	Spinner
========================================  */
.spinner_wrap {position:relative;padding-top:80px;}

.spinner01 { height:40px; width:40px; position: absolute; top:50%; left:50%; margin: -20px 0 0 -20px; border:2px solid #eee;border-radius:100%;
-webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
 -o-animation: rotation 1s infinite linear;
 animation: rotation 1s infinite linear;}

.spinner01:before {content:""; display:block; position:absolute; left:-2px; top:-2px; height:40px; width:40px; border-radius:100%;
border-top:2px solid #1f5dbe; border-left:2px solid transparent; border-bottom:2px solid transparent; border-right:2px solid transparent;}

@-webkit-keyframes rotation {
	 from {-webkit-transform: rotate(0deg);}
	 to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
	 from {-moz-transform: rotate(0deg);}
	 to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
	 from {-o-transform: rotate(0deg);}
	 to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
	 from {transform: rotate(0deg);}
	 to {transform: rotate(359deg);}
	}

/* ========================================
	Label (hash)
========================================  */
.label:after {display:block; clear:both; content:"";}
.label li {padding:0 10px; height:20px; line-height:18px; text-align:center; border-radius:9px; font-size: 12px; display:inline-block;} /* 2019.10.28 수정 */
.label li {float:left; margin-right:5px;}
.label.type1 li {border:1px solid #1f5dbe; color:#1f5dbe;}
.label.type1.c_red li {border:1px solid #ff3400; color:#ff3400;}
.label.type2 li {border:1px solid #fff; color:#fff;}
.label.type3 li {border:1px solid #ddd; height:28px; line-height:26px;  margin-top: 7px; font-size:13px; border-radius:20px;color:#1f5dbe;}

/* ========================================
	Toggle Information
========================================  */

.toggle_info .info {height:54px; font-size: 16px; border-bottom:1px solid #eee; padding:0 20px; display:flex; align-items:center; justify-content:space-between;}
.toggle_info .info.no_border {border-bottom: none;}
.toggle_info .arrow_down:before {content:""; width:13px; height:12px; background:url('https://static.wooriib.com/images_mts/com/ico_arrowdown_dn.png') no-repeat center; background-size:contain; display:inline-flex; transition:all 0.3s ease-in-out;}
.toggle_info .arrow_down.up:before {transform:rotate(180deg); }

.toggle_info .detail {background:#f7f7f7; padding:20px; line-height: 1.5; display:none;}
.toggle_info .detail > .tbl {margin:10px 0;}
.toggle_info .detail > .tbl ~ .arrow {font-size:13px; display:flex; align-items:center; justify-content:flex-end;}
.toggle_info .detail > .tbl ~ .arrow:after {content:""; width:8px; height:13px; background-color:#333; display:inline-flex; margin-left:4px; -webkit-mask-size: contain; -webkit-mask-image: url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow.png');}


/* ========================================
	etc content
========================================  */

.unit_bt {display:flex; justify-content:space-between;}
.unit_bt .text  {font-size:12px; line-height:1.5; color:#999; display:flex;} /* 2019.10.28 수정 */
.unit_bt .text li + li:before {position:relative;top:1px;width:1px; height:11px; background-color:#ddd; margin:0 10px; content:""; display:inline-block;}
.unit_bt .text .userid{color: #333;}
.unit_bt .text .line{text-decoration:underline;}
.unit_bt.type_white *{color: #fff;}

.icon_menu {font-size:12px; line-height:15px; color:#666; display:flex;} /* 2019.10.28 수정 */
.icon_menu ul > li {display:inline-flex; align-items:center;}
.icon_menu li + li {margin-left: 10px;}
.icon_menu i {margin-right:5px;}
.icon_menu i:only-child{margin-right:0;}
.txt_menu {font-size:12px;color: #666; display:flex;}
.txt_menu ul > li {display:inline-flex; align-items:center;}
.txt_menu li + li:before {display:inline-block;width:1px; height:11px; position:relative; top:2px;background-color:#ddd; margin:0 10px; content:""; display:inline-block;}
.txt_menu i{margin-right:5px;}

.reple_list_area{min-height:100%;padding-bottom:0 !important;}
.reple_list_area .no_data_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -80%);-webkit-transform:translate(-50%, -80%);}
.reple_list_wrap{padding-bottom:30px;}
.reple_list {border-top:1px solid #333;}
.reple_list > ul > li {border-bottom:1px solid #eee;}
.reple_list .reple {padding:15px 0;}
.reple_list .reple > .text {margin-top:5px;font-size:14px; line-height:1.4; color: #666;} /* 2019.10.22 수정 */

.reple_input_wrap{position:relative;}
.reple_input_wrap .dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);z-index:40;}
.reple_input{position:relative;background:#f4f4f4;z-index:50;}
.reple_input .cell{height:50px;}
.reple_input .placeholder{display:none;}
.reple_input .input{width:auto;}
.reple_input .btn{width:10px;}
.reple_input .btn > *{display:block;width:50px;height:50px;text-align:center;line-height:50px;}
.reple_input .btn .complete{display:none;}
.reple_input textarea{height:50px;width:100%;padding:16px 0;font-size:14px;padding-left:20px;border:none;background:none;}

.reple_input_wrap.on .dim{display:block;}
.reple_input_wrap.on .reple_input{/* padding:25px 40px; */border-radius:10px 10px 0 0;background:#fff;}
.reple_input_wrap.on .reple_input .cell{height:auto;}
.reple_input_wrap.on .reple_input .btn{padding-top:18px;}
.reple_input_wrap.on .reple_input .placeholder{display:block;padding-left:0;line-height:1em;position:relative;font-size:18px;color: #333;} /* 2019.10.23 수정 */
.reple_input_wrap.on .reple_input textarea{padding:0 0;opacity:1;margin-top:15px;color: #333; line-height:1.5;} /* 2019.10.23 수정 */

.inc_num{color:#ff0000;}
.inc_num:before{margin-right:5px; content:"";	display:inline-block; width: 0px; height: 0px; border-right: 5px solid transparent; border-bottom: 6px solid #ff0000;border-left: 5px solid transparent;}
.dec_num{color:#1f5dbe;}
.dec_num:before{margin-right:5px; content:"";	display:inline-block; width: 0px; height: 0px; border-right: 5px solid transparent; border-top: 6px solid #1f5dbe; border-left: 5px solid transparent;}

.addfile_layer{display:none;position:absolute;top:30px;right:0;max-width:80%;min-width:320px;padding:24px 30px;text-align:left;border:1px solid #666666;border-radius:5px;background:#fff;box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);}
.addfile_layer .tit {margin-bottom:15px;}
.addfile_layer .tit b {font-size:16px;color: #333;display:inline-block;}
.addfile_layer .tit .ico{margin-left:5px;}
.addfile_layer .downlist .text_dot {margin-top:5px;}
.addfile_layer .downlist .text_dot:first-child{margin-top:0;}
.addfile_layer .downlist .text_dot a {text-decoration:underline;font-size:12px;}
.addfile_layer .downlist .text_dot:after{top:8px}

/* 2020.12.21 풀비주얼 커버 변경 */
.full_visual_Wrp{position:relative;/*min-height:460px;*/margin-bottom:10px;}
.full_visual_Wrp.roboadviso_bg{background:url('https://static.wooriib.com/images_mts/com/img_tiomothy01_02.png') no-repeat 0 100%;background-size:cover; margin-bottom:0;}
.full_visual_Wrp.roboadviso_bg .full_visual .ico_visual{background:url('https://static.wooriib.com/images_mts/com/icon_ic_roboadviso.png') no-repeat;background-size:cover;}

.full_visual_Wrp .full_visual{height:100%;/*min-height:460px;*/background:rgb(0,0,0,0.25);}
.full_visual_Wrp .full_visual .ico_visual{width:40px;height:40px;margin-bottom:20px;display:inline-block;}
.full_visual_Wrp .full_visual .fv_text{padding:0 20px;position:absolute;top:80px;width:100%;}
.full_visual_Wrp .full_visual .fv_text strong{font-size:28px;color:#fff;line-height:36px;display:block;}
.full_visual_Wrp .full_visual .fv_text p{font-size:14px;line-height:21px;color:#fff;margin:15px 0 20px; opacity: 0.8;}
.full_visual_Wrp .full_visual .fv_text .linkView{width:149px;height:30px;border:1px solid #fff;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#fff;}
.full_visual_Wrp .full_visual .fv_text .noLink{font-size:14px;color:#ffd753;}
.full_visual_Wrp .full_visual .fv_text span.scrolltxt{color:#fff;opacity:0.5;font-size:10px;display:block;text-align:center;margin-top:50px;position:relative;}
.full_visual_Wrp .full_visual .fv_text span.scrolltxt:after{content:'';width:14px;height:22px;background:url('https://static.wooriib.com/images_mts/product/icon_ic_scroll_bottom.png') no-repeat;background-size:cover;display:inline-block;position:absolute;top:20px;margin-left:-26px;}
.full_visual_Wrp .full_visual .fv_btnarea {position: absolute; bottom:30px; left:0; width: 100%;} 
.full_visual_Wrp .full_visual .fv_btnarea .btn_area {margin:0 20px;} 
.full_visual .fv_btnarea .btn_area a {color:#fff !important; border:1px solid rgba(255, 255, 255, 0.5) !important;}
/* 2020.12.21 풀비주얼 커버 변경 */

/* 2019.12.10  up down 세모 화살표 추가 */
.up_arrow {color:#ff0000;position:relative;}
.up_arrow:first-child:before{content:'';display:block;position:absolute;top:40%;left:-15px;width: 0px;height: 0px;border-bottom:6px solid #ff0000;border-right: 5px solid transparent;border-left: 5px solid  transparent;}
.down_arrow {color:#0054c8;position:relative;}
.down_arrow:first-child:before{content:'';display:block;position:absolute;top:42%;left:-15px;width: 0px;height: 0px;border-top:6px solid #0054c8;border-right: 5px solid transparent;border-left: 5px solid  transparent;}

/* 하단 안내문구 고정 */
.bottom_fix_wrap {padding-bottom:160px;}
.bottom_fix {background: #fff;position: fixed; bottom:0;left:0;}
.bottom_fix .info_guide { margin:0 20px; padding:20px 0; border-top:1px solid #eee;}

/* 라운드 그레이 박스 */
.info_r_box { position:relative; background:#f7f7f7; padding:15px 20px; margin-top:30px; border-radius:6px; }
.info_r_box p { text-align:left; display:inline-block; vertical-align:top; line-height:21px; padding-left:23px;}
.info_r_box .ico_exmark {position:absolute; top:17px;left:20px;}

/* 통신사 약관  아이프레임 영역  */
.agree_box {height:calc(100vh - 194px); }

/* 체크 버튼 */
.ck_btnarea {padding-top: 10px;}
.ck_btnarea .ck_btn {height: 40px; line-height: 38px; border: 1px solid #ddd; text-align: center; margin-top: 10px;}
.ck_btnarea .ck_btn a {display: block;}
.ck_btnarea .ck_btn a span {font-size: 14px; color:#666; padding-left:20px; background: url('https://static.wooriib.com/images_mts/com/co_info_gray_check.png') no-repeat 0 50%; background-size: 13px 9px; vertical-align:baseline;}
.ck_btnarea .ck_btn.on { border: 1px solid #1f5dbe; position: relative;}
.ck_btnarea .ck_btn.on a span { color:#1f5dbe; background: url('https://static.wooriib.com/images_mts/com/co_info_blue_check.png') no-repeat 0 50%; background-size: 13px 9px; vertical-align:baseline;}
/* 체크 여러개 버튼 */
.ck_btnarea ul {display: table; table-layout: fixed; width: 100%;margin-left:1px;}
.ck_btnarea ul li { display: table-cell;}
.ck_btnarea ul li .ck_btn {margin-left:-1px;}

/*관련정보 리스트*/
.relation_list li {padding: 14px 19px 16px 0;border-top:1px solid #eee;background:url('https://static.wooriib.com/images_mts/com/bul_arrow_right_blue.png') no-repeat right center; background-size: 7px 12px;}
.relation_list li a {display: block;  overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 21px; white-space: nowrap; color:#1f5dbe;}
.relation_list li a .ico_balloon {margin-right: 5px;}

/*고수따라하기*/
.recommend_area .text {line-height: 21px; font-size: 14px; color:#333;}
.recommend_area .risk_title {margin-top: 0 !important;}
.recommend_list {position: relative;padding-top:20px;}
.recommend_list .chk_area {position: absolute; top:21px;left:20px; z-index: 10;}
.recommend_list .chk_area .inp_chk {margin:4px 0 0 0;}
.recommend_list .recommen_menu dt {padding:0 20px 0 52px;position:relative; z-index: 1;}
.recommend_list .recommen_menu dt:after { content: ""; position:absolute; right:20px; bottom:-7px; width: 0; height: 0; border-bottom: 5px solid #ccc; border-left: 5px solid transparent;}
.recommend_list .recommen_menu dt.on {color:#1f5dbe;}
.recommend_list .recommen_menu dt.on:after {border-bottom: 5px solid #1f5dbe;}
.recommend_list .recommen_menu dd { padding:30px; margin-top: 15px; background: #f8f8f8; text-align: center;}
.recommend_list .recommen_menu .recommen_util {margin-bottom: 2px;}
.recommend_list .recommen_util {color:#666; font-size: 13px; line-height: 1.4em;}
.recommend_list .recommen_util .risk:before {width: 10px; height: 10px; border-radius: 50%; margin-right:5px; content:""; display: inline-block; }
.recommend_list .recommen_util .risk.risk01:before {background-color:#E45A74;}/*매우높은위험*/
.recommend_list .recommen_util .risk.risk02:before {background-color:#FFBE5B;}/*높은위험*/
.recommend_list .recommen_util .risk.risk03:before {background-color:#F8E26E;}/*다소높은위험*/
.recommend_list .recommen_util .risk.risk04:before {background-color:#52DBE5;}/*보통위험*/
.recommend_list .recommen_util .risk.risk05:before {background-color:#5498EE;}/*낮은위험*/
.recommend_list .recommen_util .risk.risk06:before {background-color:#7A74E4;}/*매우낮은위험*/
.recommend_list .recommen_tbl {margin:10px 0; table-layout: fixed; width: 100%;}
.recommend_list .recommen_tbl th { text-align: left; font-weight: normal;padding:2px 0;vertical-align: top; color:#666;font-size: 13px;}
.recommend_list .recommen_tbl td {text-align: right;padding: 2px 24px 2px 0px;vertical-align: top;word-break: break-all;white-space: nowrap;font-size: 13px;}
.recommend_list .recommen_menu .btn_type2_box .btn_type2 {background: #fff;}
.recommend_list .graph_area {margin-top: 18px;}
.recommend_list .graph {height: px;}
.recommend_list .graph_area .mark_area {margin:10px 0 40px 0;}
.recommend_list .graph_area .mark_area .mark01, 
.recommend_list .graph_area .mark_area .mark02 { display: inline-block;color:#666; font-size: 14px; line-height: 17px; padding:0 10px;}
.recommend_list .graph_area .mark_area .mark01:before { content:""; display: inline-block;  width: 10px; height: 10px; border-radius: 50%; margin-right:7px;background-color:#1f5dbe;}
.recommend_list .graph_area .mark_area .mark02:before { content:""; display: inline-block;  width: 10px; height: 10px; border-radius: 50%; margin-right:7px;background-color:#aaa;}
.recommend_list .continue_tit{ margin-bottom:10px;padding-top: 80px; background:url(https://static.wooriib.com/images_mts/com/ico_continue.png) no-repeat top center; background-size: 60px 60px;}
.recommend_list .continue_tit .tooltip_txt span {vertical-align:middle !important;}
.recommend_list dd .text {line-height: 24px; font-size: 16px; color:#333;}
.recommend_list dd .text.w_box {background: #fff; border-radius: 12px; padding:15px 0 13px 0; margin:10px 0 20px 0; font-size: 14px; line-height: 21px;}


.recommend_news {margin:0 20px;}
.recommend_news a {display: block; padding:20px 20px 20px 0; background:url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow.png') no-repeat right center; background-size: 8px 13px; }
.recommend_news a .news_logo {display: block; margin-bottom:8px; width: auto; height: 15px;} 
.recommend_news a span{display: block; font-size: 16px; line-height:24px; color:#333;}

/* 타이틀 키워드 */
.header .keyword_tit { position: absolute; top:-9999px; left:-9999px;}
.header.fix .keyword_tit { position:static !important; top:0; left:0;}
.header.fix .keyword_tit .title {color:#333 !important; }

/* 키워드로 보는 인기펀드 목록 */
.keyword_list { margin-left:-20px;}
.keyword_list .keywordbox_wrap {display: table; table-layout: fixed; width: 100%;  }
.keyword_list .keyword_box { display: table-cell; padding:0 0 20px 20px;}
.keyword_list .keyword_box a { display: block; border-radius:6px; overflow:hidden;}
.keyword_list .keyword_box .keyword_imgarea {/*height: 120px;*/ width: auto;}
.keyword_list .keyword_box .keyword_imgarea img {width: 100%; height: 100%;}
.keyword_list .keyword_box p {font-size: 14px; color:#333; padding:10px 15px; height: 60px;line-height: 20px;border: 1px solid #eee; border-top:none; border-radius:6px;  box-sizing: border-box; text-align: left;}

/* 타이틀 안 작은 탭 */
.tit_innertab:after{content:""; display:block; clear:both; }
.tit_innertab .tab_menu2 { float:right; position:relative; z-index:100;margin-top: 2px;}
.tit_innertab .tab_menu2 ul li{height:30px; width: 68px;}
.tit_innertab .tab_menu2 ul li a{height:30px; line-height:28px; font-size:14px; color:#ccc;}
.tit_innertab .tab_menu2 ul li.on a{color:#333;}

/* 투자가이드 듣기 버튼(상단타이틀 안 버튼)*/
.tit_rightbtn {position: relative;display: block;height: 30px;line-height: 28px;border-radius: 30px;background-color: #fff;color:#333 !important;padding: 0 14px 0 28px;font-size: 13px;margin: 15px 20px 0 0;border: 1px solid rgba(0,0,0,0.1);}
.tit_rightbtn:after {content: '';display: block;position: absolute;top: 8px; left: 15px;border-top: 5px solid transparent;border-right: 0px solid transparent; border-bottom: 6px solid transparent;border-left: 9px solid #333;}

@media all and (max-width:360px) {
.keyword_list .keyword_box p {font-size: 13px;padding:10px 10px;}
}
@media all and (max-width:320px) {
.recommend_list .recommen_tbl td {padding: 2px 13px 2px 0px;}
.keyword_list .keyword_box p { letter-spacing: -1px;}
.tit_innertab .tab_menu2 ul li{ width: 55px;}
.tit_innertab .tab_menu2 ul li a{font-size:13px;}
}

/* 슬라이드 메뉴 */
.toggle_menu { border-top:1px solid #eeeeee;}
.toggle_menu .toggle_tit {line-height: 21px; color: #333; font-size: 13px; padding:10px 23px 10px 0;  background:url('https://static.wooriib.com/images_mts/com/ico_small_down.png') no-repeat 97% 50%; background-size: 9px 6px;border-bottom:1px solid #eeeeee;}
.toggle_menu .toggle_tit.on {background:url('https://static.wooriib.com/images_mts/com/ico_small_up.png') no-repeat 97% 50%; background-size: 9px 6px;border-bottom:none;}
.toggle_menu .toggle_content { display: none; background: #f7f7f7; padding: 10px; line-height: 21px;  font-size: 13px;}
.toggle_menu .toggle_content.on {display: block; }

/* 아이콘 팁 */
.icon_tip {position: relative; padding-left:17px; line-height: 17px;}
.icon_tip .ico_tip {position: absolute; top:3px; left:0;}

/* 파란 탭모양 박스. 팁 */
.s_rbox { display: inline-block;height: 21px; line-height: 21px;background: #1f5dbe;color:#fff; padding:0 10px; text-align: center; font-size: 12px; border-radius: 10px; vertical-align: middle;}

/* 라운드 스텝 */
.units_wrap {display: table; width: 100%;}
.units_wrap > li {display: table-cell; width:33.333%; text-align: center;}
.units_wrap .units {position: relative;}
.units_wrap .units:before {content:""; height: 4px; background: #c7cdd5; position: absolute; right: 0; top:8px; left:0;}
.units_wrap > li:first-child .units:before {left:50%;}
.units_wrap > li:last-child .units:before {right:50%;}
.units li {line-height: 20px;}
.units .circle {width:20px; height:20px; border-radius:50%; background:#c7cdd5; margin:0 auto 10px; }

@media all and (max-width:360px) {
.units li {font-size:12px;}
}


/* 슬라이드 체크박스 */
.mark_slidebox {border:1px solid #eee; border-radius:6px;overflow: hidden;}
.mark_slidebox dt {padding:15px 20px;  background:#fff url('https://static.wooriib.com/images_mts/com/ico_arrowdown_dn.png') no-repeat 94% 50%;background-size:13px;  text-align: left;}
.mark_slidebox dt.on {background:#fff url('https://static.wooriib.com/images_mts/com/ico_arrowup_02.png') no-repeat 94% 50%; background-size:13px;}
.mark_slidebox dt .inp_chk {width:100%;}
.mark_slidebox dt .inp_chk .txt {margin-top:2px; width: 88%;}
.mark_slidebox dd { display:none; border-top:1px solid #eee; background: #f7f7f7; padding:15px 20px;}

/* 날짜입력 - 캘린더 아이콘 */
.calender_wrap {border-bottom: 1px solid #333; line-height: 38px;}
.calender_wrap .dash{padding:0 10px;font-size: 16px;font-weight:bold; float: left; }
.calender_wrap .input_calender {float:left; width: 90px;}
.calender_wrap .input_calender input {font-weight: bold;width: 90px; font-size: 16px;}
.calender_wrap .btn_calender_wrap{ float: right; width:18px; vertical-align: middle; line-height: 38px;}
.calender_wrap .ico_calender{width:18px; height:18px; background-size:100%; background:url(https://static.wooriib.com/images_mts/com/ico_calendar_wh.png); vertical-align: middle; }

/* blue_box */
.blue_box { padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background: #eff4fd; font-size: 14px; line-height: 21px; }

/* border round 15px box*/
.round_box_15 { padding:15px 20px; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; border:1px solid #ddd; }
.round_box_15 p {line-height: 21px; font-size: 14px; color: #333;}

/* border round 15px gray box*/
.round_graybox_15 { padding:20px; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ;background: #f7f7f7; }

/* 체크박스 18px */
.inp_chk.w_18 .inp {width:18px;height:18px;}
.inp_chk.w_18 .inp .ic{ border-radius:22px; background:url('https://static.wooriib.com/images_mts/com/ico_inp_check02.png') no-repeat 0 0; background-size:auto 50px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.inp_chk.w_18 .inp input:checked  + .ic {background-size:auto 18px;}
.inp_chk.w_18 .inp input:disabled + .ic {background:url('https://static.wooriib.com/images_mts/com/ico_inp_check02.png') no-repeat -25px -25px; background-size: 50px auto;}
.inp_chk.w_18 .txt {font-size:14px; line-height: 18px;}


/* 싸인패드 */
.signpad_wrap {width: 100%; height: 320px;}
.signpad_wrap .signpad {background: #f1f2f3 url('https://static.wooriib.com/images_mts/com/signpad_bg.png') no-repeat 50%;  background-size: 108px auto; }
.signpad_wrap #bcPaintCanvas {height: 320px !important;}
.signpad_wrap #bcPaint-palette,
.signpad_wrap .btn-primary,
.signpad_wrap .btn-secondary {display: none;}

.fs_tab ul {display: flex;}
.fs_tab.per100 ul li {flex-grow: 1; flex-shrink: 1; flex-basis: 0;}
.fs_tab_menu1 ul {padding: 0 20px; border-bottom: 1px solid #eee;}
.fs_tab_menu1 ul:after {content: ""; display: block; clear: both;}
.fs_tab_menu1 ul li {float: left; cursor: pointer;}
.fs_tab_menu1 ul li .fs_label {display: block; position: relative; height: 44px; padding: 0 15px; line-height: 42px; font-size: 14px; color: #999; text-align: center;}
.fs_tab_menu1 ul li .fs_label span {vertical-align: baseline;}
.fs_tab_menu1 ul li.on .fs_label {color: #333333; font-weight: 700;}
.fs_tab_menu1 ul li.on .fs_label:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333;}
.css-193fp75 {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.css-193fp75>:not(style)+:not(style) {margin: 0 0 0 0px;}
.css-193fp75>:nth-of-type(n) {-webkit-box-flex: unset; -webkit-flex-grow: unset; -ms-flex-positive: unset; flex-grow: unset;}
.css-1ytqm0w {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.css-1ytqm0w>:not(style)+:not(style) {margin: 0 0 0 10px;}
.css-1ytqm0w>:nth-of-type(n) {-webkit-box-flex: unset; -webkit-flex-grow: unset; -ms-flex-positive: unset; flex-grow: unset;}
.typo_box1 {font-size: 16px; line-height: 20px;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.no_data .ico {width: 40px; height: 40px; background: url(../../images/com/com_img_info.svg) no-repeat 0 0; background-size: 100% 100%;}