@media screen and (max-width:767px) {

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

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

#header{line-height: 1;}
#header .inner{display: flex;align-items: center; height: 55px; justify-content:space-between;}
#header h1 a img{width: 65px;}
#header .gnb{display: flex;gap:20px;}
#header .gnb li a{font-size: 11px; color: #333; font-weight: 700;}


#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .txt_wrap{position: absolute; left: 0;top: 72%;transform:translateY(-50%);width: 100%;text-align: center;}
#visual_wrap .txt_wrap strong{display: block;font-size: 28px; line-height: 41px; font-weight: 400;color: #333;}
#visual_wrap .txt_wrap strong b{font-family: 'NanumSquareNeoExtraBold';}
#visual_wrap .txt_wrap p{font-size: 18px; color: #333; font-family: 'NanumSquareNeoExtraBold'; margin-top: 15px;}
#visual_wrap .txt_wrap .btn_wrap{display: flex;gap:15px;align-items: center;justify-content: center;margin-top: 30px;}
#visual_wrap .txt_wrap .btn_wrap a{display: flex; align-items: center;justify-content: center;gap:15px;font-weight: 700;}
#visual_wrap .txt_wrap .btn_wrap a.btn01{width: 160px; height: 40px; border-radius:36px;font-size: 13px; background: var(--co01); color: #fff;}
#visual_wrap .txt_wrap .btn_wrap a.btn01 img{width: 7px;}
#visual_wrap .txt_wrap .btn_wrap a.btn02{width: 110px; height: 30px; border-radius:25px;font-size: 12px; color: var(--co01); border:1px 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: calc(100% - 5.2%);}
.pop_st01 .x_btn{display: block;width: fit-content;margin-left: auto;margin-bottom: 15px;}
.pop_st01 .x_btn img{width: 19px;}
.pop_st01 .pop_box{width: 100%;max-height: calc(100vh - 137px);background: #fff;overflow-y: scroll;padding: 35px 10px;}
.pop_st01 .pop_box .tit{font-size: 20px; line-height: 30px; color: #333; margin-bottom: 15px;font-family: 'NanumSquareNeoExtraBold';text-align: center;}
.pop_st01 .pop_box .tit i{display: block;}
.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: 12px;color: #333;font-size: 13px;font-family: 'NanumSquareNeoExtraBold';margin-bottom: 10px;}
.pop_st01 strong.tit02::after{content:'';position: absolute; left: 0; top: 0;width: 2px; height: 13px;background: var(--co02);}
.pop_st01 strong.tit02 span{font-size:11px; color:#666; display:block; margin-top:8px;}

.pop_st01 .txt_box01{padding: 10px;background: #f5f5f5; border-radius:4px;}
.pop_st01 .txt_box01 p{font-size: 11px; color: #666; line-height: 16px;}
.pop_st01 .txt_box01 p i{display: block;}
.pop_st01 .txt_box02{margin-bottom:10px;}

.pop_st01 ul.ul_st01 li{position: relative;font-size: 11px; color: #666;line-height: 18px;padding-left: 10px;}
.pop_st01 ul.ul_st01 li:not(:last-child){margin-bottom: 0px;}
.pop_st01 ul.ul_st01 li b:first-child{position: absolute;left: 0;top: -2px;display: inline-block;transform: translateY(2px);font-size: 20px;}
.pop_st01 ul.ul_st01 li strong{display: block;color: #333;font-family: 'NanumSquareNeoExtraBold';}

/* pop02 */
.pop_st01.pop02 .con:not(:last-child){margin-bottom: 20px;}
.pop_st01.pop02 .r_txt{font-size: 12px; color: #666;margin-bottom: 20px;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: 20px; border:1px solid #ddd; border-radius:10px;margin-top: 30px;}
.f_pop .pri_wrap p{font-size: 13px; color: #666; line-height: 1.6; white-space:pre-wrap;}

select{width: 100%;height: 25px;border:1px solid #ddd; border-radius:3px;font-size: 11px; color: #999; background: url(/assets/images/main/select_icon01_mob.png)center right 10px no-repeat #fff; padding: 0px 10px; background-size: 10px; -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: 12px; padding: 10px; color: #333;text-align: left;font-family: 'NanumSquareNeoExtraBold'; background: #f5f5f5;line-height: 18px;}
table.tbl01 tr td{font-size: 12px; padding: 10px;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: 13px; padding: 10px; color: #333;text-align: left;font-family: 'NanumSquareNeoExtraBold'; vertical-align: top;}
table.tbl02 tr th strong{position: relative;display: block; padding-left: 12px; color: var(--co01);}
table.tbl02 tr th strong::after{content:'';position: absolute; left: 0; top: 50%;transform:translateY(-50%);background: var(--co01);width: 2px; height: 13px;}
table.tbl02 tr td{font-size: 12px; padding: 10px;color: #333;line-height: 1;}

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

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

input.chk_st02{display: none;}
input.chk_st02 + label{display: block;position: relative;padding-left: 18px;font-size: 11px; color: #999;}
input.chk_st02 + label::after{content:'';position: absolute;left: 0; top: -1px;width: 12px; height: 12px; border:1px solid #ddd; border-radius:4px;text-align: center; line-height: 9px;font-size: 9px;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: 10px;overflow-y: scroll;}
.pri_box_wrap .pri_box p{font-size: 11px; color: #999; white-space: pre-line;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: 11px; color: #999; resize:none;padding: 15px 20px;}
textarea::placeholder{font-size: 11px; 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: 110px; height: 30px; border-radius:25px;font-size: 12px; color: #fff;font-weight: 700; background: var(--co01);}
a.btn02{display: flex;align-items: center; justify-content: center;gap:15px;width: 160px; height: 40px;font-size: 13px;font-weight: 700;color: #666;background: #fff;border-radius:36px;}
a.btn02 img{width: 7px;}
a.btn02.co01{background: var(--co01);color: #fff;}

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

/* section */
.section{padding: 70px 0;line-height: 1;}
.section .sec_tit{margin-bottom: 35px;text-align: center;}
.section .sec_tit strong{display: block;font-size: 24px; line-height: 37px;color: #333;font-family: 'NanumSquareNeoExtraBold'; margin-bottom: 15px;}
.section .sec_tit strong b{color: var(--co01);}
.section .sec_tit strong i{display: block;}
.section .sec_tit p{font-size: 13px; color: #333;font-weight: 700;margin-bottom: 8px;line-height: 20px;}
.section .sec_tit p i{display: block;}
.section .sec_tit p br{display: none;}
.section .sec_tit span{display: block;font-size: 12px; color: #666; line-height: 18px;}
.section .sec_tit span i{display: block;}
.section .sec_tit span br{display: none;}

/* section01 */
#section01{position: relative;background: url(/assets/images/main/sec01_bg01_mob.png)top left no-repeat , url(/assets/images/main/sec01_bg02_mob.png)bottom right 10px no-repeat;background-size: 50%;}
#section01::before{content:'';position: absolute; top: 0; left: 0; }
#section01 .inner{display: flex;gap:40px;flex-direction: column;}
#section01 .img_box{width: 100%; height: auto;border-radius:15px;}
#section01 .img_box img{width: 100%; height: auto; object-fit:initial;}
#section01 .txt_box{width: 100%;}
#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: 10px; background: var(--co01);opacity: .2;z-index: -1;}

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

/* section03 */
#section03{background: linear-gradient(180deg,var(--co02) 0%, var(--co01) 100%);}
#section03 .sec_tit{margin-bottom: 60px;}
#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: flex-start;gap:10px;justify-content: flex-start;flex-direction: column;width: fit-content;margin: 0 auto;}
#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: 58px; height: 22px; font-size: 12px; background: #fff; color: var(--co01);border-radius:17px;font-family: 'NanumSquareNeoExtraBold';}
#section03 .box_wrap{display: flex;flex-direction: column;gap:60px;}
#section03 .box_wrap .box{width: 100%;}
#section03 .box_wrap .box01 strong{display: block;font-size: 50px; text-align: center; color: #fff;font-weight: 700;}
#section03 .box_wrap .box01 .p_wrap{display: flex; align-items: center; justify-content: center;gap:30px;margin-top: 12px;}
#section03 .box_wrap .box01 .p_wrap p{position: relative;font-size: 13px;color: #fff; text-transform:uppercase;}
#section03 .box_wrap .box01 .p_wrap p:not(:last-child)::after{content:'';position: absolute; right: -15px; top: 50%; transform:translateY(-50%); width: 1px; height: 9px; background: #fff;}

#section03 .box_wrap .box02{padding-left: 0px;padding-top: 60px;border-top: 1px solid rgba(255,255,255,.3);}
#section03 .box_wrap .box02 .txt_wrap{margin-bottom: 20px;text-align: center;}
#section03 .box_wrap .box02 .txt_wrap p{font-size: 13px; color: #fff; font-weight: 700;margin-bottom: 7px;}
#section03 .box_wrap .box02 .txt_wrap span{font-size: 12px; color: #fff; line-height: 18px;}
#section03 .box_wrap .box02 .txt_wrap span b{text-decoration:underline;text-underline-position: under;font-family: 'NanumSquareNeoExtraBold';}
#section03 a.btn02{margin: 0 auto;}

/* section04 */
#section04{background: #f5f5f5;}
#section04 .con_wrap{background: #fff; border-radius:15px;padding: 50px 10px;}
#section04 .con_wrap .con:not(:last-child){margin-bottom: 35px;}

#section04 .con01 .input_wrap{display: flex;align-items: center;flex-wrap:wrap;gap:15px;padding: 15px;background: #f5f5f5; border-radius:8px;}
#section04 .con01 .input_wrap .tit{width: 100%;font-size: 13px; color: #333; font-family: 'NanumSquareNeoExtraBold';}
#section04 .con01 .input_wrap .input{display: flex;align-items: center;flex-wrap:wrap;gap:5px;width: 100%;}
#section04 .con01 .input_wrap .input input[type="text"]{width: calc((100% - 5px) / 2);font-size: 11px;}
#section04 .con01 .input_wrap .input input[type="text"]::placeholder{font-size: 11px;}
#section04 .con01 .input_wrap .input input.chk_st02 + label{margin-left: 5px;}
#section04 .con01 .input_wrap .input select{width: 100%;font-size: 11px;}
#section04 .con01 .input_wrap a{margin: 0 auto;}

#section04 .con01 .box_wrap{display: block;gap:20px;margin-top: 35px; }
#section04 .con01 .box_wrap .slick-list{padding-right: 1px;}
#section04 .con01 .box_wrap .box{position: relative;width: 100%; height: auto; border:1px solid #ddd;border-radius:15px;overflow: hidden;}
#section04 .con01 .box_wrap .box .tit{display: flex;align-items: center;justify-content: center;font-size: 13px; line-height: 20px; width: 100%;height: 62px; color: #fff; background: var(--co02);font-family: 'NanumSquareNeoExtraBold';text-align: center;}
#section04 .con01 .box_wrap .box .txt{padding: 20px;}
#section04 .con01 .box_wrap .box .txt ul li{position: relative;padding-left: 10px;font-size: 11px; color: #666; line-height: 16px;}
#section04 .con01 .box_wrap .box .txt ul li:not(:last-child){margin-bottom: 12px;}
#section04 .con01 .box_wrap .box .txt ul li::after{content:'';position: absolute;top: 7px; left: 0;width: 3px; height: 3px; border-radius:50%;background: var(--co02);}
#section04 .con01 .box_wrap .box .txt ul li br{display: none;}
#section04 .con01 .box_wrap .box .txt a{position: relative; bottom: 0; left: 0;transform:initial;display: flex; align-items: center; justify-content: center;margin: 20px auto 0;width: 130px;height: 35px;font-size: 12px;font-weight: 700;border-radius:30px;border:1px solid var(--co02); color: var(--co02);}
#section04 .con01 .box_wrap .slick-prev{position: absolute;left: -17px;top: 50%;transform:translateY(-50%);background: url(/assets/images/main/prev01_mob.png)center no-repeat; width: 35px; height: 35px; background-size: cover;text-indent: -9999px;z-index: 100;}
#section04 .con01 .box_wrap .slick-next{position: absolute;right: -17px;top: 50%;transform:translateY(-50%);background: url(/assets/images/main/next01_mob.png)center no-repeat; width: 35px; height: 35px; background-size: cover;text-indent: -9999px;z-index: 100;}

#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:30px;}
#section04 .con02 .sec_tit a.btn02{margin:15px auto 0;}
.b_list_wrap li{position: relative;display: flex;flex-direction: column;gap:10px;padding: 20px 0;border-bottom: 1px solid #ddd;}
.b_list_wrap li::after{content:'';position: absolute;top: 20px;right: 0; width: 25px; height: 25px; border:1px solid #ddd; border-radius:50%; background: url(/assets/images/main/arr03_mob.png)center no-repeat; background-size: 9px;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: 130px; height: 25px; border-radius:4px; font-size: 11px; 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: 100%;padding-right: 30px;transform: translateY(3px);height: 17px;overflow: hidden;transition:.5s;}
.b_list_wrap li .txt p{position: relative;font-size: 12px; color: #333; line-height: 18px; width: fit-content;word-break: break-word;}
.b_list_wrap li .txt p.multi-line::after{content:'...';position: absolute;top: 0;right: 0px;}
.b_list_wrap li .txt .sub{display: flex;align-items: center;gap:15px;margin-top: 10px;}
.b_list_wrap li .txt .sub span{position: relative;font-size: 12px; color: #999;}
.b_list_wrap li .txt .sub span:not(:last-child)::after{content:'';position: absolute;right: -8px; top: 50%; transform:translateY(-50%);width: 1px;height: 10px;background: #ddd;}

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

#section04 .con02 .write_form{padding: 20px;margin: 20px 0 15px;background: #f5f5f5; border-radius:8px;}
#section04 .con02 .write_form .input01{display: flex;align-items: center;flex-wrap: wrap;gap:5px;margin-bottom: 5px;}
#section04 .con02 .write_form .input01 input[type="text"]{font-size: 11px; width: calc((100% - 5px) / 2);}
#section04 .con02 .write_form .input01 input[type="text"]::placeholder{font-size: 11px;}
#section04 .con02 .write_form .input01 select{font-size: 11px; width: calc((100% - 5px) / 2);}
#section04 .con02 .write_form .input01 span{display: none;font-size: 11px; color: #999;}
#section04 .con02 .write_form .input02{display: flex;gap:15px;flex-direction: column;}
#section04 .con02 .write_form .input02 textarea{width: 100%;}
#section04 .con02 .write_form .input02 a.write_btn{display: flex;align-items: center; justify-content: center;width: 110px; height: 30px;font-size: 12px; font-weight: 700; background: var(--co01);color: #fff; border-radius:15px; margin: 0 auto;}

/* section05 */
#section05{position: relative;background: url(/assets/images/main/sec05_bg01_mob.png)top -20px left no-repeat , url(/assets/images/main/sec05_bg02_mob.png)bottom right no-repeat; background-size: 45%;}
#section05 table.tbl02 .bb_none{border-bottom: 0;}
#section05 table.tbl02 td .txt:not(:last-child){margin-bottom: 14px;}
#section05 table.tbl02 td .txt strong{display: block;font-size: 12px; color: #333; font-family: 'NanumSquareNeoExtraBold';margin-bottom: 8px;}
#section05 table.tbl02 td .txt .box{padding: 10px;background: #f5f5f5; border-radius:4px;}
#section05 table.tbl02 td .txt .box p{font-size: 11px; color: #666; line-height: 16px;}

#section05 .box_wrap{display: flex;flex-direction: column;gap:10px;padding: 15px;margin-top: 15px;background: #faf6f9; border-radius:4px;}
#section05 .box_wrap strong{display: block;width: 100%;font-size: 13px; color: var(--co01);font-family: 'NanumSquareNeoExtraBold';}
#section05 .box_wrap p{font-size: 11px; color: #666; line-height: 16px;}

/* section06 */
#section06{padding: 40px 0px 70px;position: relative;background: url(/assets/images/main/sec06_bg01_mob.png)top 50px left -8px no-repeat; background-size: 50%;}
#section06 .box_wrap{display: block;align-items: center; justify-content: center;background: #fcf6f9;}
#section06 .box_wrap .box{position: relative;width: 100%;padding: 35px; cursor:pointer;}
#section06 .box_wrap .box:not(:last-child)::after{display: none;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: 12px; color: var(--co01); font-weight: 700;margin-bottom: 15px;}
#section06 .box_wrap .box .txt p{font-size: 13px; line-height: 20px; color: #333; margin-bottom: 7px;height: 40px; 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: 12px; color: #999; height: 35px;line-height: 18px;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: 11px; color: #999; margin-top: 30px;}

#section06  .box_wrap .slick-prev{position: absolute;left: -5px;top: 50%;transform:translateY(-50%);background: url(/assets/images/main/prev01_mob.png)center no-repeat; width: 35px; height: 35px; background-size: cover;text-indent: -9999px;z-index: 100;}
#section06  .box_wrap .slick-next{position: absolute;right: -5px;top: 50%;transform:translateY(-50%);background: url(/assets/images/main/next01_mob.png)center no-repeat; width: 35px; height: 35px; background-size: cover;text-indent: -9999px;z-index: 100;}

#section06 a.btn02{margin: 30px 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: 32px;}
#footer .f_top .a_wrap{display: flex;align-items: center;gap:15px;}
#footer .f_top .a_wrap a{font-size: 11px; color: #666;}
#footer .f_top .a_wrap a.pri_btn{font-size: 12px; color: var(--co01);}
#footer .f_top .top_btn{display: flex;align-items: center;font-size: 12px; color: #333; font-weight: 700;gap:10px;}
#footer .f_top .top_btn img{width: 10px;}

#footer .f_bot{padding: 35px 0;}
#footer .f_bot .inner{display: flex;justify-content: center; align-items: center;flex-direction: column-reverse;gap:25px;}
#footer .f_bot .f_logo img{width: 60px;}
#footer .f_bot address p{font-size: 11px;font-weight: 400;color: #666;line-height: 16px;text-align: center;}
#footer .f_bot address strong{display: inline-block;font-size: 11px;font-weight: 400;color: #333;margin-right: 8px;}
#footer .f_bot address b{display: inline-block;font-weight: 400;font-size: 8px; color: #aaa;margin: 0px 12px ;}
#footer .f_bot address p.copy{margin-top: 12px;color: #999;}
 
/* ===sub=============================================== */
#header.sub_header{border-bottom: 1px solid #ddd;}
#sub_contents{padding: 50px 0;}
#sub_contents .inner{width: 100%;}
#sub_contents .contop{line-height: 1;margin-bottom: 30px;}
#sub_contents .contop h3{font-size: 20px;line-height: 1.5;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: 100%;padding: 35px 25px; cursor:pointer;border-bottom: 1px solid #ddd;}
.sub0201_wrap .b_list_wrap02 li:not(:last-child)::after{content:'';display: none;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: 12px; color: var(--co01); font-weight: 700;margin-bottom: 15px;}
.sub0201_wrap .b_list_wrap02 li .txt p{font-size: 13px; line-height: 20px; color: #333; margin-bottom: 8px;height: 40px; 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: 12px; color: #999; height: 35px;line-height: 18px;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: 11px; color: #999; margin-top: 30px;}
.sub0201_wrap a.write_btn{display: flex;align-items: center;justify-content: center;margin-left: auto;margin-top: 20px;border:1px solid #ddd;color: #666;font-size: 12px;width: 80px;height: 30px;}
.sub0201_wrap .paging_wrap{margin-top: 35px;}

.sub0201_wrap .view_wrap{border-top: 2px solid var(--co01);}
.sub0201_wrap .view_wrap .tit_wrap{position: relative;display: flex;align-items: center; justify-content: space-between;padding: 55px 15px 15px; border-bottom: 1px solid #ddd;}
.sub0201_wrap .view_wrap .tit_wrap .txt{display: block;gap:0px;width: 100%;}
.sub0201_wrap .view_wrap .tit_wrap .txt .tag{position: absolute; left: 15px; top: 15px;display: flex; align-items: center; justify-content: center;height: 25px;padding: 0px 17px; border:1px solid var(--co01);font-size: 12px; color: var(--co01); border-radius:4px;font-weight: 700;}
.sub0201_wrap .view_wrap .tit_wrap .txt p{width: 100%;font-size: 13px; color: #333; font-weight: 700;transform: translateY(2px);line-height: 20px;}
.sub0201_wrap .view_wrap .tit_wrap .date{position: absolute; right: 15px; top: 25px;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: 11px; 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: 12px 15px;border-bottom: 1px solid #ddd; min-height: calc(100vh - 500px);}
.sub0201_wrap .view_wrap .txt_wrap p{font-size: 12px; color: #999; line-height: 18px;}
.sub0201_wrap .view_wrap .back_btn{display: flex;align-items: center; justify-content: center;width: 60px; height: 25px;font-size: 11px; color: #fff;margin: 15px auto 0;background: #333;}

.sub0201_wrap .write_wrap .col01{width: 100px;}
.sub0201_wrap .write_wrap .col02{width: calc(100% - 100px);}
.sub0201_wrap .write_wrap textarea{height: 170px;}
.sub0201_wrap .write_wrap input[type="file"]{display: none;}
.sub0201_wrap .write_wrap .input_file_wrap{display: flex;align-items: center;gap:5px;}
.sub0201_wrap .write_wrap .input_file_wrap .file_name{display: flex;align-items: center;width: 150px; height: 25px;font-size: 11px; color: #999;border:1px solid #ddd; border-radius:3px;padding: 0px 10px;}
.sub0201_wrap .write_wrap .input_file_wrap .file_name span{display: block;font-size: 11px; 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: 60px; height: 25px; background: #333; color: #fff; border-radius:3px;font-size: 11px; cursor:pointer;}
.sub0201_wrap .write_wrap .submit_btn{display: flex;align-items: center; justify-content: center; width: 110px; height: 30px;background: var(--co01);font-size: 12px; color: #fff; font-weight: 700; margin: 40px auto 0; border-radius:25px;}

}