@charset "utf-8";


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}


/* contact 게시판 */
.int_contanct{padding-bottom:0 !important;}
.int_board_inner{padding-bottom:130px;}
.int_write{margin-top:130px;}
.int_write > ul > li + li{margin-top:130px;}
.int_tit_wrap{display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #404040; position:relative;}
.int_tit_wrap:after{content:''; display:block; width:6px; height:6px; background:#404040; border-radius:50%; position:absolute; right:0; bottom:-3px;}
.int_tit_wrap .req{font-size: 25px; font-weight: 600; color: #FF4651;}
.int_tit_wrap .int_wr_tit{color: #404040; font-size: 27px; font-weight: 900;}
.int_write .input_wrap{display:flex; justify-content:space-between; align-items:center;}
.int_write .input_wrap dt{color: #404040; font-size: 25px; font-weight: 600; margin-bottom:20px;}
.int_write .input_wrap dt .required{font-style:initial; color: #FF4651; background:none !important;}
.int_write .input_wrap dd .input_dp{background: #FFF; height: 42px; border:none; font-size: 20px; padding:0 10px; width:100%; font-weight: 600;}
.int_write .input_wrap dd select{background: #FFF url("img/sel_ic.svg") no-repeat right 3% top 60% / 22px; height: 42px; border:none; font-size: 20px; padding:0 10px; width:100%; color: #A6A6A6; font-weight: 600;}
.int_write .input_wrap dd .input_dp::placeholder{color: #A6A6A6;}
.input_wrap1 dl{width: 32%;}
.input_wrap2 dl{width: 49%;}
.input_wrap3{margin-top:70px;}
.input_wrap3 dl{width: 100%;}
.input_wrap3 dl span{display:block;}
.input_wrap3 dl .add1{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.input_wrap3 dl .add1 .input_dp{width:95%;}
.input_wrap3 dl .add_srh{display:inline-block; width:130px; line-height:42px; text-align:center; font-size: 20px; font-weight: 800; color: #404040; border-radius: 10px; background: #FFF; box-shadow: -2px -5px 6px -2px rgba(0, 0, 0, 0.25) inset; border:none; vertical-align:middle; margin-left:20px;}
.input_wrap3 dl .add_srh.mob{display:none;}
.input_wrap1 + .input_wrap2{margin-top:20px;}
.int_write .cons.mob{display:none;}
.int_write .cons{margin-top:60px;}
.int_write .cons li{font-size: 20px; color: #404040; font-weight: 600; padding-left:20px; position:relative;}
.int_write .cons li + li{margin-top:15px;}
.int_write .cons li:before{content:''; display:block; width:4px; height:4px; background:#404040; border-radius:50%; position:absolute; left:0; top:10px;}
.int_write .cons li span{font-size: 25px;}

.int_write .agree textarea{background: #FFF; height: 120px; border:none; font-size: 16px; padding:10px; width:100%; line-height:1.3; resize: none;}
.int_write .agree .check{margin-top:20px;}

.int_btn_wrap{text-align:right !important; margin-top:20px !important;}
.int_btn_wrap input{color: #FFF; font-size: 20px; font-weight: 800; padding:10px 35px; border-radius: 10px; background: #4B4B4B; box-shadow: -2px -5px 6px -2px #272121 inset; border:none;}

.int_map_wrap{margin-top:130px;}
.int_map_wrap .cont{margin-top:60px !important;}

.int_write input[readonly] {box-shadow:none !important; border: 1px solid #404040 !important; background: #E9E9E9 !important; cursor: not-allowed;}
.int_write input[type="checkbox"]{width: 30px; height: 30px; background: #FFF; appearance: none;}
.int_write input[type="checkbox"]:checked{background: #FFF url("img/check_ic.svg") no-repeat center / 100%;}
.int_write .checkbox-label{color: #404040; font-size: 25px; font-weight: 600; margin-left: 15px;}


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

/* contact 게시판 */
.int_board_inner{padding-bottom:8.02vw;}
.int_write{margin-top:8.02vw;}
.int_write > ul > li + li{margin-top:8.02vw;}
.int_tit_wrap{padding-bottom:1.23vw; margin-bottom:1.23vw;}
.int_tit_wrap .req{font-size: 1.54vw;}
.int_tit_wrap .int_wr_tit{font-size: 1.67vw;}
.int_write .input_wrap dt{font-size: 1.54vw; margin-bottom:1.23vw;}
.int_write .input_wrap dd .input_dp{height: 2.59vw; font-size: 1.23vw; padding:0 0.62vw;}
.int_write .input_wrap dd select{background-size:1.36vw; height: 2.59vw; font-size: 1.23vw; padding:0 0.62vw;}
.input_wrap1 dl{width: 32%;}
.input_wrap2 dl{width: 49%;}
.input_wrap3{margin-top:4.32vw;}
.input_wrap3 dl{width: 100%;}
.input_wrap3 dl .add1{margin-bottom:1.23vw;}
.input_wrap3 dl .add1 .input_dp{width:95%;}
.input_wrap3 dl .add_srh{width:8.02vw; line-height:2.59vw; font-size: 1.23vw; box-shadow: -0.12vw -0.31vw 0.37vw -0.12vw rgba(0, 0, 0, 0.25) inset; margin-left:1.23vw;}
.input_wrap1 + .input_wrap2{margin-top:1.23vw;}
.int_write .cons{margin-top:3.70vw;}
.int_write .cons li{font-size: 1.23vw; padding-left:1.23vw; }
.int_write .cons li + li{margin-top:0.93vw;}
.int_write .cons li:before{top:0.62vw;}
.int_write .cons li span{font-size: 1.54vw;}

.int_write .agree textarea{height: 7.41vw; font-size: 0.99vw; padding:0.62vw;}
.int_write .agree .check{margin-top:1.23vw;}

.int_btn_wrap{margin-top:1.23vw !important;}
.int_btn_wrap input{font-size: 1.23vw; padding:0.62vw 2.16vw; border-radius: 0.62vw; box-shadow: -0.12vw -0.31vw 0.37vw -0.12vw #272121 inset;}

.int_map_wrap{margin-top:8.02vw;}
.int_map_wrap .cont{margin-top:3.70vw !important;}

.int_write input[type="checkbox"]{width: 1.85vw; height: 1.85vw;}
.int_write .checkbox-label{font-size: 1.54vw;  margin-left: 0.93vw;}

}


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

/* contact 게시판 */
.int_board_inner{padding-bottom:8.04vw;}
.int_write{margin-top:8.04vw;}
.int_write > ul > li + li{margin-top:8.04vw;}
.int_tit_wrap{padding-bottom:1.26vw; margin-bottom:1.26vw;}
.int_tit_wrap .req{font-size: 1.51vw;}
.int_tit_wrap .int_wr_tit{font-size: 1.68vw;}
.int_write .input_wrap dt{font-size: 1.51vw; margin-bottom:1.26vw;}
.int_write .input_wrap dd .input_dp{height: 2.60vw; font-size: 1.26vw; padding:0 0.59vw;}
.int_write .input_wrap dd select{background-size:1.34vw; height: 2.60vw; font-size: 1.26vw; padding:0 0.59vw;}
.input_wrap1 dl{width: 32%;}
.input_wrap2 dl{width: 49%;}
.input_wrap3{margin-top:4.36vw;}
.input_wrap3 dl{width: 100%;}
.input_wrap3 dl .add1{margin-bottom:1.26vw;}
.input_wrap3 dl .add1 .input_dp{width:95%;}
.input_wrap3 dl .add_srh{width:8.04vw; line-height:2.60vw; font-size: 1.26vw; box-shadow: -0.08vw -0.34vw 0.34vw -0.08vw rgba(0, 0, 0, 0.25) inset; margin-left:1.26vw;}
.input_wrap1 + .input_wrap2{margin-top:1.26vw;}
.int_write .cons{margin-top:3.69vw;}
.int_write .cons li{font-size: 1.26vw; padding-left:1.26vw; }
.int_write .cons li + li{margin-top:0.92vw;}
.int_write .cons li:before{top:0.59vw;}
.int_write .cons li span{font-size: 1.51vw;}

.int_write .agree textarea{height: 7.37vw; font-size: 1.01vw; padding:0.59vw;}
.int_write .agree .check{margin-top:1.26vw;}

.int_btn_wrap{margin-top:1.26vw !important;}
.int_btn_wrap input{font-size: 1.26vw; padding:0.59vw 2.18vw; border-radius: 0.59vw; box-shadow: -0.08vw -0.34vw 0.34vw -0.08vw #272121 inset;}

.int_map_wrap{margin-top:8.04vw;}
.int_map_wrap .cont{margin-top:3.69vw !important;}

.int_write input[type="checkbox"]{width: 1.84vw; height: 1.84vw;}
.int_write .checkbox-label{font-size: 1.51vw;  margin-left: 0.92vw;}

}


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

/* contact 게시판 */
.int_board_inner{padding:20.6283vw 0 9.3141vw !important;}
.int_write{margin-top:8.03vw;}
.int_write > ul > li + li{margin-top:10.03vw;}
.int_tit_wrap{padding-bottom:0; margin-bottom:4.32vw; border:none;}
.int_tit_wrap:after{display:none;}
.int_tit_wrap .req{font-size: 3.26vw;}
.int_tit_wrap .int_wr_tit{font-size: 3.68vw;}
.int_write .input_wrap dt{font-size: 2.88vw; margin-bottom:1.32vw;}
.int_write .input_wrap dd .input_dp{height: 6.64vw; font-size: 2.86vw; padding:0 2vw;}
.int_write .input_wrap dd select{background-size:2.32vw; height: 6.64vw; font-size: 2.86vw; padding:0 2vw;}
.input_wrap{flex-wrap:wrap;}
.input_wrap dl{width: 100% !important;}
.input_wrap dl + dl{margin-top:4vw;}
.input_wrap dl.mob_mo{margin-top:2vw}
.input_wrap dl.mob_mo dt{display:none;}
.input_wrap3{margin-top:4.32vw;}
.input_wrap3 dl .add1{margin-bottom:1.32vw;}
.input_wrap3 dl .add1 .input_dp{width:94%;}
.input_wrap3 dl .add_srh{width:9.03vw; line-height:6.64vw; font-size: 2.32vw; box-shadow: -0.42vw -0.66vw 0.66vw -0.42vw rgba(0, 0, 0, 0.25) inset; margin-left:1.32vw; border-radius: 1.5vw;}
.input_wrap3 dl .add_srh.pc{display:none;}
.input_wrap3 dl .add_srh.mob{display:block;}
.input_wrap1 + .input_wrap2{margin-top:4vw;}
.int_write .cons.pc{display:none;}
.int_write .cons.mob{display:block;}
.int_write .cons{margin-top:5.72vw; text-align:center;}
.int_write .cons li{font-size: 2.86vw; padding-left:1.32vw; line-height:1.4;}
.int_write .cons li + li{margin-top:3.6vw;}
.int_write .cons li:before{display:none;}
.int_write .cons li span{font-size: 3.26vw; display:block; margin-bottom:2vw;}

.int_write .agree textarea{height:35.31vw; font-size: 2.86vw; padding:2vw;}
.int_write .agree .check{margin-top:1.32vw;}

.int_btn_wrap{margin-top:5.32vw !important; text-align:center !important;}
.int_btn_wrap input{font-size: 3.26vw; padding:1.20vw 3.86vw; border-radius: 2.20vw; box-shadow: -0.12vw -0.36vw 0.36vw -0.12vw #272121 inset;}

.int_map_wrap{margin-top:8.03vw;}
.int_map_wrap .cont{margin-top:3.72vw !important;}
.int_map_wrap .info{margin-top:10vw !important;}
.int_map_wrap .info ul li{justify-content:space-between;}

.int_write input[type="checkbox"]{width: 4.80vw; height: 4.80vw;}
.int_write .checkbox-label{font-size: 2.86vw;  margin-left: 1.56vw;}

}


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