/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }
 /* pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/font/Pretendard-Black.woff2') format('woff2');
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

/* 공통 */
h5.h5_tit{position:relative;font-size:22px; color:#333; padding-left:30px; margin-bottom:20px;}
h5.h5_tit:before{position:absolute; content:"";width:20px; height:20px; border:6px solid #006db5; top:0; left:0;border-radius:5px; }


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}
/* login */
.login01_wrap{border: 1px solid #ddd;padding: 40px 100px; width: 900px; margin:  0 auto; margin-top: 80px; }
.login01_wrap .left{float: left; width: 300px; background: #f1f1f1; text-align: center; padding: 30px;}
.login01_wrap .left h6{font-size: 24px; color: #666; font-weight: 500;}
.login01_wrap .right{width: 380px; float: right; text-align: right;}
.login01_wrap .right .input_wrap{float: right; display: block; width: 100%; text-align: right;}
.login01_wrap .right .txt_box{float: left;}
.login01_wrap .right .txt_box input{display: block; border: 1px solid #ddd;padding: 8px 12px; width: 270px; margin-bottom: 10px;}
.login01_wrap .right .login_btn{float: left; width: 95px; height: 95px; text-align: center; line-height: 95px; margin-left: 10px;} 
.login01_wrap .right .login_btn a{color: #fff;}
.login01_wrap .right ul{display: block;}
.login01_wrap .right ul li{float: right; margin-left: 10px; font-size: 14px; position: relative;}
.login01_wrap .right ul li:before{position: absolute; width: 1px; height: 10px; background: #aaa; content: ''; top: 7px; left: -5px;}
.login01_wrap .right ul li:last-child:before{display: none;}
.login01_wrap .right ul li a{color: #666;}
.login01_wrap .right p{display: block; font-size: 13px; color: #006db5; margin-top: 5px;} 
.login01_wrap .right span{}


/* 팝업 */
.pop_wrap_new .img_wrap img{max-width:100%;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.tab_img {display:none;}
.mob_img {display:none;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto; overflow: hidden; line-height: 1;}
.inner{width: calc(100% - 100px); margin: 0 auto; max-width:1400px;}
h3{font-size: 36px; font-weight: 700; color: #222;}

#header{position: relative;}
#header .inner{display: flex; justify-content: space-between; align-items: center;}
#header h1 a{display: block; background: url(/images/main/main_logo_pc.png) center no-repeat; background-size:cover; width: 265px; height: 45px;}
#header .head_con{display: flex; gap:80px; align-items: center;}
#header .head_con .gnb{display: flex; gap:50px;}
#header .head_con .gnb .lnb_menu a{display: block; font-size: 17px; color: #222222; font-weight: 700; padding: 40px 0;}
#header .lan_wrap{display: flex;}
#header .lan_wrap > li a	{color: #999999;}
#header .lan_wrap .h_kor{position: relative; padding-right: 14px;}
#header .lan_wrap .h_kor:after{content:"";position: absolute;top: 50%;transform:translateY(-50%); right: 0; width: 1px;height: 12px; background: #dddddd;}
#header .lan_wrap .h_eng{padding-left: 14px;}
#header .lan_wrap > li.on a	{color: #222222;}

#header.on{background: #0060b4;}
#header.on h1 a{display: block; background: url(/images/main/main_logo_pc_on.png) center no-repeat; background-size:cover; width: 265px; height: 45px;}
#header.on .head_con .gnb .lnb_menu a{color: #ffffff;}
#header.on .lan_wrap > li a	{color: rgb(255,255,255,.4);}
#header.on .lan_wrap > li.on a	{color: #fff;}


/* all_menu */
.all_menu_wrap {	display: none;position: absolute;left: 0;right: 0;top: 97px;background: #fff;box-sizing: border-box;z-index: 30;}
.all_menu_wrap .inner{background: url(/images/main/main_all_bg_pc.png) right bottom no-repeat;}
.all_menu_wrap .all_menu {width: 100%;padding: 40px 0;display: flex;line-height: 1;}
.all_menu_wrap .all_menu > li {flex: 1;min-height: 230px;}
.all_menu_wrap .all_menu > li:first-child {}
.all_menu_wrap .all_menu > li > a {font-size: 20px;color: #222;font-weight: 500;}
.all_menu_wrap .all_menu > li:hover > a {color: #00387d;}
.all_menu_wrap .all_menu .all_sub_menu {padding-top: 20px;}
.all_menu_wrap .all_menu .all_sub_menu li ~ li {margin-top: 15px;}
.all_menu_wrap .all_menu .all_sub_menu li a {position: relative;margin-left: 11px;font-size: 15px;color: #666666;}
.all_menu_wrap .all_menu .all_sub_menu li a:before{content: "";position: absolute;top: 50%;left: -11px;transform:translateY(-50%);width: 3px;height: 3px;background: #666666; border-radius: 50%;}
.all_menu_wrap .all_menu .all_sub_menu li:hover a {color: #006db5;/* border-bottom:1px solid #006db5; */}
.all_menu_wrap .all_menu .all_sub_menu li:hover a:before{background: #006db5;}
#header .nav_btn{display: none;}
.navigation{display: none;}

#visual_wrap .swiper-pagination{width: auto; bottom: 320px; left: 260px;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet{margin: 0 14px; width: 14px; height: 14px; background: rgb(255,255,255,.8);}
#visual_wrap .swiper-pagination .swiper-pagination-bullet-active{position: relative; z-index: 2;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet-active:after{content: ""; position: absolute; width: 30px; height: 30px; border: 1px solid #fff; top: 50%; left: 50%; transform:translate(-50%, -50%); border-radius: 50%;}
#visual_wrap .swiper-slide{position: relative;}
#visual_wrap .txt_wrap{opacity: 0; position: absolute; width: 100%; top: 48%; left: 200px; transform:translateY(-50%);}
#visual_wrap .txt_wrap h2{font-size: 60px; color: #fff; font-weight: 700;}
#visual_wrap .txt_wrap p{display: block;font-size: 28px; color: #fff; margin-bottom: 30px;}
#visual_wrap .swiper-slide-active .txt_wrap{animation: visAni01 1.5s ease forwards;}
@keyframes visAni01{
0%{left: 520px; opacity: 0;}
100%{left: 260px; opacity: 1;}
}

#section01{padding: 50px 0;}
#section01 ul{display: flex; padding: 0 140px; justify-content: space-between;}
#section01 ul li a{display: flex; flex-direction: column; align-items: center;}
#section01 ul li span{display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; border-radius:50%; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.08);}
#section01 ul li p{display: inline-block; text-align: center; font-size: 20px; color: #222; font-weight: 600; margin-top: 20px;}
#section01 ul li:hover p{color: #006db5; position: relative;}
#section01 ul li:hover p:after{content:"";position: absolute; left: 0; bottom: -3px; width: 100%; height: 10px; background-color: rgba(0, 109, 181, 0.1); z-index: -1; transition: all 0.5s ease;}

#section02{background: url(/images/main/main_sec02_bg_pc.jpg)center no-repeat; background-size:cover; padding: 80px 0 150px 0;}
#section02 .sec02_top{display: flex; justify-content: space-between; align-items: center;}
#section02 .sec02_top .more_btn{display: flex; gap:10px; font-size: 15px; color: #999; align-items: center; transition:.4s;}
#section02 .sec02_top .more_btn span{width: 20px; height: 20px; display: flex; background: #cccccc; border-radius:50%; align-items: center; justify-content: center; transition:.4s;}
#section02 .sec02_top .more_btn:hover{color: #006db5;}
#section02 .sec02_top .more_btn:hover span{background: #006db5;}
#section02 .sec02_top_left{display: flex; gap:30px; align-items: flex-end;}
#section02 .sec02_top_left ul{display: flex;}
#section02 .sec02_top_left ul li a{display: inline-block; font-size: 20px; color: #666666; font-weight: 600;}
#section02 .sec02_top_left ul li:not(:last-child) a{margin-right: 15px;}
#section02 .sec02_top_left ul li:not(:first-child) a{position: relative; margin-left: 15px;}
#section02 .sec02_top_left ul li:not(:first-child) a:before{content:"";position: absolute; left: -15px; top: 50%; transform:translateY(-50%) ;width: 4px; height: 4px; border-radius:50%; background-color: #aaaaaa;}
#section02 .sec02_top_left ul li a:hover{position: relative;color: #006db5;}
#section02 .sec02_top_left ul li a:hover:after{content:"";position: absolute; left: 0; bottom: -3px; width: 100%; height: 10px; background-color: rgba(0, 109, 181, 0.1); z-index: 0; transition: all 0.5s ease;}
#section02 .sec02_top_left ul li a.on{position: relative;color: #006db5;}
#section02 .sec02_top_left ul li a.on:after{content:"";position: absolute; left: 0; bottom: -3px; width: 100%; height: 10px; background-color: rgba(0, 109, 181, 0.1); z-index: 0; transition: all 0.5s ease;}
#section02 .sec02_slide{margin-top: 40px;}
#section02 .sec02_box .slick-arrow{position: absolute;}
#section02 .sec02_box li dl span{display: block; width: 74px; height: 30px; font-size: 15px; color: #006db5; background: rgb(0,109,181,0.05); line-height: 30px; text-align: center;}
#section02 .sec02_box li dl dt p{font-size: 18px; color: #222222; font-weight: 700; line-height: 24px; margin-top: 14px;}
#section02 .sec02_box li dl dd{margin-top: 25px;}
#section02 .sec02_box li dl dd p{font-size: 16px; color: #666666; line-height: 26px; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; }
#section02 .sec02_box .slick-slide{padding: 40px 28px; background: #fff; margin: 0 20px; border: 2px solid transparent; transition:.3s;	}
#section02 .sec02_box .slick-slide:hover{border: 2px solid #006db5;}
#section02 .sec02_box .slick-list{margin: 0 -20px;}
#section02 .arrow_box{display: flex; justify-content: flex-end; gap:10px; margin-top: 20px;}

#section02 .sec02_slide{margin-top: 40px;}
#section02 .sec02_box_2 .slick-arrow{position: absolute;}
#section02 .sec02_box_2 li dl span{display: block; width: 74px; height: 30px; font-size: 15px; color: #006db5; background: rgb(0,109,181,0.05); line-height: 30px; text-align: center;}
#section02 .sec02_box_2 li dl dt p{font-size: 18px; color: #222222; font-weight: 700; line-height: 24px; margin-top: 14px;}
#section02 .sec02_box_2 li dl dd{margin-top: 25px;}
#section02 .sec02_box_2 li dl dd p{font-size: 16px; color: #666666; line-height: 26px; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; }
#section02 .sec02_box_2 .slick-slide{padding: 40px 28px; background: #fff; margin: 0 20px; border: 2px solid transparent; transition:.3s;	}
#section02 .sec02_box_2 .slick-slide:hover{border: 2px solid #006db5;}
#section02 .sec02_box_2 .slick-list{margin: 0 -20px;}

#section02 .sec02_slide{margin-top: 40px;}
#section02 .sec02_box_3 .slick-arrow{position: absolute;}
#section02 .sec02_box_3 li dl span{display: block; width: 74px; height: 30px; font-size: 15px; color: #006db5; background: rgb(0,109,181,0.05); line-height: 30px; text-align: center;}
#section02 .sec02_box_3 li dl dt p{font-size: 18px; color: #222222; font-weight: 700; line-height: 24px; margin-top: 14px;}
#section02 .sec02_box_3 li dl dd{margin-top: 25px;}
#section02 .sec02_box_3 li dl dd p{font-size: 16px; color: #666666; line-height: 26px; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; }
#section02 .sec02_box_3 .slick-slide{padding: 40px 28px; background: #fff; margin: 0 20px; border: 2px solid transparent; transition:.3s;	}
#section02 .sec02_box_3 .slick-slide:hover{border: 2px solid #006db5;}
#section02 .sec02_box_3 .slick-list{margin: 0 -20px;}

.sec02_tab_list .sec02_tab_con {
	transition: opacity 0.3s ease;
  display: none;
}
.sec02_tab_con.active {
  display: block;
}

#section03{padding: 80px 0;}
#section03 .inner{display: flex; justify-content: space-between; flex-wrap: nowrap; gap:80px;}
#section03 .inner > div {flex: 1 1 50%; max-width: 49%; box-sizing: border-box;}
#section03 .sec03_top{display: flex; align-items: center; justify-content: space-between; }
#section03 .sec03_top .more_btn{display: flex; gap:10px; font-size: 15px; color: #999; align-items: center; transition:.4s;}
#section03 .sec03_top .more_btn span{width: 20px; height: 20px; display: flex; background: #cccccc; border-radius:50%; align-items: center; justify-content: center; transition:.4s;}
#section03 .sec03_top .more_btn:hover{color: #006db5;}
#section03 .sec03_top .more_btn:hover span{background: #006db5;}
#section03 .sec03_top ul{margin-top: 40px;}
#section03 .sec03_news ul{padding: 30px 40px; margin-top: 40px; background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08);}
#section03 .sec03_news ul li{padding: 24px 0; background: url(/images/main/main_sec03_news_line_pc.png)bottom no-repeat;}
#section03 .sec03_news ul li a{display: flex; justify-content: space-between;}
#section03 .sec03_news ul li p{font-size: 16px; color: #666666;}
#section03 .sec03_news ul li em{font-size: 16px; color: #999999;}
#section03 .sec03_youtube{margin-top: 40px;width: 100%;height: 83%;position: relative;}
#section03 .sec03_youtube iframe{width: 100%; height: 100%;}
#section03 .sec03_youtube .swiper-container{height: 100%;}
#section03 .sec03_youtube .youtube-pagination{display: flex; justify-content: center; margin-top: 15px;}
#section03 .sec03_youtube .youtube-pagination span{margin: 0 4px;}
#section03 .sec03_youtube .youtube-pagination .swiper-pagination-bullet-active{background: #222;}

#footer{background: #313131; padding: 50px 0;}
#footer .inner{display: flex; justify-content: space-between; align-items: center;}
#footer .footer_info{color: #fff;}
#footer .footer_address{display: flex; gap:20px; margin-top: 12px; color: #fff;}
#footer .copy{color: rgb(255,255,255,.3); margin-top: 25px;}

/* sub_contents */
#sub_contents{padding: 120px 0;}
.contop{text-align: center;}
.depth03_wrap{margin-top: 80px;}
.depth03_wrap ul{display: flex; justify-content: center;}
.depth03_wrap ul li{width: 280px; border-bottom: 2px solid #dddddd; padding-bottom: 20px;font-size: 17px; color: #999999;    text-align: center;}
.depth03_wrap ul li a{font-size: 17px; color: #999999;}
.depth03_wrap ul li.on{border-bottom: 2px solid #006db5;color: #006db5;}
.depth03_wrap ul li.on a{color: #006db5;}
.depth04_wrap{margin-top: 50px;}
.depth04_wrap ul{display: flex; justify-content: center; gap:16px;}
.depth04_wrap ul li{width: 180px; border: 1px solid #dddddd; border-radius:24px;}
.depth04_wrap ul li a{display: block; font-size: 16px; color: #999999; padding: 15px 0;    text-align: center;}
.depth04_wrap ul li.on{background: #006db5; border: 1px solid #006db5;} 
.depth04_wrap ul li.on a{color: #fff; font-weight: 500;} 

.depth03_wrap.sub03_tab {display:flex; justify-content: center; gap: 16px;}
.depth03_wrap.sub03_tab li {width: 180px; border: 1px solid #dddddd; border-radius: 24px;padding-bottom:0;}
.depth03_wrap.sub03_tab li a {display: block; font-size: 16px; color: #999999; padding: 15px 0; text-align: center;}
.depth03_wrap.sub03_tab li a.on {background-color: #006db5; border: 1px solid #006db5;}
.depth03_wrap.sub03_tab li.on a {background-color: #006db5; color: #fff; border-radius: 24px; font-weight: 500;}
.depth03_wrap.sub03_tab ul li.on{border-bottom:none;}
.depth03_wrap.sub03_tab ul{ display:flex;  gap:16px;}


#sub_visual_wrap{position: relative; line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%;}
#sub_visual_wrap .txt_wrap h2{font-size: 50px; color: #fff; font-weight: 700;text-align: center; margin-bottom: 40px;}
#sub_visual_wrap .txt_wrap ul.sub_nav{display: flex; align-items: center; justify-content: center;gap:35px;}
#sub_visual_wrap .txt_wrap ul.sub_nav li{position: relative;font-size: 18px; color: #fff; font-weight: 300;}
#sub_visual_wrap .txt_wrap ul.sub_nav li:not(:last-child)::after{content:'';position: absolute; right: -20px; top: 50%; transform:translateY(-50%); width: 4px; height: 4px; background: #fff; border-radius:50%;}

.tab_menu {position: absolute;bottom: 0; left: 0; display: block; width:100%; height:80px; }
.tab_menu .inner{position:relative; display: flex; width: calc(100% - 260px); max-width: 100%; height:100%;background:#fff; margin: 0;margin-left: auto;}
.tab_menu a.home{position: relative;display: block;width: 80px; height: 100%; background: #006db5;}
.tab_menu a.home::after{content:'';position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%); background: url(/images/sub/sub_tabhome_pc.png)center no-repeat; width: 24px; height: 21px; background-size: cover;}
.tab_menu .menu {display: flex; width:calc(100% - 74px); height:100%;}
.tab_menu .menu > li{position:relative; min-width:330px; height:100%; }
.tab_menu .menu > li::after{content:'';position: absolute; right: 30px; top: 50%; transform:translateY(-50%); background: url(/images/sub/sub_tab_arw_pc.png)center no-repeat; width: 17px; height: 10px; background-size: cover;transition:.4s;}
.tab_menu .menu > li.on::after{transform:translateY(-50%) rotate(180deg); }
.tab_menu .menu > li.menulink01::before{content:'';position: absolute; right: 0px; top: 50%; transform:translateY(-50%); width: 1px; height: 24px; background: #ddd;}
.tab_menu .menu > li.menulink02::before{content:'';position: absolute; right: 0px; top: 50%; transform:translateY(-50%); width: 1px; height: 24px; background: #ddd;}
.tab_menu .menu > li > a {display:flex; align-items:center; padding: 0 30px; width:100%; height:100%; font-size: 17px; color:#222; font-weight: 500; box-sizing:border-box; word-break:keep-all;}
.tab_menu .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:30px 0; box-sizing:content-box; background-color:#f7f7f7; z-index:10;}
.tab_menu .menu > li ul li ~ li { margin-top:30px;}
.tab_menu .menu > li ul li a {display:flex; align-items:center; position:relative; font-size:17px; color:#555555; font-weight: 400;padding:0 30px; box-sizing:border-box; line-height:1.2;transition:.3s}
.tab_menu .menu > li ul li a:hover{color: #0039a3;}

.conbody{margin-top: 60px;}




/* 일반게시판_list */
:root{
	--bg01: #2bacf0;
	--co01: #006db5;
}

.basic_bd02{line-height: 1;}
.basic_bd02 .inner{width: 100%;}
.basic_bd02 .search_box{display: flex; flex-direction: row-reverse; align-items: end;margin-bottom: 30px;}
.basic_bd02 .search_box .search{display: flex;gap:10px;justify-content: end;}
.basic_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;}
.basic_bd02 .search_box .input_wrap{position: relative;}
.basic_bd02 .search_box .input_wrap input{width: 558px; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd;  border-radius:50px;padding: 0px 74px 0px 40px;}
.basic_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);}
.basic_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);}
.basic_bd02 .news-list ul{border-top: 1px solid #000;}
.basic_bd02 .news-list ul li{position: relative;border-bottom: 1px solid #eee;background: #fff;}
.basic_bd02 .news-list ul li::after{content:'';opacity: 0;position: absolute;right: 50px; top: 50%; transform:translateY(-50%);transition:.3s;background: url(/images/sub/basic_bd02_icon03.png)center no-repeat; width: 55px; height: 52px; background-size: cover;}
.basic_bd02 .news-list ul li a{display: flex;align-items: center;padding: 35px 50px;}
.basic_bd02 .news-list ul li .date_box{display: flex; flex-direction: column;align-items: center;gap:10px;width: 70px;}
.basic_bd02 .news-list ul li .date_box p{font-size: 36px; color: #cfcfcf;font-weight: 700;transition:.3s;}
.basic_bd02 .news-list ul li .date_box span{font-size: 17px;color: #cfcfcf;font-weight: 700;transition:.3s;}
.basic_bd02 .news-list ul li .txt_box{width: calc(100% - 280px);margin-left: 60px;}
.basic_bd02 .news-list ul li .txt_box .tit_box{display: flex;width: calc(100% - 80px);margin-bottom: 15px;}
.basic_bd02 .news-list ul li .txt_box .tit_box span.tag01{display: inline-block;vertical-align: middle;height: 25px;line-height: 23px;border: 1px solid #eee;padding: 0 15px;font-size: 14px;margin-right: 10px;color: var(--bg01);}
.basic_bd02 .news-list ul li .txt_box .tit_box strong{font-size: 23px; color: #222;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.basic_bd02 .news-list ul li .txt_box p{font-size: 17px; color: #777;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.basic_bd02 .news-list ul li .txt_box p.mob_date{display: none;}
.basic_bd02 .news-list ul li:hover{background: #f9f9f9;}
.basic_bd02 .news-list ul li:hover .date_box p{color: #222;}
.basic_bd02 .news-list ul li:hover .date_box span{color: #222;}
.basic_bd02 .news-list ul li:hover::after{opacity: 1;}

/* 일반게시판_view */
.basic_bd01_view .inner{width: 1650px;}
.basic_bd01_view .tit_box{padding-bottom: 50px;border-bottom: 1px solid #2f3435;}
.basic_bd01_view .tit_box strong{font-size: 24px; color: var(--bg01); font-weight: 700;}
.basic_bd01_view .tit_box p{font-size: 36px; margin: 20px 0px 30px	; font-weight: 700;color: #000; word-break: break-word;}
.basic_bd01_view .tit_box span{font-size: 18px;color: #abadae;font-weight: 500;}
.basic_bd01_view .view_box{padding: 80px 20px;}
.basic_bd01_view .view_box img{margin-bottom: 80px;}
.basic_bd01_view .view_box p{font-size: 18px; color: #000;word-break: break-word;}
.basic_bd01_view .file_box{padding: 22px 35px;background: #f9f9f9; margin-top: 40px;}
.basic_bd01_view .file_box ul {display: flex;align-items: center;gap:10px; flex-wrap:wrap;}
.basic_bd01_view .file_box ul li{display: flex;align-items: flex-start;gap:20px 10px; width: 32%;}
.basic_bd01_view .file_box ul li img {margin-bottom: 0;}
.basic_bd01_view .file_box ul li em{display: block;}
.basic_bd01_view .file_box ul li a{font-size: 15px; color: #444;transition:.3s;border-bottom: 1px solid transparent;}
.basic_bd01_view .file_box ul li a:hover{border-bottom: 1px solid #444;}
.basic_bd01_view .view_btn_box{display: flex; justify-content:space-between;align-items:center;padding: 50px 0px 20px; border-top: 1px solid #dcdcdc;}
.basic_bd01_view .view_btn_box .arr{display: flex;align-items:center;gap:20px;}
.basic_bd01_view .view_btn_box .arr p{font-size: 18px; color: #000;width: 200px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.basic_bd01_view .view_btn_box .arr.next p{text-align: end;}
.basic_bd01_view .view_btn_box .arr:hover p{text-decoration: underline;text-underline-position: under;}
.basic_bd01_view .view_btn_box .back{position: relative;width: 72px; height: 72px; border:1px solid var(--bg01); border-radius:10px;}
.basic_bd01_view .view_btn_box .back img{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.basic_bd01_view .view_btn_box .back:hover{background: url(/images/sub/basic_bd01_icon06_2.png)center no-repeat var(--bg01);}
.basic_bd01_view .view_btn_box .back:hover img{display: none;}

/* 사진갤러리&동영상게시판 */
.gallery_bd02 .con ul.img_li {display: flex; gap: 80px 2%; flex-wrap: wrap;}
.gallery_bd02 .con ul.img_li li {width: 32%;}
.gallery_bd02 .con ul.img_li li .img_wrap {position: relative; width: 100%; height: 0; overflow: hidden; margin: 0 auto; border-radius: 10px; padding-bottom: 65.559%;}
.gallery_bd02 .con ul.img_li li .img_wrap img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; transition: all 0.2s linear; overflow: hidden;}
.gallery_bd02 .con ul.img_li li .img_wrap img:hover {transform: scale(1.1);}
.gallery_bd02 .con ul.img_li li .txt_wrap {margin-top: 20px;}
.gallery_bd02 .con ul.img_li li .txt_wrap span.month {font-size: 20px; color: #00a3cc; font-weight: 600;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 20px; color:#222; font-weight: 600;word-break: break-word;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 1px solid #ddd; font-size: 16px; color: #444; padding-top: 16px; margin-top: 16px;}
.gallery_bd02 .con ul.img_li {gap: 45px 2%;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 18px;}
.gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 0; margin-top: 0; padding-top: 10px; font-size: 14px;}
.gallery_bd02 .search_box{display: flex; flex-direction: row-reverse; align-items: end;margin-bottom: 30px;}
.gallery_bd02 .search_box .search{display: flex;gap:10px;justify-content: end;}
.gallery_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;}
.gallery_bd02 .search_box .input_wrap{position: relative;}
.gallery_bd02 .search_box .input_wrap input{width: 558px; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd;  border-radius:50px;padding: 0px 74px 0px 40px;}
.gallery_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);}
.gallery_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);}

/* .basic_board_wrap */
.basic_board_wrap .sub03_tab {display:flex; justify-content: center; gap: 16px;}
.basic_board_wrap .sub03_tab li {width: 180px; border: 1px solid #dddddd; border-radius: 24px;}
.basic_board_wrap .sub03_tab li a {display: block; font-size: 16px; color: #999999; padding: 15px 0; text-align: center;}
.basic_board_wrap .sub03_tab li a.on {background-color: #006db5; border: 1px solid #006db5;}
.basic_board_wrap .sub03_tab li.on a {background-color: #006db5; color: #fff; border-radius: 24px; font-weight: 500;}

/* 
.basic_board_wrap {display:flex; justify-content: center; margin-bottom: 50px;}
.basic_board_wrap .sub03_tab {display: flex;  justify-content: center; gap: 16px;}
.basic_board_wrap .sub03_tab li {width: 180px; border: 1px solid #dddddd; border-radius: 24px;}
.basic_board_wrap .sub03_tab li a {display: block; font-size: 16px; color: #999999; padding: 15px 0; text-align: center;}
.basic_board_wrap .sub03_tab li.on {background: #006db5; border: 1px solid #006db5;}
.basic_board_wrap .sub03_tab li.on a {color: #fff; font-weight: 500;} */



/* sub0102 */
.sub0102_wrap{display:flex;justify-content: space-between; gap:5%;}
.sub0102_wrap .txt_wrap{width:80%;}
.sub0102_wrap .txt_wrap h3{color:#222; font-size:28px; margin-bottom:40px; position:relative;}
.sub0102_wrap .txt_wrap h3:before{ position:absolute; content:""; top:45px; left:0; background:#006db5; width:80px; height:3px;}
.sub0102_wrap .txt_wrap p{color:#333; font-size:18px; line-height:25px; margin-bottom:15px; word-break:keep-all;}
.sub0102_wrap .img_wrap{width:20%; text-align:center;}
.sub0102_wrap .img_wrap span{display:block; font-size:18px; font-weight:500; color:#006db5; margin:10px 0;}
.sub0102_wrap .img_wrap h2{font-size:20px; font-weight:500; color:#333;}
.sub0102_wrap .img_wrap h2 b{font-size:24px; font-weight:600; color:#222; padding:0 10px;}
.sub0102_wrap .img_wrap img{box-shadow:8px 8px 0px rgb(0 109 181); margin-bottom:15px;}


/* sub0103 */
.sub0103_wrap .con .click_all ul.click_btn{display:flex;justify-content: center; gap:50px; margin-bottom:80px;}
.sub0103_wrap .con .click_all ul.click_btn li{font-size:18px; width:280px;text-align:center; line-height:1.2; display:flex;align-items: center;    justify-content: center; border-bottom: 2px solid #dddddd; padding-bottom: 15px;}
.sub0103_wrap .con .click_all ul.click_btn li.on{ color:#006db5; border-bottom: 2px solid #006db5;;}
.sub0103_wrap .click_con .history_wrap {color: #222; display: flex; gap:140px; width:50%; margin:0 auto; margin-bottom: 100px;}
.sub0103_wrap .click_con .history_wrap:last-child {margin-bottom: 0;}
.sub0103_wrap .click_con .history_wrap strong {font-size: 36px; position: relative; margin-right: 22px; display: block; font-weight: 800; line-height: 1;     height: fit-content;}
.sub0103_wrap .click_con .history_wrap strong:before {position: absolute; content: ""; width: 80px; height: 3px; background:#006db5; top: 50%; left: 110px; transform: translateY(-50%);}
.sub0103_wrap .history_wrap ul.right_wrap {position: relative;padding-left: 30px; margin-top: 5px;}
.sub0103_wrap .history_wrap ul.right_wrap li {position: relative; font-size: 16px; display: flex; gap:10px; margin-bottom: 30px;}
.sub0103_wrap .history_wrap ul.right_wrap li:last-child {margin-bottom: 0;}
.sub0103_wrap .history_wrap ul.right_wrap li:after {position: absolute; content: ""; width: 8px; height: 8px; background:#006db5; top: 7px; left: -33px; border-radius: 50%;}
.sub0103_wrap .history_wrap ul.right_wrap li em {font-weight: 800;    line-height: 1.5;}
.sub0103_wrap .history_wrap ul.right_wrap li p {color: #555;     line-height: 1.5;}


/* sub0104 교수소개 */
.sub0104_wrap ul.item_wrap{display:flex;flex-wrap: wrap;gap:5%;}
.sub0104_wrap ul li.item{display:flex; width:30%; box-shadow:2px 2px 20px rgb(9 38 70 / 8%); position:relative; margin-bottom:40px;}
.sub0104_wrap ul li.item:before{position:absolute; content:''; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.1); display:none; }
.sub0104_wrap ul li.item .img_wrap{width: 47%;}
.sub0104_wrap ul li.item .img_wrap a{display: block;}
.sub0104_wrap ul li.item .img_wrap a img{width: 100%; aspect-ratio:0.843 / 1; object-fit:cover;}
.sub0104_wrap ul li.item .info{padding:25px 30px; display:flex; flex-direction: column;justify-content: space-between;}
.sub0104_wrap ul li.item .info p{font-size:15px; color:#444;}
.sub0104_wrap ul li.item .info p strong{font-size:22px; color:#222; padding-right:10px;}
.sub0104_wrap ul li.item .info p.name{font-size:18px; margin-bottom:40px;font-weight:500; position:relative; }
.sub0104_wrap ul li.item .info p.name:before{position:absolute;  content:""; width:20px ;height:2px; top:40px; left:0;background:#006db5; }
.sub0104_wrap ul li.item .info p span{display:block; font-weight:700; color:#006db5;font-size:15px;}
.sub0104_wrap ul li.item .info .bottom p{ font-weight:500;  margin-bottom:5px; line-height:1.2; font-size:14px;}
.sub0104_wrap ul li.item:hover{cursor:pointer; }
.sub0104_wrap ul li.item:hover:before{display:block; }

.sub0104_wrap .pop_wrap{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.sub0104_wrap .pop_wrap .pop_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 6000;}
.sub0104_wrap .pop_wrap .pop_box{position: absolute;left: 50%;top: 50%;transform:translate(-50% , -50%) scale(.7);z-index: 7000;transition:.5s;opacity: 0;width: 1400px; height: 850px; background: #fff; padding: 40px 60px 60px 60px;}
.sub0104_wrap .pop_wrap.on .pop_box{opacity: 1;transform:translate(-50% , -50%) scale(1);}
.sub0104_wrap .pop_wrap .pop_box .btn_box{display: flex;justify-content: flex-end;margin-bottom: 15px;}
.sub0104_wrap .pop_wrap .pop_box .btn_box button img{width: 25px;}
.sub0104_wrap .pop_wrap .pop_box .pop_info {height: 710px; overflow: scroll; display: flex;/*  flex-wrap:wrap; */ gap:50px;}
.sub0104_wrap .pop_wrap .pop_box .pop_info::-webkit-scrollbar {width: 4px;  /* 스크롤바의 너비 */}
.sub0104_wrap .pop_wrap .pop_box .pop_info::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: rgba(0,0,0,.2); /* 스크롤바의 색상 */}
.sub0104_wrap .pop_wrap .pop_box .pop_info::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.sub0104_wrap .pop_wrap .pop_box .pop_info .img_wrap2 {width: 330px;}
.sub0104_wrap .pop_wrap .pop_box .pop_info .img_wrap2 .img {position: relative; width: 100%; height: 0; padding-bottom: 119%;overflow: hidden;}
.sub0104_wrap .pop_wrap .pop_box .pop_info .img_wrap2 .img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: auto; max-width: 100%; max-height: 100%; margin: auto;}
.sub0104_wrap .pop_info .info_wrap {width: 100%; margin-top: 30px;}
.sub0104_wrap .pop_info .info_wrap .tit_wrap{display:flex;align-items: flex-end;  padding-bottom:20px;  border-bottom: 2px solid #ddd;}
.sub0104_wrap .pop_info .info_wrap .tit_wrap p.p_tit {font-size: 32px; color:#222; font-weight:700; padding-right:10px;}
.sub0104_wrap .pop_info .info_wrap .tit_wrap em {font-size: 20px; color:#006db5;font-weight:700;}
.sub0104_wrap .pop_info .info_wrap ul.info {margin-top:30px;display: flex;flex-direction: column; gap:15px;}
.sub0104_wrap .pop_info .info_wrap ul.info li span {font-size: 18px; width: 25%; color: #006db5;font-weight: 700; padding-bottom:8px;}
.sub0104_wrap .pop_info .info_wrap ul.info li p {font-size: 18px; width: 75%; line-height: 1.5;color: #333;}
.sub0104_wrap .pop_info .info2 {width: calc(100% - 350px); }
.sub0104_wrap .pop_info .info2 .his:not(:last-child) {margin-bottom: 40px;}
.sub0104_wrap .pop_info .info2 .his ul li{font-size:16px;color: #555;font-weight: 500; margin-bottom: 8px; word-break:keep-all;}
.sub0104_wrap .pop_info .info2 .his p{font-size:16px;color: #555;font-weight: 500; line-height:1.3; word-break:keep-all;}
.sub0104_wrap h4.h4_tit {position: relative; font-size: 28px; color: #222; font-weight: 700; padding-left: 34px; margin-bottom: 20px;}
.sub0104_wrap h4.h4_tit:before {position: absolute; content: ''; width: 22px; height: 22px; border: 6px solid #006db5; top: 3px; left: 0;}

.tab_button {display:flex; justify-content: center; margin-bottom: 50px;}
.tab_button ul {display: flex;  justify-content: center; gap: 16px;}
.tab_button ul li {width: 180px; border: 1px solid #dddddd; border-radius: 24px;}
.tab_button ul li a {display: block; font-size: 16px; color: #999999; padding: 15px 0; text-align: center;}
.tab_button ul li.on {background: #006db5; border: 1px solid #006db5;}
.tab_button ul li.on a {background-color: #006db5; color: #fff; border-radius: 24px; font-weight: 500;}




/* sub0105 */
.sub0105_wrap {width:1200px; margin:0 auto;}
.sub0105_wrap .con1{margin-bottom:50px;}
.sub0105_wrap .con1 p{ display:inline-block;font-size:16px; color:#444; padding-right:30px; }
.sub0105_wrap .con1 p b{ display:inline-block;font-size:16px; color:#333; }
.sub0105_wrap .con1 table{width:100%;  margin-top:30px; border:2px solid #00416c;}
.sub0105_wrap .con1 table tr th{padding:10px 0; font-size:16px; color:#333; font-weight:700;background:#e5f0f7;border:1px solid #00416c;border-bottom:2px solid #00416c;}
.sub0105_wrap .con1 table tbody tr td:nth-child(1) {width: 150px;}
.sub0105_wrap .con1 table tbody tr td:nth-child(2) {width: 100px;}
.sub0105_wrap .con1 table tbody tr td:nth-child(3) {width: 250px;}
.sub0105_wrap .con1 table tr td{padding:10px 0; font-size:15px; color:#333; font-weight:400;border:1px solid #7fb6da;text-align:center;}

/* sub0106 */
.sub0106_wrap {width:100%;display:flex;justify-content: center; }
.sub0106_wrap img{width:1200px; }

/* sub0107 */
.sub0107_wrap .con01{margin-top:50px;}
.sub0107_wrap .traffic_info b{width:22px; height:22px; color:#fff; display:inline-block; font-size:18px; padding:2px 0px; text-align:center;}
.sub0107_wrap .traffic_info h4{font-size:18px; color:#333;}
.sub0107_wrap .traffic_info .traffic_inner{display:flex; align-items: center; gap:40px; font-size:18px; margin-bottom:15px; color:#555;}
.sub0107_wrap .con01 a{border:1px solid #006db5; padding:10px 15px; font-size:16px; color:#006db5; margin-top:10px;    display: inline-block;}
.sub0107_wrap .con01 a:hover{border:1px solid #006db5; background:#006db5; padding:10px 15px; font-size:16px; color:#fff; margin-top:10px;    display: inline-block;}
.sub0107_wrap .root_daum_roughmap{width:100%;height:450px;}
.sub0107_wrap .root_daum_roughmap .wrap_map{height:450px;}
.sub0107_wrap .img_wrap{margin-top:50px;}

/* sub09_1_1 */
.sub09_1_1_wrap {width:1200px; margin:0 auto; }
.sub09_1_1_wrap .con01{display:flex; flex-direction:column; gap:50px; align-items: center;border-radius:20px; border:3px solid #e5f0f7; padding:30px 0;}
.sub09_1_1_wrap .con01 .txt_wrap{text-align:center;}
.sub09_1_1_wrap .con01 .txt_wrap h2{color:#006db5; margin-bottom:20px; font-size:22px; font-weight:700;}
.sub09_1_1_wrap .con01 .txt_wrap p{color:#333; margin-bottom:5px; font-size:17px;}
.sub09_1_1_wrap .con02{ margin-top:50px;}
.sub09_1_1_wrap .con02 ul {display:flex; gap:30px; }
.sub09_1_1_wrap .con02 ul li{ width:calc(100% / 3); font-size:20px; color:#006db5;border:3px dashed #b2d3e8; border-radius:10px;font-weight:700; text-align:center; padding:50px 0;}
.sub09_1_1_wrap .img_box{display:flex;justify-content: center;}

/* sub09_1_3 */
.sub09_1_3_wrap {width:1200px; margin:0 auto; }
.sub09_1_3_wrap .img_wrap{border:2px solid #ddd; border-radius:20px; }
.sub09_1_3_wrap .txt_wrap{ margin-top:50px; }
.sub09_1_3_wrap .txt_wrap .txt_box{margin-bottom:20px;}
.sub09_1_3_wrap .txt_wrap .txt_box h4 {font-size:20px; font-weight:bold; color:#222; position: relative; display:inline-block;}
.sub09_1_3_wrap .txt_wrap .txt_box p {font-size:18px; margin-top:10px; color:#444; line-height:1.2; word-break:keep-all;}
.sub09_1_3_wrap .txt_wrap .txt_box h4:before {position: absolute; left:-10%; bottom: 0; content: ''; display: inline-block; width: 120%; height: 15px; z-index: -1; background:#e5f0f7;}

/* sub09_1_4 */
.sub09_1_4_wrap {width:1200px; margin:0 auto; }
.sub09_1_4_wrap .sub09_1_4_img{width:900px; margin:0 auto;     display: block;}
.sub09_1_4_wrap .txt_wrap{ margin-top:50px; text-align:center; }
.sub09_1_4_wrap h3{ font-size:24px; color:#006db5;}
.sub09_1_4_wrap p{ font-size:18px; line-height:1.2; margin-top:10px; color:#333;}

/* sub09_2 */
.sub09_2_wrap .list_wrap ul{display: flex; flex-wrap:wrap;gap:40px;}
.sub09_2_wrap .list_wrap ul li{width: calc((100% - 80px) / 3);}
.sub09_2_wrap .list_wrap ul li a{display: block;}
.sub09_2_wrap .list_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:75%;}
.sub09_2_wrap .list_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;transition: transform .3s ease;}
.sub09_2_wrap .list_wrap ul li .img_wrap:hover{ transform: scale(1.1);}
.sub09_2_wrap .list_wrap ul li .txt_wrap{margin-top: 10px;}
.sub09_2_wrap .list_wrap ul li .txt_wrap h2{color: #222; font-size: 18px; font-weight: 600;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub09_2_wrap .list_wrap ul li .txt_wrap p{margin-top:15px;color: #555; font-size: 16px; font-weight: 600;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }


.sub09_2_wrap .paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
.sub09_2_wrap ul.paging{display: flex; justify-content: center; font-size:0; }
.sub09_2_wrap ul.paging li{display:block; margin:0 10px; width:40px; height:40px;  vertical-align:middle; border:none; }
.sub09_2_wrap ul.paging li.style01{border-radius:0;border: 1px solid #ddd;}
.sub09_2_wrap ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:17px; color:#999; line-height:38px;}
.sub09_2_wrap ul.paging li a img{display: block; }
.sub09_2_wrap ul.paging li.on{background:#006db5;  border-radius:50%;}
.sub09_2_wrap ul.paging li.on a{color:#ffffff;}
.sub09_2_wrap ul.paging li.p_btn { margin:0 10px;}
.sub09_2_wrap ul.paging li.p_btn a { border:1px solid #ddd;}

/* sub09_2_view */
.sub09_2_view_wrap h1{text-align:center; color:#222; font-size:24px;}
.sub09_2_view_wrap .con01{margin-top:50px; position:relative;}
.sub09_2_view_wrap .con01 .img_box{display:flex; width:100%;}
.sub09_2_view_wrap .con01 .img_box img{ width:50%;}
.sub09_2_view_wrap .con01:before{position:absolute;content:''; bottom:-50px; left:50%; transform:translateX(-50%); width:100px; height:3px; background:#006db5; }
.sub09_2_view_wrap .con02{margin-top:100px;}
.sub09_2_view_wrap .con02 ul{display: flex; flex-wrap:wrap;gap: 35px 33px;}
.sub09_2_view_wrap .con02 ul li{position: relative;width: calc((100% - 99px) / 4);background:#f6f6f6;height: 330px; border-radius: 20px;padding: 40px 30px; border:2px solid 
#99c4e1;word-break: keep-all;transition:.4s;}
.sub09_2_view_wrap .con02 ul li .img_box {display:flex; flex-direction: column;align-items: center; }
.sub09_2_view_wrap .con02 ul li .img_box p{font-size:16px; color:#333; font-weight:500; margin-top:10px;}
.sub09_2_view_wrap .con02 ul li .img_box p.name{font-size:18px; margin-top:20px; font-weight:700;}
.sub09_2_view_wrap .list01{text-align:center; margin-top:100px;}
.sub09_2_view_wrap .list01 a{font-size:18px; color:#006db5; /* background:#006db5; */ border:2px solid #006db5; display:inline-block; padding:15px 30px; width:180px;}
.sub09_2_view_wrap .list01 a:hover{font-size:18px; color:#fff; background:#006db5; border:2px solid #006db5; display:inline-block; padding:15px 30px; width:180px;}

/* sub0201 */
.sub0201_wrap .con01{display:flex; gap:50px;align-items: center; justify-content: center;}
.sub0201_wrap .circle{width:200px; height:200px; border-radius:100%; background: #1488CC; background: -webkit-linear-gradient(to right, #2B32B2, #1488CC); background: linear-gradient(to right, #2B32B2, #1488CC);
color:#fff; text-align:center; font-size:30px; font-weight:bold; line-height:1.4; padding:60px 0;}
.sub0201_wrap .con01 .txt_box {box-shadow:2px 2px 20px rgb(9 38 70 / 12%); padding:30px 0; width:50%;}
.sub0201_wrap .con01 .txt_box ul{margin:0 auto; width:84%;}
.sub0201_wrap .con01 .txt_box li{ font-size:20px; margin-bottom:20px; color:#333; }
.sub0201_wrap .con01 .txt_box li:last-child{ font-size:20px; margin-bottom:0px; color:#333; }
.sub0201_wrap .con01 .txt_box li b{ font-size:24px; margin-bottom:20px; color:#333; font-weight:900; color:#006db5; }
.sub0201_wrap .con02{margin-top:100px;}

/* sub0202 */
.sub0202_wrap .con01{box-shadow:2px 2px 20px rgb(9 38 70 / 12%); padding:20px 30px; margin-bottom:50px;}
.sub0202_wrap .txt_wrap p{font-size:17px; color:#333; word-break:keep-all; line-height:1.4; font-weight:500;}
.sub0202_wrap .txt_wrap ul {margin-top:15px;}
.sub0202_wrap .txt_wrap ul li {margin-bottom:8px; font-size:17px; color:#444;}
.sub0202_wrap .txt_wrap table{width:100%; margin-top:30px; border-bottom:2px solid #4c98cb;}
.sub0202_wrap .txt_wrap table thead th{position: relative;}
.sub0202_wrap .txt_wrap table thead th span{position: absolute; right: 20px; top: 50%; transform:translateY(-50%); transition: transform 0.2s ease; font-size: 12px;}
.sub0202_wrap .txt_wrap table thead .toggle-title.on span{transform: translateY(-60%) rotate(180deg);}
.sub0202_wrap .txt_wrap table tr th{padding:10px 0; font-size:15px; color:#fff; background:#4c98cb;}
.sub0202_wrap .txt_wrap table tr th:first-child{border-right:1px solid #fff;}
.sub0202_wrap .txt_wrap table tr td{text-align:center; font-size:15px; color:#333; padding:5px 0; border:1px solid #99c4e1;}
.sub0202_wrap .txt_wrap table tr td.tblst_01{border-left:none; font-size:16px ;font-weight:500;}
.sub0202_wrap .txt_wrap table tr td.tblst_02{text-align:left; padding-left:20px;}
.sub0202_wrap .txt_wrap table tr td:last-child{border-right:none;}
.sub0202_wrap .txt_wrap table tr td ul li{text-align:left; font-size:15px; color:#333; padding-left:20px;}
.sub0202_wrap .txt_wrap table tr.tblst_03 td{background:#e5f0f7; font-weight:500;}

/* sub0204 */
.sub0204_wrap .tb_sch {border-top: 1px #ddd solid;border-bottom: 1px #ddd solid}
.sub0204_wrap .tb_sch td {padding: 0;border-bottom: 1px #ddd solid}
.sub0204_wrap .tb_sch .txtbold {font-size: 1em;color: #0089d7;padding: 18px;}
.sub0204_wrap .tb_sch .txtbold a {color: #0089d7; font-size:18px;font-weight: 600;}
.sub0204_wrap .tb_sch_in {font-size:16px; color:#333;}
.sub0204_wrap .tb_sch_in td {padding: 5px;font-size:16px; color:#333;}
.sub0204_wrap .tb_sch_in tr:last-child td {border: none;}
.sub0204_wrap .tb_sch_in .redtxt {color: #C00}
.sub0204_wrap .con01{margin-bottom:50px;}

/* sub0205 */
.sub0205_wrap tr td.tb00{width:50%;}
.sub0205_wrap .con01{margin-bottom:50px;}
.sub0205_wrap .tb01 {border-top: 2px #cddbe4 solid;border-bottom: 1px #cddbe4 solid;border-left: 1px solid #fff;border-right: 1px solid #fff;border-collapse: collapse;margin-bottom: 6px}
.sub0205_wrap .tb01 th {border-bottom: 1px solid #cddbe4;background-color: #fafafc;padding: 6px 3px;color: #0089d7;font-size: 16px;font-weight: 600;text-align: center}
.sub0205_wrap .tb01 td {border-bottom: 1px solid #cddbe4;padding: 6px 5px;color: #7d7d7d;font-size: 15px;line-height: 1.5em;text-align: left}
.sub0205_wrap .tb01 .tdgray {border-bottom: 1px solid #d3d6d9;background-color: #fafafc;padding: 6px 3px;color: #464646;font-size: 15px;text-align: center}
.sub0205_wrap .tb01 td:nth-child(3),.sub0205_wrap .tb01 td:nth-child(4) {text-align: center;}
.sub0205_wrap h4{font-size:24px; margin-bottom:20px; color:#444;}
.sub0205_wrap h3{font-size:20px; margin:40px 0 10px; color:#444;}

/* sub0207 */
.sub0207_wrap tr td.tb00{width:50%;}
.sub0207_wrap .con01{margin-bottom:50px;}
.sub0207_wrap .tb01 {border-top: 2px #cddbe4 solid;border-bottom: 1px #cddbe4 solid;border-left: 1px solid #fff;border-right: 1px solid #fff;border-collapse: collapse;margin-bottom: 6px}
.sub0207_wrap .tb01 th {border-bottom: 1px solid #cddbe4;background-color: #fafafc;padding: 6px 3px;color: #0089d7;font-size: 16px;font-weight: 600;text-align: center}
.sub0207_wrap .tb01 td {border-bottom: 1px solid #cddbe4;padding: 6px 5px;color: #7d7d7d;font-size: 15px;line-height: 1.5em;text-align: left;}
.sub0207_wrap .tb01 .tdgray {border-bottom: 1px solid #d3d6d9;background-color: #fafafc;padding: 6px 3px;color: #464646;font-size: 15px;text-align: center}
.sub0207_wrap .tb01 td:nth-child(3),.sub0205_wrap .tb01 td:nth-child(4) {text-align: center;}
.sub0207_wrap h4{font-size:24px; margin-bottom:20px; color:#444;}
.sub0207_wrap h3{font-size:20px; margin:40px 0 10px; color:#444;}
.sub0207_wrap .tb01 td:nth-child(even) {width:45%;}
.sub0207_wrap p{font-size:18px; margin-bottom:20px; line-height: 25px; color:#444;}
.sub0207_wrap img {width:100%;}

/* sub0301 */
.sub0301_wrap {width:1300px; margin:0 auto;}
.sub0301_wrap .con1{box-shadow:2px 2px 20px rgb(9 38 70 / 12%); padding:30px 40px; font-size:17px; color:#333; line-height:25px; word-break:keep-all;}
.sub0301_wrap .con2{box-shadow:2px 2px 20px rgb(9 38 70 / 12%); padding:30px 40px; margin-top:50px;}
.sub0301_wrap .con2 .box01 p{border-bottom:2px solid #006db5; display:inline-block; padding-bottom:10px;  margin-bottom:15px; width:; font-size:17px; color:#006db5;}
.sub0301_wrap .con2 .box01 ul li span{color:#006db5; font-weight:600; padding-right:5px;}
.sub0301_wrap .con2 ul li{font-size:15px; color:#333; margin-bottom:5px; line-height:20px; word-break:keep-all;}
.sub0301_wrap .con2 .box02 p{border-bottom:2px solid #002b48; display:inline-block; padding-bottom:10px;  margin-bottom:15px; width:; font-size:17px; color:#002b48; margin-top:20px;}
.sub0301_wrap .con2 .box02 ul li span{color:#002b48; font-weight:600; padding-right:5px;}

/* sub0303 */
.sub0303_wrap .click_con{width:1200px; margin:0 auto;}
.sub0303_wrap .click_con .c_box01{box-shadow:2px 2px 20px rgb(9 38 70 / 12%); margin:50px 0; padding:20px 30px;}
.sub0303_wrap .click_con .c_box01 ul li{font-size:16px; margin-bottom:10px; color:#222; text-align:center;}
.sub0303_wrap .click_con .c_box01 ul li:last-child{font-size:16px; margin-bottom:0px; color:#222;}
.sub0303_wrap .datatable_3 {width: 100%;text-align: center;margin-top: 5px;}
.sub0303_wrap .datatable_3 tr th {font-size:16px; padding: 9px 0 6px 0;background-color: #fafafc;color: #0089d7;border-left: 1px solid #cddbe4;border-top: 2px solid #cddbe4;border-bottom: 1px solid #cddbe4;}
.sub0303_wrap .datatable_3 tr th:first-child {border-left: none;}
.sub0303_wrap .datatable_3 tr td {padding: 15px 10px 14px 14px;border-left: 1px solid #cddbe4;border-bottom: 1px solid #cddbe4;font-size:15px; color:#555;}
.sub0303_wrap .datatable_3 tr td:first-child {border-left: none;background-color: #fafafc;}
.sub0303_wrap .datatable_3 tr td.tdst_01 ul{display:flex;justify-content: space-around;}

/* sub0304 */
.sub0304_wrap .datatable_2 {width: 100%;text-align: center;margin-top: 5px;border-left:2px solid #fff; border-right:2px solid #fff; border-top: 2px solid #cddbe4;}
.sub0304_wrap .datatable_2 tr th {font-size:16px;padding: 9px 0 6px 0;background-color: #fafafc;color: #0089d7;border-left: 1px solid #cddbe4;border-right: 1px solid #cddbe4;border-top: 1px solid #cddbe4;border-bottom: 1px solid #cddbe4;}
.sub0304_wrap .datatable_2 tr th:first-child {border-left: none;}
.sub0304_wrap .datatable_2 tr td {font-size:15px;color:#444;padding: 15px 10px 14px 14px;border-right: 1px solid #cddbe4;border-left: 1px solid #cddbe4;border-bottom: 1px solid #cddbe4;}
.sub0304_wrap .datatable_2 tr td.force_border_left {border-left: 1px solid #cddbe4 !important;}
.sub0304_wrap .datatable_2 tr td.force_border_right {border-right: 1px solid #cddbe4 !important;}
.sub0304_wrap .datatable_2 tr td:first-child {border-left: none;}
.sub0304_wrap .datatable_2 tr td:last-child {border-left: none;}
.sub0304_wrap .datatable_2 tr td:nth-child(4n) {text-align: left;}
.sub0304_wrap .c3_ast {display: block;}
.sub0304_wrap .con02 {margin-top:50px;}

/* sub0401 */
.sub0401_wrap .con01{margin-bottom:50px;}
.sub0401_wrap .txt_wrap {display:flex; justify-content: space-between;align-items: flex-start;}
.sub0401_wrap .txt_wrap p{font-size:17px; color:#333; line-height:23px;}
.sub0401_wrap .txt_wrap a{ padding: 17px 40px;height: 60px;font-size: 18px;font-weight: 700; color:#fff; background:#006db5; border-radius:50px; line-height: 26px;}
.sub0401_wrap .txt_wrap a:hover{ padding: 17px 40px;height: 60px;font-size: 18px;font-weight: 700; color:#006db5; background:#fff; border:2px solid #006db5; border-radius:50px; line-height: 26px;}
.sub0401_wrap .con02 .process-list {margin-top: 70px;display: flex;gap: 81px;width: 100%;align-items: center;justify-content: center;flex-wrap: wrap}
.sub0401_wrap .con02 .process-list li {margin-top: 10px;display: flex;align-items: center;justify-content: center}
.sub0401_wrap .con02 .process-list li div {width: 180px;height: 180px;border: 4px solid #006db5;border-radius: 100%;text-align: center;
font-size: 18px;font-weight: 500;line-height: 160%;letter-spacing: 0;color: #333;display: flex;flex-direction: column;align-items: center;justify-content: center}
.sub0401_wrap .con02 .process-list li div .num {margin-bottom: 4px;display: block;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: 0;color: #171717}
.sub0401_wrap .con02 .process-list li div.red-area {border-color: #cc0000;color: #8b0000; background:#fff;}
.sub0401_wrap .con02 .process-list li div.red-area .num{font-weight: 700; color:#8b0000;}
.sub0401_wrap .con02 .process-list li:not(:first-child)::before {content: "";display: flex;width: 24px;height: 24px;    margin-right: 50px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.43945 6.50174C9.71464 6.19215 10.1887 6.16426 10.4983 6.43945L16.4983 11.7728C16.6554 11.9125 16.7467 12.1118 16.7499 12.322C16.7531 12.5323 16.6679 12.7342 16.515 12.8786L10.515 18.5453C10.2138 18.8297 9.73916 18.8161 9.45475 18.515C9.17034 18.2138 9.1839 17.7392 9.48504 17.4547L14.89 12.3501L9.50174 7.56056C9.19215 7.28538 9.16426 6.81132 9.43945 6.50174Z' fill='%23171717'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: cover}
.sub0401_wrap .con03 table {width:50%;}
.sub0401_wrap .con03 table tr td{font-size:18px; color:#006db5; font-weight:700;  border-bottom:1px solid #ccc; padding:20px 30px; vertical-align: baseline;}
.sub0401_wrap .con03 table tr td:first-child{width:200px;}
.sub0401_wrap .con03 table tr td ul li{font-size:16px; color:#333; font-weight:400; position:relative; padding-left:15px;}
.sub0401_wrap .con03 table tr td ul li:before{position:absolute; content:""; width:4px; height:4px; border-radius:10px; background:#333;top:10px; left:0;}
.sub0401_wrap .con03 table tr td ul li a{font-size:13px; background:#006db5; color:#fff; padding:5px 10px; margin-left:5px;}


/* sub0402 */
.sub0402_wrap {display:flex; flex-direction:column;align-items: center;}
.sub0402_wrap .img_wrap{display:flex; flex-direction:column;align-items: center;}
.sub0402_wrap .btn01{width:250px; height:45px; line-height:45px; font-size:18px; /* background:#006db5; */ border:2px solid #006db5; 
border-radius:50px; text-align:center; margin-top:50px; color:#006db5;}
.sub0402_wrap .btn01 a{color:#006db5;}
.sub0402_wrap .btn01:hover{background:#006db5;color:#fff;}
.sub0402_wrap .btn01:hover a{background:#006db5;color:#fff;}

/* sub0403 */
.sub0403_wrap table{margin-bottom:30px;}
.sub0403_wrap table tr td .td_box{display:flex; gap:30px;}
.sub0403_wrap table tr td .td_box span{width:30%;}
.sub0403_wrap table tr td .td_box .dm4_ts{width:70%; text-align:left; word-break:keep-all;}
.sub0403_wrap table tr td a{color:#333;}

/* sub0404 */
.sub0404_wrap .con01 .pro-info .define h4 span{font-size:22px; padding-bottom:10px; display:block;}
.sub0404_wrap .con01 .pro-info .define p{font-size:18px; color:#333; line-height:1.5; word-break:keep-all;}
.sub0404_wrap .con01 .pro-info .define .section{margin-bottom:50px;}
.sub0404_wrap .con01 .pro-info .define .section .box01{display:flex; gap:30px; margin-top:20px;}
.sub0404_wrap .con01 .pro-info .define .section .box01 img{width:25%; border-radius:10px;}
.sub0404_wrap .con01 .pro-info .define .section .box02 {display:flex;flex-direction: row-reverse;}

/* sub0601 */
.tit1{font-size:26px; padding-left:1.4em;position:relative;margin-bottom:0.7em; line-height:1.4;}
.tit1::before{content:''; display:inline-block; width:0.7em; height:0.7em; position:absolute; left:0; top:5px; margin-top:0.2em; border:4px solid #006cb8;}
.tit4 {font-size:34px; margin-bottom:0.7em; color: #006cb8;}
.sub0601_wrap{color:#222; line-height:1.5;}
.sub0601_wrap h5 a{color:#222;}
.sub0601_wrap h5.h5_tit:before{position:absolute; top:50%; transform:translateY(-50%); left:0;}
.sub0601_wrap .con-p {font-size:17px; font-weight:300; margin-bottom:50px;}
.sub0601_wrap .link_wrap a{display:flex; align-items:center;}
.sub0601_wrap .link_wrap img{height:0.8em; margin-left:10px;}

.sub0601_wrap .con {margin-bottom: 50px;}
.sub0601_wrap a.down_btn { padding: 17px 40px;font-size: 18px;font-weight: 700; color:#fff; background:#006db5; border:2px solid #006db5;border-radius:50px; display:inline-block;}
.sub0601_wrap a.down_btn:hover{ padding: 17px 40px;color:#006db5; background:#fff; border:2px solid #006db5; border-radius:50px; display:inline-block;}
.sub0601_wrap .con .list_box {display:flex; gap: 10px; }
.sub0601_wrap .con .list_box > li {box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1); padding: 25px; width: calc((100% - 30px)/4);}
.sub0601_wrap .con .list_box li p.p_tit {font-size: 18px; color: #222; font-weight: 600; margin-bottom: 10px;}
.sub0601_wrap .con .list_box li p.p_txt {font-size: 16px; color: #555; }
.sub0601_wrap .con .dot_list {margin-top: 20px;}
.sub0601_wrap .con .dot_list li {position:relative; font-size: 16px; color: #555; padding-left: 14px; margin-bottom: 5px;}
.sub0601_wrap .con .dot_list li:last-child {margin-bottom: 0;}
.sub0601_wrap .con .dot_list li::before {position:absolute;content:""; width: 4px; height: 4px; background: var(--co01); left: 0; top: 8px; border-radius: 50%;}
.sub0601_wrap .con em {font-size: 16px; color: #555;display:inline-block; margin-top: 10px;}

/* sub0602 */
.sub0602_wrap .tb01{text-align:center; border-top: 2px solid var(--co01); width: 100%;}
.sub0602_wrap .tb01 th,
.sub0602_wrap .tb01 td{color:#222; padding:13px 10px; border:1px solid #ddd;}
.sub0602_wrap .tb01 tr:first-child th {background: #f7f7f7; color: var(--co01);}
.sub0602_wrap .tb01 th{font-size:18px;}
.sub0602_wrap .tb01 td{font-size:16px;}
.sub0602_wrap .tb01 .blue{color:#000;}
.sub0602_wrap .txt_wrap{font-size:18px; color:#222; line-height:1.5; margin-top:30px;}
.sub0602_wrap .txt_wrap > ul > li{margin-bottom:15px;}
.sub0602_wrap .txt_wrap > ul > li > div{margin:10px 15px;}
.sub0602_wrap .txt_wrap li p{display:flex;}
.sub0602_wrap .txt_wrap .fl_bl{display:block;}
.sub0602_wrap .txt_wrap span{margin-right:5px; display:block;}
.sub0602_wrap .txt_wrap .detail{margin:5px 15px; line-height:1.5;}
.sub0602_wrap .txt_wrap .detail li{display:flex;}
.sub0602_wrap .txt_wrap .detail li i{padding:0px 3px;}
.sub0602_wrap .txt_wrap .detail .de_tit{align-items:flex-start;}
.sub0602_wrap .txt_wrap .detail .de_tit1{margin-left:15px;}

/* sub0603 */
.sub0603_wrap > div{margin-bottom:50px; font-size:24px; line-height:1.5;}
.sub0603_wrap h5.h5_tit:before{position:absolute; top:50%; transform:translateY(-50%); left:0;}
.sub0603_wrap ul.box_list{display:flex; text-align:center; flex-wrap:wrap; gap:20px;}
.sub0603_wrap .box_list li{padding:20px; border-radius:10px; border:10px double #fff; background:#006db5; color:#fff; height:132px;}
.sub0603_wrap .box_list01 li {width:calc((100% - 40px) / 3); }
.sub0603_wrap .box_list02 li {width:calc((100% - 60px) / 4); }
.sub0603_wrap .box_list li:hover{border:10px double #006db5; background:#fff; color:#006db5;}
.sub0603_wrap .box_list li:hover b::before{background:#006db5;}
.sub0603_wrap .box_list li:hover b::after{background:#006db5;}
.sub0603_wrap .box_list li span{font-size:18px;}
.sub0603_wrap .box_list li b{width:100%;font-weight:500; position:relative; display:block;}
.sub0603_wrap .box_list li b::before{content:''; width:34%; height:2px; background:#fff; position:absolute; top:50%; left:0px;}
.sub0603_wrap .box_list li b::after{content:''; width:34%; height:2px; background:#fff; position:absolute; top:50%; right:0px;}
.sub0603_wrap .box_list li .b_tit::before{content:''; width:100%; height:2px; background:#fff; position:absolute; top:50%; left:0px; }
.sub0603_wrap .box_list li .b_tit em {display:inline-block; position:relative; background: var(--co01); z-index: 1; padding: 0 30px;}
.sub0603_wrap .box_list li:hover .b_tit em {display:inline-block; position:relative; background: #fff; z-index: 1; padding: 0 30px;}

.sub0603_wrap .box_list02 li b::before{content:''; width:28%; height:2px; background:#fff; position:absolute; top:50%; left:0px;}
.sub0603_wrap .box_list02 li b::after{content:''; width:28%; height:2px; background:#fff; position:absolute; top:50%; right:0px;}

.sub0603_wrap ul.tabs{ display:flex;justify-content: center; gap:50px; margin-bottom:80px;}
.sub0603_wrap ul.tabs li{ font-size:18px; width:280px;text-align:center; line-height:1.2; display:flex;align-items: center;    justify-content: center; border-bottom: 2px solid #dddddd; padding-bottom: 15px; cursor:pointer;}
.sub0603_wrap ul.tabs li.current{ color:#006db5; border-bottom: 2px solid #006db5;}
.sub0603_wrap .tab-content{ display: none; }
.sub0603_wrap .tab-content.current{ display: inherit;}
.sub0603_wrap .box_st01{margin-top:50px;}


/* sub0201 */
.place01{margin-bottom:10px;}
.place01 .txt_left{float:left; width:380px; text-align:center;}
.place01 .txt_left h3{font-size:26px; color:#0074bc; margin-bottom:0px; font-weight:500;}
.place01 .txt_left .tbl03{/* border:1px solid #ddd; */ width:300px; margin:0 auto; padding-top:15px;}
.place01 .txt_left table{width:300px;  margin:0 auto; }
.place01 .txt_left tr{height:70px; }
.place01 .txt_left th{color:#333; font-weight:500;}
.place01 .txt_left input[type="text"]{width:300px; border: 1px solid #eaeaea; /* background:#f6f7f7; */ border-radius:5px; height:50px; padding-left:50px; outline:0;}
.place01 .txt_left input::placeholder{color:#aaa; }
.place01 .txt_left ul li{margin-top:30px; width:46%; float:left; border:1px solid #ddd; padding:20px 0; cursor:pointer;}
.place01 .txt_left ul li:first-child{margin-right:2%; margin-left:3%;}
.place01 .txt_left ul li:hover{border:1px solid #5a9ae4;}
.place01 .txt_left ul li img.hover_img{display:none;}
.place01 .txt_left li:hover img:first-child{display:none;}
.place01 .txt_left li:hover img.hover_img{display:inline-block;}
.place01 .txt_left a{color:#214155; display:block;}
.place01 .txt_left a p{padding-top:10px;}
.place01 .txt_left button{width:170px; padding:8px 5px; color:#fff; margin-left:20px; line-height:1.5;outline:0;}
.place01 .txt_left .btn01{padding-bottom:20px; padding-top:10px;}
.place01 .txt_left .btn01 button{width:60%;  background:#0074bc; height:50px;color:#fff; margin-left:0; line-height:1.5;  border-radius:25px;}
.place01 .tbl_right{float:left; width:820px}
.place01 .tbl_right table{; border-top:2px solid #0074bc;}
.place01 .tbl_right tr:last-child{height:100px;}
.placement .tbl_right tr:last-child{height: 50px;}
.place01 .tbl_right th, .sub201_wrap .tbl_right td{border:1px solid #ddd; text-align:center; padding:12px;}
.place01 .tbl_right th{color:#333; background:#f9f9f9; font-weight:500;}
.place01 .tbl_right p{text-align:center; margin-top:10px;}

/* sub0301 */
.place02 .tbl_right table{width:100%; text-align:center; border-top:2px solid #0074bc}
.place02 .tbl_right th, .sub0301_wrap .tbl_right td{border:1px solid #ddd; height:50px;padding:10px;}
.place02 .tbl_right th{background:#f9f9f9; color:#222; font-weight:500;} 
.place02 .tbl_right td{border: 1px solid #ddd; padding: 0 10px;}
.place02 .btn_wrap{background: #666; padding: 5px 0; border-radius:5px ;}
.place02 .btn_wrap a{color: #fff; font-size: 14px; display: block;}

/* online_form01 */
.online_form01{padding: 40px; background: #e5f1fc; position: relative; z-index: -2;} 
.online_form01 .form_bg{background: #1e71c1; width: 100%; height: 150px; position: absolute; top: 0; left: 0; z-index: -1;}
.online_form01 .form_wrap{background: #fff; padding: 40px; border: 1px solid #ddd; z-index: 10;}
.online_form01 h6{font-size: 26px; color: #222; margin-bottom:40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; text-align: center; font-weight: 500;}
.online_form01 .clfix{border-bottom: 1px solid #ddd; padding-bottom:50px; margin-bottom: 40px;}
.online_form01 input[type=text]{width:80%; border: 1px solid #eaeaea; /* background:#f6f7f7; */ border-radius:5px; height:50px; padding-left:10px; outline:0; }
.online_form01 input[type=file]{width:80%; border: 1px solid #eaeaea; /* background:#f6f7f7; */ border-radius:5px; height:50px; padding-left:10px; outline:0; padding-top: 11px;}
.online_form01 input[type=checkbox]{margin-right: 10px;}
.online_form01 p.tit{position: relative; padding-left: 10px;}
.online_form01 p.tit:before{position: absolute; width: 3px ; height: 10px; background: #0074bc; content: ''; left: 0; top: 17px;}
.online_form01 p.tit2:before{top: 10px;}
.online_form01 .left p{margin-bottom: 20px;}
.online_form01 .left span{width: 100px; display: inline-block; font-weight: 500; font-size: 17px; color: #333;}
.online_form01 .right .bg{background: #f7f7f7; border-radius:10px; padding: 20px 30px;}
.online_form01 .right p{font-weight: 500; font-size: 17px; color: #333; margin-bottom: 5px; margin-top: 20px;}
.online_form01 .right p span{display: inline-block;} 
.online_form01 .right span{display: block; margin-bottom: 5px;}
.online_form01 .right em{color: #64a0e6; display: block; margin-bottom: 10px;}
.online_form01 .btn_wrap{background: #0074bc;  width: 200px; margin: 0 auto; text-align: center;}
.online_form01 .btn_wrap a{color: #fff; display: block; padding: 15px 0;}