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

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-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: 'Pretendard';color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

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

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

.center{text-align:center;}
.pc_img {display:block;}
.mob_img {display:none;}
.pc {display:block;}
.mob {display:none;}


:root {
  --co01: #ff8400;
  --co02: #0aa1ad;
  --co03: #8f87e3;
}
::selection{color: #fff; background: #00a4d8;}

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

.h_top{line-height: 1;}
.h_top .inner{display: flex;align-items: center;justify-content: space-between;height: 40px;}
.h_top .left ul{display: flex;align-items: center;gap:30px;}
.h_top .left ul li{display: flex;align-items: center;justify-content: center;gap:10px;}
.h_top .left ul li a{font-size: 14px; color: #666; font-weight: 600;	}
.h_top .right .a_wrap{display: flex;}
.h_top .right .a_wrap a{display: flex;align-items: center;justify-content: center;gap:5px;font-size: 14px;color: #666;margin-right: 40px;}
.h_top .right .a_wrap .bm_btn{width: 110px; height: 40px;color: #fff;margin-right: 0; background: var(--co02);}

#header{position: absolute;top: 0;left: 0;width: 100%;line-height: 1;background: rgba(255,255,255,.7);z-index: 7000;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 90px;}
#header .gnb{display: flex;gap:55px;align-items: center;}
#header .gnb li a{font-size: 18px; color: #333; font-weight: 700;}

/* navi */
.nav_btn{display: none;}
.navigation{display: none;}

#visual_wrap{position: relative;}
#visual_wrap .txt_wrap{position: absolute;left: 0;bottom: 140px;width: 100%;}
#visual_wrap .txt_wrap .inner{display: flex;align-items: flex-end; justify-content: space-between;}
#visual_wrap .txt_wrap .txt p{font-size: 50px; color: #fff; font-weight: 700; line-height: 65px;}
#visual_wrap .txt_wrap .txt p span{color: #ffea02;}

#visual_wrap .vis_menu{display: grid;grid-template-columns: repeat(2, 130px);gap:10px;margin-bottom: 30px;}
#visual_wrap .vis_menu a{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:12px;height: 100px;background: rgba(255,132,0,.7); border-radius:12px;}
#visual_wrap .vis_menu a::after{content:'';position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: calc(100% - 10px);height: calc(100% - 10px); border:1px solid rgba(255,255,255,.7); border-radius:8px;}
#visual_wrap .vis_menu a p{font-size: 14px;color: #fff;font-weight: 700;}

#tab_menu{position: absolute;left: 0;top: 610px;background: rgba(0,0,0,.5); z-index: 5000;width: 100%;z-index: 6000;}
#tab_menu .inner{display: flex;bottom: 0; left: 0;height: 80px;}
#tab_menu a{display: flex;align-items: center;justify-content: center;gap:20px;flex:1;font-size: 18px; color: #fff;font-weight: 700;}

.pc_section{display: block;}
.mob_section{display: none;}

.pc_section{display: flex;gap:30px;}
.pc_section .side_wrap{width: 220px;}
.pc_section .section{width: calc(100% - 500px);}

#section{padding: 40px 80px; line-height: 1;}
#section img{display: block;max-width: 100%;}
h4.tit01{font-size: 18px; color: #fff; font-weight: 700;text-align: center;}
.bd{border:1px solid #ddd;}

#section .side_wrap .con:not(:last-child){margin-bottom: 20px;}
#section .side_wrap .con .tit{margin-bottom: 5px;}

#section .banner img{width: 100%;}

#section .tel01{padding: 15px;background: #333;}
#section .tel01 strong{display: flex;align-items: center;justify-content: center;gap:12px;font-size: 18px; color: var(--co02);}
#section .tel01 a{display: block;text-align: center;font-size: 24px;font-weight: 700;color: #fff; margin-top: 10px;}

#section .notice .tit{padding: 20px;background: #f5f5f5;}
#section .notice .tit h4.tit01{color: #333;}
#section .notice ul{padding: 0px 15px;}
#section .notice ul li{position: relative;padding-left: 10px;}
#section .notice ul li:not(:last-child){border-bottom: 1px solid #ddd;}
#section .notice ul li::after{content:'';position: absolute;top: 50%; left: 0; transform:translateY(-50%); width: 4px; height: 4px; background: var(--co02);}
#section .notice ul li a{display: block;font-size: 14px; color: #666; font-weight: 500;padding: 20px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }

#section .tel02 .tit{background: url(/assets/images/main/banner_bg03_pc.jpg)center no-repeat; padding: 40px 20px; background-size: cover; }
#section .tel02 .box{padding: 10px;text-align: center;}
#section .tel02 .box:not(:last-child){margin-bottom: 5px;}
#section .tel02 .box a{display: block;font-size: 18px; color: var(--co02); font-weight: 700;}
#section .tel02 .box p{font-size: 14px; font-weight: 500; color: #666;margin-top: 5px;}

#section .sale_con .tit{background: url(/assets/images/main/banner_bg04_pc.jpg)center no-repeat; padding: 40px 20px; background-size: cover; }
#section .sale_con .box{display: block;padding: 10px;text-align: center; background: #f5f5f5;}
#section .sale_con .box:not(:last-child){margin-bottom: 5px;}
#section .sale_con .box p{font-size: 16px; color: var(--co01);font-weight: 700;}
#section .sale_con .box span{display: block;font-size: 14px; color: #666; line-height: 18px; margin-top: 6px;}

#section .sale_con.recommend_sale .tit{background: url(/assets/images/main/banner_bg02_pc.jpg)center no-repeat; background-size: cover; }
#section .sale_con.recommend_sale .box p{color: var(--co03);}

#section .tel03{background: url(/assets/images/main/banner_bg01_pc.png)right bottom no-repeat #00a4d8; padding: 25px 15px; text-align: center;}
#section .tel03 .tit{display: flex;align-items: center;justify-content: center;flex-direction: column; height: 100%;}
#section .tel03 .tit span{display: block;font-size: 14px;margin-top: 10px;color: #fff;font-weight: 700;}
#section .tel03 .tit a{display: block;font-size: 24px; color: #fff;font-weight: 700;margin-top: 15px;}

#section .section .con:not(:last-child){margin-bottom: 40px;}
#section .section .con .sec_tit{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
#section .section .con .sec_tit p{font-size: 26px; color: #333;font-weight: 700;}
#section .section .con .sec_tit a{display: flex;align-items: center;justify-content: center;padding: 0px 30px; height: 42px; border-radius:20px;background: var(--co01);font-size: 18px; color: #fff; font-weight: 700;}

#section .section .con01 .box_wrap{display: flex;gap:20px;flex-wrap:wrap;}
#section .section .con01 .box_wrap .box{width: calc((100% - 20px) / 2); border:1px solid #ddd;}
#section .section .con01 .box_wrap .box a{display: flex;}
#section .section .con01 .box_wrap .box .img_box{width: 160px;}
#section .section .con01 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:68.75%;}
#section .section .con01 .box_wrap .box .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;}
#section .section .con01 .box_wrap .box .txt_box{padding: 15px;width: calc(100% - 160px);}
#section .section .con01 .box_wrap .box .txt_box p{font-size: 14px; color: #333 ; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section .section .con01 .box_wrap .box .txt_box ul{margin-top: 12px;}
#section .section .con01 .box_wrap .box .txt_box ul li{font-size: 14px; color: #666; line-height: 18px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }

#section .section .con02 .box_wrap{display: flex;flex-wrap:wrap;gap:5px;}
#section .section .con02 .box_wrap .box{width: calc((100% - 20px) / 5);}
#section .section .con02 .box_wrap .box .tit{display: flex;align-items: center;justify-content: center; padding: 10px; background: #005965;}
#section .section .con02 .box_wrap .box .tit p{font-size: 16px; color: #fff; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section .section .con02 .box_wrap .box .txt{padding: 10px;background: #f5f5f5; border:1px solid #ddd;}
#section .section .con02 .box_wrap .box .txt p{font-size: 14px; color: #666; line-height: 18px; font-weight: 500;text-align: center;}

.select_wrap_st01{display: flex;gap:6px;}
.select_wrap_st01 .select{display: flex;gap:6px;flex-wrap:wrap;width: calc(100% - 126px);}
.select_wrap_st01 input[type="text"],
.select_wrap_st01 select{width: calc((100% - 12px) / 3);padding: 0px 15px;border:1px solid #ddd; height: 45px;font-size: 16px; color: #666; font-weight: 500;}
.select_wrap_st01 input[type="text"]:focus,
.select_wrap_st01 select:focus{outline:0;border:1px solid var(--co02);}
.select_wrap_st01 select{background: url(/assets/images/main/select_icon01_pc.png)right 15px center no-repeat; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.select_wrap_st01 select.w02{width: calc((100% - 6px) / 2);}
.select_wrap_st01 a{display: flex;align-items: center;justify-content: center; width: 120px; background: var(--co02); font-size: 16px; font-weight: 700; color: #fff;}

table.tbl01{width: 100%;}
table.tbl01 tr{border-bottom: 1px solid #ddd;}
table.tbl01 th{padding: 10px;font-size: 14px;background: #666; color: #fff;}
table.tbl01 td{padding: 10px;font-size: 14px; color: #666; font-weight: 500; text-align: center;}
table.tbl01 td a{color: #666; }
table.tbl01 td em{display: flex;align-items: center;justify-content: center;padding: 0px 5px;font-size: 12px; color: #fff;font-weight: 700; height: 18px; background: var(--co02);width: fit-content; margin: 0 auto; border-radius:8px;}

#footer{padding: 60px 0;background: #333;}
#footer .inner{display: flex;align-items: center;gap:80px;}
#footer address p{display: flex;gap:10px;font-size: 16px; color: #999; line-height: 26px;}
#footer address p.copy{font-size: 14px;margin-top: 6px;}

/* ===sub=================================== */
#sub_contents{width: calc(100% - 500px);}

.contop{padding-top: 40px;margin-bottom: 40px;}
.contop h2{text-align: center;font-size: 32px;color: #252525; font-weight: 700;}

h4.h4_tit01{font-size: 26px; color: #333; font-weight: 700; margin-bottom: 20px;}

.pc_tbl{}
.mob_tbl{display: none;}

.tbl_wrap .tbl_txt{display: flex;justify-content: space-between;font-size: 14px; color: var(--co02); font-weight: 700;margin-bottom: 8px;}
.tbl_wrap .tbl_txt input[type="checkbox"]{display: none;}
.tbl_wrap .tbl_txt input[type="checkbox"] + label{position: relative;padding-left: 20px;cursor:pointer;}
.tbl_wrap .tbl_txt input[type="checkbox"] + label::after{content:'';position: absolute; top: 0; left: 0;width: 14px; height: 14px; border:1px solid #ddd; background: url(/assets/images/sub/chk_icon01.png)center no-repeat;}
.tbl_wrap .tbl_txt input[type="checkbox"]:checked + label::after{background: url(/assets/images/sub/chk_icon01_on.png)center no-repeat; border:1px solid var(--co02);}

table.tbl02{width: 100%;border-top: 2px solid #222;}
table.tbl02 tr{border-bottom: 1px solid #ddd;}
table.tbl02 th{padding: 15px;font-size: 15px;color: #222;}
table.tbl02 td{padding: 15px;font-size: 15px; color: #555; text-align: center;}

table.tbl03{width: 100%;border-top: 2px solid #222;}
table.tbl03 tr{border-bottom: 1px solid #ddd;}
table.tbl03 th{padding: 10px;font-size: 14px; line-height: 18px;color: #222; background: #f5f5f5;}
table.tbl03 td{padding: 10px;font-size: 14px; line-height: 18px; color: #333;}
table.tbl03 td .flex{display: flex;gap:5px;flex-wrap:wrap;align-items: center;}

table input[type="text"],
table input[type="password"],
table select{width: 100%;height: 36px;border:1px solid #ddd; padding: 0px 20px;}
table textarea{width: 100%;height: 80px;border:1px solid #ddd; padding: 20px;resize:none;}
table input[type="text"]:focus,
table input[type="password"]:focus,
table textarea:focus,
table select:focus{outline:0; border:1px solid var(--co02);}

table .right{text-align: right;}

select{background: url(/assets/images/main/select_icon01_pc.png)right 15px center no-repeat; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}

.ws{white-space: pre-wrap;}

#sub_contents .select_wrap_st01{margin-bottom: 40px;}

.sub_wrap .con:not(:last-child){margin-bottom: 40px;}

.btn_wrap_st01{display: flex; align-items: center;justify-content: center;gap:10px; margin-top: 40px;}
.btn_wrap_st01 a{display: flex;align-items: center;justify-content: center;width: 110px; height: 45px; background: #666;font-size: 16px; color: #fff;font-weight: 700;}
.btn_wrap_st01 a.co01{background: var(--co02);}

/*sub0801*/
.sub0801_wrap .con table.tbl03 .col01{width: 120px;}
.sub0801_wrap .con02 table.tbl03 td p{margin-top: 5px;}
.sub0801_wrap .con02 table.tbl03 td input[type="text"].w02,
.sub0801_wrap .con02 table.tbl03 td input[type="password"].w02,
.sub0801_wrap .con02 table.tbl03 td select.w02{width: 60px;padding: 0px 10px;}

.sub0801_wrap .con02 table.tbl03 td input[type="text"].w03,
.sub0801_wrap .con02 table.tbl03 td input[type="password"].w03,
.sub0801_wrap .con02 table.tbl03 td select.w03{width: 250px;}

.sub0801_wrap .con02 table.tbl03 td input[type="text"].w04,
.sub0801_wrap .con02 table.tbl03 td input[type="password"].w04,
.sub0801_wrap .con02 table.tbl03 td select.w04{width: 150px;}

.sub0801_wrap .con02 table.tbl03 td span{color: #666;}
.sub0801_wrap .con02 table.tbl03 td input[type="file"]{width: 100%;}
.sub0801_wrap .con02 table.tbl03 td input[type="file"]:not(:last-child){margin-bottom: 10px;}

/* sub1001 */
.sub1001_wrap table.tbl03 td{color: #666;}

/*sub1101*/
.sub1101_wrap table.tbl02 .col04{width: 100px;}
.sub1101_wrap table.tbl02 tr{cursor:pointer;}

/*sub1201*/
.sub1201_wrap .con01{display: flex;justify-content: flex-end;flex-direction: column;background: url(/assets/images/sub/sub12_img01.png)center no-repeat; background-size: cover; height: 260px; padding: 40px;}
.sub1201_wrap .con01 p{font-size: 22px; color: #fff;line-height: 30px; font-weight: 700;}
.sub1201_wrap .con01 span{font-size: 16px; color: #fff; line-height: 20px; margin-top: 15px;}

.sub1201_wrap .con02 .tit{display: flex;align-items: center;justify-content: center;width: 100%; height: 45px;background: var(--co02); margin-bottom: 10px; border-radius:8px;}
.sub1201_wrap .con02 .tit p{font-size: 16px; font-weight: 700; color: #fff;}
.sub1201_wrap .con02 .box_wrap{display: flex;gap:10px;}
.sub1201_wrap .con02 .box_wrap .box{display: flex;align-items: center;justify-content: center;flex-direction: column;width: calc((100% - 30px) / 4);padding: 30px 10px;border:1px solid #ddd; border-radius:8px; background: #f5f5f5;}
.sub1201_wrap .con02 .box_wrap .box em{display: block;font-size: 16px; color: var(--co02);text-align: center; font-weight: 700;margin-bottom: 20px;}
.sub1201_wrap .con02 .box_wrap .box p{position: relative;font-size: 16px; color: #666; line-height: 20px;padding-top: 20px;margin-top: 20px;text-align: center;}
.sub1201_wrap .con02 .box_wrap .box p::after{content:'';position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 20px; height: 2px; background: #ddd;}

.sub1201_wrap .con03 .tit{background: var(--co01);}
.sub1201_wrap .con03 .box_wrap .box{width: calc((100% - 20px) / 3);}
.sub1201_wrap .con03 .box_wrap .box em{color: var(--co01);}