@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'notokr-thin';
    src: url('/font/notokr-thin.eot');
    src: url('/font/notokr-thind41d.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-thin.woff2') format('woff2'),
         url('/font/notokr-thin.woff') format('woff'),
         url('/font/notokr-thin.ttf') format('truetype'),
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('/font/notokr-light.eot');
    src: url('/font/notokr-lightd41d.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-light.woff2') format('woff2'),
         url('/font/notokr-light.woff') format('woff'),
         url('/font/notokr-light.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-regular';
    src: url('/font/notokr-regular.eot');
    src: url('/font/notokr-regulard41d.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-regular.woff2') format('woff2'),
         url('/font/notokr-regular.woff') format('woff'),
         url('/font/notokr-regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('/font/notokr-medium.eot');
    src: url('/font/notokr-mediumd41d.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-medium.woff2') format('woff2'),
         url('/font/notokr-medium.woff') format('woff'),
         url('/font/notokr-medium.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas-Neue-Regular';
    src:url('/font/Bebas-Neue-Regular.ttf.woff') format('woff'),
        url('/font/Bebas-Neue-Regular.ttf.svg#Bebas-Neue-Regular') format('svg'),
        url('/font/Bebas-Neue-Regular.ttf.eot'),
        url('/font/Bebas-Neue-Regular.ttfd41d.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas-Neue-Bold';
    src:url('/font/Bebas-Neue-Bold.ttf.woff') format('woff'),
        url('/font/Bebas-Neue-Bold.ttf.svg#Bebas-Neue-Bold') format('svg'),
        url('/font/Bebas-Neue-Bold.ttf.eot'),
        url('/font/Bebas-Neue-Bold.ttfd41d.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BodoniFLF-Roman';
    src:url('/font/BodoniFLF-Roman.ttf.woff') format('woff'),
        url('/font/BodoniFLF-Roman.ttf.svg#BodoniFLF-Roman') format('svg'),
        url('/font/BodoniFLF-Roman.ttf.eot'),
        url('/font/BodoniFLF-Roman.ttfd41d.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareL';
    src: url('/font/NanumSquareL.eot');
    src: url('/font/NanumSquareLd41d.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumSquareL.woff2') format('woff2'),
         url('/font/NanumSquareL.woff') format('woff'),
         url('/font/NanumSquareL.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareR';
    src: url('/font/NanumSquareR.eot');
    src: url('/font/NanumSquareRd41d.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumSquareR.woff2') format('woff2'),
         url('/font/NanumSquareR.woff') format('woff'),
         url('/font/NanumSquareR.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareB';
    src: url('../font/NanumSquareB.eot');
    src: url('../font/NanumSquareBd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumSquareB.woff2') format('woff2'),
         url('../font/NanumSquareB.woff') format('woff'),
         url('../font/NanumSquareB.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight:normal;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
	outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
address, abbr, address, big, cite, code, ins, small, sub, sup, em{font-weight:normal; font-style:normal;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a, img, input, select, button{vertical-align:middle; text-decoration:none; outline:none;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*기본 셋팅*/
html,body {
  position: relative;
  background: #fff;
  color:#181818;
  width:100%;
  height: 100%;
  font-family:'notokr-regular';
  font-size: 14px;
  letter-spacing:-1px;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left:0;
  margin-right:0;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#wrap {width:100%; margin:0 auto; overflow:hidden; position:relative;}

.pc {display:block !important;}
.m {display:none !important;}
.pcbr,.pcbr br{display:inline !important;}
.mbr,.mbr br{display:none !important;}
.blu {color:#1457ed !important;}
.red {color:#ef5b5b !important;}
.tb_size {width:100% !important; margin:0 auto;}
img.basic_img {width:auto !important;}
img.con_img {display:inline-block; width:auto; margin:0 auto;}
.panel {padding:0 15px; display:inline-block;}
.gab_content {padding-top:70px;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.mt100 {margin-top:100px;}
.mt200 {margin-top:200px;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb70 {margin-bottom:70px;}
.mb100 {margin-bottom:100px;}
.mb200 {margin-bottom:200px;}

.pt0 {padding-top:0 !important;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt100 {padding-top:100px;}
.pt200 {padding-top:200px;}

.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb100 {padding-bottom:100px;}
.pb200 {padding-bottom:200px;}

.content_title {display:block; margin-bottom:50px; text-align:center;}
.content_title strong,.content_title strong em {display:inline-block; font-family:'NanumSquareB'; font-size:30px; line-height:31px; color:#2d2d2d;}
.content_title strong em {font-family:'NanumSquareL'; font-weight:normal;}
.content_title p,.content_title em {display:block; margin-top:20px; font-family:'NanumSquareR'; font-size:20px; line-height:30px; color:#2d2d2d;}
.content_title em {font-family:'NanumSquareL'; font-weight:normal;}

.more {display:inline-block !important; width:auto !important; padding:10px 30px; font-size:14px; line-height:15px; color:#fff; background:#818181; border-radius:30px;}

.basic_text {width:100%; height:100%; padding:4% 0; cursor:pointer; border:2px dotted #ebc5bc; margin-bottom:-2px; text-align:center; font-size:30px; transition:all .6s; -webkit-transition:all .6s;}
.basic_text:hover {background:#d6d6d6;}

#contents {padding-top:152px;}
#contents .basic_text {padding:22.5% 0;}

.header .basic_text {border-bottom:none;}
.header .gnb_field .basic_text{font-size:20px; padding:1.5% 0;}
.footer {padding:70px 0;}

.ib_box {width:100%; display:block; text-align:center; font-size:0; position:relative;}
.ib_box .box {display:inline-block;}
.float_box {width:100%; display:block; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box.left {float:left;}
.float_box .box.right {float:right;}
.float_box.box2 .box.first {width:70%;}
.float_box.box2 .box.last {width:30%;}

.float_box.box2 .box,.ib_box.box2 .box {width:50%;}
.float_box.box3 .box,.ib_box.box3 .box {width:33.3%;}
.float_box.box4 .box,.ib_box.box4 .box {width:25%;}
.float_box.box5 .box,.ib_box.box5 .box {width:20%;}
.float_box.box2.mb1 .box,.ib_box.box2.mb1 .box {margin-bottom:1%;}
.float_box.box3.mb1 .box,.ib_box.box3.mb1 .box {margin-bottom:1%;}
.float_box.box4.mb1 .box,.ib_box.box4.mb1 .box {margin-bottom:1%;}
.float_box.box5.mb1 .box,.ib_box.box5.mb1 .box {margin-bottom:1%;}
.float_box.box2.mb2 .box,.ib_box.box2.mb2 .box {margin-bottom:2%;}
.float_box.box3.mb2 .box,.ib_box.box3.mb2 .box {margin-bottom:2%;}
.float_box.box4.mb2 .box,.ib_box.box4.mb2 .box {margin-bottom:2%;}
.float_box.box5.mb2 .box,.ib_box.box5.mb2 .box {margin-bottom:2%;}
.float_box.box2.mb3 .box,.ib_box.box2.mb3 .box {margin-bottom:3%;}
.float_box.box3.mb3 .box,.ib_box.box3.mb3 .box {margin-bottom:3%;}
.float_box.box4.mb3 .box,.ib_box.box4.mb3 .box {margin-bottom:3%;}
.float_box.box5.mb3 .box,.ib_box.box5.mb3 .box {margin-bottom:3%;}
.float_box.box2.mb4 .box,.ib_box.box2.mb4 .box {margin-bottom:4%;}
.float_box.box3.mb4 .box,.ib_box.box3.mb4 .box {margin-bottom:4%;}
.float_box.box4.mb4 .box,.ib_box.box4.mb4 .box {margin-bottom:4%;}
.float_box.box5.mb4 .box,.ib_box.box5.mb4 .box {margin-bottom:4%;}
.float_box.box2.mb5 .box,.ib_box.box2.mb5 .box {margin-bottom:5%;}
.float_box.box3.mb5 .box,.ib_box.box3.mb5 .box {margin-bottom:5%;}
.float_box.box4.mb5 .box,.ib_box.box4.mb5 .box {margin-bottom:5%;}
.float_box.box5.mb5 .box,.ib_box.box5.mb5 .box {margin-bottom:5%;}
.float_box.box2.mr1 .box,.ib_box.box2.mr1 .box {width:49.5%; margin-right:1%;}
.float_box.box3.mr1 .box,.ib_box.box3.mr1 .box {width:32.3%; margin-right:1%;}
.float_box.box4.mr1 .box,.ib_box.box4.mr1 .box {width:24.2%; margin-right:1%;}
.float_box.box5.mr1 .box,.ib_box.box5.mr1 .box {width:calc(96%/5); margin-right:1%;}
.float_box.box2.mr2 .box,.ib_box.box2.mr2 .box {width:calc(98%/2); margin-right:2%;}
.float_box.box3.mr2 .box,.ib_box.box3.mr2 .box {width:calc(96%/3); margin-right:2%;}
.float_box.box4.mr2 .box,.ib_box.box4.mr2 .box {width:calc(94%/4); margin-right:2%;}
.float_box.box5.mr2 .box,.ib_box.box5.mr2 .box {width:calc(92%/5); margin-right:2%;}
.float_box.box2.mr3 .box,.ib_box.box2.mr3 .box {width:calc(97%/2); margin-right:3%;}
.float_box.box3.mr3 .box,.ib_box.box3.mr3 .box {width:calc(94%/3); margin-right:3%;}
.float_box.box4.mr3 .box,.ib_box.box4.mr3 .box {width:calc(91%/4); margin-right:3%;}
.float_box.box5.mr3 .box,.ib_box.box5.mr3 .box {width:calc(88%/5); margin-right:3%;}
.float_box.box2.mr4 .box,.ib_box.box2.mr4 .box {width:calc(96%/2); margin-right:4%;}
.float_box.box3.mr4 .box,.ib_box.box3.mr4 .box {width:calc(92%/3); margin-right:4%;}
.float_box.box4.mr4 .box,.ib_box.box4.mr4 .box {width:calc(88%/4); margin-right:4%;}
.float_box.box5.mr4 .box,.ib_box.box5.mr4 .box {width:calc(84%/5); margin-right:4%;}
.float_box.box2.mr5 .box,.ib_box.box2.mr5 .box {width:calc(95%/2); margin-right:5%;}
.float_box.box3.mr5 .box,.ib_box.box3.mr5 .box {width:calc(90%/3); margin-right:5%;}
.float_box.box4.mr5 .box,.ib_box.box4.mr5 .box {width:calc(85%/4); margin-right:5%;}
.float_box.box5.mr5 .box,.ib_box.box5.mr5 .box {width:calc(80%/5); margin-right:5%;}
.float_box.box2 .box:nth-child(2),.float_box.box2 .box:nth-child(4),.float_box.box2 .box:nth-child(6),.float_box.box2 .box:nth-child(8),.float_box.box2 .box:nth-child(10),.float_box.box2 .box:nth-child(12) {margin-right:0;}
.ib_box.box2 .box:nth-child(2),.ib_box.box2 .box:nth-child(4),.ib_box.box2 .box:nth-child(6),.ib_box.box2 .box:nth-child(8),.ib_box.box2 .box:nth-child(10),.ib_box.box2 .box:nth-child(12) {margin-right:0;}
.float_box.box3 .box:nth-child(3),.float_box.box3 .box:nth-child(6),.float_box.box3 .box:nth-child(9),.float_box.box3 .box:nth-child(12),.float_box.box3 .box:nth-child(15),.float_box.box3 .box:nth-child(18) {margin-right:0;}
.ib_box.box3 .box:nth-child(3),.ib_box.box3 .box:nth-child(6),.ib_box.box3 .box:nth-child(9),.ib_box.box3 .box:nth-child(12),.ib_box.box3 .box:nth-child(15),.ib_box.box3 .box:nth-child(18) {margin-right:0;}
.float_box.box4 .box:nth-child(4),.float_box.box4 .box:nth-child(8),.float_box.box4 .box:nth-child(12),.float_box.box4 .box:nth-child(16),.float_box.box4 .box:nth-child(20),.float_box.box4 .box:nth-child(24) {margin-right:0;}
.ib_box.box4 .box:nth-child(4),.ib_box.box4 .box:nth-child(8),.ib_box.box4 .box:nth-child(12),.ib_box.box4 .box:nth-child(16),.ib_box.box4 .box:nth-child(20),.ib_box.box4 .box:nth-child(24) {margin-right:0;}
.float_box.box5 .box:nth-child(5),.float_box.box5 .box:nth-child(10),.float_box.box5 .box:nth-child(15),.float_box.box5 .box:nth-child(20),.float_box.box5 .box:nth-child(25),.float_box.box5 .box:nth-child(30) {margin-right:0;}
.ib_box.box5 .box:nth-child(5),.ib_box.box5 .box:nth-child(10),.ib_box.box5 .box:nth-child(15),.ib_box.box5 .box:nth-child(20),.ib_box.box5 .box:nth-child(25),.ib_box.box5 .box:nth-child(30) {margin-right:0;}

.layer_roll .ib_box,.flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.all_cover {width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8); position:fixed; z-index:70; display:none;}
.inner_box {width:100%; height:auto; max-width:1200px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.inner_box.big {max-width:1300px;}
.inner_box.sm {width:1100px;}

.gnb_open.off,.gnb_close.off,.all_cover.off {display:none;}
.gnb_open.on,.gnb_close.on,.all_cover.on {display:block;}
.gnb_open,.gnb_close {display:none;}
.gnb_oc {left:5%; top:4px; position:absolute; z-index:100;}

.edit_content {}
.edit_content .menu {}
.edit_content .menu .dep1,.edit_content .menu .dep2{width:100%; display:flex;}

.edit_content .menu input {width:60%; height:38px; padding-left:3%; border:none; background:#f7f7f7; display:inline-block;}
.edit_content .menu .util {width:40%; text-align:right; background:#fff; font-size:0; display:inline-block;}
.edit_content .menu .util span{width:25%; height:40px; cursor:pointer; font-size:12px; color:#333; line-height:40px; border-left:1px solid #d6d6d6; text-align:center; display:inline-block;}

.edit_content .menu .dep1 input {width:70%; height:auto; background:#75685c; color:#fff;}
.edit_content .menu .dep1 .util {width:30%; background:#a38b76;}
.edit_content .menu .dep1 span{width:33.3%; color:#fff; border-left:1px solid #ab9685;}

.edit_content .menu .dep1 input:-ms-input-placeholder {color:#fff}
.edit_content .menu .dep1 input::-webkit-input-placeholder {color:#fff;} 
.edit_content .menu .dep1 input::-moz-placeholder {color:#fff;} 

.edit_content .dep2_box .dep2{border-top:1px solid #d6d6d6; margin:0;}
.edit_content .dep2_box .dep2 .util {border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.edit_content .dep2_box .dep2 input {height:auto; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.edit_content .dep2_box .dep2 input.on {background:#bca796; color:#fff;}
.edit_content .dep2_box .dep2 input.on:-ms-input-placeholder {color:#fff}
.edit_content .dep2_box .dep2 input.on::-webkit-input-placeholder {color:#fff;} 
.edit_content .dep2_box .dep2 input.on::-moz-placeholder {color:#fff;}

.content {position:relative;}
.sample {display:inline-block; cursor:pointer; right:0; top:0; padding:15px 25px 15px 50px; font-size:16px; background-image: linear-gradient(to left, #ffa626 , #f78c19); color:#fff; border-bottom-left-radius:100px; position:absolute; z-index:10;}
.header .gnb_field .sample {top:-30px; right:-43px; z-index:20;}
#contents .sample {top:154px;}

.header .gnb_field .sample {padding:0; border-radius:0; background:transparent;}
.header .gnb_field .sample em {display:inline-block; font-size:14px; padding:8px 12px; border-radius:100%; background:#de3529; position:relative; z-index:10;}
.header .gnb_field .sample .line1 {display:inline-block; width:104px; height:1px; top:15px; right:1px; background:#de3529; position:absolute;}
.header .gnb_field .sample .line2 {display:inline-block; transform:rotate(-45deg); width:40px; height:1px; top:29px; right:99px; background:#de3529; position:absolute;}

.interface {width:100%; overflow:hidden; display:flex; position:relative;}
.interface nav {width:20%; padding-bottom:32%; text-align:center; background:#f7f7f7; position:relative; z-index:2000;}
.interface nav .nav {width:90%; margin:0 auto; position:relative; z-index:10;}
.interface nav h2 {margin:30px 0; font-size:24px; line-height:24px; color:#333;}
.interface nav ul {padding:0;}
.interface nav ul > li {margin:0 auto 20px auto; background:#75685c; transition:all .4s; -webkit-transition:all .4s;}
.interface nav ul > li.on {background:#b31d1e;}
.interface nav ul > li.on a {color:#fff;}
.interface nav ul > li.edit_content {width:100%; margin-bottom:0; background:#f7f7f7;}
.interface nav ul > li.edit_content .menu {margin-bottom:20px;}
/*.interface nav ul > li.make.sub {pointer-events:none; opacity:.7;}*/
.interface nav ul > li.make.sub {display:none;}
/*.interface nav ul > li:hover {background:#d6d6d6;}
.interface nav ul > li.edit_content:hover {background:#333;}*/
.interface nav ul > li.submit {background:#f27200;}
.interface nav ul > li.submit a {color:#fff;}
.interface nav ul > li.save,.interface nav ul > li.reset {background:#514439;}
.interface nav ul > li p,.interface nav ul > li a {display:block; padding:4% 0; font-size:18px; line-height:18px; color:#fff;}
.interface #wrap {width:80%; background:#fff;}

.layer_depth {width:85%; height:100%; padding-top:9%; left:0; top:0; background:rgba(0,0,0,.8); position:fixed; z-index:2000; display:none;}
.layer_depth .inner_box {left:10%; overflow:visible; position:fixed; z-index:10;}
.layer_depth .close {width:50px; height:50px; right:0; top:-70px; position:absolute; z-index:10;}
.layer_depth img {width:100%;}
.layer_roll .slick-prev {left:-6%; top:41%; position:absolute; z-index:10;}
.layer_roll .slick-next {right:-6%; top:41%; position:absolute; z-index:10;}
.layer_roll .ib_box .box {position:relative;}
.layer_roll .ib_box .box .cover {width:100%; height:100%; left:0; top:0; position:absolute; z-index:10;}
.layer_roll .ib_box .box .cover:hover,.layer_roll .ib_box .box.on .cover {border:4px solid #ef5b5b;}

.layer_depth h2 {width:55%; margin:0 auto 30px auto; padding:15px 0; font-size:20px; line-height:30px; text-align:center; color:#fff; border:1px solid #9e9e9e; border-radius:15px;}

.result_box {width:100%; height:100%; background:#333;}
.result_box .inner_box {max-width:500px; padding:15% 0; text-align:center;}
.result_box ul li {margin-bottom:20px;}
.result_box ul li.btm_line {padding-bottom:20px; border-bottom:1px solid #f6f6f6;}
.result_box .top_line {padding-top:20px; border-top:1px solid #f6f6f6;}
.result_box p,.result_box a {display:block; font-size:22px; line-height:22px; color:#fff;}
.result_box .res_btn {display:inline-block; margin-top:20px; padding:10px 30px; background:#ef5b5b;}

.content_util{width:40px; height:80%; top:8%; right:1%; display:inline-block; position:absolute; z-index:10;}
.content_util span {display:block; cursor:pointer; font-size:30px; color:#222; position:absolute;}
.content_util .prev{top:0;}
.content_util .next{bottom:0;}
.content_util .remove{top:45%; left:19%;}

/*모듈 레이아웃******************************************************************************************************************************/

/*헤더 이벤트*/
.hev {width:100%; left:0; top:0; text-align:center; position:absolute; z-index:1000;}
.hev .box img {width:100%;}
.hev_view {width:100%; padding:100px 0; background:rgba(0,0,0,.8); display:none;}
.hev_view .close {right:9%; position:absolute; z-index:10;}
.hev_view a {display:inline-block;}
.hev_view img {}

/*헤더*/
#header {width:100%; left:0; top:auto; position:fixed; z-index:500;background-color:#fff;}
#header:after {content:""; display:block; clear:both;}
.header_bg {width:100%; left:0; top:0; background:#fff; position:absolute; z-index:0;}
.header {width:100%; height:100%; position:relative; z-index:200;}
.header .inner_box,.header .float_box {overflow:visible;}
.header .inner_box:after,.header .float_box:after {content:""; display:block; clear:both;}
.header .inner_box:first-child{text-align:right; padding-top:38px; z-index:100;}
.header .inner_box:nth-child(2){}
.header .inner_box:last-child{}
.header .inner_box.util_field{text-align:center; padding:15px 0; border-bottom:1px solid #d6d6d6; z-index:100;}
.header .util,.header .link_btn, .header .member_btn {display:inline-block; text-align:left;}
.header .link_btn {text-align:center;}
.header .link_btn li {display:inline-block; margin-right:5px;}
.header .link_btn li.btn {padding:7px 10px; margin-right:0; background:#818181;}
.header .link_btn li.btn a {color:#fff;}
.header .link_btn li a {font-size:12px; line-height:14px; color:#858585;}
.header .member_btn {margin-left:20px;}
.header .member_btn li {display:inline-block;}
.header .member_btn li a,.header .member_btn li .panel {font-size:12px; line-height:12px; color:#858585;}
.header .gnb_field {width:100%; max-width:1200px; margin:0 auto; overflow:visible; position:relative;}
.header .gnb_field:after {content:""; display:block; clear:both;}
.header h1 {display:inline-block}
.header .float_box {width:100%; position:relative; z-index:10;}
.header .box {position:relative;}
.header .gnb_field .box:first-child {width:20%; margin-left:1.5%;}
.header .gnb_field .box:last-child {width:75%;}
.header .gnb_attach{position:relative;}

/*헤더 TYPE1*/
.header.type1 .gnb_field {margin-top:-15px; padding-bottom:10px; z-index:1;}
.header.type1 h1 {left:0; top:0; position:absolute; z-index:20;}
.header.type1 .gnb_attach .gnb_box {padding-bottom:19px;}

/*헤더 TYPE2*/
.header.type2 .inner_box:first-child{text-align:center; padding:15px 0 6px 0; z-index:100;}
.header.type2 .inner_box:nth-child(2){max-width:100%; border-top:1px solid #d5d5d5;}
.header.type2 .link_btn {left:0; top:35px; position:absolute; z-index:10;}
.header.type2 .member_btn {right:0; top:35px; position:absolute; z-index:10;}
.header.type2 .gnb_field {}
.header.type2 .gnb_field .home {left:0; top:10px; position:absolute; z-index:500;}
.header.type2 .gnb_field .gnb {z-index:1;}
.header.type2 .gnb_attach .gnb_box {width:100%; margin:7px auto 0 auto; padding-bottom:7px;}
.header.type2 .gnb_attach .gnb_type3.gnb_box {width:90%;}

/*헤더 TYPE3*/
.header.type3 .inner_box:first-child{padding-top:15px;}
.header.type3 .inner_box:nth-child(2){max-width:100%; margin-top:10px; border-top:1px solid #d5d5d5;}
.header.type3 .gnb_field {padding-bottom:10px;}
.header.type3 .gnb_field .gnb {z-index:1;}
.header.type3 .gnb_field .basic_text {padding:1.3%;}
.header.type3 .gnb_attach .gnb_box {width:100%; margin:3px auto 0 auto; padding-bottom:7px;}
.header.type3 .gnb_attach .gnb_type3.gnb_box {width:90%;}
.header.type3 .float_box {width:100%; position:relative; z-index:10;}
.header.type3 .float_box.left {float:left; width:auto; display:inline-block;}
.header.type3 .float_box.left .box:first-child {margin-right:60px;}
.header.type3 .float_box.left .box:last-child {margin-top:5px;}
.header.type3 .float_box.right {float:right; width:auto; display:inline-block;}
.header.type3 .float_box.right ul {display:block; width:100%; text-align:right; margin:0;}
.header.type3 .float_box.right ul:last-child {margin-top:18px;}
.header.type3 .gnb_field .home {left:0; top:10px; position:absolute; z-index:500;}

/*헤더 TYPE4*/
.header.type4 .inner_box{height:100%; overflow:visible; text-align:left; padding-top:20px;}
.header.type4 .float_box {overflow:visible;}
.header.type4 h1 {left:0; top:20px; position:absolute; z-index:10;}
.header.type4 .gnb_field {width:740px; margin-left:160px; margin-top:30px;}
.header.type4 .gnb_field .gnb {overflow:visible; z-index:1;}
.header.type4 .gnb_field .basic_text {padding:2%;}
.header.type4 .gnb_field .gnb_bg {top:50px; width:400%; left:-200%;}
.header.type4 .gnb_field .gnb .dep2 {position:relative; z-index:10;}
.header.type4 .util{display:flex; width:300px; right:0; top:50px; padding-right:0; position:absolute; z-index:10;}
.header.type4 .link_btn {display:inline-block; padding:0 20px; border-left:1px solid #d6d6d6;}
.header.type4 .link_btn li {display:block; text-align:left;}
.header.type4 .link_btn li a {font-size:12px; line-height:13px; color:#858585;}
.header.type4 .link_btn li a strong {display:block; margin-top:5px; font-size:20px; line-height:13px; color:#858585;}
.header.type4 .member_btn {margin-left:0; padding:0 20px; border-left:1px solid #d6d6d6;}
.header.type4 .member_btn li {display:block;}
.header.type4 .member_btn li a {font-size:12px; line-height:12px; color:#858585;}
.header.type4 .member_btn li .panel {display:none;}

/*헤더 TYPE5*/
.header.type5 .header_bg {background:rgba(255,255,255,.8);}
.header.type5 .inner_box{height:100%; overflow:visible; text-align:left; padding-top:20px;}
.header.type5 h1 {left:0; top:20px; position:absolute; z-index:10;}
.header.type5 .gnb_field {width:980px; margin-left:160px; padding:25px 0 10px 0;}
.header.type5 .gnb_field .gnb {overflow:visible; z-index:1;}
.header.type5 .gnb_field .basic_text {padding:1.6%; border:2px dotted #ebc5bc;}
.header.type5 .gnb_field .gnb_type3 .gnb .dep2 {margin-top:9px; background:rgba(255,255,255,.8); position:relative; z-index:10;}
.header.type5 .gnb .dep2 h2,.header.type5 .gnb .dep2 img{display:none;}

/*헤더 TYPE6*/
.header.type6 .inner_box:first-child{text-align:right; padding:13px 0; z-index:100;}
.header.type6 .inner_box:nth-child(2){text-align:center; padding:15px 0; z-index:100; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.header.type6 .inner_box:nth-child(2) .link_btn {left:2%; bottom:30px; position:absolute; z-index:10;}
.header.type6 h1 {display:inline-block; z-index:10;}
.header.type6 .toggle {top:80px;}
.header.type6 .gnb_field {width:100%; padding:0;}
.header.type6 .gnb_field .gnb {overflow:visible; z-index:1;}
.header.type6 .gnb_field .basic_text {padding:1%;}
.header.type6 .gnb_field .gnb_type3 .gnb .dep2 {position:relative; z-index:10;}
.header.type6 .gnb .dep2 h2,.header.type6 .gnb .dep2 img{display:none;}

/*헤더 TYPE7*/
.header.type7 .inner_box:first-child{text-align:center; padding:13px 0; z-index:100;}
.header.type7 .inner_box:first-child .link_btn {left:0; top:35px; position:absolute; z-index:10;}
.header.type7 .inner_box:first-child .member_btn {right:0; top:40px; position:absolute; z-index:10;}
.header.type7 .inner_box:nth-child(2){max-width:100%; padding:0; z-index:100; border-top:1px solid #d6d6d6;}
.header.type7 h1 {display:inline-block; z-index:10;}
.header.type7 .toggle {top:107px;}
.header.type7 .gnb_field {width:100%; padding:0;}
.header.type7 .gnb_field .gnb {overflow:visible; z-index:1;}
.header.type7 .gnb_field .basic_text {padding:1%;}
.header.type7 .gnb_field .gnb_type3 .gnb .dep2 {position:relative; z-index:10;}
.header.type7 .gnb .dep2 h2,.header.type7 .gnb .dep2 img{display:none;}
.header.type7 .gnb_field .home {left:1%; top:11px; position:absolute; z-index:500;}

/*gnb TYPE1*/
.header .gnb_type1 .gnb .dep2 h2,.header .gnb_type1 .gnb .dep2 img{display:none;}
.header .gnb_type1 .gnb_bg {width:100%; left:0; top:49px; background:rgba(255,255,255,.9); pointer-events:none; transition:all .6s; -webkit-transition:all .6s; position:absolute; z-index:1; opacity:0;}
.header .gnb_type1 .gnb_bg.on {opacity:1;}

/*gnb TYPE2*/
.header .gnb_type2 .gnb .dep2 h2,.header .gnb_type2 .gnb .dep2 img{display:none;}
.header .gnb_type2 .gnb_bg {width:100%; left:0; top:49px; background:rgba(255,255,255,.9); pointer-events:none; transition:all .6s; -webkit-transition:all .6s; position:absolute; z-index:1; opacity:0;}
.header .gnb_type2 .gnb_bg.on {opacity:1;}

/*gnb TYPE3*/
.header .gnb_type3 .gnb .dep2 h2,.header .gnb_type3 .gnb .dep2 img{display:none;}
.header .gnb_type3 .gnb .dep2 {background:#fff;}

/*gnb TYPE4*/
.header .gnb_type4 {float:right;width:75%;margin-top:24px;}
.header .gnb_type4 .gnb .dep2 {width:900%;margin:30px 0 0;}
.header .gnb_type4 .gnb .dep2 h2,.header .gnb_type4 .gnb .dep2 img{display:inline-block;}
.header .gnb_type4 .gnb .dep2 h2 {float:left; padding-right:30px; margin-right:30px;border-right:1px solid #fff;font-size:20px; line-height:23px; color:#fff;font-family: 'S-CoreDream-5Medium';}
.header .gnb_type4 .gnb .dep2 ul {display:inline-block; float:left; margin:-5px 30px 0 0;text-align:left;}
.header .gnb_type4 .gnb .dep2 ul li a {color:#fff;/*font-family: 'S-CoreDream-3Light';*/font-size:15px;position:relative;}
.header .gnb_type4 .gnb .dep2 ul li a:hover {font-weight:bold;}
.header .gnb_type4 .gnb .dep2 ul li a:hover:before {content:'·';display:block;position:absolute;top:50%;left:-10px;transform:translateY(-50%);}
.header .gnb_type4 .gnb .dep2 img {display:inline-block; float:left;}

.header .gnb_type4 .gnb_bg {width:400%; left:-200%; top:87px;background:rgba(0,0,0,.8);pointer-events:none;transition:all .6s;-webkit-transition:all .6s; position:absolute; z-index:1; opacity:0;}
.header .gnb_type4 .gnb_bg img {position:absolute;left:50%;bottom:42px;margin-left:1070px;}
.header .gnb_type4 .gnb_bg.on {opacity:1;}

/*gnb TYPE5*/
.header .gnb_type5 .gnb .dep2 {width:900%; height:230px; text-align:left; margin:7px 0 0 40px;}
.header .gnb_type5 .gnb .dep2 h2,.header .gnb_type5 .gnb .dep2 img{display:inline-block;}
.header .gnb_type5 .gnb .dep2 h2 {font-size:23px; line-height:23px; color:#333; left:0; bottom:10%; position:absolute; z-index:10;}
.header .gnb_type5 .gnb .dep2 h2::after {display:block; width:25px; height:1px; margin-top:10px; background:#333; content:'';}
.header .gnb_type5 .gnb .dep2 img {width:262px; height:136px; left:0; top:10%; position:absolute; z-index:10;}

.header .gnb_type5 .gnb .dep2 ul {width:50%; padding:1% 0 0 17%; display:flex; flex-wrap: wrap;}
.header .gnb_type5 .gnb .dep1:nth-child(5) .dep2 ul {width:35%;}
.header .gnb_type5 .gnb .dep1:nth-child(6) .dep2 ul {width:35%;}

.header .gnb_type5 .gnb .dep1:nth-child(2) .dep2 {margin-left:-160px;}
.header .gnb_type5 .gnb .dep1:nth-child(3) .dep2 {margin-left:-360px;}
.header .gnb_type5 .gnb .dep1:nth-child(4) .dep2 {margin-left:-560px;}
.header .gnb_type5 .gnb .dep1:nth-child(5) .dep2 {margin-left:-760px;}
.header .gnb_type5 .gnb .dep1:nth-child(6) .dep2 {margin-left:-960px;}

.header .gnb_type5 .gnb .dep2 ul li {width:50%;}
.header .gnb_type5 .gnb .dep2 ul li a {overflow:hidden; color:#333;}
.header .gnb_type5 .gnb .dep2 ul li a::before {display:inline-block; float:left; margin-right:10px;  content:'·'; color:#7aa4d7;}

.header .gnb_type5 .gnb_bg {width:400%; left:-200%; top:51px; background:rgba(255,255,255,.9); pointer-events:none; transition:all .6s; -webkit-transition:all .6s; position:absolute; z-index:1; opacity:0;}
.header .gnb_type5 .gnb_bg.on {opacity:1;}

/*gnb POP 세로*/
.header .gnb_pop {width:100%; left:0; top:100px; background:rgba(0,0,0,.8); position:absolute; z-index:100;}
.header .gnb_pop .inner_box {padding:50px 0 !important;}
.header .gnb_pop .gnb{width:70%; text-align:left;}
.header .gnb_pop .gnb .dep1 {float:none;}
.header .gnb_pop .gnb .dep1 .mn {font-size:24px; color:#fff;}
.header .gnb_pop .gnb .dep2 {margin-bottom:20px; padding-bottom:10px; background:none; border:none; border-bottom:1px solid #d6d6d6; opacity:1; pointer-events:auto;}
.header .gnb_pop .gnb .dep2 li {float:left;margin-right:40px;}
.header .gnb_pop .gnb .dep2 li a {color:#fff;}

/*gnb POP 가로*/
.header .gnb_pop.hz {width:50%; height:100%; left:100%; top:0; background:rgba(0,0,0,.8); position:fixed; z-index:1000; transition:all 1s; -webkit-transition:all 1s;}
.header .gnb_pop.hz.on {left:50%;}
.header .gnb_pop.hz.off {left:100%;}
.header .gnb_pop.hz .inner_box {padding:50px 0 !important;}
.header .gnb_pop.hz .gnb{width:80%; height:48vw; overflow-y:auto; text-align:left; position:relative; z-index:1500;}
.header .gnb_pop.hz .gnb .dep1 {float:none;}
.header .gnb_pop.hz .gnb .dep1 .mn {display:inline-block; padding:0 0 0 20px; margin:15px 0; font-size:24px; color:#fff; border-left:1px solid #fff;}
.header .gnb_pop.hz .gnb .dep2 {margin-bottom:20px; padding-bottom:10px; background:none; border:none; margin-left:22px; opacity:1; pointer-events:auto;}
.header .gnb_pop.hz .gnb .dep2 li {float:none; margin-right:0;}
.header .gnb_pop.hz .gnb .dep2 li a {display:inline-block; color:#fff;}

/*gnb_pc*/
.gnb {width:100%; margin:0 auto; text-align:center; overflow:hidden; position:relative;}
.gnb .dep1 {float:left;}
.gnb .dep1 .mn{font-family: 'notokr-medium'; display:block; padding:15px 0; font-size:18px; line-height:16px; color:#2d2d2d;}
.gnb .dep2 {height:auto; margin-top:0; overflow:hidden; pointer-events:none; display:none; transition:all .6s; -webkit-transition:all .6s; position:relative; z-index:50; opacity:0;}
.gnb .dep2.on {padding:20px 0; opacity:1; pointer-events:auto;}
.gnb .dep2 li a {display:block; padding:10px 0; font-size:16px; color:#333;}

/*gnb_mobile*/
.gnb_wrap {width:70%; height:100%; left:-70%; top:69px; text-align:left; background:#fff; position:fixed; z-index:80;}
.gnb_wrap .gnb .dep2 h2,.gnb_wrap .gnb .dep2 img{display:none;}
.gnb_wrap.on {left:0; transition:left .3s ease; -webkit-transition:left .3s ease;}
.gnb_wrap.off {left:-70%; transition:left .3s ease; -webkit-transition:left .3s ease;}
.gnb_wrap .inner_box {width:100% !important; height:89.5% !important; padding-top:0 !important; overflow-x:hidden !important; overflow-y:auto !important;}
.gnb_wrap .gnb {width:auto; height:auto; float:none;}
.gnb_wrap .gnb .dep1 {float:none; width:100%; height:auto; text-align:left;}
.gnb_wrap .gnb .dep1 .mn {
	display:block;
	height:auto;
	background:#fff; 
	color:#555;
	padding:20px 0 20px 10%; 
	border-bottom:1px solid #ddd; 
	/*background:url('/common/images/main/dep1_arr.png') right 10% center no-repeat;*/
}
.gnb_wrap .gnb .dep2 {display:block;}
.gnb_wrap .gnb .dep2 strong,.gnb_wrap .gnb .dep2 .sub,.gnb .dep2 img {overflow:hidden; float:none;}
.gnb_wrap .gnb .dep2 strong,.gnb_wrap .gnb .dep2 img {display:none;}
.gnb_wrap .gnb .dep2 .sub li,.gnb_wrap .gnb .dep2 .sub.flnone li {float:none; margin-bottom:0;}
.gnb_wrap .gnb .dep2 {width:auto; height:auto; padding:0 !important; position:relative; background-image:none;}
.gnb_wrap .gnb .dep2 li {float:none; padding:0; border-bottom:1px solid #fff;}
.gnb_wrap .gnb .dep2 li a {padding:14px 0 14px 10%; background:#aaddf8; font-size:14px; line-height:15px; color:#fff;}
.gnb_wrap .gnb .dep2 li a:hover {background:#aaddf8; color:#fff;}
.gnb_wrap .gnb .dep2 li.over a{background:#aaddf8; color:#fff;}
.gnb_wrap .gnb_wrap .log {display:block;}
.gnb_wrap .gnb .dep2{left:0 !important;}

.gnb_wrap .m_log .member_btn {width:100%; display:flex; margin:0; text-align:center; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.gnb_wrap .m_log .member_btn li {width:50%;}
.gnb_wrap .m_log .member_btn li:first-child {border-right:1px solid #d6d6d6;}
.gnb_wrap .m_log .member_btn li .panel {display:none;}
.gnb_wrap .m_log .member_btn li a {display:block; padding:10px 0;}
.gnb_wrap .m_link .link_btn {width:100%; padding:10px 0; margin:0; text-align:center; border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.gnb_wrap .m_link .link_btn li {margin:0 3%;}

.gnb_oc {width:22px; left:5%; top:25px;}
.gnb_oc img{width:100%;}

/*gnb_event*/
.gnb_ev {width:100%; margin-top:65px; margin-bottom:3%; padding:20px 15px; pointer-events:none; background:#e5e5e5; opacity:0;}
.gnb_ev strong {display:block; margin-bottom:15px; font-size:16px; line-height:16px; color:#333;}
.gnb_ev_roll {margin-top:-31px;}
.gnb_ev_roll .swiper-wrapper {padding-top:30px;}
.gnb_ev_roll,.gnb_ev_roll img {width:100% !important;}
.gnb_ev .gnb_ev_roll .swiper-pagination-bullets {width:100%; top:0; text-align:right; position:absolute; z-index:10;}
.gnb_ev .gnb_ev_roll .swiper-pagination-bullet {display:inline-block; width:8px; height:8px; margin:0 5px; cursor:pointer; background:#fff; border-radius:100%; opacity:1;}
.gnb_ev .gnb_ev_roll .swiper-pagination-bullet-active {background:#222;}

/*gnb_bar*/
.gnb_bg {height:80%;}

/*gnb_toggle*/
.toggle {cursor:pointer; width:21px; height:19px; top:56px; left:50%; margin-left:560px; display:block;position:absolute; z-index:3000;}
.toggle span {display:block;position:absolute;top:0;left:0;width:21px;height:3px;background:#3e3e3f;border-radius:0.5px;transition:all .5s;-webkit-transition:all .5s;}
.toggle span:nth-child(1) {top:0;}
.toggle span:nth-child(2) {top:8px;}
.toggle span:nth-child(3) {top:16px;}
.toggle.on span:nth-child(1) {top:8px;transform:rotate(225deg);}
.toggle.on span:nth-child(2) {opacity:0;}
.toggle.on span:nth-child(3) {top:8px;transform:rotate(-225deg);}
.toggle.on.white span {background:#fff;}

/*--------------------------------------------------------------------------------@media*/
@media (max-width:1201px) and (min-width:641px){
.pc {display:none !important;}
.m {display:block !important;}
.pcbr,.pcbr br{display:inline !important;}
.mbr,.mbr br{display:none !important;}
.inner_box {width:90%;}/*important 뺌_수정사항*/
.member_btn {display:none;}
.gnb_wrap .member_btn {display:block;}
.header_bg {display:none;}

.float_box,.ib_box {display:flex; align-items:initial; flex-wrap:wrap; justify-content:center;}
.float_box .box,.ib_box .box {width:48% !important; margin:1% !important;}

.float_box.fix1, .ib_box.fix1 {display:block; text-align:center;}
.float_box.fix1 .box, .ib_box.fix1 .box {float:none !important; width:100% !important; margin:0 0 5% 0 !important;}

.ib_box.fix2 {display:block !important;}
.ib_box.fix2 .box{float:left !important; width:calc(99%/2) !important; margin-left:0 !important; margin-right:1% !important; margin-bottom:1% !important;}
.ib_box.fix2 .box:nth-child(2),.ib_box.fix2 .box:nth-child(4),.ib_box.fix2 .box:nth-child(6),.ib_box.fix2 .box:nth-child(8),.ib_box.fix2 .box:nth-child(10) {margin-right:0 !important;}
.float_box.fix2 {display:block !important;}
.float_box.fix2 .box{float:left !important; width:calc(99%/2) !important; margin-left:0 !important; margin-right:1% !important; margin-bottom:5% !important;}
.float_box.fix2 .box:nth-child(1),.float_box.fix2 .box:nth-child(3),.float_box.fix2 .box:nth-child(5),.float_box.fix2 .box:nth-child(7),.float_box.fix2 .box:nth-child(9) {margin-right:1% !important;}
.float_box.fix2 .box:nth-child(2),.float_box.fix2 .box:nth-child(4),.float_box.fix2 .box:nth-child(6),.float_box.fix2 .box:nth-child(8),.float_box.fix2 .box:nth-child(10) {margin-right:0 !important;}
.float_box.fix2 .box:nth-child(11),.float_box.fix2 .box:nth-child(13),.float_box.fix2 .box:nth-child(15),.float_box.fix2 .box:nth-child(17),.float_box.fix2 .box:nth-child(19) {margin-right:1% !important;}
.float_box.fix2 .box:nth-child(12),.float_box.fix2 .box:nth-child(14),.float_box.fix2 .box:nth-child(16),.float_box.fix2 .box:nth-child(18),.float_box.fix2 .box:nth-child(20) {margin-right:0 !important;}
.float_box.fix2 .box:nth-child(21),.float_box.fix2 .box:nth-child(23),.float_box.fix2 .box:nth-child(25),.float_box.fix2 .box:nth-child(27),.float_box.fix2 .box:nth-child(29) {margin-right:1% !important;}
.float_box.fix2 .box:nth-child(22),.float_box.fix2 .box:nth-child(24),.float_box.fix2 .box:nth-child(26),.float_box.fix2 .box:nth-child(28),.float_box.fix2 .box:nth-child(30) {margin-right:0 !important;}

.ib_box.fix3 {display:block !important;}
.ib_box.fix3 .box{float:left !important; width:calc(98%/3) !important; margin-left:0 !important; margin-right:1% !important; margin-bottom:1% !important;}
.ib_box.fix3 .box:nth-child(3),.ib_box.fix3 .box:nth-child(6),.ib_box.fix3 .box:nth-child(9),.ib_box.fix3 .box:nth-child(12),.ib_box.fix3 .box:nth-child(15),.ib_box.fix3 .box:nth-child(18),.ib_box.fix3 .box:nth-child(21) {margin-right:0 !important;}

#contents .flex_box .box {width:46%;}
#contents .flex_box .box {margin-right:8%;}
#contents .flex_box .box img{width:100%;}

#contents .flex_box.fix1 .box {width:100%;}
#contents .flex_box.fix1 .box {margin-right:0;}

#header {position:fixed; left:0; top:0;height:auto !important;}
#contents {padding-top:0px !important;}
.gab_content {padding-top:7vw; overflow:hidden;}

/*header_type1*/
.header.type1 .inner_box:nth-child(2){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type1 .inner_box:nth-child(2) h1{position:relative;width:150px;margin-top:11.5px;}
.header.type1 .inner_box:nth-child(2) h1 img {width:100%;}

/*header_type2*/
.header.type2 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type2 .inner_box:nth-child(1) h1{position:relative; width:120px; margin-top:21px;}
.header.type2 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type2 .inner_box:nth-child(1) .member_btn {display:none;}
.header.type2 .gnb_wrap .inner_box .member_btn {display:flex; top:0; position:relative;}
.header.type2 .gnb_wrap .inner_box .link_btn {top:0; position:relative;}

/*header_type3*/
.header.type3 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type3 .inner_box:nth-child(1) .float_box {float:none; width:100%; margin:0 !important;}
.header.type3 .inner_box:nth-child(1) .float_box .box{float:none; width:100%; margin:0 !important; text-align:center;}
.header.type3 .inner_box:nth-child(1) h1{position:relative; width:90px; margin-top:15px;}
.header.type3 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type3 .inner_box:nth-child(1) .member_btn {display:none;}
.header.type3 .gnb_wrap .inner_box .member_btn {display:flex; top:0; position:relative;}
.header.type3 .gnb_wrap .inner_box .link_btn {top:0; position:relative;}

/*header_type4*/
.header.type4 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type4 .inner_box:nth-child(1) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type4 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type4 .gnb_wrap .inner_box .link_btn li{display:inline-block;}

/*header_type5*/
.header.type5 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type5 .inner_box:nth-child(1) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type5 .inner_box:nth-child(1) h1 img {width:100%;}

/*header_type6*/
.header.type6 .inner_box:nth-child(2){width:100% !important; padding:0; height:70px; background:#fff; border:none; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type6 .inner_box:nth-child(2) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type6 .inner_box:nth-child(2) h1 img {width:100%;}

/*header_type7*/
.header.type7 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; border:none; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type7 .inner_box:nth-child(1) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type7 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type7 .inner_box:nth-child(1) .member_btn,.header.type7 .inner_box:nth-child(1) .link_btn {display:none;}
.header.type7 .gnb_wrap .inner_box .member_btn {display:flex; top:0; position:relative;}
.header.type7 .gnb_wrap .inner_box .link_btn {display:block; top:0; position:relative;}

}

/*--------------------------------------------------------------------------------@media*/
@media (max-width:640px){
.pc {display:none !important;}
.m {display:block !important;}
.pcbr,.pcbr br{display:none !important;}
.mbr,.mbr br{display:inline !important;}
.inner_box {width:90%;}/*important 뺌_수정사항*/
.tb_size {width:85% !important;}
img.con_img {width:70% !important;}
.member_btn {display:none;}
.gnb_wrap .member_btn {display:block;}
.header_bg {display:none;}

.float_box, .ib_box {display:block;}
.float_box .box, .ib_box .box {float:none !important; width:100% !important; margin:0 0 5% 0 !important;}

.ib_box.fix2 {display:block !important;}
.ib_box.fix2 .box{float:left !important; width:calc(99%/2) !important; margin-left:0 !important; margin-right:1% !important; margin-bottom:5% !important;}
.ib_box.fix2 .box:nth-child(2),.ib_box.fix2 .box:nth-child(4),.ib_box.fix2 .box:nth-child(6),.ib_box.fix2 .box:nth-child(8),.ib_box.fix2 .box:nth-child(10) {margin-right:0 !important;}
.float_box.fix2 {display:block !important;}
.float_box.fix2 .box{float:left !important; width:calc(99%/2) !important; margin-left:0 !important; margin-right:1% !important; margin-bottom:5% !important;}
.float_box.fix2 .box:nth-child(1),.float_box.fix2 .box:nth-child(3),.float_box.fix2 .box:nth-child(5),.float_box.fix2 .box:nth-child(7),.float_box.fix2 .box:nth-child(9) {margin-right:1% !important;}
.float_box.fix2 .box:nth-child(2),.float_box.fix2 .box:nth-child(4),.float_box.fix2 .box:nth-child(6),.float_box.fix2 .box:nth-child(8),.float_box.fix2 .box:nth-child(10) {margin-right:0 !important;}
.float_box.fix2 .box:nth-child(11),.float_box.fix2 .box:nth-child(13),.float_box.fix2 .box:nth-child(15),.float_box.fix2 .box:nth-child(17),.float_box.fix2 .box:nth-child(19) {margin-right:1% !important;}
.float_box.fix2 .box:nth-child(12),.float_box.fix2 .box:nth-child(14),.float_box.fix2 .box:nth-child(16),.float_box.fix2 .box:nth-child(18),.float_box.fix2 .box:nth-child(20) {margin-right:0 !important;}
.float_box.fix2 .box:nth-child(21),.float_box.fix2 .box:nth-child(23),.float_box.fix2 .box:nth-child(25),.float_box.fix2 .box:nth-child(27),.float_box.fix2 .box:nth-child(29) {margin-right:1% !important;}
.float_box.fix2 .box:nth-child(22),.float_box.fix2 .box:nth-child(24),.float_box.fix2 .box:nth-child(26),.float_box.fix2 .box:nth-child(28),.float_box.fix2 .box:nth-child(30) {margin-right:0 !important;}

.ib_box.fix3 {display:block !important;}
.ib_box.fix3 .box{float:left !important; width:calc(98%/3) !important; margin-left:0 !important; margin-right:1% !important; margin-bottom:2% !important;}
.ib_box.fix3 .box:nth-child(3),.ib_box.fix3 .box:nth-child(6),.ib_box.fix3 .box:nth-child(9),.ib_box.fix3 .box:nth-child(12),.ib_box.fix3 .box:nth-child(15),.ib_box.fix3 .box:nth-child(18),.ib_box.fix3 .box:nth-child(21) {margin-right:0 !important;}

#contents .flex_box .box {width:100%;}
#contents .flex_box .box {margin-right:0;}
#contents .flex_box .box:last-child {margin-bottom:0;}
#contents .flex_box .box img{width:100%;}
#contents .flex_box.org_img .box img {width:auto;}

#header {position:fixed; left:0; top:0;height:auto !important;}
#contents {padding-top:0px !important;}
.gab_content {padding-top:7vw; overflow:hidden;}
.footer {padding:10vw 0 24vw;}

.content_title {margin-bottom:5vw;}
.content_title strong,.content_title strong em {margin-bottom:2vw; font-size:5.5vw; line-height:6.5vw;}
.content_title p {margin-top:0; font-size:4vw; line-height:5vw;}

/*header_type1*/
.header.type1 .inner_box:nth-child(2){width:100% !important; padding:0; height:50px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type1 .inner_box:nth-child(2) h1{position:relative; width:100px; margin-top:9px;}
.header.type1 .inner_box:nth-child(2) h1 img {width:100%;}

/*header_type2*/
.header.type2 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type2 .inner_box:nth-child(1) h1{position:relative; width:120px; margin-top:21px;}
.header.type2 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type2 .inner_box:nth-child(1) .member_btn {display:none;}
.header.type2 .gnb_wrap .inner_box .member_btn {display:flex; top:0; position:relative;}
.header.type2 .gnb_wrap .inner_box .link_btn {top:0; position:relative;}

/*header_type3*/
.header.type3 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type3 .inner_box:nth-child(1) .float_box {float:none; width:100%; margin:0 !important;}
.header.type3 .inner_box:nth-child(1) .float_box .box{float:none; width:100%; margin:0 !important; text-align:center;}
.header.type3 .inner_box:nth-child(1) h1{position:relative; width:90px; margin-top:15px;}
.header.type3 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type3 .inner_box:nth-child(1) .member_btn {display:none;}
.header.type3 .gnb_wrap .inner_box .member_btn {display:flex; top:0; position:relative;}
.header.type3 .gnb_wrap .inner_box .link_btn {top:0; position:relative;}

/*header_type4*/
.header.type4 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type4 .inner_box:nth-child(1) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type4 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type4 .gnb_wrap .inner_box .link_btn li{display:inline-block;}

/*header_type5*/
.header.type5 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type5 .inner_box:nth-child(1) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type5 .inner_box:nth-child(1) h1 img {width:100%;}

/*header_type6*/
.header.type6 .inner_box:nth-child(2){width:100% !important; padding:0; height:70px; background:#fff; border:none; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type6 .inner_box:nth-child(2) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type6 .inner_box:nth-child(2) h1 img {width:100%;}

/*header_type7*/
.header.type7 .inner_box:nth-child(1){width:100% !important; padding:0; height:70px; background:#fff; border:none; text-align:center; border-bottom:1px solid #d6d6d6;}
.header.type7 .inner_box:nth-child(1) h1{position:relative; top:auto; width:90px; margin-top:15px;}
.header.type7 .inner_box:nth-child(1) h1 img {width:100%;}
.header.type7 .inner_box:nth-child(1) .member_btn,.header.type7 .inner_box:nth-child(1) .link_btn {display:none;}
.header.type7 .gnb_wrap .inner_box .member_btn {display:flex; top:0; position:relative;}
.header.type7 .gnb_wrap .inner_box .link_btn {display:block; top:0; position:relative;}

/* gnb */
.gnb_wrap.m {top:49px;}
.gnb_wrap .gnb .dep1 .mn {padding-left:7%;}
.gnb_wrap .gnb .dep2 li a {padding-left:10%;}
.gnb_oc.m {top:15px;}
}