@charset "utf-8";
/* CSS Document */
/*inc*/
.gap2{gap: 2em;}

/*오시는길*/
.root_daum_roughmap .wrap_controllers { display: none; } 
.location_wrap .map_wrap { } 
.location_wrap .map_wrap .map_info { padding: 1em 0 2em 0; margin-bottom: 2em; border-bottom: 1px solid #111; } 
.location_wrap .map_wrap .map_info .addT { align-items: center; } 
.location_wrap .map_wrap .map_info .addT > .tt { font-size: 1.85em; font-weight: 700; } 
.location_wrap .map_wrap .map_info .icon { display: flex; align-items: center; font-size: 2.15em; color: var(--siteC); margin-right: .15em; } 
.location_wrap .map_wrap .map { border-radius: 1em; overflow: hidden; } 
.location_wrap .contact_list { margin-top: 1em; gap: 4em; } 
.location_wrap .contact_list > li { position:relative; } 
.location_wrap .contact_list > li:before { position: absolute; top: 50%; right: -2rem; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: #888; content: ""; } 
.location_wrap .contact_list > li:last-of-type:before { content: none; } 
.location_wrap .contact_list > li > p { font-size: 1.415em; } 
.location_wrap .contact_list > li > p > span { color: #666; font-weight: 400; } 


/**********business************/

/* .page_txt_wrap > .innerSec.flex > .wrap_con.w50{flex: 1 1 50%;} */

.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit.w2 { max-width: 100%;}
.page_ex_list > li > .ndot > .tt{ font-size: .863em; color:var(--siteC2); line-height:1.5;}

/*practice*/
.subtxt{ margin-bottom:0.5em;}
.subtxt.icon{ position:relative;}
.subtxt.icon.st2{ padding-left:2em;}
.subtxt.icon.st2:before{ content:"\e92b"; font-family:xeicon; font-size:1.300em; color:inherit; position:absolute; top:0; left:0; margin-top:-.3rem;}
.subtxt.icon.st2 > .t2{ top:-.063rem;}

.sub_sec{}
.sec_wrap{width: 100%;}



.Bwrap{border: 1px solid #ddd; padding :1.5em; box-sizing: border-box; border-radius: 10px;}
.top_wrap{ height:15em;}
.top_wrap .tit1{font-size: 2.5em; color: #fff; font-weight: 800;}
.txtlistW{width:100%; padding:1em; box-sizing: border-box;}
.planlist{width:95%;}
.planlist.st2{width:100%;}
.planlist > li{border-bottom: 1px dashed #ddd; padding-bottom:.05em; margin-bottom: .5em; box-sizing: border-box;}
.planlist > li:last-of-type{border-bottom: 0; }
.planlist > li .t1{font-size: 1.125em; color: #333;}
.planlist > li .t2{font-size: 1.05em; color: #454545;}
.planlist > li .t3{font-size: 1.05em; color: #454545; padding-left: 1em;}
.dotted{position: relative;}
.dotted::before{content: ""; position: absolute; top: 8px; left: 0; width: .3em; height: 0.3em; border-radius: 50%; background-color: var(--siteC2);}

.Tlist{width:50%; padding:1em; box-sizing: border-box;}
.Tlist.w2{width:100%; padding:1em; box-sizing: border-box;}
.imgW{width:50%; border-radius: 10px; overflow:hidden; border: 1px solid #ddd;}
.imgW.Bno{ border: 0;}
.imgW.w1{width:46%; border-radius: 10px; overflow:hidden;}

.Gbox{background: #fafafa; padding: 1em; box-sizing :border-box; border-radius:10px; overflow:hidden; margin:.8em 0; }

/*role*/
.table_st2{ border-top:1px solid #ddd;border-radius: 10px 10px 0 0; overflow: hidden;}
.table_st2 th,
.table_st2 td{ height:3.5em; padding:.75em 1em; border:1px solid #d4d5d8; border-width:1px 0 1px 1px; background:#fff; color:#444; line-height:1.3; box-sizing:border-box; }
.table_st2 td a[href]:hover{ text-decoration:underline;}
.table_st2 thead tr th:first-child,
.table_st2 tbody tr th:first-child,
.table_st2 tbody tr td:first-child{ border-left-width:0;}
.table_st2 thead th{ background:#00308a; text-align:center; color:#fff; font-size: 1.3em;}
.table_st2 tbody th{ background:#fafafa; text-align:center; color:#111;}
.table_st2 tbody td.bg1{ background:#f1f6ff; text-align:center; color:#111;}
.table_st2 tbody td.bg2{ background:#fbfcff; text-align:center; color:#111;}
.table_st2 tr.row ~ tr td:first-child{ border-left-width:1px;}
.table_st2 a[href*="mailto"]{ word-break:break-all; word-wrap:break-word;}

.table_st2 .content{ padding:2em 2em;}

.table_st2.trColor tbody tr:nth-child(2n-1) th{ background:#f5f5f5;}
.table_st2.trColor tbody tr:nth-child(2n) td{ background:#f9f9f9;}

.icon_txt_list{ gap:1em; counter-reset: stepNum;}
.icon_txt_list > li{ flex:1 0 calc((100% - 2em) / 4); counter-increment: stepNum;}
.icon_txt_list.st2 > li{ flex:1 0 calc((100% - 2em) / 2); counter-increment: stepNum;}
.icon_txt_list > li .in{ width: 100%; height: 100%; padding: 2em; box-sizing: border-box; border:1px solid #ddd; border-radius: 1em; background:linear-gradient(180deg, #f4f4f4, #fff); box-shadow: 0 3px 10px rgba(0,0,0,.05); position: relative;}
/* .icon_txt_list.st2 > li .in{ width: 100%; height: 100%; padding: 2em; box-sizing: border-box; border:1px solid #ddd; border-radius: 1em; background:linear-gradient(180deg, #e0e3f1 , #fff); box-shadow: 0 3px 10px rgba(0,0,0,.05); position: relative;} */
.icon_txt_list > li .txt{ height: 120px; }
.icon_txt_list > li .txt .tit{ margin: 1.5rem 0 1rem; font-weight: 600; font-size: 1.25em;}
.icon_txt_list > li .txt .tit .num{ padding-right: .5em; color:var(--siteC); opacity: .3;}
.icon_txt_list > li .txt .tit .num::after{content:'0'counter(stepNum);}
.icon_txt_list > li .txt .tit .tt{ display: block;}
.icon_txt_list > li .txt .desc{ font-size: 1.125em; color:#444;}
.icon_txt_list > li .icon{ width: 5em; height: 5em; padding: 1em; box-sizing: border-box; border-radius: 2em; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .25); position: absolute; right: 0em; top: .5em;}
.icon_txt_list > li .icon i.icon_img{ display: block; width: 100%; height: 100%;}

.iconT_wrap{gap:1em; }
.iconT_wrap > li{ flex:1 0 31.3%; }
.iconT_wrap > li .in{ width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2em; box-sizing: border-box; border:1px solid #ddd; border-radius: 1em; /*background:linear-gradient(180deg, #f4f4f4, #fff);*/ background-color: #fff;  box-shadow: 0 3px 10px rgba(0,0,0,.05); position: relative;}
.iconT_wrap > li .icon{ width: 7em; height: 7em; padding: 1em; box-sizing: border-box; border-radius: 2em; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .25); /*position: absolute; right: 1em; top: 1em;*/}
.iconT_wrap > li .txt{ }
.iconT_wrap > li .txt .tit{ margin: 1.5rem 0 1rem; font-weight: 700; font-size: 1.25em;}
.iconT_wrap > li .txt .tit .tt{ display: block;}
.iconT_wrap > li .txt .desc{ font-size: .95em; color:#444;}
.icon_txt_list > li .icon { position: relative;}
.icon_txt_list > li .icon i.icon_img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  display: block; width: 100%; height: 100%; z-index: 100;}