@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Trocchi&display=swap');
body{font-family: "Roboto", sans-serif; zoom: 1; font-size:15px; line-height:22px; color:#333333; margin: 0;}

#wrap{position: relative;}
@media (max-width: 1023px){
	#wrap {width: 1400px;}
}

strong{font-weight:600 !important;}
button{font-family: "Roboto", sans-serif !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;} .mt100{margin-top:100px !important;}
.mr10{margin-right:10px !important;} .mr15{margin-right:15px !important;} .mr20{margin-right:20px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.ml0{margin-left:0px !important;}.ml10{margin-left:10px !important;}
.ml3{margin-left:3px !important;}
.mr0{margin-right:0px !important;} .mr11{margin-right:11px !important;}  .mr30{margin-right:30px !important;} .mr50{margin-right:50px !important;}
.pt23{padding-top: 23px !important;} .pt25{padding-top: 25px !important;} .pl20{padding-left: 20px !important;}

.pb10{padding-bottom:10px !important;} .pb15{padding-bottom:15px !important;} .pb20{padding-bottom:20px !important;} .pb30{padding-bottom:30px !important;} .pb60{padding-bottom:60px !important;} .pb90{padding-bottom:90px !important;} .pb120{padding-bottom:120px !important;} .pl0{padding-left: 0 !important;} .pl30{padding-left: 30px !important;} .pl40{padding-left: 40px !important;}

.txt-red{color:#e6003d !important;}
.txt-pink{color:#ef0077 !important;}
.txt-navy{color:#475cce !important;}
.txt-green{color:#269f83 !important}
.txt-yellow{color:#ffd800 !important;}
.txt-fff{color:#ffffff !important;}
.txt-black{color:#000 !important;}
.txt-blue{color: #0070c0 !important;}
.txt-90{color: #909090}
.ta_justify {text-align: justify !important;}
.txt-underline{text-decoration: underline;}
del{color: #b3b3b3;}


.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px !important}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}
.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px !important}.fs23{font-size:23px !important}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs28{font-size:28px}
.fs30{font-size:30px}.fs32{font-size:32px}.fs34{font-size:34px}.fs36{font-size:36px}.fs38{font-size:38px}.fs40{font-size:40px}.fs42{font-size:42px}.fs48{font-size:48px}
.fs50{font-size:50px}.fs52{font-size:52px}.fs54{font-size:54px}.fs56{font-size:56px}.fs58{font-size:58px}.fs60{font-size:60px}


.btn-center { margin: 25px; text-align: center;}
.btn02{border:1px solid #6db6ff; padding: 6px 10px; font-weight:800; text-align: center; box-sizing: border-box; background: linear-gradient(#6db6ff, #0844b7); color: #fff; font-weight: 500; border-radius: 50px; font-size: 13px; display: inline-block;}

.btn{display:inline-block;font-size:20px;margin-right:20px; background: #d8248a; border-radius: 50px;}
.btn a, .btn button{padding:10px 15px;display:flex;align-items:center;width:100%;justify-content:space-between}
.btn a span{font-weight: 700; font-size: 18px; color: #fff;}
.btn a i{color: #fff; margin-left: 5px;}
.btn:last-child{margin-right:0;}
.btn.file{font-weight:400;margin-bottom:55px;}
.btn.file span{padding-left:20px;font-size:20px;color:#134aa9; font-weight:800;}

.pdfWrap{}
.pdfWrap > span{width: 170px;}
.pdfWrap > span.bio-btn{background: #a04b97;}
.pdfWrap > span.bio-btn a span, .pdfWrap > span.bio-btn a i{color: #fff;}

span.abs-btn{background: #238a96;}
span.abs-btn a span, .pdfWrap > span.abs-btn a i{color: #fff;}

@keyframes wd{
	from{width:0;}
	to{width:100%;}
}
@keyframes arl{
	0%{transform:translate(0 , 0)}
	50%{transform:translate(-20px , 0)}
	100%{transform:translate(0 , 0)}
}
@keyframes ard{
	0%{transform:translate(0 , 0)}
	50%{transform:translate(0 , -20px)}
	100%{transform:translate(0 , 0)}
}



a.a_link01{color:#c21523; background: #fff; padding: 5px 7px; transition: .3s; border-radius: 50px;}
a.a_link01:hover{background: #c21523; color: #fff;}
a.a_link02{color:#1591c2; background: inherit; padding: 5px 0px; transition: .3s; display: inline-block;}
a.a_link02:hover{text-decoration: underline;}
.underline{color: #025cc6; border-bottom: 1px solid #025cc6; height: 26px; font-weight: 500; background: #e6f2fb;}
.click{background-color: #e6f2fb; color: #025cc6; padding: 2px 5px; display: inline-block; font-weight: 500;}

.fl-left{float:left;}
.fl-right{float:right;}
.al-center{text-align:center !important;}
.al-left{text-align:left !important;}
.al-right{text-align:right;}
.al-justify{text-align:justify;}
.display-bc{display:block; margin:0 auto;}

.fs18_333{font-size: 20px; color: #333; font-weight: 500; margin-bottom: 20px;}
.dot_e74{background-color: #d400b1; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin-right: 6px; margin-bottom: 3px;}


/*=========================accordion=========================*/
button.accordion {cursor: pointer; width: 100%; text-align: left; height: 40px; padding: 0; margin: 10px 0; position: relative; background: url(../images/accordion_bg.jpg) no-repeat;}
button.accordion span.route_num{padding: 9px 8px; color: #fff; text-align: center; width: 15%; display: inline-block; float: left; font-size: 16px;}
button.accordion span.route_con{width: 81%; display: inline-block; float: left; font-size: 14px; line-height: 36px; padding-left: 20px;}
button.accordion:after {content: '\002B'; color: #333; font-weight: bold; line-height: 40px; position: absolute; right: 18px;}
button.accordion.active:after {content: "\2212";}
button.accordion:active, button.accordion:focus{outline: none;}
div.panel1 {background-color: white; max-height:0px; overflow: hidden; transition: max-height 0.2s ease-out;}
div.wpsm_panel{padding:20px 0 30px 24px;}
div.wpsm_panel img{display:block; margin:5px auto;}
div.wpsm_panel h3{font-size:16.5px; font-weight: 700; border-bottom: 1px dotted #ddd; height: 33px;}
.m_box {width: 480px; height: 70px; padding: 15px 20px; border: 2px dotted #475cce; margin: 10px auto; border-radius: 10px; text-align:center; background-color:#f3f4fb;}


.line23{line-height: 23px !important;}


/*-------------------------contents-------------------------*/
.content{display: block; height: 100%; /*min-height: 400px;*/ width: 100%; padding: 80px 30px;}

.content h1 {font-size:30px; color: #0b3897; font-weight: 600;}

.content h2{font-size: 33px; line-height: 40px; font-weight: 600; margin-bottom:40px; text-align: center; color: #151965; letter-spacing: -0.5px;}
.content h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 15px 0; color: #0d6ba4;}
.content h3:before{background-image: url(../images/h3_icon.png); background-size: 15px 15px;display: inline-block;width: 15px;height: 15px;content: "";margin-right: 7px;background-repeat: no-repeat;}
.content .tith3{margin-bottom: 10px; font-size: 19px; color: #e74635; font-weight: 500;}
.content .tith3::before{content: ''; display: inline-block; width: 5px; height: 5px; background-color: #e74635; vertical-align: middle; margin-top: -3px; margin-right: 6px;}
.content h4 {font-size: 18px;  font-weight: 500; margin: 5px 0 10px 3px; padding-left: 10px; position: relative; line-height: 16px; color: #0d6ba4}
.content h4:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: #0d6ba4;}
.content h4 span {font-weight: 300;}
.content h5{font-size: 17px;  font-weight: 600; margin: 6px 0; color:#07a9bd;}
.content h6{font-size: 15px;  font-weight: 600; color:#e97b4a; margin:5px 0;}

.title1 {font-size: 17.5px;  font-weight: 500; margin: 5px 0 10px 3px; padding-left: 10px; position: relative; line-height: 16px; color: #d8248a;}
.title1:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: #d8248a;}
/*.content ul.list li:before{ content: ''; font-size: 15px; vertical-align: bottom; padding-right: 7px;}*/

.content .ul-basic{ padding-left: 18px;}
.content .ul-basic li{padding: 2px 0; list-style-type: circle; line-height: 1.35; letter-spacing: -0.2px;}
.content .ul-basic li.decimal, .content .ul-basic2 li.decimal{list-style-type: decimal !important;}
.content .ul-basic li.circle, .content .ul-basic2 li.circle{list-style-type: circle !important;}

.content .ul-basic2{ border-top: 2px solid #ff5656; border-bottom: 2px solid #d4d4d4;}
.content .ul-basic2 li{border-bottom: 1px dotted #989898; padding: 8px 5px;}
.content .ul-basic2 li:last-child{border-bottom:none;}

.content .ul-basic3 li{padding: 2px 0; list-style-type: none;}
.content .ul-basic3 li:before{vertical-align: middle; margin-bottom: 4px; border: 1px solid #333; width: 5px; height: 5px; box-sizing: border-box; display: inline-block; content: ''; margin-right: 8px;}
.basic_ul{margin: 0; padding: 0; list-style: none;}
.basic_ul li{padding-left: 16px; position: relative;}
.basic_ul li:after{content: "-"; position: absolute; left: 0; top: -1px;}

.step_ul{margin-top: 30px;}
.step_ul>li{margin-bottom: 10px; width: 100%;box-sizing: border-box; height: 72px;margin-right: -5px; background: url('../images/step_bg.jpg') no-repeat;}
.step_ul>li span{display: inline-block;vertical-align: top;font-size: 17px;color: #FFF;font-weight: 500;width: 167px;text-align: center;line-height: 72px;}
.step_ul>li div{display: inline-block; margin: 0 0 0 32px;line-height: 72px;}
.step_ul>li:last-child div{line-height: 1.6; margin-top: 11px;}

.impor_tit{float:left; border: 5px #fceeef solid; border-bottom: 0; width: 18%; height: 42px; text-align: center; padding: 12px 0; box-sizing: border-box; color: #e74635; font-weight: 500; font-size: 16px; border-top-left-radius:15px; border-top-right-radius:15px;}
.impor_line{float:left; border-bottom: 5px #fceeef solid; width: 82%; height: 42px; color: #fff;}
.impor_text{clear:both; border: 5px #fceeef solid; border-top: 0; padding: 25px 10px;}


.content dl dt { float: left; min-width: 269px; background: #f1f1f1; color: #666; font-weight: 500;  margin-right: 13px; padding: 9px 20px; border-radius: 30px;}
.content dl dd { margin: 2px 0; padding: 11px 0; font-size: 14px;}
.content .table{width:100%; border-left:1px solid #e0e0e0; border-top: 2px solid #eb7b0d;}
.content .table td{padding:6px 8px; border-right:1px solid #e0e0e0; border-bottom: 1px dotted #d4d4d4; vertical-align:middle; line-height: 21px;}
.content .table.al-center td{text-align:center;}
.content .table a:hover{text-decoration:underline;}

.content .table2{width:100%; border-top: 2px solid #B5B5B5; border-bottom: 1px solid #B5B5B5;}
.content .table2 td{padding:4px 8px; border-bottom: 1px dashed #bdbdbd;}
.content .table2 tr:last-child td{border-bottom:none;}

.s_table{border-top: 3px solid #000; width: 100%;}
.s_table th{background: #e6e9ed; font-weight: 500; padding: 13px 20px; border-bottom: 1px solid #c8ccd3; border-right: 1px solid #c8ccd3;}
.s_table th.bB1{border-bottom: 1px solid #c8ccd3 !important;}
.s_table td{border-bottom: 1px solid #c8ccd3; padding: 12px 15px; line-height: 1.4; border-right: 1px solid #c8ccd3;}
.s_table th:last-of-type, .s_table td:last-of-type{border-right: 0;}
.s_table td.bR0{border-right: 0px solid #c8ccd3 !important;}
.s_table th.bR1, .s_table td.bR1{border-right: 1px solid #c8ccd3 !important;}
.s_table td.bB4{border-bottom: 4px double #c8ccd3 !important;}
.s_table th.soldout, .s_table td.soldout{background: #ddd; color: #a5a5a5; position: relative;}
.s_table td.soldout img{position: absolute; left: 50%; margin-left: -65px; z-index: 99; top: 35px;}
.s_table td p{text-align: center; line-height: 1.5}

.s_table2{border-top: 3px solid #5a78a1; width: 50%;}
.s_table2 th{background: #e6e9ed; font-weight: 500; padding: 3px; border-bottom: 4px double #c8ccd3; border-right: 1px solid #c8ccd3;}
.s_table2 td{border-bottom: 1px solid #c8ccd3; padding: 3px; line-height: 1.9}
.s_table2 td.bR1{border-right: 1px solid #e4e6e7 !important;}
.s_table2 td strong{text-align: center; display: block; margin-bottom: 5px;}
.s_table2 td p{text-align: center; line-height: 1.5}

.mon_table td{padding: 18px 0; text-align: center; border-right: 1px dashed #e5e5e5;}
.mon_table td p{color: #666; line-height: 1.5;}
.mon_table .bR0{border-right: 0;}
.bR0{border-right: 0 !important;}


.comm_table tr td:first-of-type{position: relative;}
.comm_table tr td:first-of-type::after{position: absolute; right: 0; top: 50%; transform: translate(0, -50%);; content: ''; display: block; width: 1px; height: 15px; background: #c8ccd3;}
.comm_table tr td.h40:first-of-type::after{height: 40px;} .comm_table tr td.h60:first-of-type::after{height: 60px;} .comm_table tr td.h95:first-of-type::after{height: 95px;} .comm_table tr td.h105:first-of-type::after{height: 105px;} .comm_table tr td.h115:first-of-type::after{height: 115px;} .comm_table tr td.h135:first-of-type::after{height: 135px;}


.conInfo_table{width: 100%;}
.conInfo_table th{background: #f4f5f6; font-weight: 500; padding: 13px 20px; border-bottom: 1px double #8798af; border-top: 1px double #8798af; border-right: 1px solid #c8ccd3;}
.conInfo_table th.bB1{border-bottom: 1px solid #c8ccd3 !important;}
.conInfo_table td{border-bottom: 1px solid #c8ccd3; border-top: 1px solid #c8ccd3; padding: 12px 15px; line-height: 1.4; border-right: 1px solid #c8ccd3;}
.conInfo_table th:last-of-type, .conInfo_table td:last-of-type{border-right: 0;}
.conInfo_table td.bR0{border-right: 0px solid #c8ccd3 !important;}
.conInfo_table th.bR1, .conInfo_table td.bR1{border-right: 1px solid #c8ccd3 !important;}
.conInfo_table td.bB4{border-bottom: 4px double #c8ccd3 !important;}
.conInfo_table th.soldout, .conInfo_table td.soldout{background: #ddd; color: #a5a5a5; position: relative;}
.conInfo_table td.soldout img{position: absolute; left: 50%; margin-left: -55px; z-index: 99; top: 35px;}
.conInfo_table td p{text-align: center; line-height: 1.5}


/* footer */

.logoWrap{width: 1200px; margin: 20px auto;}
.logoWrap > div{}
.logoWrap > div > span{float: left; font-weight: 500; font-size: 20px; width: 14%; padding-top: 16px; letter-spacing: -0.5px;}
.logoWrap > div > div{width: 86%; display: flex; align-items: center; flex-wrap: wrap;}
.logoWrap > div > div > a{margin-right: 12px;}

#foot_layout{height: 190px; position: relative; background: #06144c; display: flex; align-items: center; justify-content: center;}
#foot_layout .main,#foot_layout .object{display:block}
#foot_layout .main{position: absolute; width: 100%; height: 100%; top:0; left: 0; margin-top: 0;}
#foot_layout .footer-layout {background: transparent; text-align: center;}
#foot_layout .copy{color:#fff; margin-top: 10px;}

#foot_layout .layout{position: relative; width: 100%;}
#foot_layout address{font-size: 18px; font-weight: 500; line-height: 1.3; color: #fff;}
#foot_layout .info{margin-top: 20px;}
#foot_layout .info p{display: inline-block; padding: 0 10px; position: relative; color: #fff;}
#foot_layout .info p::after{content: ''; position: absolute; left: -3px; bottom: 4px; width: 2px; height: 18px; background: #fff; display: block;}
#foot_layout .info p.line_none::after{display: none;}
#foot_layout .info p span{font-size: 15px; font-weight: 400;color: #fff;}
#foot_layout .info p strong{font-size: 18px; font-weight: 600;color: #fff;}
#foot_layout .info p a{color: #fff; font-size: 17px;}
#foot_layout .info p a:hover{color: #37e1fd;}

.flex{display:flex;}
.wrap {flex-wrap:wrap;}
.wi30 li{width: 33%;}