/* 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'); 
 }

@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

/* 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: 'NanumSquareRound',sans-serif;; 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;}


/*로그인스킨*/
#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%;}


/*회원가입 스킨*/
.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;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1200px;  margin: 0 auto; overflow: hidden;}
.inner{width: 1200px; margin: 0 auto; max-width:100%;}

#header{height: 100px; border-bottom:1px solid #ddd;}
#header .inner{display: flex;height: 100%; justify-content:space-between; align-items:center;}

/* gnb */
#nav{position: relative;}
#nav .main_menu{display:flex;align-items: center;gap:85px;}
#nav .main_menu > li{position:relative;height: 100%;}
#nav .main_menu > li > a{display: block;text-align: center;font-size:22px;color:#222;height: 100%;font-weight:900;position:relative;line-height: 100px;transition:.5s;}
#nav .main_menu > li.on > a{color: #295a94; background: #fff;}
#nav .main_menu li ul{display:none; position:absolute;width:calc(100% + 1px); min-width: 240px;padding:30px 20px; background:#fff;top:100%;z-index:1000;left: 50%;transform: translate(-50%, 0); border:1px solid #ddd;}
#nav .main_menu .on ul{display:block;}
#nav .main_menu li ul li{margin-bottom:10px;}
#nav .main_menu li ul li:last-child { margin-bottom:0;}
#nav .main_menu li ul li a{color:#555;font-size:18px;width:100%;}

/* visual_wrap */
#visual_wrap{position: relative;}
#visual_wrap .txt_wrap{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);}
#visual_wrap .visual_slide li{opacity: .2;transition:.8s;}
#visual_wrap .visual_slide li.slick-center{opacity: 1;}
#visual_wrap .visual_slide li p{width: 1200px;}
#visual_wrap .slick-dots{position: absolute; bottom: 20px;display: flex;gap:10px; justify-content:center;width: 100%;}
#visual_wrap .slick-dots li{transition:.4s; width: 8px; height: 8px; background: rgba(255,255,255); border-radius:50%;text-indent: -9999px;opacity: .3;}
#visual_wrap .slick-dots li.slick-active{width: 20px; height: 8px; background: rgba(255,255,255);border-radius:50px;text-indent: -9999px;opacity: 1;}

