@charset "utf-8";
@font-face {
    font-family: 'GmarketSans';
    src: url('font/GmarketSansBold.eot');
    src: url('font/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
        url('font/GmarketSansBold.woff') format('woff'),
        url('font/GmarketSansBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('font/GmarketSansLight.eot');
    src: url('font/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
        url('font/GmarketSansLight.woff') format('woff'),
        url('font/GmarketSansLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('font/GmarketSansMedium.eot');
    src: url('font/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
        url('font/GmarketSansMedium.woff') format('woff'),
        url('font/GmarketSansMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{line-height:1; font-family:'GmarketSans', "돋움", Dotum, Arial, sans-serif; overflow-x:none; background: #f2f7fd; letter-spacing: -0.05em}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
a{display: block;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:inherit;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration: line-through}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select, textarea{vertical-align:top;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}
li{list-style:none}


.fix{zoom:1}
.fix:after{content:""; display:block; clear:both}

.pt20 {padding-top:20px !important;}

a.btn01{display: inline-block; border-radius: 30px; border: 2px solid #FFF; padding: 15px 30px; vertical-align: bottom;}
a.btn01 span{display: block; font-size: 1.25em; font-weight: 500; vertical-align: bottom; padding: 2% 60px 0 40px; background-image: url(../img/icon_01.png); background-repeat: no-repeat; background-position: right center; background-size: contain;}
a.btn02{display: inline-block; border-radius: 30px; border: 2px solid #6a5dd1; padding: 15px 30px; vertical-align: bottom;}
a.btn02 span{display: block; font-size: 1.25em; font-weight: 500; vertical-align: bottom; padding: 2% 60px 0 40px; background-image: url(../img/icon_03.png?v=1); background-repeat: no-repeat; background-position: right center; background-size: contain; color: #6a5dd1}

.banner_area .inner_con{position: relative; width: 100%; max-width: 1440px; margin: 0 auto;}
.banner_area .inner_con img{width: 100%}
.banner_area .con_area{position: absolute;width: 100%;top: 280px;left: 0;text-align: center;color: #FFF;}
.banner_area .con_area h1.logo{width: 15%; max-width: 100px; margin: 2% auto 0 auto}
.banner_area .con_area h2{/*margin-top: 12%;*/ font-weight: 300; font-size: 4em; line-height: 1.25em}
.banner_area .con_area h2 span{font-weight: 700}
.banner_area .con_area h3{margin-top: 3%; font-weight: 300; font-size: 1.5em}
.banner_area .con_area a.btn01{margin-top: 6%}

.wrap {overflow-x: hidden;}

.main_con{width: 100%; max-width: 1440px; margin: 0 auto; text-align: center; color: #20265b}
.main_con_bg{width: 100%; text-align: center; color: #20265b}

.section_01{margin-top: -3%}
.section_01 h3{font-size: 2.75em; line-height: 1.3em; font-weight: 500; word-break: keep-all;}
.section_01 h3 span{display: block; font-weight: 700;}
.section_01 p{font-size: 1.5em; line-height: 1.3em; font-weight: 300; margin-top: 2%; word-break: keep-all;}
.section_01 p span{display: block; font-weight: 500;}

.section_01-1{margin-top: 3%}

.radius_box1.box_01{background-image: url(../img/box_bg_img_01.jpg); background-repeat: repeat-x; background-position: left top; background-size: 100% auto;}
.radius_box1{width: 100%; border-radius: 50px; background-color: #FFF; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); padding-bottom: 2%}
.radius_box1.box_01 h4{width: 100%; padding: 4.5% 0; font-weight: 500; font-size: 1.8em; line-height: 1.25em; word-break: keep-all;}
.radius_box1 .con{width: 80%; margin: 0 auto; margin-top: 3%;}
.radius_box1 .txt01{font-size: 2.75em; font-weight: 700; line-height: 1.5em; word-break: keep-all;}
.radius_box1 .txt02{font-size: 1.5em; font-weight: 500; line-height: 1.5em; margin-top: 2%; word-break: keep-all;}
.radius_box1 .txt02 span{display: block; font-weight: 300; font-size: 0.85em}

.radius_box1.box_01 .icon01{width: 2%; margin: 2% auto 0 auto; min-width: 20px}
.radius_box1.box_01 .icon01 img{width: 100%}

.section_01-2{margin-top: 3%}

.section_01-2 .video{width: 100%}
.section_01-2 .video .video-container{position: relative; width: 100%; height: auto; padding-top: 56%;}
.section_01-2 .video .video-container iframe{z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%;}

.section_01-2 .box_type_01{width: 48%; padding-bottom: 38%; position: relative;}
.section_01-2 .box_type_01.box_left{float: left}
.section_01-2 .box_type_01.box_right{float: right}
.radius_box2{border-radius: 50px; background-color: #938bd9; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); padding: 8% 6%; position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.radius_box2 .pr_img img{width: 100%}
.radius_box2 .txt{margin-top: 4%; color: #FFF; padding: 0 10%}
.radius_box2 .txt a{display: inline-block; line-height: 1.25em; font-size: 1.5em; font-weight: 500; text-decoration: underline; word-break: keep-all;}
.radius_box2 .txt span{display: block; font-size: 1.125em; font-weight: 300; margin-top: 1.5%}

.section_01-3{margin-top: 3%}

.section_02{margin-top: 6%; background-image: url(../img/bg_01.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 6%}
.section_02 .inner_con{width: 100%; max-width: 1440px; margin: 0 auto; margin-top: 3%}
.section_02 .inner_con .box_left{float: left}
.section_02 .inner_con .box_right{float: right}
.section_02 .inner_con .box_left .rooms img {max-width: 100%;}
.section_02 .inner_con .con-txt{width: 45%; text-align: left; padding: 2% 2% 2% 0}
.section_02 .inner_con .con-txt h4{font-size: 2.25em; font-weight: 500; line-height: 1.5em; word-break: keep-all;}
.section_02 .inner_con .con-txt .line{width: 2px; height: 80px; background: #20265b; margin-top: 2%}
.section_02 .inner_con .con-txt h5{font-size: 1.5em; font-weight: 700; word-break: keep-all; line-height: 1.5em; margin-top: 2%}
.section_02 .inner_con .con-txt h5 span{background: #e6a4ac}
.section_02 .inner_con .con-txt h6{padding-left: 5%; font-size: 1.25em; font-weight: 500; background-image: url(../img/icon_04.png); background-repeat: no-repeat; background-position: left center; background-size: auto 90%; margin-top: 3%}
.section_02 .inner_con .con-txt ul li{padding-left: 2%; font-size: 1.25em; font-weight: 300; background-image: url(../img/icon_05.png); background-repeat: no-repeat; background-position: left center; background-size: 5px; margin-top: 2%}

.section_02 .inner_con .con-img{width: 50%}
.section_02 .inner_con .con-img .owl-dots{margin-top: 2%}
.section_02 .inner_con .con-img .owl-dots .owl-dot{border-radius: 10px; width: 12px; height: 12px; background: #bfbfbf; margin: 0 .8%}
.section_02 .inner_con .con-img .owl-dots .owl-dot.active{background: #6a5dd1}

.section_03{background-image: url(../img/bg_01.png); background-repeat: repeat-x; background-position: left top}
.section_03 .inner_con{width: 100%; max-width: 1440px; margin: 0 auto;}
.radius_box1.box_02{padding: 4% 0}
.radius_box1.box_02 h4{width: 100%; font-size: 2.75em; font-weight: 700}
.radius_box1.box_02 .con table{width: 100%; border-top: 3px solid #20265b; border-bottom: 3px solid #20265b;}
.radius_box1.box_02 .con table thead th{/*padding: 1% 0;*/ background-color:#6357a3; padding: 35px 0 25px 0;  font-size: 1.5em; font-weight: 500; line-height:1.6; border-bottom: 2px solid #20265b; color:#FFF; vertical-align:middle;}
.radius_box1.box_02 .con table tbody td{/*padding: 1% 0;*/ padding: 35px 0 25px 0; font-size: 1.3em; font-weight: 400; line-height:1.3; border-bottom: 2px solid #20265b; vertical-align:middle;}
.radius_box1.box_02 .con table tfoot th{/*padding: 1% 0;*/ padding: 35px 0 25px 0; font-size: 1.3em; line-height:1.3; font-weight: 700}
.radius_box1.box_02 .con p {text-align:left; font-size: 1.25em; line-height:1.6;}
.tableImg {/*box-shadow: 0 8px 15px rgb(0 0 0 / 20%);*/ margin-top: 90px;}
.tableImg img {position:relative; left:50%; transform: translateX(-50%); max-width: 1492px; width:106.57142857143%;}

.section_04{margin-top: 6%; background-image: url(../img/bg_02.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 0%}
.section_04 .inner_con{width: 100%; max-width: 1440px; margin: 0 auto;}

.section_04 .title_area h3{font-weight: 300; font-size: 4em; line-height: 1.25em; word-break: keep-all;}
.section_04 .title_area h3 span{font-weight: 700}
.section_04 .title_area p{font-size: 1.75em; font-weight: 300; margin-top: 2%}

.section_04 .box_area{margin-top: 2%}
.section_04 .box_area li{float: left; width: 32%; margin-right: 2%; /*border-radius: 50px;*/  padding-bottom: 20%; position: relative;}
.section_04 .box_area li div{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 8%;}
.section_04 .box_area li.box1{}
.section_04 .box_area li.box2{}
.section_04 .box_area li.box3{ margin: 0}
.section_04 .box_area li h4{font-size: 2.75em; font-weight: 700; line-height: 1.25em}
.section_04 .box_area li h4 span{display: block; font-weight: 300;}
.section_04 .box_area li p{font-size: 1.5em; font-weight: 300; line-height: 1.25em; word-break: keep-all; margin-top: 3%; padding: 0 6%}


.section_05 {padding-top:6%; padding-bottom: 0 !important;}
.section_05 .inner_con_01 {width: 100%; max-width: 1440px; margin: 0 auto;}
.section_05 .inner_con_02 {padding:195px 0; background: url(../img/bgBott.jpg) no-repeat center; background-size: cover;}
.radius_box1.box_03{background-image: url(../img/box_bg_img_05.png?v=1); background-repeat: repeat-x; background-position: left top; background-size: 100% auto;}
.radius_box1.box_03 h4{width: 100%; padding: 4.5% 0; font-weight: 500; font-size: 1.8em}
.radius_box1.box_03 p span{margin-top: 2%}

.section_05 .inner_con_02{margin-top: 6%}
.section_05 .inner_con_02 h3{font-size: 4em; font-weight: 700;}
.section_05 .inner_con_02 h3 span{display: block; font-size: .4em; font-weight: 300; line-height: 1.5em}
.section_05 .inner_con_02 .info_area{margin-top: 3%}
.section_05 .inner_con_02 .info_area .tel_link{font-size: 3em; font-weight: 300}
.section_05 .inner_con_02 .info_area p{font-size: 1.75em; font-weight: 500; margin-top: 1%; line-height: 1.25em}
.section_05 .inner_con_02 .info_area p a{display: inline-block;}
.section_05 .inner_con_02 .sns_area{width: 10%; max-width: 80px; margin: 0 auto; margin-top: 4%;}
.section_05 .inner_con_02 .sns_area img{width: 100%}

/* 헤더 */
.header_wrap {width:100%;height: 220px;position:fixed;top:0;left:0;z-index:4;}
.header_wrap .head {height:100%;width:95%;max-width: 1110px;margin:0 auto;position:relative;}
.header_wrap .head h1 {width:100px; height: 100px; background: url(../img/logo_w.png) no-repeat center;
  background-size: cover; position:absolute; top:38px; left: 50%; transform: translateX(-50%);}
.header_wrap .head h1 a {display:block; height:100%;}
.header_wrap .head .menu {top:0;height: 100%;display: flex;align-items: flex-end;justify-content: space-between;width:100%;max-width: 1600px;margin:0 auto;}
.header_wrap .head .menu > li {width: 20%;text-align:center;box-sizing: border-box;}
.header_wrap .head .menu > li > a {color:#333; font-size:28px; font-weight:500; display:block; height:100%;}
.header_wrap .head .menu > li:hover > a {color:#be1c2d;}
.header_wrap .head .menu > li:nth-child(2) {/* margin-right: 10%; */}
.header_wrap .head .menu > li:nth-child(3) {/* margin-left: 10%; */}
.header_wrap .head .call_btn {width:70px; position:absolute; top:50%; left: 0; transform: translateY(-50%); display:none;}
.header_wrap .head .call_btn a {display:block; height:100%;}
.header_wrap .head .call_btn a img {width: 100%;}
.header_wrap .head .menu_btn {display:none; z-index:5; position:absolute; right:0; top:50%; transform: translateY(-50%); width:30px; height:66px;
  cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s;}
.header_wrap .head .menu_btn span {top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.header_wrap .head .menu_btn span,
.header_wrap .head .menu_btn span:before,
.header_wrap .head .menu_btn span:after {display:block; width:30px; height:4px; background-color:#fff; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.3s; transition:all 0.3s; }
.header_wrap .head .menu_btn span:before, .header_wrap .head .menu_btn span:after {content:'';}
.header_wrap .head .menu_btn span:before {top:-13px;}
.header_wrap .head .menu_btn span:after {bottom:-13px;}
.header_wrap .head .close_btn span {background-color:transparent !important; margin-top:0;}
.header_wrap .head .close_btn span:before, .header_wrap .head .close_btn span:after {left:-10%; width:120%; background-color:#fff !important;}
.header_wrap .head .close_btn span:before {transform:rotate(-45deg); -ms-transform:rotate(-45deg); top:5%; }
.header_wrap .head .close_btn span:after {transform:rotate(45deg); -ms-transform:rotate(45deg); bottom:5%;}

/*.header_wrap .sub_bg {width:100%; height:380px; background-color:#fff; left:0; top:101px; position:absolute; display:none; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}*/
.main_header .head  .menu_btn {}
.main_header {-webkit-transition:all 0.3s; transition:all 0.3s;}
.main_header .head .menu > li > a {color:#fff;}


.scrolled {background-color:#fff;  height: 100px; border-bottom: 1px solid #ddd;}
.scrolled .head {max-width:1470px; width:95%; margin: 0 auto;}
.scrolled .head h1 {left:0; top:50%; transform:translateY(-50%); background:url(../img/logo_s.png) no-repeat center; background-size: cover;
width:164px; height: 55px;}
.scrolled .head .menu {width: auto; margin: 0; align-items: center; justify-content: flex-end; max-width:none; transform: translateY(5px);}
.scrolled .head .menu > li {width:auto !important; padding:0 !important; margin-left:85px;}
.scrolled .head .menu > li > a {color:#333;}
.scrolled .head .menu > li:hover > a {color:#6a5dd1;}

.scrolled .head .menu_btn span,
.scrolled .head .menu_btn span:before,
.scrolled .head .menu_btn span:after,
.hover_header .head .menu_btn span,
.hover_header .head .menu_btn span:before,
.hover_header .head .menu_btn span:after {background-color:#fff;}

.menu_mwrap {position:fixed; top:0; right:0; width:100%; height:100%; z-index:4; display:none;}
.menu_marea {width:100%; height:100%; background-color:#20265b; overflow-y:scroll; position:absolute; top:-100%; z-index:1;}
.menu_m {padding:100px 4% 40px 4%;}
.menu_m > li {padding:20px 0 20px 20px; border-bottom: 1px solid #6966ab;}
.menu_m > li > a {color:#fff; font-size:27px; transform: translateY(4px);}
.menu_m > li > .opend {border-bottom:1px solid #333;}
.menu_m > .nav_on > a {border-bottom:1px solid #000; display:inline-block; padding-bottom:5px;}
.close_btn {position:absolute; cursor:pointer; top:40px; right:25px; line-height:1;}
.blck_bg {position:fixed; width:100%; height:100%; background-color:#20265b; opacity:0.8; top:0; left:0; display:none;}

.section_06 {margin-top: 150px;}
.section_06 .title_area {margin-bottom: 70px;}
.section_06 .title_area h3 {font-weight: 300; font-size: 4em; line-height: 1.25em; word-break: keep-all;}
.section_06 .title_area h3 span {font-weight: 700;}
.stores {display:flex; justify-content: space-between; max-width: 1440px; width:100%; margin:0 auto;}
.stores li {width:31%; text-align: center; padding:0 15px;}
.stores li div img {width:100%;}
.stores li dl {margin-top: 30px;}
.stores li dl dt {font-size:40px; font-weight: 700; margin-bottom: 10px;}
.stores li dl dd {font-size:23px;}

/* 미소포토 */
.miso {margin-top: 70px;}
.miso img {max-width: 100%;}

/* 퀵메뉴 */
.quick_wrap {}
.quick_wrap .quick_rightbtns {position: fixed; right: 0; top:50%; transform: translateY(-50%); z-index:3;}
.quick_wrap .quick_btn {width:176px; height:231px; background:url(../img/quck_btn.png) no-repeat right ;background-size:cover; text-align:center; cursor:pointer;
   /* position:fixed; right:0; top:27%; z-index:3; */
  }
/* .quick_wrap .quick_instar {position:fixed; right:0; top:52%; z-index:3;} */
.quick_wrap .quick_btn > div {padding-top:20px;}
.quick_wrap .quick_btn > div img {width:40px;}
.quick_wrap .quick_btn p {color:#fff; font-size:15px; margin-top:12px;}
.quick_wrap .quick_frmwrap {width: 100%; max-width:340px; background:#fff; position:fixed; border: 1px solid #3b199c; right:-100%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:5;}
.quick_wrap .quick_frmwrap .qf_title {text-align:center; font-size:30px; font-weight: 700; color:#000; height: 68px; line-height:83px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.quick_wrap .quick_frmwrap .close_frm {position:absolute; left:-68px; top:-1px; cursor:pointer;  border: 1px solid #3b199c; border-right:none;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box {margin-bottom:20px; padding:0 25px; font-size: 0;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box p {font-size:16px; font-weight:500; margin-bottom:10px;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box input[type="text"] {border:1px solid #ddd; width:100%; height:35px; font-size: 14px; padding-left:10px; box-sizing:border-box;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box input[type="number"] {border:1px solid #ddd;  width:calc(33.333% - 4px); height:35px; font-size: 14px; padding-left:10px; box-sizing:border-box;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box select {border:1px solid #ddd; width:calc(33.333% - 4px); height:35px; padding-left:10px; box-sizing:border-box;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box .number_center {margin:0 6px;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box > span {line-height:2; margin-right:10px; display:inline-block; vertical-align:middle;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box > span input {vertical-align:middle; transform: translateY(-3px);}
.quick_wrap .quick_frmwrap .quick_frm .frm_box > span label {font-size:14px; font-weight:500; vertical-align:middle; margin-left: 5px;}
.quick_wrap .quick_frmwrap .quick_frm .agree_line {line-height:68px; border-top:1px solid #ddd; position:relative; text-align:center;}
.quick_wrap .quick_frmwrap .quick_frm .agree_line .view_agree {vertical-align:middle; margin-left:10px; transform: translateY(5px); display: inline-block;}
.quick_wrap .quick_frmwrap .quick_frm .agree_line input[type="checkbox"] {position:absolute; right:0; width:1px; height:1px; padding:0; border: 0 none; margin: 0; top: 0; overflow: hidden; clip:rect(0 0 0 0);}
.quick_wrap .quick_frmwrap .quick_frm .agree_line label {background:url(../img/check.png) no-repeat right top 15px; background-size:30px 30px; display:inline-block; font-size:14px; font-weight:500; color: #222222;
  padding-right:40px; vertical-align:middle; transform: translateY(5px);}
.quick_wrap .quick_frmwrap .quick_frm .agree_line input[type="checkbox"]:checked+label {background:url(../img/checked.png) no-repeat right top 15px; background-size:30px 30px;}

.quick_wrap .quick_frmwrap .quick_frm .submit {display:block; height:52px; line-height:63px; text-align:center; color:#fff; font-weight:500; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ec4d6d+0,e0934c+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0000c0+0,980ed8+100 */
background: rgb(0,0,192); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,0,192,1) 0%, rgba(152,14,216,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,192,1) 0%,rgba(152,14,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,192,1) 0%,rgba(152,14,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000c0', endColorstr='#980ed8',GradientType=1 ); /* IE6-9 */
font-size: 21px; font-weight: 500;}
.quick_wrap .blk_bg {position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.78); z-index:4; display:none;}

.priv_wrap {width:100%; max-width:960px; height:500px; background-color:#fff; position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:5; display:none;}
.priv_wrap .privacy {height:500px; background: #fbfafa;
  border: 1px solid #d7d5d5;  padding: 25px;  box-sizing: border-box;}
.privacy > div {padding: 20px; background: #fff; border: 1px solid #d7d5d5; box-sizing: border-box; height: 100%;}
.privacy > div > .intxtarea {width: 100%; height: 100%; border: none; line-height: 1.7;
  word-break: keep-all; font-size: 14px; overflow-y: scroll; white-space: pre-line;}

.priv_wrap .close_priv {width:40px; height:40px; position:absolute; left:0; top:-41px; border:1px solid #c5c5c5; cursor:pointer;}
.priv_wrap .close_priv img {width:100%;}

.footer{width: 100%; background: #262626; padding: 2% 0}
.footer p{width: 100%; max-width: 1440px; text-align: center; margin: 0 auto;color: #ffffff; line-height: 1.5em; font-size: 1.25em; font-weight: 300; word-break: keep-all;}


@media screen and (max-width:1500px) {
  .tableImg img {width:100;}
}

@media screen and (max-width:960px) {
 /* 헤더 */
 .scrolled .head .menu > li {margin-left: 25px;}
}

@media screen and (max-width:850px) {
 /* 헤더 */
 .scrolled .head .menu > li {margin-left: 18px;}

 .section_05 .inner_con_02 {padding:90px 0 70px 0;}
 .section_06 {margin-top: 80px;}
 .section_06 .title_area {margin-bottom: 15px;}
 .section_06 .title_area h3 span {display: block;}
 .stores {flex-wrap: wrap;}
 .stores li {width:100%;}
 .stores li:not(:last-child) {margin-bottom: 30px;}
 .stores li dl {margin-top: 14px;}
 .stores li dl dt {font-size: 25px;}
 .stores li dl dd {font-size:20px;}
}

@media screen and (max-width:700px) {
  /*헤더*/
  .header_wrap {height:120px;}
  .header_wrap .head .menu {display:none;}
  .header_wrap .head .call_btn,
.header_wrap .head .menu_btn {display:block;}
.header_wrap .head h1 {top:10px;}
.menu_marea {width:100%;}
.scrolled {background-color:#20265b; border-bottom: none; height: 100px;}
.scrolled .head h1 {background: url(../img/logo_m.png) no-repeat; background-size: cover; top:50%;}
.scrolled .head .call_btn {right: 40px; left: auto; width:50px;}

.banner_area .con_area {top:140px;}

.stores {width:calc(100% - 50px);}

.quick_wrap .quick_btn, .quick_wrap .quick_instar {width:80px; height: 105px;}
.quick_wrap .quick_instar {top:43%;}
.quick_wrap .quick_instar img {max-width: 100%;}
.quick_wrap .quick_frmwrap {right:-100%;}
.quick_wrap .quick_frmwrap .close_frm {top: -68px; left: -1px; border-right:1px solid #3b199c; border-bottom: none;}
.quick_wrap .quick_frmwrap .quick_frm .frm_box {padding: 0 15px;}
}