/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
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: 'NanumSquareNeo'; 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;}

/* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */

:root {
  --co01: #bd1f78; /* 핑크 */
  --co02: #1b93d0; /* 파랑 */
  --co03: #8161aa; /* 보라 */
}

::selection{color: #fff; background: var(--co02);}

.pc_img {display:block;}
.mob_img {display:none;}
.pc {display:block;}
.mob {display:none;}

.fm{font-family: "Montserrat", sans-serif;}

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

#header{line-height: 1;}
#header .inner{display: flex;align-items: center; height: 100px; justify-content:space-between;}
#header .gnb{display: flex;gap:100px;}
#header .gnb li a{font-size: 18px; color: #333; font-weight: 700;}


#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .txt_wrap{position: absolute; left: 0;top: 50%;transform:translateY(-50%);width: 100%;}
#visual_wrap .txt_wrap strong{display: block;font-size: 55px; line-height: 80px; font-weight: 400;color: #333;}
#visual_wrap .txt_wrap strong b{font-family: 'NanumSquareNeoExtraBold';}
#visual_wrap .txt_wrap p{font-size: 30px; color: #333; font-family: 'NanumSquareNeoExtraBold'; margin-top: 25px;}
#visual_wrap .txt_wrap .btn_wrap{display: flex;gap:20px;align-items: center;margin-top: 50px;}
#visual_wrap .txt_wrap .btn_wrap a{display: flex; align-items: center;justify-content: center;gap:20px;font-weight: 700;}
#visual_wrap .txt_wrap .btn_wrap a.btn01{width: 300px; height: 72px; border-radius:36px;font-size: 20px; background: var(--co01); color: #fff;}
#visual_wrap .txt_wrap .btn_wrap a.btn02{width: 164px; height: 50px; border-radius:25px;font-size: 18px; color: var(--co01); border:2px solid var(--co01);}

/* 공통 */
.pop_st01{display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;overflow: scroll;}
.pop_st01 .pop_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);width: 1400px;}
@media screen and (max-width:1420px) {
.pop_st01 .pop_wrap{left: 0;transform:translateY(-50%);}
}
.pop_st01 .x_btn{display: block;width: fit-content;margin-left: auto;margin-bottom: 20px;}
.pop_st01 .pop_box{width: 100%;max-height: calc(100vh - 137px);background: #fff;overflow-y: scroll;padding: 60px 80px;}
.pop_st01 .pop_box .tit{font-size: 35px; color: #333; margin-bottom: 35px;font-family: 'NanumSquareNeoExtraBold';text-align: center;}
.pop_st01 .pop_box b.co01{color: var(--co01);}
.pop_st01 .pop_box b.co02{color: var(--co02);}
.pop_st01 .pop_box b.co03{color: var(--co03);}

.pop_st01 strong.tit02{position: relative;display: block;padding-left: 24px;color: #333;font-size: 20px;font-family: 'NanumSquareNeoExtraBold';margin-bottom: 20px;}
.pop_st01 strong.tit02::after{content:'';position: absolute; left: 0; top: 0;width: 3px; height: 20px;background: var(--co02);}
.pop_st01 strong.tit02 span{font-size:18px; color:#666;}

.pop_st01 .txt_box01{padding: 20px;background: #f5f5f5; border-radius:12px;}
.pop_st01 .txt_box01 p{font-size: 16px; color: #666; line-height: 30px;}
.pop_st01 .txt_box02{margin-bottom:20px;}

.pop_st01 ul.ul_st01 li{font-size: 16px; color: #666;}
.pop_st01 ul.ul_st01 li:not(:last-child){margin-bottom: 8px;}
.pop_st01 ul.ul_st01 li b:first-child{display: inline-block;transform: translateY(2px);font-size: 24px;}
.pop_st01 ul.ul_st01 li strong{color: #333;font-family: 'NanumSquareNeoExtraBold';}

/* pop02 */
.pop_st01.pop02 .con:not(:last-child){margin-bottom: 40px;}
.pop_st01.pop02 .r_txt{font-size: 18px; color: #666;margin-bottom: 30px;text-align: right;}
.pop_st01.pop02 .r_txt strong{color: #333;font-family: 'NanumSquareNeoExtraBold';}

.pop_st01.pop02-2 strong.tit02::after{background: var(--co03);}
.pop_st01.pop02-3 strong.tit02::after{background: var(--co01);}

.f_pop .pri_wrap{padding: 40px 30px; border:1px solid #ddd; border-radius:10px;margin-top: 60px;}
.f_pop .pri_wrap p{font-size: 16px; color: #666; line-height: 1.6; white-space:pre-wrap;}

select{width: 100%;height: 46px;border:1px solid #ddd; border-radius:6px;font-size: 16px; color: #999; background: url(/assets/images/main/select_icon01.png)center right 20px no-repeat #fff; padding: 0px 20px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
select:focus{outline:0;}

table.tbl01{width: 100%;border-top: 1px solid #ddd; }
table.tbl01 tr{border-bottom: 1px solid #ddd;}
table.tbl01 tr th{font-size: 18px; padding: 20px; color: #333;text-align: left;font-family: 'NanumSquareNeoExtraBold'; background: #f5f5f5;line-height: 30px;}
table.tbl01 tr td{font-size: 18px; padding: 20px;color: #333;line-height: 1;}

table.tbl02{width: 100%;border-top: 2px solid var(--co01); }
table.tbl02 tr{border-bottom: 1px solid #ddd;}
table.tbl02 tr th{font-size: 20px; padding: 20px 30px; color: #333;text-align: left;font-family: 'NanumSquareNeoExtraBold'; vertical-align: top;}
table.tbl02 tr th strong{position: relative;display: block; padding-left: 24px; color: var(--co01);}
table.tbl02 tr th strong::after{content:'';position: absolute; left: 0; top: 50%;transform:translateY(-50%);background: var(--co01);width: 3px; height: 20px;}
table.tbl02 tr td{font-size: 18px; padding: 20px;color: #333;line-height: 1;}

input[type="text"]{width: 100%;height: 46px;border:1px solid #ddd; border-radius:6px;font-size: 16px; color: #999; background: #fff;padding: 0px 20px;}
input[type="text"]::placeholder{font-size: 16px; color: #999; }
input[type="text"]:focus{outline:0;}

.ra_wrap{display: flex;align-items: center;gap:30px;flex-wrap:wrap;}
input.chk_st01{display: none;}
input.chk_st01 + label{display: block;position: relative;padding-left: 30px;font-size: 16px; color: #333;}
input.chk_st01 + label::after{content:'';position: absolute;left: 0; top: 0;width: 18px; height: 18px; border:1px solid #ddd; border-radius:50%;}
input:checked.chk_st01 + label::after{border:5px solid var(--co01);}

input.chk_st02{display: none;}
input.chk_st02 + label{display: block;position: relative;padding-left: 25px;font-size: 18px; color: #999;}
input.chk_st02 + label::after{content:'';position: absolute;left: 0; top: 0;width: 18px; height: 18px; border:1px solid #ddd; border-radius:6px;text-align: center; line-height: 16px;font-size: 15px;font-family: 'Pretendard';color: #fff;background: #fff;}
input:checked.chk_st02 + label::after{content:'✓';background: var(--co01); border:1px solid var(--co01);}

.pri_box_wrap .pri_box{width: 100%;height: 180px;border:1px solid #ddd; border-radius:6px;padding: 15px 20px;overflow-y: scroll;}
.pri_box_wrap .pri_box p{font-size: 16px; color: #999; white-space: pre-wrap;line-height: 1.6;}
.pri_box_wrap .chk_st02 + label{margin-top: 12px;}

textarea{width: 100%;height: 120px;border:1px solid #ddd; border-radius:6px;font-size: 18px; color: #999; resize:none;padding: 15px 20px;}
textarea::placeholder{font-size: 18px; color: #999;}
textarea:focus{outline:0;}

.btn_wrap_st01{display: flex; align-items: center; justify-content: center;}
.btn_wrap_st01.mt{margin-top: 30px;}
a.btn01{display: flex; align-items: center; justify-content: center; width: 164px; height: 50px; border-radius:25px;font-size: 18px; color: #fff;font-weight: 700; background: var(--co01);}
a.btn02{display: flex;align-items: center; justify-content: center;gap:20px;width: 300px; height: 72px;font-size: 20px;font-weight: 700;color: #666;background: #fff;border-radius:36px;}
a.btn02.co01{background: var(--co01);color: #fff;}

.search_wrap{display: flex;align-items: center; justify-content: space-between;margin-bottom: 30px;}
.search_wrap .left p{font-size: 16px; color: #333;font-family: 'NanumSquareNeoExtraBold';}
.search_wrap .right{display: flex;gap:5px;}
.search_wrap .right select{width: 160px; color: #666;}
.search_wrap .right .search{position: relative;display: flex;width: 280px;}
.search_wrap .right .search a.search_btn{position: absolute;right: 15px;top: 50%;transform:translateY(-50%);}

/* section */
.section{padding: 130px 0;line-height: 1;}
.section .sec_tit{margin-bottom: 60px;text-align: center;}
.section .sec_tit strong{display: block;font-size: 45px; line-height: 70px;color: #333;font-family: 'NanumSquareNeoExtraBold'; margin-bottom: 20px;}
.section .sec_tit strong b{color: var(--co01);}
.section .sec_tit p{font-size: 20px; color: #333;font-weight: 700;margin-bottom: 15px;}
.section .sec_tit span{display: block;font-size: 18px; color: #666; line-height: 30px;}

/* section01 */
#section01{position: relative;background: url(/assets/images/main/sec01_bg01.png)top left no-repeat , url(/assets/images/main/sec01_bg02.png)bottom right no-repeat;}
#section01::before{content:'';position: absolute; top: 0; left: 0; }
#section01 .inner{display: flex;gap:55px;}
#section01 .img_box{width: 700px; height: 440px;border-radius:40px;}
#section01 .img_box img{width: 100%; height: 100%; object-fit:cover;}
#section01 .txt_box{width: calc(100% - 755px);}
#section01 .txt_box .sec_tit{text-align: left;margin-bottom: 0;}
#section01 .txt_box .sec_tit p b{position: relative;}
#section01 .txt_box .sec_tit p b::after{content:'';position: absolute;bottom: -5px;left: 50%;transform:translateX(-50%);width: calc(100% + 10px); height: 16px; background: var(--co01);opacity: .2;z-index: -1;}

/* section02 */
#section02{background: #f5f5f5;}
#section02 .box_wrap{display: flex;gap:40px;}
#section02 .box_wrap .box{width: calc((100% - 120px) / 4);background: #fff;padding: 68px 30px; border-radius:40px;box-shadow:2px 2px 12px rgba(0,0,0,.12);}
#section02 .box_wrap .box .icon{position: relative;margin-bottom: 30px;padding-bottom: 30px;	}
#section02 .box_wrap .box .icon::after{content:'';position: absolute; left: 50%; bottom: 0; transform:translateX(-50%);width: 30px; height: 3px; background: var(--co02);}
#section02 .box_wrap .box .icon img{margin: 0 auto;transition:.4s;}
#section02 .box_wrap .box:hover .icon img{transform:rotateY(180deg);}
#section02 .box_wrap .box p{font-size: 24px; color: #333; font-family: 'NanumSquareNeoExtraBold'; text-align: center;margin-bottom: 25px;}
#section02 .box_wrap .box span{display: block;font-size: 18px; color: #666; line-height: 30px;text-align: center;}

/* section03 */
#section03{background: linear-gradient(180deg,var(--co02) 0%, var(--co01) 100%);}
#section03 .sec_tit{margin-bottom: 90px;}
#section03 .sec_tit strong{color: #fff;}
#section03 .sec_tit p{color: #fff;margin-bottom: 0px;font-family: 'NanumSquareNeoExtraBold';}
#section03 .sec_tit ul.bot_wrap{display: flex; align-items: center;gap:50px;justify-content: center;}
#section03 .sec_tit ul.bot_wrap li{display: flex;align-items: center;gap:10px;}
#section03 .sec_tit ul.bot_wrap li em{display: flex; align-items: center; justify-content: center;width: 90px; height: 34px; font-size: 18px; background: #fff; color: var(--co01);border-radius:17px;font-family: 'NanumSquareNeoExtraBold';}
#section03 .box_wrap{display: flex;}
#section03 .box_wrap .box{width: 50%;}
#section03 .box_wrap .box01 strong{display: block;font-size: 88px; text-align: center; color: #fff;font-weight: 700;}
#section03 .box_wrap .box01 .p_wrap{display: flex; align-items: center; justify-content: center;gap:50px;margin-top: 30px;}
#section03 .box_wrap .box01 .p_wrap p{position: relative;font-size: 20px;color: #fff; text-transform:uppercase;}
#section03 .box_wrap .box01 .p_wrap p:not(:last-child)::after{content:'';position: absolute; right: -24px; top: 50%; transform:translateY(-50%); width: 1px; height: 12px; background: #fff;}

#section03 .box_wrap .box02{padding-left: 100px;}
#section03 .box_wrap .box02 .txt_wrap{margin-bottom: 40px;}
#section03 .box_wrap .box02 .txt_wrap p{font-size: 20px; color: #fff; font-weight: 700;margin-bottom: 20px;}
#section03 .box_wrap .box02 .txt_wrap span{font-size: 18px; color: #fff; line-height: 30px;}
#section03 .box_wrap .box02 .txt_wrap span b{text-decoration:underline;text-underline-position: under;font-family: 'NanumSquareNeoExtraBold';}

/* section04 */
#section04{background: #f5f5f5;}
#section04 .con_wrap{background: #fff; border-radius:30px;padding: 80px 60px;}
#section04 .con_wrap .con:not(:last-child){margin-bottom: 80px;}

#section04 .con01 .input_wrap{display: flex;align-items: center;padding: 20px;background: #f5f5f5; border-radius:12px;}
#section04 .con01 .input_wrap .tit{width: 160px;font-size: 20px; color: #333; font-family: 'NanumSquareNeoExtraBold';}
#section04 .con01 .input_wrap .input{display: flex;align-items: center;gap:5px;width: calc(100% - 344px);}
#section04 .con01 .input_wrap .input input[type="text"]{width: 170px;font-size: 18px;}
#section04 .con01 .input_wrap .input input[type="text"]::placeholder{font-size: 18px;}
#section04 .con01 .input_wrap .input input.chk_st02 + label{margin-left: 5px;}
#section04 .con01 .input_wrap .input select{width: calc(100% - 615px);font-size: 18px;}
#section04 .con01 .input_wrap a{margin-left:10px;}

#section04 .con01 .box_wrap{display: flex;gap:20px;margin-top: 60px; }
#section04 .con01 .box_wrap .box{position: relative;width: calc((100% - 40px) / 3); height: 625px; border:1px solid #ddd;border-radius:30px;overflow: hidden;}
#section04 .con01 .box_wrap .box .tit{display: flex;align-items: center;justify-content: center;font-size: 20px; line-height: 30px; width: 100%;height: 84px; color: #fff; background: var(--co02);font-family: 'NanumSquareNeoExtraBold';text-align: center;}
#section04 .con01 .box_wrap .box .txt{padding: 35px 22px;}
#section04 .con01 .box_wrap .box .txt ul li{position: relative;padding-left: 20px;font-size: 16px; color: #666; line-height: 28px;}
#section04 .con01 .box_wrap .box .txt ul li:not(:last-child){margin-bottom: 15px;}
#section04 .con01 .box_wrap .box .txt ul li::after{content:'';position: absolute;top: 11px; left: 0;width: 5px; height: 5px; border-radius:50%;background: var(--co02);}
#section04 .con01 .box_wrap .box .txt a{position: absolute; bottom: 40px; left: 50%;transform:translateX(-50%);display: flex; align-items: center; justify-content: center;width: 220px;height: 60px;font-size: 18px;font-weight: 700;border-radius:30px;border:1px solid var(--co02); color: var(--co02);}

#section04 .con01 .box_wrap .box02 .tit{background: var(--co03);}
#section04 .con01 .box_wrap .box03 .tit{background: var(--co01);}

#section04 .con01 .box_wrap .box02 .txt ul li::after{background: var(--co03);}
#section04 .con01 .box_wrap .box03 .txt ul li::after{background: var(--co01);}

#section04 .con01 .box_wrap .box02 .txt a{border:1px solid var(--co03);color: var(--co03);}
#section04 .con01 .box_wrap .box03 .txt a{border:1px solid var(--co01);color: var(--co01);}

#section04 .con02 .sec_tit{margin-bottom:60px;}
#section04 .con02 .sec_tit a.btn02{margin:30px auto 0;}
.b_list_wrap li{position: relative;display: flex;gap:20px;padding: 30px 0;border-bottom: 1px solid #ddd;}
.b_list_wrap li::after{content:'';position: absolute;top: 30px;right: 0; width: 40px; height: 40px; border:1px solid #ddd; border-radius:50%; background: url(/assets/images/main/arr03.png)center no-repeat; transition:.5s;}
.b_list_wrap li.on::after{transform:rotate(180deg);}
.b_list_wrap li:last-child{border-bottom: 0;}
.b_list_wrap li .tag{display: flex;align-items: center; justify-content: center;width: 200px; height: 40px; border-radius:6px; font-size: 16px; background: var(--co01);color: #fff;}
.b_list_wrap li .tag02{background: var(--co02);}
.b_list_wrap li .tag03{background: var(--co03);}
.b_list_wrap li .txt{width: calc(100% - 220px);padding-right: 120px;transform: translateY(3px);height: 30px;overflow: hidden;transition:.5s;}
.b_list_wrap li .txt p{position: relative;	font-size: 18px; color: #333; line-height: 30px; width: fit-content;word-break: break-word;}
.b_list_wrap li .txt p.multi-line::after{content:'...';position: absolute;top: 0;right: -10px;}
.b_list_wrap li .txt .sub{align-items: center;gap:20px;margin-top: 25px;}
.b_list_wrap li .txt .sub span{position: relative;font-size: 18px; color: #999;}
.b_list_wrap li .txt .sub span:not(:last-child)::after{content:'';position: absolute;right: -10px; top: 50%; transform:translateY(-50%);width: 1px;height: 15px;background: #ddd;}

.b_list_wrap li.on .txt p.multi-line::after{display: none;}

#section04 .con02 .write_form{padding: 20px;margin: 20px 0 30px;background: #f5f5f5; border-radius:12px;}
#section04 .con02 .write_form .input01{display: flex;align-items: center;gap:10px;margin-bottom: 10px;}
#section04 .con02 .write_form .input01 input[type="text"]{font-size: 18px; width: 210px;}
#section04 .con02 .write_form .input01 input[type="text"]::placeholder{font-size: 18px;}
#section04 .con02 .write_form .input01 select{font-size: 18px; width: 300px;}
#section04 .con02 .write_form .input01 span{font-size: 18px; color: #999;}
#section04 .con02 .write_form .input02{display: flex;gap:20px;}
#section04 .con02 .write_form .input02 textarea{width: calc(100% - 184px);}
#section04 .con02 .write_form .input02 a.write_btn{display: flex;align-items: center; justify-content: center;width: 164px; height: 120px;font-size: 18px; font-weight: 700; background: var(--co01);color: #fff; border-radius:12px;}

/* section05 */
#section05{position: relative;background: url(/assets/images/main/sec05_bg01.png)top left no-repeat , url(/assets/images/main/sec05_bg02.png)bottom right no-repeat;}
#section05 table.tbl02 td .txt:not(:last-child){margin-bottom: 20px;}
#section05 table.tbl02 td .txt strong{display: block;font-size: 18px; color: #333; font-family: 'NanumSquareNeoExtraBold';margin-bottom: 15px;}
#section05 table.tbl02 td .txt .box{padding: 15px 20px;background: #f5f5f5; border-radius:6px;}
#section05 table.tbl02 td .txt .box p{font-size: 18px; color: #666; line-height: 32px;}

#section05 .box_wrap{display: flex;padding: 30px;margin-top: 20px;background: #faf6f9; border-radius:12px;}
#section05 .box_wrap strong{display: block;width: 190px;font-size: 20px; color: var(--co01);font-family: 'NanumSquareNeoExtraBold';}
#section05 .box_wrap p{font-size: 18px; color: #666; line-height: 32px;}

/* section06 */
#section06{padding: 100px 0px 130px;position: relative;background: url(/assets/images/main/sec06_bg01.png)top 60px left 115px no-repeat;}
#section06 .box_wrap{display: flex;align-items: center; justify-content: center;background: #fcf6f9;}
#section06 .box_wrap .box{position: relative;width: calc(100% / 3);padding: 60px; cursor:pointer;}
#section06 .box_wrap .box:not(:last-child)::after{content:'';position: absolute; top: 50%; right: 0; transform:translateY(-50%);width: 1px; height: 180px; background: #ddd;}
#section06 .box_wrap .box em{display: block;font-size: 18px; color: var(--co01); font-weight: 700;margin-bottom: 35px;}
#section06 .box_wrap .box .txt p{font-size: 20px; line-height: 34px; color: #333; margin-bottom: 10px;height: 63px; font-family: 'NanumSquareNeoExtraBold';overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section06 .box_wrap .box .txt span{display: block;font-size: 18px; color: #999; height: 56px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section06 .box_wrap .box .date{font-size: 16px; color: #999; margin-top: 50px;}
#section06 a.btn02{margin: 60px auto 0;}

/* footer */
#footer{line-height: 1;border-top: 1px solid #ddd;}
#footer .f_top{border-bottom: 1px solid #ddd;}
#footer .f_top .inner{display: flex;align-items: center; justify-content: space-between;height: 60px;}
#footer .f_top .a_wrap{display: flex;align-items: center;gap:20px;}
#footer .f_top .a_wrap a{font-size: 16px; color: #666;}
#footer .f_top .a_wrap a.pri_btn{font-size: 16px; color: var(--co01);}
#footer .f_top .top_btn{display: flex;align-items: center;font-size: 18px; color: #333; font-weight: 700;gap:12px;}

#footer .f_bot{padding: 60px 0;}
#footer .f_bot .inner{display: flex;justify-content: space-between;}
#footer .f_bot address p{font-size: 16px;font-weight: 400;color: #666;line-height: 28px;}
#footer .f_bot address strong{display: inline-block;font-size: 16px;font-weight: 400;color: #333;margin-right: 10px;}
#footer .f_bot address b{display: inline-block;font-weight: 400;font-size: 10px; color: #aaa;margin: 0px 15px ;}
#footer .f_bot address p.copy{margin-top: 20px;color: #999;}
 
/* ===sub=============================================== */
#header.sub_header{border-bottom: 1px solid #ddd;}
#sub_contents{padding: 120px 0;}
#sub_contents .inner{width: 1200px;}
#sub_contents .contop{line-height: 1;margin-bottom: 80px;}
#sub_contents .contop h3{font-size: 45px;line-height: 70px;color: #333;font-family: 'NanumSquareNeoExtraBold';text-align: center;}
#sub_contents .contop h3 b{color: var(--co01);}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .b_list_wrap{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/* sub0201 */
.sub0201_wrap .b_list_wrap02{display: flex;flex-wrap:wrap;border-top: 2px solid var(--co01);}
.sub0201_wrap .b_list_wrap02 li{position: relative;width: calc(100% / 3);padding: 40px; cursor:pointer;border-bottom: 1px solid #ddd;}
.sub0201_wrap .b_list_wrap02 li:not(:nth-child(3n))::after{content:'';position: absolute; top: 50%; right: 0; transform:translateY(-50%);width: 1px; height: 120px; background: #ddd;}
.sub0201_wrap .b_list_wrap02 li em{display: block;font-size: 16px; color: var(--co01); font-weight: 700;margin-bottom: 20px;}
.sub0201_wrap .b_list_wrap02 li .txt p{font-size: 18px; line-height: 30px; color: #333; margin-bottom: 10px;height: 58px; font-family: 'NanumSquareNeoExtraBold';overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0201_wrap .b_list_wrap02 li .txt span{display: block;font-size: 16px; color: #999; height: 53px;line-height: 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0201_wrap .b_list_wrap02 li .date{font-size: 15px; color: #999; margin-top: 20px;}
.sub0201_wrap a.write_btn{display: flex;align-items: center;justify-content: center;margin-left: auto;margin-top: 30px;border:1px solid #ddd;color: #666;font-size: 16px;width: 100px;height: 46px;}
.sub0201_wrap .paging_wrap{margin-top: 30px;}

.sub0201_wrap .view_wrap{border-top: 2px solid var(--co01);}
.sub0201_wrap .view_wrap .tit_wrap{display: flex;align-items: center; justify-content: space-between;padding: 30px 20px; border-bottom: 1px solid #ddd;}
.sub0201_wrap .view_wrap .tit_wrap .txt{display: flex;gap:20px;width: calc(100% - 180px);}
.sub0201_wrap .view_wrap .tit_wrap .txt .tag{display: flex; align-items: center; justify-content: center;height: 36px;padding: 0px 20px; border:1px solid var(--co01);font-size: 15px; color: var(--co01); border-radius:6px;}
.sub0201_wrap .view_wrap .tit_wrap .txt p{width: calc(100% - 120px);font-size: 20px; color: #333; font-weight: 700;transform: translateY(2px);line-height: 1.5;}
.sub0201_wrap .view_wrap .tit_wrap .date{display: flex;align-items: center;justify-content: flex-end;gap:16px; width: 180px;}
.sub0201_wrap .view_wrap .tit_wrap .date span{position: relative;font-size: 15px; color: #999;}
.sub0201_wrap .view_wrap .tit_wrap .date span:not(:last-child)::after{content:'';position: absolute; right: -8px; top: 50%;transform:translateY(-50%);width: 1px;height: 12px; background: #ddd;}
.sub0201_wrap .view_wrap .txt_wrap{padding: 30px 20px;border-bottom: 1px solid #ddd; min-height: calc(100vh - 500px);}
.sub0201_wrap .view_wrap .txt_wrap p{font-size: 16px; color: #999; line-height: 30px;}
.sub0201_wrap .view_wrap .back_btn{display: flex;align-items: center; justify-content: center;width: 80px; height: 35px;font-size: 16px; color: #fff;margin: 30px auto 0;background: #333;}

.sub0201_wrap .write_wrap .col01{width: 150px;}
.sub0201_wrap .write_wrap .col02{width: calc(100% - 150px);}
.sub0201_wrap .write_wrap textarea{height: 325px;}
.sub0201_wrap .write_wrap input[type="file"]{display: none;}
.sub0201_wrap .write_wrap .input_file_wrap{display: flex;align-items: center;gap:10px;}
.sub0201_wrap .write_wrap .input_file_wrap .file_name{display: flex;align-items: center;width: 430px; height: 46px;font-size: 16px; color: #999;border:1px solid #ddd; border-radius:6px;padding: 0px 20px;  }
.sub0201_wrap .write_wrap .input_file_wrap .file_name span{display: block;font-size: 16px; color: #999;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub0201_wrap .write_wrap .input_file_wrap .form_label{display: flex; align-items: center; justify-content: center;width: 100px; height: 46px; background: #333; color: #fff; border-radius:6px;font-size: 16px; cursor:pointer;}
.sub0201_wrap .write_wrap .submit_btn{display: flex;align-items: center; justify-content: center; width: 164px; height: 50px;background: var(--co01);font-size: 18px; color: #fff; font-weight: 700; margin: 80px auto 0; border-radius:25px;}