.section{padding: 40px 0;line-height: 1;}
.section .tit{display: flex; justify-content:space-between; align-items:center;border-bottom:2px solid #ddd;padding-bottom: 20px;}
h4.sec_tit{position: relative;font-size: 27px; color: #222; font-weight: 900;padding: 0px 10px;display: inline-block; }
h4.sec_tit::after{content:'';position: absolute; left: 0; bottom: -3px; width: 100%; height: 16px; background: rgba(41,90,148,.3);z-index: -1;}
.section .tit a.more_btn{display: block;color: #898989; font-size: 18px;}
.section .tit a.more_btn::after{content:''; display: inline-block;vertical-align: text-top; margin-left: 10px; width: 19px; height: 19px; background-size: cover;background: url(/images/main/more_btn05.png);transition:.4s;}
.section .tit a.more_btn:hover::after{transform:rotate(180deg);}

/* section01 */
#section01 .box_wrap{display: flex; gap:16px;}
#section01 .box_wrap .box{position: relative;height: 200px;padding: 30px;box-shadow: 5px 5px 5px rgba(0,0,0,.2);}
#section01 .box_wrap .box a.more_btn{position: absolute; bottom: 30px; right: 30px;color: #fff;font-size: 14px; font-weight: 700;}
#section01 .box_wrap .box a.more_btn::after{content:''; display: inline-block;vertical-align: sub; margin-left: 10px;width: 20px; height: 20px; background-size: cover;}
#section01 .box_wrap .box01{width: 400px; background: url(/images/main/sec01_img01.jpg)center no-repeat; background-size: cover;}
#section01 .box_wrap .box01 p.p_tit{font-size: 28px; color: #fff; font-weight: 900;padding-bottom: 15px;}
#section01 .box_wrap .box01 p{font-size: 16px; color: #fff;font-weight: 400;line-height: 24px;}
#section01 .box_wrap .box01 a.more_btn::after{background: url(/images/main/more_btn01.png)center no-repeat; }
#section01 .box_wrap .box02{width: 250px;transition:.5s;}
#section01 .box_wrap .box02 p{color: #fff;font-size: 22px;}
#section01 .box_wrap .box02:hover p{color: #555;font-size: 22px;}
#section01 .box_wrap .box:nth-child(2){background: #259ea1;}
#section01 .box_wrap .box:nth-child(3){background: #2785ab;}
#section01 .box_wrap .box:nth-child(4){background: #295a94;}
#section01 .box_wrap .box02:hover{background: #fff;}
#section01 .box_wrap .box02 em{display: block;margin-bottom: 20px;background-size: cover;transition:.5s;}
#section01 .box_wrap .box:nth-child(2) em{background: url(/images/main/sec01_icon01.png)center no-repeat; width: 75px; height: 40px; }
#section01 .box_wrap .box:nth-child(3) em{background: url(/images/main/sec01_icon02.png)center no-repeat; width: 71px; height: 40px; }
#section01 .box_wrap .box:nth-child(4) em{background: url(/images/main/sec01_icon03.png)center no-repeat; width: 36px; height: 40px; }
#section01 .box_wrap .box:nth-child(2):hover em{background: url(/images/main/sec01_icon01_on.png)center no-repeat; width: 75px; height: 40px; }
#section01 .box_wrap .box:nth-child(3):hover em{background: url(/images/main/sec01_icon02_on.png)center no-repeat; width: 71px; height: 40px; }
#section01 .box_wrap .box:nth-child(4):hover em{background: url(/images/main/sec01_icon03_on.png)center no-repeat; width: 36px; height: 40px; }
#section01 .box_wrap .box02 a.more_btn{left: 30px;}
#section01 .box_wrap .box02:hover a.more_btn{color: #555;}
#section01 .box_wrap .box:nth-child(2) a.more_btn::after{background: url(/images/main/more_btn02.png)center no-repeat; }
#section01 .box_wrap .box:nth-child(3) a.more_btn::after{background: url(/images/main/more_btn03.png)center no-repeat; }
#section01 .box_wrap .box:nth-child(4) a.more_btn::after{background: url(/images/main/more_btn04.png)center no-repeat; }
#section01 .box_wrap .box:nth-child(2):hover a.more_btn::after{background: url(/images/main/more_btn02_on.png)center no-repeat; }
#section01 .box_wrap .box:nth-child(3):hover a.more_btn::after{background: url(/images/main/more_btn03_on.png)center no-repeat; }
#section01 .box_wrap .box:nth-child(4):hover a.more_btn::after{background: url(/images/main/more_btn04_on.png)center no-repeat; }

/* section02 */
#section02{padding: 0;}
#section02 .inner{display: flex; gap:26px;}
#section02 .con{width: calc((100% - 26px) / 2);min-height: 500px;}
#section02 .con .tit{padding: 20px 20px 20px 24px;}
#section02 .con01 .top{display: flex; gap:20px; align-items:center;padding: 20px 30px; border-bottom:1px dashed #ddd;}
#section02 .con01 .top .date{width: 90px; height: 90px; background: #295a94; border: 4px solid #a9bdd4; border-radius:50%;padding-top: 16px;}
#section02 .con01 .top .date p{font-size: 26px; color: #fff;margin-bottom: 4px;text-align: center;font-weight: 800;}
#section02 .con01 .top .date span{display: block;font-size: 15px;color: #fff;text-align: center;font-weight: 800;}
#section02 .con01 .top .txt{width: calc(100% - 110px);}
#section02 .con01 .top .txt strong{display: block;color: #222;font-size: 18px; font-weight: 700;margin-bottom: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section02 .con01 .top .txt p{color: #555;font-size: 16px; font-weight: 400;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section02 .con .bot ul li{height: 60px;border-bottom:1px dashed #ddd;padding: 0 20px;}
#section02 .con .bot ul li a{display: flex; justify-content:space-between; line-height: 60px;}
#section02 .con .bot ul li a p{position: relative;width: calc(100% - 140px);font-size: 16px;padding-left: 10px;color: #222; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section02 .con .bot ul li a p::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); background: #295a94; width: 4px; height: 4px; border-radius:50%;}
#section02 .con .bot ul li a em{display: block; width: 140px;font-size: 16px; color: #898989;font-weight: 400;text-align: right;}
#section02 .con02 .bot ul li{height: 62px;}
#section02 .con02 h4.sec_tit::after{background: rgba(37,158,161,.3);}
#section02 .con02 .tit a.more_btn::after{background: url(/images/main/more_btn06.png);}
#section02 .con02 .bot ul li a{line-height: 62px;}
#section02 .con02 .bot ul li a p::before{background: #259ea1;}

/* section03 */
#section03 .tit{justify-content:center;padding-bottom: 40px;border: none;}
#section03 h4.sec_tit::after{background: rgba(39,133,171,.3);}
#section03 .sec03_slide{position: relative;}
#section03 .sec03_slide a{display: block; width: 280px;}
#section03 .sec03_slide .img_wrap{position:relative; width:100%; padding-bottom:71.429%;}
#section03 .sec03_slide .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%;}
#section03 .slick-prev{position: absolute; top: 50%; transform:translateY(-50%); left: -50px; background: url(/images/main/sec03_prev.png)center no-repeat; width: 18px; height: 33px; background-size: cover; text-indent: -9999px;}
#section03 .slick-next{position: absolute; top: 50%; transform:translateY(-50%); right: -50px; background: url(/images/main/sec03_next.png)center no-repeat; width: 18px; height: 33px; background-size: cover; text-indent: -9999px;}
#section03 .txt_wrap{padding-top: 20px;min-height:65px;}
#section03 .txt_wrap p{font-size: 16px; color: #555; min-height: 29px;font-weight: 700;padding-bottom: 13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section03 .txt_wrap span{font-size: 16px;color: #898989;font-weight: 400;}

/* footer */
#footer{background: #e3e3e3;}
#footer .inner{display: flex; justify-content:space-between;}
#footer address p{font-size: 14px; color: #666; line-height: 29px;}
#footer address p.copy{color: #898989;margin-top: 12px;}

/* ===sub================================================================= */
#sub_visual_wrap{position: relative;}
#sub_visual_wrap .txt_wrap{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);}
#sub_visual_wrap .txt_wrap h3{position: relative;font-size: 50px; color: #fff; font-weight: 600; text-align: center;z-index: 10;}
#sub_contents{width: calc(100% - 290px);}
#sub_contents .contop{display: flex;justify-content:space-between;align-items: baseline;padding-bottom: 10px; border-bottom:1px solid #ddd; margin-bottom: 30px;padding-top: 20px;}
#sub_contents .contop h3{font-size: 34px; color: #222; font-weight: 700;}
#sub_contents .contop .sub_nav{display: flex;gap:30px}
#sub_contents .contop .sub_nav li{position: relative;font-size: 14px; color: #999;}
#sub_contents .contop .sub_nav li img{vertical-align: sub;}
#sub_contents .contop .sub_nav li:not(:last-child)::after{content:'';position: absolute;right: -19px; top: 50%; transform:translateY(-50%);display: inline-block;background: url(/images/sub/sub_nav_arr.png)center no-repeat;width: 7px; height: 12px; background-size: cover;}
.sub_container {padding: 50px 0;}
.sub_container .inner{display: flex;justify-content:space-between;gap: 40px;}

/* sub_menu */
.sub_menu_box{ width:250px;}
.sub_menu_box .sub_menu_tit{position: relative;background-image:url(/images/sub/nav_bg.jpg); background-size:250px 150px;width:100%;height:150px; }
.sub_menu_box .sub_menu_tit h2{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);width: 100%;padding: 0 10px;text-align:center;color:#fff; font-size:24px;font-weight:900;line-height: 36px;}
.sub_menu_box .lnb h3 {position: relative; width:250px; height:50px; border:1px solid #ddd; margin:10px 0 0;transition:.1s;}
.sub_menu_box .lnb h3:first-child {margin-top:20px;}
.sub_menu_box .lnb h3::before{content: ''; position: absolute;top: 50%;transform: translateY(-50%);right: 26px;display: block;background: url(/images/sub/menu_arr.png)center no-repeat;width: 7px; height: 13px; background-size: cover;transition:.3s;}
.sub_menu_box .lnb h3 a { display:block; width:100%; height:100%; line-height: 50px;padding-left: 16px;}
.sub_menu_box .lnb h3 span{color:#888;font-size:16px; font-weight:500;}
.sub_menu_box .lnb h3 span:hover{color:#295a94;}
.sub_menu_box .lnb h3.on{border-left:2px solid #295a94;background: #e9eef4;}
.sub_menu_box .lnb h3.on::before{content: ''; position: absolute;top: 50%;transform: translateY(-50%);right: 20px;display: block;background: url(/images/sub/menu_arr_on.png)center no-repeat;width: 7px; height: 13px; background-size: cover;transition:.3s;}
.sub_menu_box .lnb h3.on span{color:#295a94;font-size:16px; font-weight:700;}
.sub_menu_box .lnb h3:hover::before{content: ''; position: absolute;top: 50%;transform: translateY(-50%);right: 20px;display: block;background: url(/images/sub/menu_arr_on.png)center no-repeat;width: 7px; height: 13px; background-size: cover;transition:.3s;}
.sub_menu_box .lnb h3:hover::after{right: 15px;}
.sub_menu_box .lnb h3:hover::before{right: 21px;}

/* sub 공통 */
h5.h5_tit {position:relative; padding-left: 14px; font-size: 20px; color: #222; margin-bottom: 30px;}
h5.h5_tit:before {position: absolute; content: ""; width: 4px; height: 18px; background: #295a94; left:0; top:50%; transform:translateY(-50%); border-radius: 20px;}
h6.h6_tit {font-size: 18px; color: #295a94; margin-bottom: 15px; }


/* sub0106 */
.sub0106_wrap {}
.sub0106_wrap .tbl01 {width:100%; border-top: 2px solid #295a94; margin-top: 30px;}
.sub0106_wrap .tbl01 tr th {font-size: 20px; color: #222; padding: 20px 25px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align:left; color: #295a94;}
.sub0106_wrap .tbl01 tr th strong {position:relative; padding-left: 60px;}
.sub0106_wrap .tbl01 tr th strong:before {position:absolute; content:"" ;width:40px; height:40px; background: url(/images/sub/sub0106_icon01.png) no-repeat; background-size: cover; left:0; top:50%; transform:translateY(-50%);}
.sub0106_wrap .tbl01 tr:nth-child(2) th strong:before { background: url(/images/sub/sub0106_icon02.png) no-repeat;}
.sub0106_wrap .tbl01 tr:nth-child(3) th strong:before { background: url(/images/sub/sub0106_icon03.png) no-repeat;}
.sub0106_wrap .tbl01 tr td {font-size: 16px; color: #555; padding: 20px 25px; border-bottom: 1px solid #ddd; }

/* sub0201 */
.sub0201_wrap .con {margin-top: 50px;}
.sub0201_wrap .con01 {margin-top: 0;}
.sub0201_wrap .con p {color:#555; font-size: 16px; line-height: 1.8; margin-bottom: 10px;}
.sub0201_wrap .con p:last-child {margin-bottom: 0;}

/* sub0202 */
.sub0202_wrap {word-break:keep-all;}
.sub0202_wrap .img_wrap img {border-radius: 10px;}
.sub0202_wrap span.color_b {color:#295a94; font-weight: 600; position:relative; font-size: 18px;}
.sub0202_wrap span.color_b:before {position:absolute; background: rgba(41,90,148,0.1); content:""; width: 100%; height: 10px; bottom:-1px;}
.sub0202_wrap .con p {margin-bottom:20px;}
.sub0202_wrap .con .txt_wrap {padding: 30px; background: rgba(41,90,148,0.1); border: 1px dashed rgba(41,90,148,0.3); margin-top:50px;}
.sub0202_wrap .con .txt_wrap p {color: #222; font-weight: 600;}

/* sub0203 */
.sub0203_wrap {word-break:keep-all;}
.sub0203_wrap .img_wrap img {border-radius: 10px;}
.sub0203_wrap .con .txt01 {padding: 25px; margin-bottom: 25px; background: rgba(41,90,148,0.1); border-radius: 10px;  border: 1px dashed #ddd; }

/* sub0204 */
.sub0204_wrap .slide_wrap_top .img_wrap{width:100%;height:0;position:relative;padding-bottom:57.582%;overflow:hidden;}
.sub0204_wrap .slide_wrap_top img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.sub0204_wrap .slide_wrap_top .text_wrap{position:absolute;left:0;bottom:0;width:100%;padding:0 10px;background:rgba(0,0,0,0.8);text-align:center;color:#fff;font-size:15px;line-height:60px;}
.sub0204_wrap .slide_wrap_bottom{margin-top:20px;width:calc(100% + 20px);}
.sub0204_wrap .slide_wrap_bottom .slick-list{overflow:hidden !important;}
.sub0204_wrap .slide_wrap_bottom .slick-track{left: -20px;}
.sub0204_wrap .slide_wrap_bottom li{margin-left: 20px;}
.sub0204_wrap .slide_wrap_bottom li .img_wrap{width:100%;height:0;position:relative;padding-bottom:57.582%;overflow:hidden;}
.sub0204_wrap .slide_wrap_bottom li .img_wrap img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.sub0204_wrap .slide_wrap_bottom li.slick-active.on .img_wrap:before{position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid #295a94;content:'';z-index:9999;}
.sub0204_wrap .slick-prev{font-size:0;background:#295a94 url(/images/sub/left_arr.png)center center no-repeat;top:50%;transform:translateY(-50%);left:1px;width:40px;height:100px;position: absolute; z-index:1;}
.sub0204_wrap .slick-next{font-size:0;background:#295a94 url(/images/sub/right_arr.png)center center no-repeat;top:50%;transform:translateY(-50%);right:1px;width:40px;height:100px;position: absolute;}