@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; 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:35px; 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:35px; 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:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; 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:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.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:12px; 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:12px; 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:100%; margin-top: 20px;}
.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%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {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%;}

/* intro */
#intro_wrap{position: fixed;top: 0; left: 0;z-index: 5000;}
#intro_wrap .intro_logo{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
#intro_wrap .intro_logo img{width: 90px; height: 52px;}

/* header */
#header{position: absolute;height: 60px;left: 0px;width: 100%;display: flex;align-items: center;justify-content: space-between;z-index: 1000;}
#header .inner{display: flex; justify-content:space-between;align-items:center;height: 100%;width: 100%;}
#header h1 a{display: block;background: url(/images/main/main_logo_mob.png)center no-repeat;width: 50px;height: 28px; background-size: cover;}
#header .nav_btn{display: block;background: url(/images/main/ham_mob.png)center no-repeat;width: 25px;height: 18px; background-size: cover;margin-right: 2.6%;}
#header .youtube_btn{display: block;background: url(/images/main/youtube_mob.png)center no-repeat; background-size: cover; width: 24px;height: 18px;margin-left: 20px;transition:.3s;}
#header .gnb .youtube_btn:hover{background: url(/images/main/youtube_b_mob.png)}

/* gnb */
.lnb_wrap .gnb{display: none; align-items: center;}
.lnb_wrap .gnb li  span a{font-size: 17px; color: #000; font-weight: 500; padding: 0 20px 0 20px;transition:.3s;}
.lnb_wrap .gnb li  span a:hover{color: #b19c89;}

/* navigation */
#sub_header .nav_btn.nav_on{background: url(/images/main/x_btn_mob.png)center no-repeat;width: 25px;height: 23px; background-size: cover;}
.navigation { display:none; position:fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 500;}
.navigation .lnb {position:absolute; right: 0; top: 0px; width: 100%; height: 100%; background: #fff; z-index: 500;}
.navigation h3.on span{color: #b19c89;}
.navigation .lnb .lnb_header{display:flex; align-items:center;justify-content:space-between;width: 100%;z-index:500}
.navigation .lnb .lnb_box{position: fixed; left: 50%; transform:translateX(-50%);margin-top: 140px;width: 100%;} 
.navigation .lnb .lnb_box h3 a span{font-size: 16px; font-weight: 400;position:relative; color: #000; }
.navigation a{width:100%;display: flex;align-items: center;justify-content: space-around;margin-bottom: 35px;}
.navigation a.on span{color: #b19c89;}

.navigation h3:nth-child(2).active a{ margin-bottom: 10px;}
.navigation h3:nth-child(2).on a{ margin-bottom: 10px;}
.navigation h3:nth-child(5).active a{ margin-bottom: 10px;}
.navigation h3:nth-child(5).on a{ margin-bottom: 10px;}
.navigation h3:nth-child(7).active a{ margin-bottom: 10px;}
.navigation h3:nth-child(7).on a{ margin-bottom: 10px;}



/* visual_wrap */
#visual_wrap{position: relative;}

/* ====sub======================================================================== */

/* sub_header */
#sub_header{position: relative;height: 60px;left: 0px;width: 100%;display: flex;align-items: center;justify-content: space-between;z-index: 1000; padding: 0 10px;}
#sub_header .inner{display: flex; justify-content:space-between;align-items:center;height: 100%;width: 100%;}
#sub_header h1 a{display: block;background: url(/images/main/main_logo_mob.png)center no-repeat;width: 50px;height: 28px; background-size: cover;}
#sub_header .nav_btn{display: block;background: url(/images/main/ham_mob.png)center no-repeat;width: 25px;height: 18px; background-size: cover;margin-right: 2.6%;}
#sub_header .youtube_btn{display: block;background: url(/images/main/youtube_mob.png)center no-repeat; background-size: cover; width: 24px;height: 18px;margin-left: 20px;transition:.3s;}
#sub_header .gnb .youtube_btn:hover{background: url(/images/main/youtube_b_mob.png)}

#sub_contents{padding: 74px 0 75px;}

/* 공통 */
h5.h5_tit {position:relative; margin-bottom:15px; padding-left:0; font-size:16px; color:#b19c89; word-break:keep-all;  }
h5.h5_tit::before {position:absolute; content:''; width:4px; height:4px; left:0; top:9px; display:none; background:#222; border-radius:50%;}

ul.dot_list li{position:relative; margin-bottom:15px; padding-left:10px; font-size:12px; color:#888; word-break:keep-all;  }
ul.dot_list li::before {position:absolute; content:''; width:3px; height:3px; left:0; top:8px; display:block; background:#222; border-radius:50%;}

/* sub0101 */
.sub0101_con_pc{display: none;}

.sub0101_con_tab{display: block;}
.sub0101_con_tab .img_box{position: relative;width: calc(100%);transition:.3s;}
.sub0101_con_tab .img_box.img_on .txt_wrap{/* display: block; */position:absolute;z-index: 100;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.sub0101_con_tab{display: flex; flex-wrap:wrap;gap: 20px 0px;}
.sub0101_con_tab .img_box .img_wrap{position:relative; width:100%; padding-bottom:66.66%;}
.sub0101_con_tab .img_box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0101_con_tab .img_box .txt_wrap{/* display: none; */position:absolute;z-index: 100;top: 50%;left: 200%;transform:translate(-50%,-50%);background: rgba(0,0,0,.4);width: 100%;height: 100%;transition:.5s;}
.sub0101_con_tab .img_box .txt_wrap p{text-align: center; color: #fff; font-size: 14px; }
.sub0101_con_tab .img_box .txt_wrap em{text-align: center; color: #fff; font-size: 12px; display: block;}
.sub0101_con_tab .img_box .txt_wrap em b{display: block;}
.sub0101_con_tab .img_box .txt_wrap .line{height: 1px; width: 100%; background: #fff;margin: 5px 0 5px;}
.sub0101_con_tab .img_box .txt_wrap .txt > a{display: block;color: #fff; font-size: 25px;text-align: right;}

.paging_wrap{margin: 50px 0 0px;}
ul.paging li{border:none;}
ul.paging li a{font-size: 14px; color: #222; font-weight: 300;}
ul.paging li.on{border:none;background: none;}
ul.paging li.on a{color: #b19c89;}

/* sub0101_wrap */
.sub0101_view .big_img_wrap {position:relative; overflow: hidden; margin-top: 10px;}
.sub0101_view .big_img_wrap .big_img_slide li .img_wrap {position:relative; padding-bottom: 66.667%;}
.sub0101_view .big_img_wrap .big_img_slide li .img_wrap img {display:block; margin:0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%;
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); /* width:80%; */}
.sub0101_view .big_img_wrap .arrow_wrap {}
.sub0101_view .big_img_wrap .arrow_wrap .prev_button {position:absolute; width: 15px; height: 28px; left:0; bottom:50%; background:url("/images/sub/sub0101_view_l_arrow02.png") no-repeat; cursor:pointer; transform: translateY(50%);}
.sub0101_view .big_img_wrap .arrow_wrap .next_button {position:absolute; width: 15px; height: 28px; right:0; bottom:50%; background:url("/images/sub/sub0101_view_r_arrow02.png") no-repeat; cursor:pointer; transform: translateY(50%);}
.small_img_slide .slick-list{width: calc(100% + 20px);}

.sub0101_view .small_img_wrap .small_img_slide li .img_wrap {position:relative; padding-bottom: 66.667%; }
.sub0101_view .small_img_wrap .small_img_slide li .img_wrap img {display:block; margin:0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%;
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.dot_wrap {display:flex; justify-content: center; margin-top:30px;}
.dot_wrap li {width: 8px; height: 8px; background: #b19c89; border-radius: 50%; margin-right: 10px;}
.dot_wrap li.on {background: #635345;}
.dot_wrap li:last-child {margin-right: 0;}

/* sub0201 */
.sub0201_wrap .con01 {display:flex; margin-bottom:60px; flex-wrap:wrap; flex-direction: column-reverse; gap: 30px;}
.sub0201_wrap .con01 .txt_wrap{text-align: left; margin-right:0; width:100%;}
.sub0201_wrap .con01 .txt_wrap h3{font-size: 15px; color: #b19c89; font-weight: 300; margin-top:10px;}
.sub0201_wrap .con01 .txt_wrap p{font-size: 12px; color: #888; margin-top: 15px; text-transform:uppercase ; font-weight: 300;text-align: left;}
.sub0201_wrap .con01 .txt_wrap p b {color:#b19c89;}
.sub0201_wrap .con01 .img_wrap {width:90%; margin: 0 auto;}
.sub0201_wrap .con01 .img_wrap img {width:100%}

.sub0201_wrap .con02 > h5.h5_tit {margin-bottom: 20px;}
.sub0201_wrap .con02 .txt_wrap {margin-bottom:20px;}
.sub0201_wrap .con02 .txt_wrap p {font-size:12px; font-weight:300; color:#888; margin-bottom:15px; margin-right:0;}
.sub0201_wrap .con02 .txt_wrap p:last-child {margin-bottom:0; line-height: 2;}
.sub0201_wrap .con02 .con_box {display:block; align-items:center; justify-content: space-between; background:none;}
.sub0201_wrap .con02 .img_wrap img {display:block; margin:0 auto; width:55%;}

/* sub0202 */
.sub0202_wrap .con02 { flex-direction: column;}
.sub0202_wrap .con03 .con_box .img_wrap img { display: block; margin: 0 auto;}
.sub0201_wrap .con03 {padding:0}
.sub0201_wrap .con03 .con_box {display:block; align-items:center; gap:20px; justify-content: flex-start; }
/* .sub0201_wrap .con03 .con_box .img_wrap img {margin:0 auto; display:block;} */
.sub0201_wrap .con03 .con_box .txt_wrap {margin-left:0; margin-top:20px;}
.sub0201_wrap .con03 .con_box .txt_wrap p {font-size:12px; margin-bottom:15px; color:#888; word-break:keep-all; font-weight: 300; }

/* sub0301 */
.sub0301_wrap .sub0301_con{display: flex;gap: 40px 0px;align-items:center;flex-direction: column; margin-bottom:60px;}
.sub0301_wrap .map_wrapper {width: 100%; }
.sub0301_wrap .map_wrapper iframe{width: 100%; height: 255px;}
.sub0301_wrap .txt{width: 100%;}
.sub0301_wrap .txt h4{font-size: 16px; color: #b19c89;padding: 20px 0;border-bottom:1px solid #cbb39c;margin-bottom: 25px;}
.sub0301_wrap .txt p{font-size: 13px; color: #888;font-weight: 300; padding-bottom: 25px;}
.sub0301_wrap .txt span{font-size: 16px; color: #777;font-weight: 400;width: 100px; display: inline-block;}

/* sub0401 */
div.input_box01{width:100%; margin-bottom:30px; border:none; display:block;}
div.input_box01 p{position:relative; font-size: 13px; color: #777; padding-left: 13px; font-weight: 500; margin-bottom: 15px;}
div.input_box01 p:after{position: absolute; content: '';  left: 0px; top: 8px; width: 4px; height: 4px; border-radius: 4px; background: #b19c89;}
div.input_box01 p b {color:red; }
div.input_box01 input{display: block; border: none; border-bottom: 1px solid #ddd;font-size:16px; color:#888;}
div.input_box01 input:focus{outline: none;}
div.e_mail_box{display:flex;}
select.select01{padding:0 20px 0 5px; height:35px; margin-left:10px;border:1px solid #ddd;}
.sub0401_wrap .con01{display:flex;  flex-wrap:wrap; justify-content: space-between;}
.sub0401_wrap .con01 .input_box01 {width:100%; margin-bottom:30px;}
.sub0401_wrap .con01 .input_box01:nth-child(3n) {margin-right:0;}
.sub0401_wrap .con01 .input_box01:last-child {margin-bottom:0;}
.sub0401_wrap span {margin-bottom:10px; display:block; font-size:15px;}
.sub0401_wrap span b {color:red;}
.sub0401_wrap .con01 .phone_box{display:flex;}
.sub0401_wrap .con01 .phone_box span{display: inline-block; width: 10px; height: 2px; background: #ddd; margin: 0 10px;}
.sub0401_wrap .con02 {display:block; margin-top:0;}
.sub0401_wrap .con03 {margin-top:0px;}
.sub0401_wrap .con03 .area_box p{position:relative; font-size: 13px; color: #777; padding-left: 13px; font-weight: 500; margin-bottom: 15px;}
.sub0401_wrap .con03 .area_box p:after{position: absolute; content: '';  left: 0px; top: 7px; width: 4px; height: 4px; border-radius: 4px; background: #b19c89;}
.sub0401_wrap .con03 .area_box textarea{display: block; width: 100%;height: 400px; border: 1px solid #ddd; color: #222; margin-top: 20px;}
.sub0401_wrap .con04{ margin-top:40px;}
.sub0401_wrap .con04 div.input_box01{width:100%;}
.sub0401_wrap .con04 .check_box01{display:flex;flex-wrap:wrap; }
.sub0401_wrap .con04 .check_box01 li{display:flex;margin-right:30px; font-size:13px; color:#888; margin-bottom:20px; width:100%;	}
.sub0401_wrap .con04 .check_box01 li:last-child{margin-right:0; margin-bottom:0;}
.sub0401_wrap .con04 .check_box01 li label{padding-left:5px; }
.sub0401_wrap .con05 .check_box01{display:flex;flex-wrap:wrap; width:100%;}
.sub0401_wrap .con07 {display:flex;}
.sub0401_wrap .con08 .area_box textarea{display: block; width: 100%;height: 200px; border: 1px solid #ddd; color: #222; margin-top: 20px;}
.sub0401_wrap .con09 {margin-top:40px;}
.input_txt01::-webkit-input-placeholder {font-size:12px;}
div.button_wrap{margin-top:0;}
div.button_wrap a{display: block; margin: 0 auto; width: 150px; height: 45px; text-align: center; background: #b19c89; font-size: 12px; color: #fff; line-height: 45px;}

input[type="text"].input_txt01{width:100%;}
input[type="file"].input_txt01{font-size:12px;}
input[type="text"].input_txt02{width:190px;}
input[type="text"].input_txt03{width:33.33%;}

div.button_wrap01 {display:flex; justify-content: flex-end;}
div.button_wrap01 a{display: block; width: 120px; height: 30px; text-align: center; background: #fff; font-size: 12px; color: #222; border:1px solid #222; line-height:30px;}

div.button_wrap02 { display: flex; justify-content: center; margin-top:0; margin-top:30px;}
div.button_wrap02 a{display: block; width: 180px; height: 40px; text-align: center; background: #b19c89; font-size: 12px; color: #fff; line-height: 40px;}
.sub0401_3_wrap .button_wrap03 a{width: 100px;height: 35px;line-height: 35px;}
.sub0401_3_wrap .button_wrap03:first-child a{background: #fff;color: #b19c89;border: 1px solid #b19c89;}

/* sub0401_2 */
.sub0401_2_wrap .con_box {display:block; border-top:3px solid #b19c89;}
.sub0401_2_wrap .con_box .input_box01 {width:100%; padding:15px 0;  display:flex; border-bottom:1px solid #ddd; margin-bottom:0;}
.sub0401_2_wrap .con_box .input_box01 p {width:35%; margin-right:40px; color:#222; font-weight:500; margin-bottom:0;}
.sub0401_2_wrap .con_box .input_box01 p br {display:none;}
.sub0401_2_wrap .con_box .input_box02 p br {display:block;}
.sub0401_2_wrap .con_box .input_box01 em {font-size:12px;display:block; color:#888; font-weight:300;}
.sub0401_2_wrap div.button_wrap01 {margin-top:30px; }

/* sub0401_3 */
.sub0401_3_wrap .con01 {display:flex; justify-content: space-between;}
.sub0401_3_wrap .con01 .img_wrap {width:100%;}
.sub0401_3_wrap .con01 .img_wrap img {width:100%;}
.sub0401_3_wrap .con01 .input_box01 {width:100%; margin-bottom:20px;}
.sub0401_3_wrap .con01 .con_box {box-shadow: 5px 5px 10px #ddd; width:100%; padding:20px 30px; margin-top:10px;}
.sub0401_3_wrap .button_wrap02 {display:block; margin-top:20px; margin-bottom:0;}

/* sub0501 */
.sub0501_wrap .con01 span {display: block; font-size: 12px; color: #888; margin-bottom: 25px; line-height: 1.4;}
.sub0501_wrap .con01 .con_box{margin-bottom: 20px;gap:20px;}
.sub0501_wrap .con01 .con_box .img_box{width: calc(75% - 20px);}
.sub0501_wrap .con01 .con_box .mini_img{display: flex;flex-direction: column;gap: 20px;width: 30%;}
.sub0501_wrap .con01 .con_box .mini_img02{display: flex;flex-direction: column;gap: 20px;width: 29%;}
.sub0501_wrap .con01 .con_box02 .img_box{width: calc((100% - 20px) / 2);}
.sub0501_wrap .con02 {margin-top:30px;}

.pop_wrap{display: none;position: fixed; left: 0; top: 0;width: 100%; height: 100%; background: #fff;z-index: 9999;}
.pop_wrap .x_btn{position: absolute; top: 15px; right: 15px;z-index: 100;}
.pop_wrap .x_btn img{width: 20px;}
.pop_wrap .img_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 95%;}
.pop_wrap .img_box .img_wrap{}
.pop_wrap .img_box .img_wrap img{width: 100%;}

.edit_box {margin-top:50px;}
h4.h4_tit {font-size: 16px; color: #b19c89; font-weight: 500; margin-bottom:15px;}