/* 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'); 
 }
  @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');
}
@font-face {
    font-family: 'ChosunSg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunSg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'MaruBuri';
	font-weight: 400;
	src: url('/font/MaruBuri-Regular.woff') format('woff');
}
@font-face {
	font-family: 'MaruBuri';
	font-weight: 600;
	src: url('/font/MaruBuri-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'MaruBuri';
	font-weight: 700;
	src: url('/font/MaruBuri-Bold.woff') format('woff');
}
@font-face {
	font-family: 'TheJamsil';
	font-weight: 100;
	src: url('/font/The-Jamsil-Thin.woff') format('woff');
}
@font-face {
	font-family: 'TheJamsil';
	font-weight: 200;
	src: url('/font/The-Jamsi-Light.woff') format('woff');
}
@font-face {
	font-family: 'TheJamsil';
	font-weight: 300;
	src: url('/font/The-Jamsil-Regular.woff') format('woff');
}
@font-face {
	font-family: 'TheJamsil';
	font-weight: 400;
	src: url('/font/The-Jamsil-Medium.woff') format('woff');
}
@font-face {
	font-family: 'TheJamsil';
	font-weight: 500;
	src: url('/font/The-Jamsil-Bold.woff') format('woff');
}
@font-face {
	font-family: 'TheJamsil';
	font-weight: 600;
	src: url('/font/The-Jamsil-ExtraBold.woff') format('woff');
}



/* 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: "TheJamsil"; 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;}



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

.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%);}


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


#header .inner{display: flex;align-items: center;justify-content: space-between;height: 130px;}
#header .right{display: flex;gap:30px;align-items: center;}
#header .right .sns{display: flex;gap:10px;}
#header .right .sns li a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ddd;}

/* gnb */
.gnb{display: flex;}
.gnb li{padding: 0 10px;}
.gnb li:last-child{padding: 0;}
.gnb li:last-child a{width: 105px;}
.gnb li a{display: block;font-size: 14px;color: #222;transition:.2s; font-family: 'TheJamsil'; font-weight:300;width: 117px;text-align: center;}
.gnb li:nth-child(2) a{width: 71px;}
.gnb li:nth-child(3) a{width: 81px;}
.gnb li:nth-child(4) a{width: 77px;}
.gnb li a:hover,
.gnb li.on a{color: #878787; font-weight: 700;}

/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .txt_wrap{position: absolute;bottom: /*-19px*/0;right: -8px;}
#visual_wrap .txt_wrap p{font-size: 100px;color: #fff;font-weight: 700; font-family: 'MaruBuri';}
#visual_wrap .txt_wrap p:nth-child(1){letter-spacing: 4px;}
#visual_wrap .txt_wrap p span{margin: 0 11px;}
#visual_wrap .slick-dots{position: absolute;right: 50px;top: 50%;transform:translateY(-50%);}
#visual_wrap .slick-dots li{text-indent: -9999px;margin-bottom: 15px;width: 15px;height: 15px;border-radius: 50%;background: #fff;opacity: .5;transition:.3s;}
#visual_wrap .slick-dots li.slick-active{opacity: 1;}


#footer{padding: 40px 0;line-height: 1;}
#footer .foot_all{display:flex; align-items: center; justify-content: space-between; justify-content: center;}
#footer address .fs_01{font-family: 'TheJamsil'; font-weight: 200;}
#footer ul{display: flex;gap:40px;margin-bottom: 15px; justify-content: center;}
#footer ul li a{font-size: 15px;color: #222;font-family: 'TheJamsil'; font-weight: 200;}
#footer address{display: flex;gap:40px; justify-content: center;}
#footer address:nth-child(2),
#footer address:nth-child(3){margin-bottom: 10px;}
#footer address .txt{position:relative; display: flex;gap:5px;align-items: center;font-size: 13px;color: #222;font-family:'TheJamsil'; font-weight: 200;}
#footer address .txt::after{position:absolute; content:''; width:1px; height:10px; background:#222; top:3px; right:-20px;}
#footer address .txt:last-child::after{display:none;}



/* --------------------------------------------------sub -------------------------------------------------------------*/
#wrap.sub_wrap{}
#header.sub_header{border-bottom: 1px solid #ddd;}
#footer.sub_footer{border-top: 1px solid #ddd;}

/* sub_tit_wrap */
/* .sub_tit_wrap{padding: 150px 0 120px;line-height: 1;} */
.sub_tit_wrap{padding:100px 0;line-height: 1;}
/* .sub_tit_wrap .inner {display: none;} */
.sub_tit_wrap h3{ font-family: "TheJamsil";font-size: 30px;color: #222;font-weight: 300;display: inline-block;}
.sub_tit_wrap p{font-size: 18px;color: #222;font-family: "TheJamsil"; font-weight:300; display: inline-block;}


/* sub_tab_menu */
.sub_tab_menu{margin-bottom: 50px;font-family: 'TheJamsil';}
.sub_tab_menu .inner{padding-bottom:10px; display: flex;gap:60px;line-height: 1;}
.sub_tab_menu h3 a{display: block;font-weight: 500;transition:.3s;padding-bottom: 3px;color: #000;font-size: 15px;/* border-bottom: 2px solid transparent; */}
.sub_tab_menu h3 a:hover,
.sub_tab_menu h3.on a{border-bottom: 2px solid #000;}


/* depth03_wrap */
.depth03_wrap{margin-bottom: 50px;font-family: 'TheJamsil';}
.depth03_wrap .inner{display: flex;height: 60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;   justify-content: center;}
.depth03_wrap h3 a{position: relative;transition:.3s;display: block;width: 160px;height: 100%;line-height: 60px;font-size: 18px;font-weight: 500;color: #888;text-align: center;}
.depth03_wrap h3 a:hover,
.depth03_wrap h3.on a{color: #000;}
.depth03_wrap h3 a:after{content:'';position: absolute;right: 0px;top: 50%;transform:translateY(-50%);width: 1px;height: 20px;background: #ddd;}
.depth03_wrap h3:last-child a:after{display: none;}
.depth03_wrap h3 a:before{content:'';position: absolute;opacity: 0;transition:.3s;left: 50%;bottom: 0;transform:translateX(-50%);width: 90px;height: 4px;background: #000;}
.depth03_wrap h3 a:hover:before,
.depth03_wrap h3.on a:before{opacity: 1;}

#sub_contents{padding-bottom: 150px;font-family: 'TheJamsil';}
#sub_contents .inner .conbody .sub0501_wrap{width:1200px; margin:0 auto;}


/* 공통 */
ul.list_st01{padding-top:10px; display: flex;gap:40px;flex-wrap:wrap; border-top:1px solid #ddd; }
ul.list_st01.list_st01_ca10{padding-top: 0; border-top: 0;}
ul.list_st01 li{width: calc((100% - 80px)/3);}
ul.list_st01 li a{position: relative;display: block;overflow:hidden;}
ul.list_st01 li a .img_box{position:relative; width:100%; padding-bottom:72.727%; }
ul.list_st01 li a .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}
ul.list_st01 li a .txt{display: flex;position: absolute;transition:.4s;align-items: center;justify-content: center;opacity: 0;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.5);}
ul.list_st01 li a:hover .txt{opacity: 1;}
ul.list_st01 li a .txt p{font-size: 18px;text-align: center;line-height: 29px;font-weight: 500;color: #fff;}

a.more_btn{display: flex;gap:10px;align-items: center;margin: 100px auto 0;justify-content: center;width: 220px;height: 60px;border-radius: 60px;background: #000;}
a.more_btn span{font-size: 18px;color: #fff;font-family: "TheJamsil";}

/* sub0101_view */
.sub0101_view_wrap{line-height: 1;}
.sub0101_view_wrap ul li{width: 100%;}
/* .sub0101_view_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:52.667%;}
.sub0101_view_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} */

.sub0101_view_wrap ul.big_img li .img_wrap{text-align: center; position: relative; width: 100%; height:0; padding-bottom: 52.667%; overflow:hidden;}
.sub0101_view_wrap ul.big_img li .img_wrap img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}

.sub0101_view_wrap ul.sm_img{margin-top: 30px;}
.sub0101_view_wrap ul.sm_img .slick-list{width: calc(100% + 20px);}
.sub0101_view_wrap ul.sm_img li{margin-right: 20px;width: auto; height: 140px;}
.sub0101_view_wrap ul.sm_img li img{height: 140px;}

/* sub0201 */
.sub0201_wrap .con01{padding:65px 0; display:flex; gap:150px; align-items: center; justify-content: center;}
.sub0201_wrap .con01 .img_wrap img{width:350px; height:500px; background:#000;}
.sub0201_wrap .con01 .txt_wrap p{font-size:14px; color:#222; font-weight:300;}
.sub0201_wrap .con01 .txt_wrap p ~ p{margin-top:20px; }

/* sub0301 */
.sub0301_wrap .con01{display:flex; height: 621px;}
.sub0301_wrap .con01 div{width:466px; background:#f9f9f9; z-index:-2;}
.sub0301_wrap .con01 .img_box img{width:100%; }
.sub0301_wrap .con01 .txt_wrap{position:relative; padding:80px 40px; }
.sub0301_wrap .con01 .txt_wrap::after{position:absolute; content:''; width:200px; height:40px; background:#fff; top:75px; left:0; z-index:-1;}
.sub0301_wrap .con01 .txt_wrap strong{ margin-bottom:50px; display:block; font-size:20px; color:#222; font-weight:300;}

.sub0301_wrap .con01 .txt_wrap ul li{display:flex; gap:30px; font-size:16px; color:#222; font-weight:300;}
.sub0301_wrap .con01 .txt_wrap ul li ~ li{margin-top:10px; }
.sub0301_wrap .con01 .txt_wrap ul li p{width:70px;}
.sub0301_wrap .con01 .txt_wrap ul li span{width:calc(100% - 100px); }

/* sub0401 */
:root {--bg01: #ea653d; }

.online_bd06{line-height: 1;}
.online_bd06 p.txt01{font-size: 16px;color: #333;text-align: right;margin-bottom: 15px;}
.online_bd06 p span{color: var(--bg01);}
.online_bd06 ul{display: flex;gap:20px 30px;flex-wrap:wrap;}
.online_bd06 ul li{display: flex;align-items: center;width: calc((100% - 30px)/2);background: #f4f4f4;;min-height: 70px;padding: 10px 20px 10px 0;}
.online_bd06 ul li:nth-child(7),
.online_bd06 ul li:nth-child(8),
.online_bd06 ul li:nth-child(9),
.online_bd06 ul li:nth-child(12){width: 100%;}
.online_bd06 ul li:nth-child(12){align-items: flex-start;}
.online_bd06 ul li:nth-child(12) p{padding-top: 20px;}
.online_bd06 ul li p{width: 230px;padding-left: 28px;font-size: 16px;color: #222;font-weight: 400;}
.online_bd06 ul li .flex01{width: calc(100% - 230px);}
.online_bd06 ul li .i_box{display: flex;gap:15px 20px;align-items: center;padding: 10px 10px; flex-wrap: wrap;}
.online_bd06 ul li .i_box .r_box input{display: none;}
.online_bd06 ul li .i_box .r_box label{position: relative;padding-left: 20px;font-size: 15px;color:rgba(0,0,0,0.5);}
.online_bd06 ul li .i_box .r_box label:after{font-family: 'xeicon';content: "\e92c";position: absolute;top: 55%;transform:translateY(-50%);left: 0px;font-size: 15px;color: rgba(0,0,0,0.5);}
.online_bd06 ul li .i_box .r_box input:checked + label{color: #222;}
.online_bd06 ul li .i_box .r_box input:checked + label:after{color: #000;content: '\e92b';}
.online_bd06 ul li input[type="text"]{height: 100%;border: 0;font-size: 14px;color: #222;padding: 0 10px;/*background: #f4f4f4;*/}
.online_bd06 ul li input[type="text"]::placeholder{color: rgba(0,0,0,0.5);font-size: 14px;}
.online_bd06 ul li input[type="text"].text01{display: inline-block;background: #fff; margin-left: 10px; height: 30px; border:1px solid #ddd; }
.online_bd06 ul li.lab_file label{display: flex;gap:5px;align-items:center;justify-content: center;width: 140px;height: 40px;border-radius: 50px;background: #333;cursor:pointer;}
.online_bd06 ul li.lab_file label span{font-size: 15px;color: #fff;}
.online_bd06 ul li.lab_file label input{display: none;}
.online_bd06 ul li textarea{height: 260px;padding: 10px;/*background: #f4f4f4;*/font-size: 14px;color: #222;border: 0;}
.online_bd06 ul li textarea::placeholder{color: rgba(0,0,0,0.5);font-size: 14px;}
.online_bd06 .btn_box{display: flex;margin-top: 30px;align-items: center;justify-content: space-between;}
.online_bd06 .btn_box .c_wrap{display: flex;gap:30px;align-items: center;}
.online_bd06 .btn_box .c_wrap .c_box input{display: none;}
.online_bd06 .btn_box .c_wrap .c_box label{position: relative;padding-left: 30px;font-size: 16px;color: #222;}
.online_bd06 .btn_box .c_wrap .c_box label:after{position: absolute;content: '\e92c';top: 53%; left: 0;font-size: 24px;color: #000;font-family: xeicon;transform:translateY(-50%);}
.online_bd06 .btn_box .c_wrap .c_box input:checked + label:after{content: '\e92b';}
.online_bd06 .btn_box button{width: 200px;height: 60px;border-radius: 10px;transition:.3s;border:3px solid #cfcfcf;font-size: 15px;color: #222;}
.online_bd06 .btn_box button:hover{border: 3px solid #717171;}

input:focus,
textarea:focus{outline: none;}

/* sub0501 */
.sub0501_wrap .con01 ul{display:flex; gap:10px 20px; flex-wrap:wrap;}
.sub0501_wrap .con01 ul li{width:calc((100% - 80px)/5);  text-align:center; }
.sub0501_wrap .con01 ul li .img_wrap{position:relative; height:200px; }
.sub0501_wrap .con01 ul li .img_wrap img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.sub0501_wrap .con01 ul li .txt_wrap{margin-top:30px; text-align:left; }
.sub0501_wrap .con01 ul li .txt_wrap span{display:block; font-size:15px; color:#222; font-weight:400;}
.sub0501_wrap .con01 ul li .txt_wrap p{font-size:13px; color:#555; font-weight:300; word-break:keep-all;}
.sub0501_wrap .con01 ul li .txt_wrap p:nth-child(2){margin:10px 0; }