#sub-tit{text-align:center; position:relative; width:100%;  max-width:1200px; margin:0 auto; /*border-bottom:1px #e4e4e4 solid;*/ letter-spacing:-0.02em; padding:18.5rem 0 0px;}
#sub-tit .top_tit{display:inline-block; font-size:4rem; font-weight:600;  position:relative; line-height:1em; }

#nav{margin-top:2rem;}
#nav ol{text-align:center;}
#nav li{position:relative; display:inline-block; font-size:1.6rem; color:#959595; padding-left:1.5rem; margin-left:1.5rem;}
#nav li:first-child{padding-left:0; margin-left:0;}
#nav li:not(:first-child):before{display:block; content:"\e93f"; font-family:'xeicon'; font-size:1.6rem; color:#959595; position:absolute; top:50%; left:-8px; transform:translateY(-50%); }
#nav li i{display:inline-block; font-size:1.8rem; vertical-align:middle; margin-top:-3px;}

#sub-content{padding:6.5rem 0 8rem; font-size:1.8rem; }

/*테이블 기본*/
table{border-top:2px solid #0f172a;}
table th{font-weight:normal; font-weight:400; border-bottom:1px #e0e0e0 solid; padding:1.5rem; font-size:1.7rem; font-weight: 600; background:#eef1f5; text-align:left;}
table th.title{font-size:1.9rem; background:#fff !important; color:#1d7bc3;}
table td{padding:1.5rem; border-bottom:1px #e0e0e0 solid; font-size:1.7rem; border-left:1px solid #e0e0e0; }
table td.first{border-left-width:0;}
table.left th{text-align:left; padding:20px; background:#f7f7f7;color:#111; font-size:1.7rem;}
select{font-size:1.5rem; border:1px #e0e0e0 solid; height:40px; padding:0px 5px;}
select option{display:block; padding:50px;}
input{font-size:1.5rem; padding:0 10px; box-sizing:border-box; height:40px; border:1px #e0e0e0 solid;}
table .left{text-align:left;}
table .right{text-align:right;}
table .center{text-align:center;}
table thead th{text-align:center;  border-left:1px solid #d5d5d5;}
.w_80p{width:80px;}
.w_100p{width:100px;}
.w_120p{width:120px;}
.w_150p{width:150px;}
.w_200p{width:200px;}
.w_100{width:100%;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mt_0{margin-top:0 !important;}
.mt_10{margin-top:1rem;}
.mt_15{margin-top:1.5rem;}
.mt_20{margin-top:2rem;}
.mt_30{margin-top:3rem;}
.mt_40{margin-top:4rem;}
.mt_50{margin-top:5rem !important;}
.mt_60{margin-top:6rem;}
.mb_70{margin-bottom:7rem;}
.mt_70{margin-top:7rem;}
.mt_80{margin-top:8rem;}
.pt_10{padding-top:10px;}
.com_add{margin-top:7px;}
.birth_selc em{display:inline-block; margin-left:5px; margin-right:15px; vertical-align:inherit;}
.post_num {display: inline-block; padding: 3px 10px; background: #333333; color: #fff; font-size: 1.4rem;}
.require_txt{text-align:right; margin-bottom:5px; font-size:1.5rem;}
.tiny_txt {display: block; color: #0096db; font-size: 1.45rem; margin-top: 10px; font-weight:500;}
.tiny_txt.inline{display:inline-block; margin-left:10px; margin-top:0;}
.tiny_txt.black{color:#000;}
.tiny_txt.black em{color:#3b5bdb; font-weight:500;}
label{vertical-align:middle;}
input[type="radio"], input[type="checkbox"]{margin: 0 5px 0px 10px; height:20px; line-height:20px;}
input[type="radio"].first, input[type="checkbox"].first{margin-left:0;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0;}
.tel_selc input {width: 100px !important; box-sizing:border-box;}
.center{text-align:center;}

.s_tit{position:relative; display:block;  font-size: 2.5rem; color: #018890;padding-top:1rem; font-weight:600; line-height:1.3em;}
.s_tit:before{content:""; display:block; width:30px; height:2px; background:#018890; position:absolute; top:0; left:0;}

.youtube_box{position: relative; padding-bottom: 44.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin: 0;}
.youtube_box iframe,
.youtube_box object,
.youtube_box embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube_box iframe{border:0;}

.gubun_line{margin:8rem 0; border:1px dashed #d1d1d1; }

.dot_list li{position:relative; padding-left:2rem; margin-top:1rem;}
.dot_list li:first-child{margin-top:0 !important;}
.dot_list li span{position:absolute; top:0; left:0;}

.LR_wrap{position:relative;}
.LR_wrap .left_box{position:absolute; top:0; left:0; max-width:180px;}
.LR_wrap .right_box{margin-left:300px;}
.LR_wrap .right_box img{max-width:100%;}

.tab-box{border-bottom:1px solid #d1d1d1; margin-bottom:8rem; text-align:center;}
.tab-box .s-tab-list li{display:inline-block;}
.tab-box .s-tab-list li a{position:relative; display:block; padding:1.2rem 5rem; font-size:2rem; color:#7a7a7a; font-weight:500;}
.tab-box .s-tab-list li.active a{color:#026d4c; font-weight:600;}
.tab-box .s-tab-list li.active a:after{content:""; display:block; width:9px; height:9px; border-radius:999px; background:#026d4c; position:absolute; bottom:-4.5px; left:50%; transform:translateX(-50%);}

.bg_color{background:#f5f5f5;}

#history-wrap{position:relative;}
#history-wrap:before{content:""; display:block; width:1px; height:calc(100% - 20px); background:#d4d4d4; position:absolute; top:20px; left:259px;}
#history-wrap dl{position:relative; margin-top:7rem;}
#history-wrap dl.first{margin-top:0;}
#history-wrap dl dt{position:absolute; top:0; left:0; width:265px;}
#history-wrap dl dt:before{content:""; display:block; width:100%; height:2px; background:#018890; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1;}
#history-wrap dl dt:after{content:""; display:block; width:11px; height:11px; background:#018890; border-radius:999px; position:absolute; top:50%; right:0; transform:translateY(-50%);}
#history-wrap dl dt span{display:inline-block; font-size:2.5rem; font-weight:600; background:#fff; width:190px;}
#history-wrap dl dd{margin-left:320px; padding-top:0.5rem;}
#history-wrap dl dd .cont > li{margin-top:2rem;}
#history-wrap dl dd .cont > li:first-child{margin-top:0;}
#history-wrap dl dd .cont > li > p{font-size:1.9rem; font-weight:600; }
#history-wrap dl dd .dept{padding-left:2rem; margin-top:1rem; font-size:1.7rem;}
#history-wrap dl dd .dept li > p{font-size:1.8rem; font-weight:500;}
#history-wrap dl dd .dept > li{margin-top:2rem;}
#history-wrap dl dd .dept > li:first-child{margin-top:0;}
#history-wrap dl dd .dept.two{margin-top:0.5rem;}
#history-wrap dl dd .dept.two li{margin-top:0.5rem;}

#about_intro .top_box{background:url(../../images/sub/intro-bg.jpg) no-repeat; background-size:cover; background-position:center; text-align:center; padding:5.5rem 2rem;}
#about_intro .top_box p{font-size:1.9rem; font-weight:600; color:#fff; margin-top:2.5rem;}
#about_intro .top_box p:first-child{margin-top:0;}


#about_subscribe .item01{background:#018890; padding:4rem 6rem; text-align:left; font-weight:600; color:#fff; font-size:1.8rem;}
#about_subscribe .LR_wrap{padding-top:6rem; margin-top:6rem; border-top:1px solid #e2e2e2;}
#about_subscribe .LR_wrap.item02{margin-top:0; border-top-width:0;}
#about_subscribe .LR_wrap .left_box{top:6rem;}
#about_subscribe .bg_list li{background:#f5f5f5; padding:1.2rem 2rem; font-size:1.7rem; margin-top:1rem;}
#about_subscribe .bg_list li:first-child{margin-top:0;}
#about_subscribe .item05 .bg_list{font-size:0;}
#about_subscribe .item05 .bg_list li{display:inline-block; width:calc((100% - 2rem)/2); font-size:1.7rem; margin-left:2rem; box-sizing:border-box; font-weight:500;}
#about_subscribe .item05 .bg_list li:nth-child(2n+1){margin-left:0;}
#about_subscribe .item05 .bg_list em{display:inline-block; margin-right:1.5rem; color:#018890; }

#about_direction #map{height:40rem;}
#about_direction .info_box{display:flex; justify-content:space-between; background:#018890; padding:1.7rem 2.5rem;}
#about_direction .info_box p{font-size:1.9rem; color:#fff; font-weight:600;}
#about_direction .info_box p i{display:inline-block; margin-right:0.5rem; vertical-align:middle; margin-top:-2px;}

/*sitemap*/
#utility_sitemap > ul{font-size:0;}
#utility_sitemap > ul > li{display:inline-block; width:calc((100% - 12rem)/4); margin-left:4rem; font-size:1.7rem; vertical-align:top;}
#utility_sitemap > ul > li:first-child{margin-left:0;}
#utility_sitemap > ul > li h2{background:#018890; padding:0.5rem 2rem 0.9rem;}
#utility_sitemap > ul > li h2 a{font-size:2.1rem; font-weight:500; color:#fff;}
#utility_sitemap > ul > li li{border-bottom:1px dashed #ccc;}
#utility_sitemap > ul > li li a{display:block; padding:1.5rem 2rem;  font-size:1.8rem; color:#666; font-weight:500;}

@media (hover: hover) and (pointer: fine) {

}


@media (max-width:1280px){
#sub-tit{padding-top:21.5rem;}

#about_subscribe .item05 .bg_list li{width:100%; margin-left:0;}
}

@media (max-width:1024px){
#sub-tit{padding-top:13rem;}
#nav{margin-top:1rem;}

.LR_wrap .left_box{position:static; top:auto; left:auto; max-width:inherit;}
.LR_wrap .left_box br{display:none;}
.LR_wrap .right_box{margin-left:0; margin-top:1.5rem;}

#about_direction #map{height:30rem;}
#about_direction .info_box{flex-direction:column;}
#about_direction .info_box .tel{margin-top:0.7rem;}

/*sitemap*/
#utility_sitemap > ul > li{width:calc((100% - 6rem)/4); margin-left:2rem;}
#utility_sitemap > ul > li h2{padding:0 2rem 0.5rem ;}
#utility_sitemap > ul > li h2 a{font-size:1.8rem;}
#utility_sitemap > ul > li li a{padding:1rem 2rem;}
}

@media (max-width:768px){


#sub-tit{padding-top:12.5rem;}
#sub-tit .top_tit{font-size:2.8rem;}
#sub-content{margin-top:0px; min-height:auto; padding:4rem 0;}

.s_tit{font-size:2.3rem;}

.tab-box{margin-bottom:5rem;}
.tab-box .s-tab-list li a{padding:1.2rem 2rem;}

.mt_40{margin-top:2rem;}
.mt_50{margin-top:3rem !important;}
.mt_60{margin-top:3rem;}
.mb_70{margin-bottom:4rem;}
.mt_70{margin-top:4rem;}
.mt_80{margin-top:4rem;}
select{height:30px;}
/*input[type="text"], input[type="password"] {width: 100%;}*/
input.email{min-width:140px; width:45%;}
select.email{min-width:304px; width:97%; margin-top:10px;}
.w_100p{width:95px;}
.w_120p{width:90px;}
.w_200p{width:130px;}
.tel_selc input{width:98px;}
.m_100p{width:100%; box-sizing:border-box;}

table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}

table.m_title thead{display:none;}
table.m_title tr:nth-child(even){background:#f5f5f5;}
table.m_title td:nth-child(4){border-bottom-width:2px;}

.table_scroll {position:relative; overflow-x: auto; width: 100%;}
.table_scroll:before{content:""; display:block; width:50px; height:50px;  position:absolute; top:50%; left:50%; margin-top: -23px; margin-left: -28px; background:url(../../images/sub/scroll_ico.png) no-repeat; background-size:50px auto;}
.table_scroll.scrolled:before{display:none;}
.table_box { width: 120%;}
.table_box table{min-width:700px;}
.table_box table th, .table_box table td{word-break:break-all;}

.tiny_txt.inline{display:block; margin-left:0; margin-top:7px;}

.gubun_line{margin:4rem 0;}

#about_intro .top_box{padding:3rem; text-align:left;}
#about_intro .top_box p{font-size:1.8rem;}
#about_intro .top_box p br{display:none;}

#history-wrap:before{display:none;}
#history-wrap dl{margin-top:4rem;}
#history-wrap dl dt{position:static; top:auto; left:auto; width:100%; border-bottom:2px solid #018890; padding-bottom:0.3rem; margin-bottom:1rem;}
#history-wrap dl dt:before, #history-wrap dl dt:after{display:none;}
#history-wrap dl dt span{font-size:2.2rem;}
#history-wrap dl dd{margin-left:0; }
#history-wrap dl dd .dept{padding-left:1.5rem;}
#history-wrap dl dd .dept > li{margin-top:1rem;}

#about_subscribe .item01{padding:3rem;}
#about_subscribe .LR_wrap{padding-top:4rem; margin-top:4rem;}

#about_direction .info_box p{font-size:1.8rem;}

#utility_sitemap > ul > li{width:100%; margin-left:0; margin-top:4rem;}
#utility_sitemap > ul > li:first-child{margin-top:0;}
}