@charset "utf-8";

/*공통*/
:root{
    --main-color:#0083c4;
    --sub-color:#69c8fd;
    
    --size-48:clamp(2.1rem, 4vw, 3rem);/*48px*/
    --size-32:clamp(1.5rem, 4vw, 2rem);/*32px*/
    --size-28:clamp(1.6rem, 3vw, 1.8rem);/*28px*/
    --size-26:clamp(1.3rem, 3vw, 1.825rem);/*26px*/
    --size-24:clamp(1.2rem, 3vw, 1.5rem);/*24px*/
    --size-20:clamp(1.1rem, 3vw, 1.3rem);/*20px*/
    --size-18:clamp(1rem, 2vw, 1.1rem);/*18px*/
    --size-14:0.9rem;/*14px*/
}
.sub_h2{font-size:var(--size-48);}
.sub_h3{font-size:var(--size-32);}
.sub_h4{font-size:var(--size-28);}
.sub_h5{font-size:var( --size-26);}
.con_wrap{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #f3f3f3; }
.con_row{display:grid; grid-template-columns:25% 70%; column-gap:5%;}
.con_2box{display:grid; grid-template-columns:repeat(2, 1fr); }
.con_3box{display:grid; grid-template-columns:repeat(3, 1fr); }
.con_4box{display:grid; grid-template-columns:repeat(4, 1fr); }

a:hover{color:#2c60b6;}

@media only all and (max-width:1024px){
	.con_3box, .con_4box{grid-template-columns: repeat(2, 1fr);}
}
@media only all and (max-width:600px){
	.con_3box, .con_4box{grid-template-columns: repeat(1, 1fr);}
}
.sub_frame{text-align: center; border:1px solid #ddd; padding:30px 0; margin-bottom:40px; background:#fcfcfc; position: relative;}
.sub_frame:before{display: inline-block;content:"";border: 2px solid var(--main-color);width: 70px;height: 65px;border-bottom-color: transparent;border-left-color: transparent;/* border-right-color: #0b57d0; */position:absolute;top:0;right: 0;}

.sub_content{margin-bottom:40px; }
.sub_content.border{border-bottom:1px solid #eee;  padding-bottom:40px;}

.sub_ul{margin:15px 0 0 15px;}
.sub_ul>li{text-indent:-14px; color:#656565; line-height: 1.5; font-size: var(--size-18);}
.sub_ul>li:before{content:""; display:inline-block; background:var(--main-color) ; width:5px; height:5px; border-radius:10px; vertical-align:4px; margin-right:5px;}
.sub_ul>li+li{margin-top:10px;}

.sub_sup{color:var(--main-color); letter-spacing: -0.5px;}


/* 서브페이지 상단 및 공용 시작 */
.subgn{background:url(../img/subbg.jpg) no-repeat center;background-size:cover;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subg{padding-top: 110px;height:480px;color:rgba(255, 255, 255, 1);font-size:32px;text-align:center;border-bottom:1px solid #e4e4e4;background:url(../img/sub/subg.png) no-repeat center center;background-size:cover;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.subg .main01sec{padding-bottom: 30px}
.subg .visual_scroll {bottom: 30px;}

.subg.subbg1{ background-image:url(../img/sub/subg1.jpg);}
.subg.subbg2{ background-image:url(../img/sub/subg4.jpg);}
.subg.subbg3{ background-image:url(../img/sub/sub_bg.jpg);}
.subg.subbg4{ background-image:url(../img/sub/subg4.jpg);}
.subg.subbg5{ background-image:url(../img/sub/sub_bg2.jpg);}
.subg.subbg6{ background-image:url(../img/sub/subg6.jpg);}
.subg.subbg7{ background-image:url(../img/sub/subg3.jpg);}
.subg.subbg8{ background-image:url(../img/sub/subg1.jpg);}
.subg.subbg9{ background-image:url(../img/sub/subg9.jpg);}
.subg.subbg10{ background-image:url(../img/sub/subg10.jpg);}

.subg .line{display:inline-block;width:30px;height:1px;background:rgba(255, 255, 255, 0.7);position:relative;top:-30px;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subcontent .subnav{z-index:10;border-bottom:1px solid #e6e9ec;box-sizing:border-box;line-height: 60px;height: 60px; position:relative;}
.subcontent .subnav .container{padding: 0}
.subcontent .subnav .subnav-in{width:70%;float:left;height: 60px;font-family:'Nanum Gothic', sans-serif;}
.subcontent .subnav .sns{float:right;line-height:50px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns>div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;width:55px;text-align:center;border-left: 1px solid #f1f0f0;cursor:pointer;border-right: 1px solid #f1f0f0;}
.printw{overflow:hidden;float:right;line-height:50px;}
.printw a.addthis_button_url{display:inline-block;padding-left:35px;width:87px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;margin-right:7px;box-sizing:border-box;line-height:32px;color:#8a8a8a;font-size:12px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{background:url(../img/check.png) no-repeat 10px center;}
.printw a.btn-b3{background:url(../img/print.png) no-repeat 10px center;}
.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;margin-right:8px;line-height:50px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;width:82px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;padding-left:35px;}
.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;}
.qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;}
.qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;}
.qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;}
.qaright dl dd{padding:10px 5px;}
.qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;}
.qaright dl dd a:hover{color:#132b88;border:1px solid #132b88;}
.quickmenu{position:fixed;left:50%;margin-left:730px;overflow:hidden;width:76px;height:76px;bottom:50px;z-index:11;background:#132b88;border-radius:38px;}
.quickmenu .qucick-arr{display:table-cell;width:76px;height:76px;line-height:17px;letter-spacing:0.5px;vertical-align:middle;text-align:center;color:#e1e1e1;}
.quickmenu .qucick-arr:hover{color:#ffffff;}
.quickmenu .qucick-arr strong{display:block;font-size:110%;}

.contWrap h2{font-size:36px;font-weight:600; color: #3c3c3c; padding: 50px 0 50px; text-align: center; letter-spacing: -1px;}
.contWrap .container{width: 1400px;}
/* 서브페이지 좌측메뉴 정렬 끝 */



/*탭메뉴*/
.tabm .subtabmenu ul{position:relative;}
.tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;}
.tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;}
.tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;}
.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;}
.tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;}
.tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;}
.tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;}
.tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;}
#tab1{display:block;}

.basic-table td.intd{padding:15px 0;font-size:11.5px;}
.basic-table td.intdnum{width:2.8%;}
.basic-table td.tdcb{background-color:#f2faff;}
.basic-table td.tdcg{background-color:#f2fffa;}
.basic-table td.tdcy{background-color:#fcfff2;}
.basic-table td.tdcl{background-color:#fff7f2;}
.basic-table td.tdcp{background-color:#fbf2ff;}
.basic-table td.tdck{background-color:#f5f5f5;}
.basic-table td.tdcf{background-color:#eef1f9;}
.basic-table td.tdce{background-color:#f5f9ee;}

@media only all and (max-width:1200px){
	.tab_tit{width:25%;}
	.tablist:nth-child(1) .tab_tit{margin-left:-50%;}
	.tablist:nth-child(2) .tab_tit{margin-left:-25%;}
	.tablist:nth-child(3) .tab_tit{margin-left:0;}
	.tablist:nth-child(4) .tab_tit{margin-left:25%;}
	.tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;}
}

@media only all and (max-width:760px){
	.subcontent .subnav{display:none;}
}

/*3차메뉴*/
.third-menu{overflow:hidden;margin-top:10px;margin-bottom:30px;text-align:center;}
.third-menu ul li{display:inline-block;}
.third-menu ul li a{min-width:80px; display:inline-block;border:1px solid #cbcbcb;height:45px;line-height:45px;padding:0 15px;color:#656565;font-weight:500;font-size:18px;}
.third-menu ul li.lnbActive a, .third-menu ul li a:hover{background:#385daf;color:rgba(255, 255, 255, 1);border:1px solid #385daf;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;}
.third-menu ul li.active a{background:#385daf;color:rgba(255, 255, 255, 1);border:1px solid #385daf;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;}

/*4차메뉴*/
.fourth-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;position:relative;}
.fourth-menu ul{display:inline-block;}
.fourth-menu ul li{float:left;margin-bottom:-1px;}
.fourth-menu ul li a{margin-right:2px;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;border:1px solid #d9d9d9;background:#fff;font-size:19px;border-bottom:2px solid #333;}
.fourth-menu ul li.lnbActive a{border:2px solid #333;border-bottom-color:transparent;z-index:3;color:#252525;}

@media only all and (max-width:1024px){
	.basic-table{overflow-x:scroll;}
	.basic-table th{line-height:inherit !important;padding:5px !important;height:auto !important;font-size:14px !important;}
	.basic-table tbody th{font-size:12px !important;}
	.basic-table td{padding:3px !important;height:auto !important;font-size:12px !important;}
	.basic-table td span, .basic-table th span{padding:0;}
	.basic-table td.tleft_h1{padding-left:16px !important;text-indent:-9px !important;}
}
/* 서브페이지 상단 및 공용 끝 */

.password_wrapper{width:100%;text-align:center;}
.password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;}
.password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;}
.password_wrapper fieldset input[type="password"]{padding:0;}
.password_wrapper fieldset input[type="submit"]{cursor:pointer;}


.main01sec-1{font-size: clamp(1rem, 4vw, 1.5rem);font-weight:500;letter-spacing:-2px;line-height:100%;margin-bottom:5px;font-family:'GmarketSansBold';}
.main01sec-2{font-size:clamp(2.2rem, 4vw, 2.6rem);font-weight:600;line-height:1.4;letter-spacing:-1.5px;/* text-align:left;color: #63f9ff; */ background:linear-gradient(45deg, #76d088, #0fd6e4); color:transparent;  background-clip:text; -webkit-background-clip: text;}
.main01sec-3{font-size: 36px; color: rgba(255,255,255,0.8);    line-height: 140%;text-align:center;font-family:'GmarketSansBold';}

.scbox{border-bottom: 1px solid #C1C1C1; letter-spacing: -2px; padding-top: 40px; padding-bottom: 40px}
.scnoline{border-bottom: none}
.sctit{font-size: 36px; font-weight: 600; color: #3c3c3c; padding-bottom: 25px}
.scstit{color: #656565; font-size: 20px; }
.blue{color: #0c68c5}
.bold{font-weight: 700}
.scimg{padding:80px 0; text-align: center;}

.busgtit{text-align: center;font-size: 34px;color: #3a3a3a;font-weight: 600;letter-spacing: -2px;padding-bottom: 45px; display: flex;align-items: center;justify-content: center;}
.busgtit span{color: #007ee8}
.busgbox{background: #d9f3ec;border-radius: 20px;display: flex;padding: 40px;box-sizing: border-box;justify-content: space-between;margin-bottom: 100px;}
.busgtbox{background: rgba(255,255,255,0.5);border-radius: 10px;padding: 40px 50px;margin-bottom: 16px;letter-spacing: -2px;}
.busgimg{}
.busgbtit{font-size: 26px;color: #434343;padding-bottom: 20px;font-weight: 600;}
.busgbstit{font-size: 22px; color: #434343}
.busgtxt{display: flex;flex-direction: column;justify-content: flex-end;}
.orgimg{text-align: center; margin-bottom: 70px}
.org{margin-bottom: 100px}
.org .basic-table th {background: #007ee8; color: #fff}
.org .basic-table{border-top: 0}
.oprBtit {font-size: 34px; font-weight: 700; text-align: center; padding-bottom: 40px; letter-spacing: -3px}
.oprBtit span{color: #007ee8;}
.oprtit{font-size: 26px}
.map{margin-bottom: 100px}
.map #daumRoughmapContainer1692752574097{width: 100% !important; height: 565px}
.maptxt{background: #0d3e98; color: #fff; padding: 40px 100px; box-sizing: border-box; display: flex;     justify-content: space-around;}
.maptc{margin-bottom: 20px}
.maptc1{font-size: 30px; font-weight: 700; }
.maptc2{font-size: 23px; font-weight: 400; }
.maptcm{font-size: 22px; }
.maptcm1{padding-bottom: 20px; width: 500px;}
.maptcm > div img{padding-right: 30px; float:left;}
.maptcm3{float:left;padding-bottom: 20px}
.maptcm2 span{padding-right: 20px}
.mapzone {width:100%; overflow:hidden;}
@media only all and (max-width:1300px){
	.root_daum_roughmap_landing{width:100%!important;}
}


.procbox{display: flex; margin-bottom: 70px}
.proctcbox:nth-child(1){margin-bottom: 50px}
.proctc{flex: 1; margin-right: 60px; background: #f8f8f8; border-radius: 20px; padding: 20px; box-sizing: border-box; width: 100%;}
.proctc:nth-child(2){margin-right: 0}
.proctit{font-size: 26px; font-weight: 600; color: #414141; padding-bottom: 20px; letter-spacing: -1px}
.proctit span{color: #232594}
.proctR{background: #e5efff}
.proctR .proctc{background: #e5efff}
.procimg{text-align: center; padding: 20px 0}
.procyow{}
.procyotit{font-size: 34px; font-weight: 800; color: #404040; padding-bottom: 35px; letter-spacing: -2px}
.procyotit span{ color: #232594}
.procybox{padding: 40px; background: #e5efff; box-sizing: border-box; border-radius: 20px}
.pcn{padding-bottom: 30px}
.procym{display: flex}
.procym > div{flex: 1}
.procyimg{padding-right: 15px}
.procybw{}
.procywbox{ margin-bottom: 15px}
.prytit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.pryb{font-size: 26px; color: #404040; letter-spacing: -2px; font-weight: 800}
.pryb span{ color: #232594}
.prybs{font-size: 15px;}
.prytable th{background: #007ee8; color: #fff; font-size: 17px; padding: 10px 0}
.prytable .thc{background: #fff; color: rgba(50,50,50,1.00); width: 80px; border-right: 1px solid #ccc ; border-bottom: 1px solid #ccc; text-align: center; font-weight: 700}
.prytable td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 20px 10px; box-sizing: border-box}
.jow{ padding-top: 20px}
.jow:nth-child(1){padding-top: 0}
.jotit{font-size: 20px; font-weight: 700; color: #757575}
.jotit span{color: #fd0000;}
.jostit{word-break:keep-all;}
.josm{ text-align: center; font-weight: 800; font-size:18px; color: #464646 }
.josmt{ font-size:16px; color: #464646; word-break:keep-all;}


/*준비중*/
.preparing{min-height:300px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; text-align:center;}
.preparing h2{font-size:clamp(1.8rem, 4vw, 2.25rem); padding:15px 0;}
.preparing p{font-size:clamp(1.4rem, 2vw, 1.5rem);}


/*sub47_contact*/
.map_content{display: grid ; grid-template-columns: 300px auto; align-items: center; border:1px solid #ddd; border-radius: 40px 0 0 ; width:100%;  box-sizing: border-box; }
.map_content .map_title{padding-right:30px; padding:40px; border-radius: 40px 0; background:linear-gradient(45deg, #4966fa, #49a3ef); color:#fff; }
.map_content .map_title sub{color:#ffffff50; line-height: 0.6; }
.map_contact{padding:0 30px;
	& .address{margin-bottom:10px; font-size:var(--size-18); line-height: 1.4;}
	& dl{display: flex; margin-top:2px; color:#777777; font-weight:300;}
	& dt{margin-right:5px; min-width:55px; font-weight:600;}	
	& dt i{position:relative; vertical-align: -1px; text-align: center;}
	& dt i:before{ display: inline-block; content:""; width:20px; height:20px; background:#ddf0f8; border:1px solid #c9e5f2 ;border-radius: 50%; position: absolute; z-index: -1; top:-1px;}
	& dt svg{ stroke:#4966fa; margin : 0 7px 0 3px;}
}

.map_container{
	& .root_daum_roughmap{display: flex; flex-flow:column;}
	& .root_daum_roughmap, .root_daum_roughmap button, .root_daum_roughmap input, .root_daum_roughmap select, .root_daum_roughmap td, .root_daum_roughmap textarea, .root_daum_roughmap th{font-family: 'Pretendard';}
	/*& .root_daum_roughmap .cont{padding:20px;}*/
	& .root_daum_roughmap .cont, .section_address{display: none;} 
	& .root_daum_roughmap .cont .section{margin:0; padding:0 0 0 20px; border-bottom:none;  border-left:2px solid var(--main-color);}
	& .root_daum_roughmap .cont .section+.section{margin-bottom:20px;}
	& .root_daum_roughmap .cont .section:before{display: inline-block; }
}




@media only all and (max-width:1300px){
 .contWrap .container{width:96%}
}


@media only all and (max-width:760px){
	.subg{ height: auto; padding-bottom: 30px ; padding-top: 80px;}
	.subg .visual_scroll .scroll_wrap{height: 30px}
	.contWrap h2{padding: 20px 0; font-size: 26px}
	.scbox{padding: 15px 0}
	.sctit{font-size: 24px}
	.scstit{font-size: 18px}
	.scimg{padding:40px 0}
	.main01sec-1{font-size: 15px; letter-spacing: -1px; font-weight: 500;}
	.main01sec-2{font-size:26px; line-height: 1.2; letter-spacing: -2px; font-weight: 500;}
	.main01sec-3{font-size:20px; letter-spacing: -2px; font-weight: 500;}
	.busgtit{font-size: 24px; padding-bottom: 20px}
	.busgbox{display: block; padding: 20px 10px; margin-bottom: 20px}
	.busgimg{margin-bottom: 15px}
	.busgtbox{padding: 20px; letter-spacing: -1px;}
	.busgbtit{font-size: 22px}
	.busgbstit{font-size: 15px}
	.busgtit{display: block}
	.oprtit{font-size: 20px}
	.oprBtit{font-size: 29px}
	.maptxt{padding: 35px 25px; display: block}
	.maptcm1{display: flex; align-items: center;}
	.maptcm2{display: flex; align-items: center;}
	.maptcm{font-size: 14px}
	.map{margin-bottom: 30px}
	.maptc1{font-size: 24px}
	.maptc2{font-size: 20px}
	.map #daumRoughmapContainer1692752574097{height: 370px !important}
	.maptcm > div img{padding-right: 10px; width: 30px}

	.procbox{display: block; margin-bottom: 20px}
	.proctit{font-size: 20px; padding-bottom: 0}
	.proctc{padding: 10px}
	.proctcbox:nth-child(1){margin-bottom: 10px}
	.procyotit{font-size: 22px}
	.procybox{padding: 10px}
	.procym{display: block}
	.prytit{display: block}
	.pryb{font-size: 21px}
	.procyimg{padding-bottom: 0; margin-bottom: 30px}
	.prytable td{font-size: 14px}
	.josm{font-size: 14px}
	.basic-table td.intd{padding:3px 0 !important;font-size:9px !important;}
	.basic-table td.intdnum{width:2.5%;}
	.table66{min-width:600px;}
	
	.map_content{grid-template-columns: repeat(1, 100%);}
	.map_contact{padding:20px;}

}

.textcont{margin:50px 0;}
.textcont dl{margin-bottom:70px;}
.textcont dt{margin:0 0 20px 0;padding-left:40px;font-size:35px;font-weight:700;background:url(../img/sub/textcont_b1.png) 0 center no-repeat;}
.textcont dd{margin:0 0 22px 30px;padding:0 0 0 24px;font-size:20px; line-height: 1.4; font-weight:500;background:url(../img/sub/textcont_b2.png) 0 5px no-repeat;}
.textcont dd p{margin:5px 0 8px 0;font-size:18px;font-weight:300;word-wrap:break-word;word-break:keep-all;}
.textcont dd p img{margin:40px 0 20px;}
.textcont dd p span{display:block;margin:-10px 0 40px;text-align:center;}
.textcont dd p.intext1{margin-left:15px;text-indent:-14px;}
.textcont dd p.intext2{margin-left:30px;text-indent:-14px;}
.textcont dd p.intext3{margin-left:23px;}
.textcont dd p.intext0{margin-left:23px;text-indent:-18px;}
.textcont dd div{margin-top:20px;}
.textcont dd div td p{font-size:16px;font-weight:400;}
.textcont dd div span{display:block;margin:10px 0 0;text-align:center;font-size:16px;font-weight:300;}

.imgcont{margin:0 0 90px;text-align:center;}
.imgcont span{display:block;margin:20px 0 0;}

.textcontin{margin:30px 0 30px 10px;padding-bottom:30px;border-bottom:1px dotted #bbbbbb;}
.textcontin li{float:inline-start;width:auto;font-size:25px;}
.textcontin li:first-child{padding-right:30px;min-width:670px;max-width:670px;}
.textcontin li img{max-width:395px;}
.textcontin li p{margin-left:15px;font-size:18px;}
.textcontin li p.intext1{margin-left:25px;text-indent:0;}
.textcontin li p.intext0{margin-left:32px;text-indent:-7px;}


@media only all and (max-width:760px){
	.third-menu ul li a{padding:0 10px;font-size:90%;}
	.textcontin li:first-child{padding-right:0;min-width:100%;max-width:100%;}
	.textcontin li img{max-width:100%;}
	.textcont dt{font-size:130%}
	.textcont dd{font-size:100%;background: url(../img/sub/textcont_b2.png) 0 4px no-repeat;}
	.textcont dd p{padding-left:6px;text-indent:-6px;font-size:90%;}
	.textcont dd div td p{font-size: 12px;}
}


#contents h2{padding:50px 0 20px;text-align:left;font-size:32px;}
#contents h2:before{content:'';display:inline-block;vertical-align:bottom;margin-right:10px;width:46px;height:33px;background:url(../img/sub/bullet01.png) no-repeat;}
#contents h3{padding:15px 0 15px;color:#2c60b6;font-size:29px;font-weight:700;}
#contents dl{padding:0 0 30px 10px;letter-spacing:0;line-height:1.8;border-bottom:1px solid #e3e3e3;}
#contents .basic-table{margin-bottom:40px;}
#contents .bu{margin-bottom:20px;}
#contents .bu li{position:relative;padding-left:17px;font-size:18px;margin-bottom:12px;word-wrap:break-word;word-break:keep-all;}
#contents .bu li:before{width:4px;height:4px;background-color:#a9a9a9;position:absolute;left:2px;top:11px;content:'';display:block;}
#contents .bu li li:before{content:"ㆍ";display:inline-block;margin-right:0px;left:0px;top:0px;background-color:#ffffff;}

#contents .em_red{color:#ff6600;}
#contents .em_blue{color:#0861bc;}

#contents .box0{color:#1d7495;line-height:200%;background:#f0fcfe url(../img/sub/icon70.png) 30px center no-repeat;border:1px solid #bee7eb;}
#contents .box1{margin:40px 0 40px 140px;}

.img-bg{color:#ffffff;}
.img-bg .vertical_table{display:table;width:100%;height:100%;}
.img-bg .intro-text{display:table-cell;vertical-align:middle;}
.img-bg .intro-text h3{margin:5px auto;width:990px;color:#31f3ff;font-size:clamp(1.2rem, 1rem + 1vw, 2.4rem);}
.img-bg .intro-text p{margin:0 auto;width:990px;line-height:1.5; font-size:clamp(0.8rem, 0.8rem + 1vw, 1.2rem); word-break:keep-all;}

.text39{margin:100px auto;width:70%;text-align:center;line-height:170%;font-size:clamp(0.8rem, 0.8rem + 1vw, 1.2rem);}
.text39 strong{display:block;margin-top:1%;font-size:clamp(1.1rem, 1rem + 1vw, 2.2rem);}
.img-bg39{height:792px;text-align:center;background:url(../img/sub/img_bg39.jpg) center no-repeat;background-size:cover;}
.img-bg39 .intro-text p{margin-top:280px;}
.img-bg39 .intro-text h3{margin:15px auto;width:1070px;font-weight:500;font-size:24px;}

.img-bg43{height:672px;text-align:center;background:url(../img/sub/img_bg43.jpg) center no-repeat;background-size:cover;}

.img-bg47{height:805px;text-align:center;background:url(../img/sub/img_bg47.jpg) center no-repeat;background-size:cover;}
.img-bg47 .vertical_table .container{width:1300px;}
.img-bg47 .vertical_table div{display:table-cell;vertical-align:middle;}
.img-bg47 .vertical_table div div{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:10%;}
.img-bg47 .vertical_table ul{padding:200px 0 30px 0;border:1px solid #6b6b6b;}
.img-bg47 .vertical_table ul:first-child {background:url(../img/sub/icon47_01.png) center 31px no-repeat;}
.img-bg47 .vertical_table ul:nth-child(2){background:url(../img/sub/icon47_02.png) center 31px no-repeat;}
.img-bg47 .vertical_table ul:nth-child(3){background:url(../img/sub/icon47_03.png) center 61px no-repeat;}
.img-bg47 .vertical_table ul li{padding-left:20px;text-align:left;line-height:170%;}
.img-bg47 .vertical_table ul li:before{content:'ㆍ';margin-right:5px;}

.img-bg72{height:672px;text-align:center;background:url(../img/sub/img_bg72.jpg) center no-repeat;background-size:cover;}
.img-bg72 .vertical_table .container{width:1045px;}
.img-bg72 .vertical_table div{display:table-cell;vertical-align:middle;}
.img-bg72 .vertical_table div div{display:grid;}
.img-bg72 .vertical_table div div ul{padding:30px 0;text-align:left;font-size:22px;}
.img-bg72 .vertical_table div div ul li{margin:0 0 0 150px;line-height:160%;}
.img-bg72 .vertical_table div div ul li strong{display:block;color:#31f3ff;}
.img-bg72 .vertical_table ul:first-child {background:url(../img/sub/icon72_01.png) left center no-repeat;}
.img-bg72 .vertical_table ul:nth-child(2){background:url(../img/sub/icon72_02.png) left center no-repeat;}
.img-bg72 .vertical_table ul:nth-child(3){background:url(../img/sub/icon72_03.png) left center no-repeat;}


@media (max-width:1300px){
	.img-bg47 .vertical_table .container{width:85%;}
}
@media (max-width:1220px){
	.img-bg47 .vertical_table .container{font-size:90%;}
}
@media (max-width:1050px){
	.img-bg72 .vertical_table .container{width:70%;}
}
@media (max-width:1024px){
	.img-bg{height:480px;background-size:cover;}
	.img-bg .intro-text p{width:80%;}
	.img-bg .intro-text h3{width:80%;}
	.img-bg39 .intro-text h3{width:80%;}
	.img-bg47 .vertical_table .container{font-size:70%;}
	.img-bg47 .vertical_table ul{background-size:30%;}
	.img-bg72{height:auto;}
}
@media (max-width:720px){
	.img-bg{height:300px;}
	.img-bg .intro-text p{width:90%;}
	.img-bg39{height:auto;}
	.img-bg39 .intro-text p{margin-top:0;}
	.img-bg47{height:auto;}
	.img-bg47 .vertical_table .container{width:55%;font-size:85%;}
	.img-bg47 .vertical_table div div{grid-template-columns:repeat(1, 1fr);}
	.img-bg47 .vertical_table ul{border:0;}
	.img-bg72{height:auto;}
	.img-bg72 .vertical_table .container{width:80%;}
	.img-bg72 .vertical_table div div ul{padding:30px 0;font-size:100%;}
	.img-bg72 .vertical_table div div ul li{margin:0 0 0 140px;}
}
@media (max-width:540px){
	#contents h2{font-size:160%;letter-spacing: -1px}
	#contents h3{font-size:130%;}
	#contents .bu li{font-size:95%;}
	#contents .box0{background:#f0fcfe url(../img/sub/icon70.png) 15px center no-repeat;}
	#contents .box1{margin:25px 20px 25px 100px;line-height:170%;font-size:90%;}
}
@media (max-width:450px){
	.img-bg .intro-text h3{font-size:120%;}
	.img-bg39{padding:100px 0;}
	.text39{font-size:100%;}}
	.text39 strong{font-size:110%;}}
}

/* sub45 연혁 */
.history-head{font-size:62.5%; text-align:center;}
.history-head h2{font-size:clamp(2em, 1.8em + 1vw, 3.6em);line-height:170%; text-align:center; font-weight:600; letter-spacing:-2px;}

.hisimg{display:none;}

.history-container{padding:10vmin 0; display:flex; justify-content:space-between;}
.history-list{position:relative; z-index:1; margin-top:0vmin;}

.htel-vi02-container .brand-history .list{position:relative;}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box{float:right;padding-right:0;}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column{width:-webkit-calc(50% - 15px);width:calc(50% - 15px);margin-top:30px;margin-right:30px;min-height:180px;}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column:nth-child(2n+2){margin-right:0;}
.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet::before{left:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box{float:left;text-align:right;padding-left:50px;}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column{width:-webkit-calc(50% - 15px);width:calc(50% - 15px);margin-top:30px;margin-left:30px;min-height:180px;float:right;margin-right:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column:nth-child(2n+2){margin-left:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet{padding-right:60px;padding-left:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet::after{right:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet.no-bullet::after{display:none;}
.htel-vi02-container .brand-history .list:last-child.on .line-active{height:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-day{right:0;}

.htel-vi02-container .brand-history .list.on .line-active{height:100%;}
.htel-vi02-container .brand-history .list.on .bullet-small{background:var(--main-color);}
.htel-vi02-container .brand-history .list.active .bullet-large{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
.htel-vi02-container .brand-history .list.active .bullet-small{background:#fff;}
.htel-vi02-container .brand-history .list:last-child .pagination-wrap{background:transparent;}
.htel-vi02-container .brand-history .content-box{width:50%;padding:0 60px;padding:0 3.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-23px;margin-top:-1.4375rem;padding-bottom:100px;padding-bottom: 65px;}
.htel-vi02-container .brand-history .year{color:#fff; font-size:48px;font-size: 36px;/* font-family:"SDGothicNeobTTF-eSm";*/font-weight:700;padding-bottom: 30px;}
.htel-vi02-container .brand-history .list.active .year{color:var(--main-color);}
.htel-vi02-container .brand-history .year em{font-size:20px;}
.htel-vi02-container .brand-history .year + .list-bullet{margin-top:20px;margin-top: 20px;}
.htel-vi02-container .brand-history .list-bullet{position:relative;word-break:keep-all;line-height:1.33333;padding-left:65px;color:#848484;font-size:18px;}
.htel-vi02-container .brand-history .list-bullet + .list-bullet{margin-top:13px;margin-top: 25px;}
.htel-vi02-container .brand-history .list-bullet::after,.htel-vi02-container .brand-history .list-bullet::before{position:absolute;top:9px;top:0.5625rem;display:inline-block;width:3px;width:0.1875rem;height:3px;height:0.1875rem;border-radius:3px;border-radius:0.1875rem;background:#666;vertical-align:5px;}
.htel-vi02-container .brand-history .pagination-wrap{width:2px;height:100%;background:#f8f8f8;position:absolute;top:0;left:50%;margin-left:-1px;}
.htel-vi02-container .brand-history .pagination-wrap .line-active{width:100%;height:0%;background:var(--main-color);z-index:1;-webkit-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);}
.htel-vi02-container .brand-history .pagination-wrap .bullet-small{width:10px;width:0.625rem;height:10px;height:0.625rem;border-radius:10px;border-radius:0.625rem;background:#e5e5e5;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;-webkit-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);}
.htel-vi02-container .brand-history .pagination-wrap .bullet-large{width:40px;width: 1.5rem;height:40px;height: 1.5rem;border-radius:40px;border-radius:2.5rem;border:1px solid var(--main-color);background: var(--main-color);z-index:2;position:absolute;top:0;left:50%;box-shadow: 0 0 15px var(--main-color);-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1),-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);}
.clfix:after,.clfix:before{display:table;line-height:0;content:"";}
.clfix:after{clear:both;}

.htel-vi02-container .brand-history .lastlist.active .bullet-small {background: #ffa800}
.htel-vi02-container .brand-history .lastlist.active .pagination-wrap .bullet-large {border: 1px solid #ffa800;}
.htel-vi02-container .brand-history .lastlistc .pagination-wrap .line-active {background: #ffa800}
.htel-vi02-container .brand-history .hisimg{padding: 70px 0 100px;float: left;}
.htel-vi02-container .brand-history .hisimg img{ border-radius:2vmin; overflow:hidden;}
.htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left:40px; }

.list-bp {padding-right: 120px !important;}
.fadein{transition: opacity 1s,-webkit-transform 1s;-webkit-transition: opacity 1s,-webkit-transform 1s;-o-transition: opacity 1s,transform 1s;transition: opacity 1s,transform 1s;transition: opacity 1s,transform 1s,-webkit-transform 1s;}

.h-align-c {text-align: center;}
.histitc {color: #0f4ba4;font-weight: 700;padding-bottom: 20px;font-size: 45px;letter-spacing: -2px;font-family: 'Futura-Bold';}
.histit {font-size: 40px;color: #303030;font-weight: 400;}
.histits {font-size:var(--h2-size);color: #676767;font-weight: 300;line-height:135%;}
.histits>span{font-weight:bold; color:#676767;}
.current-logo {padding-bottom: 80px;text-align: center;padding-top: 60px}
.histlogo {padding-bottom: 10px;}
.htel-vi02-container .list-day {position: absolute;left: 0;color:#000;font-weight: 700;}
.pr0 { padding-right: 0 !important;}
@media only all and (max-width: 820px) {
	.htel-vi02-container .brand-history .content-box {width:100%; padding-left: 70px; padding-right: 10px; box-sizing: border-box; margin-top: 0;}
	.htel-vi02-container .brand-history .pagination-wrap {left: 40px; }
	.htel-vi02-container .brand-history .list:nth-child(odd) .content-box {text-align: left;}
	.htel-vi02-container .brand-history .list:nth-child(even) .content-box {padding-left: 71px;}
	.histit{font-size:28px;}
	.histits{font-size:18px;padding-bottom:20px;}
	.htel-vi02-container .brand-history .year{font-size:23px;text-align:left;}
	.htel-vi02-container .brand-history .year+.list-bullet{margin-top:10px;padding-right:20px;margin-bottom:10px;}
	.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet{padding-right:0;}
	.htel-vi02-container .list-day{position:relative;display:block;font-size:18px;}
	.htel-vi02-container .brand-history .list-bullet{padding-left:0;font-size:15px;}

	.htel-vi02-container .brand-history .list:nth-child(even) .content-box{text-align:left;}
	.htel-vi02-container .brand-history .hisimg{padding-left:40px;}
}

@media only all and (max-width: 620px) {
	.htel-vi02-container .brand-history .list-bullet {padding-left:0;}
	.htel-vi02-container .brand-history .list:nth-child(odd) .content-box {padding-bottom: 27px;}
	.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet {padding-right: 0 !important;}
	.htel-vi02-container .brand-history .list:nth-child(even) .content-box {padding-bottom: 20px !important;}
	.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet {padding-right: 0; text-align: left;	}
	.htel-vi02-container .brand-history .hisimg{padding: 30px 0 50px; position: relative; z-index: 1}
	.htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left: 0}
	.current-logo{padding: 20px 0; line-height: 170%}
}
@media only all and (max-width: 440px) {
	.history-head h2{font-size:110%;line-height:350%;}
}
.orgboxall h2{border-bottom:1px solid #e7e7e7;}
.orgbox{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:5%;}
.orgbox div{width:100%;}
.orgbox ul{margin-top:30px;padding:30px;box-shadow:0 1px 10px #cbcbcb;border-radius:10px;}
.orgbox ul li{padding:12px 0 12px 35px;border-bottom:1px solid #e7e7e7;}
.orgbox ul li:first-child {background:url(../img/sub/bullet02.png) left 11px no-repeat;}
.orgbox ul li:nth-child(2){background:url(../img/sub/bullet03.png) left 11px no-repeat;}
.orgbox ul li:nth-child(3){background:url(../img/sub/bullet04.png) left 11px no-repeat;}
.orgbox ul li:nth-child(4){background:url(../img/sub/bullet05.png) left 12px no-repeat;}
.orgbox ul li:last-child{border-bottom:0;}
.orgboxB{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:2%;}

@media only all and (max-width: 760px) {
	.orgbox{grid-template-columns: 1fr 2fr;}
}
@media only all and (max-width: 500px) {
	.orgbox{grid-template-columns: repeat(1, 1fr);}
}