@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap')


/* 초기화 */
*{-webkit-text-size-adjust: none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
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;vertical-align:baseline;font-size:100%;}

html { scroll-behavior: smooth; }
body{font: 16px/1 'GmarketSans', sans-serif; font-weight: 400; letter-spacing: -1px; color: #2f2f2f; line-height:1.5;  min-width:320px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
body,input,button{font-size:16px;color:#666;}
nav,ol,li{list-style:none}
input,select,button{vertical-align:middle;margin:0;}
input,select,button,textarea{font-family:inherit;font-style:inherit;line-height:inherit;}
em,address{font-style:normal}
label,button{cursor:pointer}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none}
legend{overflow:hidden;line-height:0;font-size:0;text-indent:-9999px;position:absolute;}
caption {overflow:hidden; line-height:0; font-size:0px; text-indent:-20000px;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
html,body{width:100%;margin:0;overflow-x:hidden;}
body{overflow:hidden;}
img,fieldset,iframe{border:0 none}
img{max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
.placeholdersjs { color: #aaa !important; }
mark {margin:0; padding:0; border:0; font:inherit; background:none;}
button {
    color: inherit;
    border: none;
    background: none;
  }
  

  input, textarea, button {
    /*appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;*/
}
/* Common */
.skip,
.skip a {width:0px;height:0px;line-height:0;border:none;position:fixed;top:0px;left:0px;font-size:0;overflow:hidden;z-index:100000;}
.skip a:focus, .skip a:active {width:100%;height:50px;line-height:50px;background:#21272e;color:#fff;font-size:24px;font-weight:bold;text-align:center;text-decoration:none;}
.hidden{width:0px;height:0px;line-height:0;border:none;position:absolute;top:0;left:0;font-size:0;overflow:hidden;}
.cfix:after{display:block;clear:both;content:"";}
.marno{margin:0}
.blind{ position: absolute; left:-9999px;}
.justify{text-align:justify;}
.justify:after {content:""; display:inline-block;width:100%;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.only_m{display:none;}
/* 마진 */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.mt140{margin-top:140px !important;}

.pb120{padding-bottom:120px}
.pt120{padding-top:120px}
.pb140{padding-bottom:140px}
.pt140{padding-top:140px}
.pt220{padding-top:220px}
.ns{font-family: 'NanumSquare', sans-serif;}
.mint{color:#81d8cf !important;}
.gb{ font-family: 'GmarketSansBold' !important;}
.p10{padding:10px}
.br50{border-radius: 50px;}
.gm{font-family:'GmarketSansMedium', sans-serif !important; line-height: 1.4;}

#header .top_util2 {position: absolute; top: 35px; right:21%;font-size: 0;}
#header .top_util2 li {display: inline-block; padding: 0 12px; position: relative;}
#header .top_util2 li:first-child:after {content:''; display: block; width: 1px; height: 70%; background-color: #ddd; position: absolute; top: 7%; right: 0;}
#header .top_util2 a {display: block; font-size: 15px; font-weight:400; color: #fff; transition:.25s;	}
#header.stiky .top_util2 a {display: block; font-size: 15px; font-weight:400; color: #787878; transition:.25s;	}
#header .top_util2 a:hover {color: #151515;}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


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


@font-face { 
  font-family: 'Didot'; 
  font-style: normal; 
  font-weight: 400; 
  src: url('/fonts/DidotLTStd-Roman.woff2') format('woff2'), 
      url('/fonts/DidotLTStd-Roman.woff') format('woff'), 
      url('/fonts/DidotLTStd-Roman.eot') format('eot'), 
      url('/fonts/DidotLTStd-Roman.otf') format('opentype'); 
}

@font-face { 
  font-family: 'Didot'; 
  font-style: normal; 
  font-weight: 700; 
  src: url('/fonts/DidotLTStd-Bold.woff2') format('woff2'), 
      url('/fonts/DidotLTStd-Bold.woff') format('woff'), 
      url('/fonts/DidotLTStd-Bold.eot') format('eot'), 
      url('/fonts/DidotLTStd-Bold.otf') format('opentype'); 
}
@font-face { 
  font-family: 'Dense'; 
  font-style: normal; 
  font-weight: 100; 
  src: url('/fonts/Dense-Regular.woff2') format('woff2'), 
      url('/fonts/Dense-Regular.woff') format('woff'), 
      url('/fonts/Dense-Regular.eot') format('eot'), 
      url('/fonts/Dense-Regular.otf') format('opentype'); 
}

@font-face { 
  font-family: 'BodoniAntTDemBolConItaOu1'; 
  font-style: normal; 
  font-weight: 100; 
  src: url('/fonts/BodoniAntTDemBolConItaOu1.woff2') format('woff2'), 
      url('/fonts/BodoniAntTDemBolConItaOu1.woff') format('woff'), 
      url('/fonts/BodoniAntTDemBolConItaOu1.eot') format('eot'), 
      url('/fonts/BodoniAntTDemBolConItaOu1.ttf') format('truetype'); 
}

@font-face {
  font-family: 'Gotham';
  src: url('/fonts/GothamPro-Light.eot');
  src: url('/fonts/GothamPro-Light.woff2') format("woff2"),url('/assets/fonts/GothamPro-Light.woff') ,format("woff"),
	url('/fonts/GothamPro-Light.ttf') format("truetype"),
	url('/fonts/GothamPro-Light.svg#GothamPro-Light') format("svg"),
	url('/fonts/GothamPro-Light.eot?#iefix') format("embedded-opentype");
  font-weight: 100;
  font-style: normal
}
@font-face {
  font-family: 'Gotham';
  src: url('/fonts/GothamPro.eot');
  src: url('/fonts/GothamPro.woff2') format("woff2"),url('/assets/fonts/GothamPro.woff')format("woff"),
	url('/fonts/GothamPro.ttf') format("truetype"),
	url('/fonts/GothamPro.svg#GothamPro') format("svg"),
	url('/fonts/GothamPro.eot?#iefix') format("embedded-opentype");
  font-weight: 400;
  font-style: normal
}

@font-face{
	font-family: 'Gotham';
	src: url('/fonts/Gotham-Medium.eot');
	src: url('/fonts/Gotham-Medium.eot?') format('eot'),
	url('/fonts/GothamMedium.woff') format('woff');
	font-weight: 500;
  font-style: normal
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 100; 
	src: url('/fonts/scdream1-webfont.woff2') format('woff2'), 
       url('/fonts/scdream1-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 200; 
	src: url('/fonts/scdream2-webfont.woff2') format('woff2'), 
       url('/fonts/scdream2-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 300; 
	src: url('/fonts/scdream3-webfont.woff2') format('woff2'), 
       url('/fonts/scdream3-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 400; 
	src: url('/fonts/scdream4-webfont.woff2') format('woff2'), 
       url('/fonts/scdream4-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 500; 
	src: url('/fonts/scdream5-webfont.woff2') format('woff2'), 
       url('/fonts/scdream5-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 600; 
	src: url('/fonts/scdream6-webfont.woff2') format('woff2'), 
       url('/fonts/scdream6-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 700; 
	src: url('/fonts/scdream7-webfont.woff2') format('woff2'), 
       url('/fonts/scdream7-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 800; 
	src: url('/fonts/scdream8-webfont.woff2') format('woff2'), 
       url('/fonts/scdream8-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 900; 
	src: url('/fonts/scdream9-webfont.woff2') format('woff2'), 
       url('/fonts/scdream9-webfont.woff') format('woff');
}

/* font-size */
.txt180{font-size:180px;line-height:1.2; letter-spacing:-10px;}
.txt98{font-size:98px;line-height:1.2;}
.txt88{font-size:88px;line-height:1.2;}
.txt84{font-size:84px;line-height:1.2;}
.txt78{font-size:78px;line-height:1.2;}
.txt74{font-size:74px;line-height:1.2;}
.txt72{font-size:72px;line-height:1.2;}
.txt68{font-size:68px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt58{font-size:58px;line-height:1.2;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt52{font-size:52px;line-height:130%;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt46{font-size:46px;line-height:1.2;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt42{font-size:42px;line-height:1.5;}
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:140%;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.5;}
.txt22{font-size:22px;line-height:1.33;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.5;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;line-height:1.63;}
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.63;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}


/* 공통 */
.row {width: 100%; margin:0 auto; position: relative;}
.tly-60{position:absolute;left:0;top:60%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tly-50{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tly-40{position:absolute;left:0;top:40%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tly-30{position:absolute;left:0;top:30%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tly-20{position:absolute;left:0;top:20%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}



.tlx-50{position:absolute;left:50%;top:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}

article {position: relative;}
.white {color: #fff;}
.black {color: #151515;}
.navy {color: #30316a;}
.pink {color: #fe636e;}
.hotpink {color: #ff495e;}
.blue {color: #008ce5;}
.gray {color: #787878;}
.gray8 {color: #888;}
.gray9 {color: #999;}
.lightgray {color: #b5b5b5;}
.yellow {color: #f9fac5;}
.deepblue {color: #1d2088;}
.red {color: #d7202b;}
.orange {color: #ff7038;}
.brown {color: #9f7952;}
.all_block {display: block;}
.inline_1280 {display: block;}
.inline_1000 {display: block;}
.inline_980 {display: block;}
.inline_768 {display: block;}
.inline_486 {display: block;}

.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw350 {font-weight: 350;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

.pd30{ padding-left:30px;}
.pd18{ padding-left:18px;}
.pd10{ padding-left:10px;}

.lh1 {line-height: 1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.33;}
.lh15 {line-height: 1.8;}
.lh17 {line-height: 1.7;}
.lh2 {line-height: 2;}
.lh3 {line-height: 3;}

.w1800 {max-width: 1830px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1760 {max-width: 1790px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1720 {max-width: 1750px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1600 {max-width: 1630px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1524 {max-width: 1554px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1400 {max-width: 1400px; margin: 0 auto; position: relative; padding: 0 15px; width:1400px}
.w1300 {max-width: 1300px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1200 {max-width: 1200px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1100 {max-width: 1130px; margin: 0 auto; position: relative;}
.w1060 {max-width: 1090px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1120 {max-width: 1120px !important; margin: 0 auto; position: relative; padding: 0 15px;}
.w1000 {max-width: 1030px; margin: 0 auto; position: relative; padding: 0 15px;}
.w950 {max-width: 980px; margin: 0 auto; position: relative; padding: 0 15px;}
.w900 {max-width: 930px; margin: 0 auto; position: relative;  padding: 0 15px;}
.w640 {max-width: 700px; margin: 0 auto; position: relative;  padding: 0 15px;}

.ff_dense {font-family: 'Dense';}
.ff_didot {font-family: 'Didot';}

.full_img {width: 2000px;position: relative; left: 50%; margin-left: -1000px;}

/* ani */
.ani_top{position:relative;opacity:0;top:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_top.move{opacity:1;top:0;}
.ani_left{position:relative;opacity:0;left:-100px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-100px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_right.move{opacity:1;right:0;}
.trans_d1{transition-delay:0.25s;-moz-transition-delay:0.25s;-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;}
.trans_d2{transition-delay:0.4s;-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;}
.trans_d3{transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
.trans_d4{transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
.trans_d5{transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}
.trans_d6{transition-delay:1.2s;-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;}

@media all and (max-width:768px){
	.hd_pops{top:0px !important; left:0px !important}
	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

}

#header {
    position: relative;
}
#wrap{font: 16px/1 'GmarketSans', sans-serif; font-weight: 400; letter-spacing: -1px; color: #111;}
#top_trigger {position:fixed; bottom:50px; left: 50%; margin-left: 820px; border: none; background: none; z-index:999;}
#top_trigger img {transition:.5s;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:9px;right:0}

#hd_pop {z-index:11111;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
/* #hd {border-top:2px solid #253dbe} */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:21px 0 25px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#header {width: 100%; min-width:320px; border-bottom: 1px solid #fff;  position: fixed; top: 0px; left: 0;  z-index: 98; }
#header #logo {display: inline-block;}
#header #logo a {display: inline-block; line-height: 48px;  vertical-align: middle; }
#header #logo a img:nth-child(2) {display: none;}
#header .top_util {position: absolute; top: 20px; right:75px;font-size: 0;}
#header .top_util a {display: block; padding: 10px 35px; color: #fff; border: 1px solid #fff; border-radius:50px; font-size: 16px; font-weight: 300; transition:.25s;	}
#header .top_util a:hover { background-color: #1f9f9d; border-color: #1f9f9d; color: #333;}
#header .top_util .icon {margin-bottom: 12px;}
#header .top_util .txt {font-size: 14px; color: #fff;}
#header .real_top {display: block;position: absolute; top: 0;right: 0; width: 90px; height: 120px; text-align: center; background-color: #2c303b; font-size: 16px; color: #feeb8f; z-index: 9;}
#header .real_top:after {content:''; display: block; width: 0; height: 0; border-bottom: 15px solid transparent;
  border-left: 8px solid #abaaa2; position: absolute; bottom: 0;right: -8px;}
#header .real_top .icon { padding: 30px 0 12px 0;}
/* 메인메뉴 */
#header .gnb_wrap {}
/* gnb - depth1 */
#header #gnb { position: absolute; top: 0; left: 300px;}
#header #gnb .gnb_1dul { display: flex; justify-content:flex-start;}
#header #gnb .gnb_1dul .gnb_1dli  {}
#header #gnb .gnb_1dul .none { display:none;}
#header #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 15px; line-height: 105px; text-align: center; color: #333; font-size: 18px;  position: relative;}
/* gnb - depth2 */

#header #gnb .gnb_2dul {display: none; position: absolute; top: 100%; left: 50%; margin-left: -200%; width: 400%; background-color: #fff; height: 40px;  border-top: 1px solid #eee; border-bottom: 1px solid #eee; z-index: 99;  text-align: center; }
#header #gnb .gnb_2dul .gnb_2dli { display: inline-block;position: relative; z-index: 1;}
#header #gnb .gnb_2dul .gnb_2dli .gnb_2da { padding: 0 20px;  line-height: 40px; font-size: 14px; color: #333; font-weight: 400; transition:0.5s; position: relative;}
#header #gnb .gnb_2dul .gnb_2dli .gnb_2da:hover,
#header #gnb .gnb_2dul .gnb_2dli.active .gnb_2da {color: #3c6950;}

#header .gnb_plus {padding-left: 7px;}
#header .gnb_plus a { padding-left: 20px; font-size: 16px; color: #fff; opacity: .8;}
#header .gnb_plus a:first-child {position: relative;}
#header .gnb_plus a:first-child:after {content:''; display: block; width: 1px; height: 15px; background-color: #fff; opacity: .5; position: absolute; top: 3px; left: 0;}


#header .hd_rt {float: right; margin-right: 60px; padding-top: 30px;}
#header .hd_rt a {display: inline-block; vertical-align: middle; margin: 0 9px; font-size: 16px; color: #fff;}


/*전체메뉴*/

/* 사이트맵 버튼 */

.open_sitemap{position: absolute; top: 33px; right:10px; z-index: 999;}
.open_sitemap.active {position: fixed;right: auto; right: 10px;}
.open_sitemap a{position:relative;display:block;width: 28px; height: 18px;  transition:.25s;}
.open_sitemap a span{position:absolute;left:0;top:50%;display:block;width:28px;height:2px;background-color:#fff;margin:-1px 0 0 0;text-indent:-9999px;}
.open_sitemap span,
.open_sitemap span:before,
.open_sitemap span:after{content:"";left:0;position:absolute;display:block;width:100%;height:100%;background-color:#fff;transition:.25s;}
.open_sitemap span:before{top:-7px;}
.open_sitemap span:after{bottom:-7px;}

.open_sitemap .active span{background-color:transparent;}
.open_sitemap .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);background-color: #333;}
.open_sitemap .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); background-color: #333;}
/* 사이트맵 */
#gnb_all {  width: 300px; height: 100%; padding: 105px 0 0; background-color: #fff; position: fixed; top: 0; right: -200%; transition:.25s; /* margin-left: -600px; */ z-index: 998; box-shadow:0px 15px 15px rgba(0,0,0,.1); }
#gnb_all.active {right: 0;}
#gnb_all .gnb_al_ul {font-size: 0; padding: 0;border-top: 1px solid #ddd; }
#gnb_all .gnb_al_ul .gnb_al_li {width: 100%;}
#gnb_all .gnb_al_ul .gnb_al_li.active .gnb_al_a{background-color: #81d8cf; }
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a {display: block;padding: 15px 20px; border-bottom: 1px solid #eee; font-weight: 500;font-size: 16px; background-image: url('../img/mobile/gnb_bg2.png'); background-repeat: no-repeat;  background-position: right 40px center;}
#gnb_all .gnb_al_ul .gnb_al_li.active .gnb_al_a {background-image: url('../img/mobile/gnb_bg1.png');}
#gnb_all .gnb_al_ul .gnb_al_li ul {display: none;  padding: 15px 30px; border-bottom: 1px solid #eee;}
#gnb_all .gnb_al_ul .gnb_al_li li {}
#gnb_all .gnb_al_ul .gnb_al_li li a {display: block;font-size: 14px; font-weight: 400; padding: 7px 0; line-height: 1.2; transition:.25s;}
/* #gnb_all .gnb_al_ul .gnb_al_li:hover .gnb_al_a {color: #ffcc35;} */
#gnb_all .gnb_al_ul .gnb_al_li li:hover a {color: #000; font-weight: 500;}
#gnb_all .gnb_navi {width: 320px;height: 100vh;overflow-y:auto;}
/*
#gnb_all .gnb_al_ul {width: 300px;margin: 0;padding: 10px 15px; height: 100%;  }
#gnb_all .gnb_al_ul .gnb_al_li {width: 100%;}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a { display: block;padding: 15px 10px; border-bottom: 1px solid #eee; font-weight: 500; background-image: url('../img/mobile/gnb_bg2.png'); background-repeat: no-repeat;  background-position: right 10px center;}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a.active {background-image: url('../img/mobile/gnb_bg1.png');}
#gnb_all .gnb_al_ul .gnb_al_li ul {display: none; padding: 10px 20px; border-bottom: 1px solid #eee;}
#gnb_all .gnb_al_ul .gnb_al_li li a { padding: 7px 0;}
*/
.gnb_dim { display: none; position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}

/* 상단 고정 */
#header.stiky {position: fixed; background-color: #fff; border-bottom-color: #ddd;}
#header.stiky #logo a img:nth-child(2) {display: inline-block;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da {color: #333;}
#header.stiky #gnb .gnb_1dul .none { display: block;}
#header.stiky .top_util a {border-color: #333; color: #333;}
#header.stiky .top_util a:hover {border-color: #feeb8f; }
#header.stiky .open_sitemap span,
#header.stiky .open_sitemap span:before,
#header.stiky .open_sitemap span:after {background-color: #333;}
#header.stiky .open_sitemap .active span{background-color:transparent;}
header.stiky.gnb nav a{color: #000}
#header.stiky .top_util2 a {color:#000}
#header.stiky .top_util a {color: #000; border: 1px solid #000;}


#header .top_util2 {position: absolute; top: 32px; right:4%;font-size: 0;}
#header .top_util2 li {display: inline-block; padding: 0 12px; position: relative;}
#header .top_util2 li:first-child:after {content:''; display: block; width: 1px; height: 70%; background-color: #ddd; position: absolute; top: 7%; right: 0;}
#header .top_util2 a {display: block; font-size: 15px; font-weight:400; color: #fff; transition:.25s;	}
#header .top_util2 a:hover {color: #1ba9a8;}

#header .language {position: absolute; right: 12%;   display: inline-block; top: 25px;}


/* 중간 레이아웃 */
#wrapper{max-width:2000px; margin: 0 auto;}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}


#container {z-index:4;position:relative;min-height:500px;height:auto !important;font-size:1em; /* max-width: 2000px; */ margin: 0 auto; zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/

.board_con {width:1200px; margin:0 auto 70px;}

.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}




/* 퀵 */
#quick {  position: fixed; top: 50%; right: 50%; margin-right: -900px; transform:translateY(-50%); z-index: 99;  transition:.25s; }
#quick .quick_menu {}
#quick .quick_menu a {display: block; width: 95px; height: 95px; border-radius:50%; text-align: center; margin-bottom: 15px; background-color: rgba(70,210,196,.85); transition:.25s; }
#quick .quick_menu a:first-child {background-color: rgba(249,224,0,.85);}
#quick .quick_menu a:first-child .txt { color: #333;}
#quick .quick_menu .icon {display: inline-block; padding-top: 20px;  margin-bottom: 10px; transition:.25s;}
#quick .quick_menu .txt {font-size: 14px;  color: #fff; line-height: 18px;}
#quick .quick_menu .txt01 {font-size: 12px;  color: #fff; line-height: 16px;}
#quick .quick_menu a:hover {background-color: rgba(17,17,17,1);}
#quick .quick_menu a:first-child:hover {background-color: rgba(249,224,0,1);}
#quick_m {display: none;}


/* GNB */

header.gnb h1 a{position: absolute;z-index: 9;top: 0px;display: block;width: 200px;height: 40px;transition: .3s;}
header.gnb.logo-white{}
header.gnb.logo-white h1 a{background-image: url(/img/main/alpha_white.png);}
header.gnb.logo-white a{color: rgba(255,255,255,.8);}
header.gnb.on h1 a{background-image: url(/img/main/alpha_black.png);}
header.gnb.on a{color: #555;}

header.gnb{position: fixed;z-index: 99;top: 0px;left: 0;width: 100%;transition: .3s;}
header.gnb.bg-white{background-color: #fff;}
header.gnb h1{position: relative;margin: 0 auto;}
header.gnb h1 a{left: -9px;}
header.gnb.nav-gnb-transparent{background-color: transparent;}
header.gnb:before{content: "";display: block;position: absolute;z-index: 9;top: 80px;height: 1px;width: 100%;background-color: rgba(166, 166, 166, .2);}
header.gnb:after{content: "";display: block;position: absolute;top: -1px;right: 0;left: 0;height: 0;background-color: #fff;transition: .3s;}
header.gnb nav{width: 1780px;margin: 0 auto;}
header.gnb nav .inner-gnb{display: flex;position: relative;z-index: 9;max-width: 1090px;justify-content: space-around;transform: translateX(190px);}
header.gnb nav .depth{position: relative;width: 200px;text-align: center;}
header.gnb nav .depth:first-child:before{content:"";display: block;position: absolute;top: 62px;left: 0;bottom: 0;width: 1px;border-left: 1px solid #e8e8e8;opacity: 0;transition: .3s}
header.gnb nav .depth:after{content:"";display: block;position: absolute;top: 62px;right: 0;bottom: 0;width: 1px;border-left: 1px solid #e8e8e8;opacity: 0;transition: .3s;}
header.gnb nav .depth.not-submenu:after{content:none;}
header.gnb nav a{display: block;position: relative;width: 100%;height: 62px;color: #fff;line-height: 45px; font-size:16px;}
header.gnb nav a:hover{font-weight: 500;}
header.gnb nav .depth > button{display: none;}
header.gnb nav .depth > a:after{content: "";display: block;position: absolute;bottom: 0px;width: 62px;height: 2px;background-color: transparent;left: 50%;transform: translateX(-50%);transition: .3s;}
header.gnb nav .depth > a.current{color: #000;}
header.gnb nav .depth > a.current:after{background-color: #000;}
header.gnb nav .depth:nth-child(3) > a.current:after{width: 88px;}
header.gnb .depth2{overflow: hidden;width: 100%;height: 0;}
header.gnb .depth2 a{position: relative;padding: 8px 0;height: auto;color: #666;line-height: 20px !important;font-size: 14px;font-weight: normal;line-height: 1;}
header.gnb .depth2 a:hover{color: #000;font-weight: 500;}
header.gnb .depth2 a.current{color: #000;font-weight: 500;}
header.gnb .depth2 a:first-child{margin-top: 25px;}
header.gnb .depth2 a[target="_blank"]:hover:after{background-image: url(../../resources/images/common/ic_gnb_outlink_hover.png?1);}
header.gnb.on:after{top: 0;height: auto;border-bottom: 1px solid #e8e8e8;}
header.gnb.on nav .depth:first-child:before{opacity: 1;}
header.gnb.on nav .depth:after{opacity: 1;}
header.gnb.on .depth2{height: auto;transition: .3s;}
header.gnb .btn-gnb{display: none;}
.open_sitemap a.active{height:95px}
#gnb_all {padding-top: 110px;}
header.on{background:#fff}

.stiky .hd_tel {background: url('/img/common/hd_tel_b.png') 0 88% no-repeat;}
.hd_tel {float: right;padding: 40px 30px 0 56px;background: url('/img/common/hd_tel.png') 0 88% no-repeat;letter-spacing: -1px;}
.hd_tel .txt24 {line-height: 1;}

/* 하단 상담신청 */
.ft_form_wrap {display: none;position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba( 0, 0, 0, 0.8 ); z-index: 9; }
.ft_form_wrap .ft_form_in {display: flex; justify-content:space-between; align-items:center;}
.ft_form_wrap .tit { margin-right: 30px;}
.ft_form_wrap .form_con {width: 220px; margin: 0 3px;}
.ft_form_wrap input[type=text],
.ft_form_wrap select {width: 100%; height: 38px; line-height: 38px; padding-left: 10px; font-size: 14px; background-color: #fff; border: none; border-radius:3px;}
.ft_form_wrap .form_privacy {margin-left: 15px;font-size: 14px ; font-weight: 300; color: #fff;}
.ft_form_wrap .form_privacy .btn_agree {color: #aaa;}
.ft_form_wrap input[type=checkbox] {vertical-align: baseline;}
.ft_form_wrap .ft_form_btn {margin-left: 15px;width: 180px; height: 80px; border: none; text-align: center; background-color: #feeb8f; color: #333; font-size: 22px; font-weight: 500;transition:.25s; }
.ft_form_wrap .ft_form_btn:hover {background-color: #FFC20C;}

.pop_form_wrap {display: none;position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #474747; z-index: 9999;}
.pop_form_wrap .pop_form_layer {position: absolute; top: 0; left: 15px; width: calc(100% - 30px);}
.pop_form_wrap .pop_form_layer .pop_form_inner {position: relative; }
.pop_form_wrap .pop_form_layer .tit {position: relative; padding: 40px 20px 20px; background-color: #0e0e11;}
.pop_form_wrap .pop_form_layer .tit > img {max-width:320px; width: 80%;}
.pop_form_wrap .pop_form_layer .tit .pop_close {position: absolute; top: 15px; right: 15px; width: 25px;}
.pop_form_wrap .pop_form_con {padding: 25px; background-color: #fff;}
.pop_form_wrap .form_con {margin-bottom: 5px;}
.pop_form_wrap .form_con input[type=text],
.pop_form_wrap .form_con select {width: 100%; height: 40px; line-height: 40px; border: 1px solid #edecec;background-color: #f4f4f4; font-size: 15px; padding-left: 10px;}
.pop_form_wrap .form_privacy {font-size: 14px;}
.pop_form_wrap .ft_form_btn {width: 100%; height: 45px; border: none; background-color: #ffcc35; font-size: 17px; font-weight: 500;	 color: #fff;}


.ft_info {display: flex; align-items:center; justify-content:space-between; border-top:1px solid #dfdfdf}
.ft_info .lt,
.ft_info .rt {width: 50%;}
.ft_info .lt {width: calc(50% - 40px);}
.ft_info .lt .info_inner{padding-left: calc(50% - 200px); }
.ft_info .lt .info_cs {margin-bottom: 60px;}
.ft_info .lt .info_cs .tel {font-family: 'Montserrat'; font-weight: 500; margin-bottom: 20px;}
.ft_info .lt .info_btn {display: flex;align-items:center;}
.ft_info .lt .info_btn a { position: relative; width: 50%; height: 68px; line-height: 68px; background-color: #fafafa; background-repeat: no-repeat; background-position: 25% 50%; text-align: center; color: #666; transition:.25s}
.ft_info .lt .info_btn .info_btn_kakao {background-image: url('/img/common/info_btn_kakao.png'); }
.ft_info .lt .info_btn .info_btn_online {background-image: url('/img/common/info_btn_online.png'); }
.ft_info .lt .info_btn .info_btn_online:after {content:''; display: block; width: 1px; height: 30px; background-color: #cdcaca; position: absolute; top: 50%; left: 0; transform:translateY(-50%);}
.ft_info .lt .info_btn a:hover {background-color: #eee; color: #000;}
.ft_info .lt .treatment_hours { position: relative;}
.ft_info .lt .hours {display: flex; flex-wrap:wrap; align-items:center; padding-bottom: 10px;}
.ft_info .lt .hours p {margin-bottom: 5px; line-height: 1.5;}
.ft_info .lt .hours .tit {color: #000; width: 100px;}
.ft_info .lt .hours .txt {font-family: 'Montserrat'; font-weight: 300; width: calc(100% - 100px);}
.ft_info .lt .hours .txt span {font-family: 'S Core Dream'; display: inline-block; width: 108px; height: 25px; line-height: 25px; background-color: #363636; color: #fff; padding-left: 15px; border-radius:5px; margin-left: 10px;}
.ft_info .map_wrap {position: relative;}
.ft_info .map_wrap .map {width: 100%; height: 775px; background: url('/img/common/map_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.ft_info .map_wrap .map_pointer {position: absolute; top:15.7%; left: calc(50% - 30px); width: 18px; height: 18px; border-radius:50%; background-color: #000; z-index: 1;}
.ft_info .map_wrap .map_pointer:after,
.ft_info .map_wrap .map_pointer:before {content:''; display: block; position: absolute; width: 100%; height: 100%; border-radius:50%; background-color: #000; animation:pulsate1 1.2s ease 0s infinite;}
.ft_info .map_wrap .map_pointer:before {animation:pulsate2 1.2s ease 0s infinite;}
@keyframes pulsate1 {
    0%{opacity:0.1; transform: scale(1,1);}
    40%{opacity:0.3; }
    100%{opacity:0; transform: scale(4,4);}
}
@keyframes pulsate2 {
    0%{opacity:0; transform: scale(1,1);}
    40%{opacity:0.1; }
    100%{opacity:0; transform: scale(8,8);}
}
.ft_info .map_wrap .map_btn {position: absolute; bottom: 0; left: 0; z-index: 1;}
.ft_info .map_wrap .map_btn a {display: block;  padding: 30px; line-height: 1.33; font-size: 16px;	transition:.25s;}
.ft_info .map_wrap .map_btn .map_btn_naver {background-color: #04ce5c; color: #fff;}
.ft_info .map_wrap .map_btn .map_btn_daum {background-color: #f4db18;}
.ft_info .map_wrap .map_btn a:hover {background-color: #2c303b; color: #fff;}


#mq_partner{margin-top:50px; margin-bottom:50px; overflow:hidden;}

/* 하단 레이아웃 */
#footer {padding-bottom: 140px;}
#footer .ft_menu {background-color: #fafafa; padding: 25px 0;}
#footer .ft_menu a {display: inline-block; vertical-align: middle; padding: 0 15px;font-size: 16px;  color: #333;  position: relative; transition:.25s;}
#footer .ft_menu a:first-child {padding-left: 0;}
#footer .ft_menu a:after {content:''; display: block; width: 1px; height: 10px; background-color: #333; position: absolute; top: 2px; left: 0; opacity: .6; transition:.25s;}
#footer .ft_menu a:first-child:after {display: none;}
#footer .ft_menu a:hover {}
#footer .ft_bot {padding: 55px 0 0;}
#footer .ft_logo {margin-bottom: 35px;}
#footer .address { color:#333; font-size: 18px; font-weight: 300; line-height:170%;}
#footer .copytxt  {color:#787878; }


@keyframes rotate_circle{
	100% {transform: rotate(360deg); }
}


@media all and (max-width:2000px){
}

@media all and (max-width:1830px){
	#header #gnb .gnb_1dul {}
	#header #gnb .gnb_1dul .gnb_1dli .gnb_1da  {  }
	#header .hd_rt a {margin: 0 5px; }
	.circle_rotate {right: 115px; margin-right: 0;}
	#quick {right: 10px; margin-right: 0;}
    header.gnb nav .inner-gnb{max-width:1000px}
}
@media all and (max-width:1601px){
    header.gnb nav .inner-gnb{max-width:900px}
}
@media all and (max-width:1600px){
	#logo a {padding: 0;}
	#header #gnb .gnb_1dul .gnb_1dli .gnb_1da { font-size: 16px;}
	#header #gnb .gnb_2dul .gnb_2dli .gnb_2da {font-size: 14px;}
	
	#footer #top_trigger {display: none; position: fixed; bottom: 100px; right: 38px; z-index: 9;}
    
}

@media all and (max-width:1540px){
    header.gnb nav .inner-gnb{display: none;}
    #header{height: 83px;}
    .mv__nav{left:25% !important}
    #mv .mv_list .txt_wrap{right:35% !important}
}
@media all and (max-width:1420px){
    
	img {max-width:100%;}
	
	#quick {display: none;}
	#header #gnb .gnb_1dul .gnb_1dli .gnb_1da {padding: 0 7px;}
	.ft_info .lt .info_btn a {background-position: 15% 50%; background-size:30px auto;}
}
@media all and (max-width:1300px){


	

	#header #gnb {left: 250px;}



	#header .top_util a {padding: 8px 25px; font-size: 14px;}

}
@media all and (max-width:1280px){

	.txt98,
	.txt88,
	.txt84,
	.txt78,
	.txt72,
	.txt74{font-size:60px;}
	.txt68,
	.txt66{font-size:54px;}
	.txt62,
	.txt60{font-size:52px;}
	.txt58,
	.txt56,
	.txt54{font-size:48px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt46{font-size:37px;}
	.txt45,
	.txt44{font-size:36px;}
	.txt42,
	.txt40{font-size:32px !important;}
	.txt38{font-size: 30px;}
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24{font-size: 19px;}
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}

	.mt80{margin-top:20px !important;}
	.inline_1280 {display: inline;}
}
@media all and (max-width:1200px){
	
    #mv .mv_list .txt_wrap{right:50% !important}

	 #header .top_util2 {top: 28px;right: 20%;}
     #header .language {position: absolute; right: 27%;  display: inline-block; top: 25px;}
	 .hd_tel {float: right;padding: 40px 30px 0 45px;background: url('/img/common/hd_tel.png') 0 88% no-repeat;letter-spacing: -1px;}

	
	#header #logo a img {height: 37px;}
	#header #gnb {display: none;}
	#header .top_util {top: 20px;}
	.open_sitemap {top: 30px;}
	#header .real_top {height: 90px; font-size: 13px;}
	#header .real_top .icon {padding: 12px;}
	#gnb_all {padding-top: 70px;}
	.ft_form_wrap {display: none !important;}
    .mv__nav{bottom:158px !important; left:17% !important;}
    #mv .mv_scroll{bottom:30px !important}
	
}

@media all and (max-width:980px){ 
    .w1400{width:100%}
	.pb120{padding-bottom:60px}
	.pt120{padding-top:40px}
    .pb140{padding-bottom:60px}
	.pt140{padding-top:60px}
	.pt220{padding-top:60px}
	.block_980 {display: block;}
	.inline_980 {display: inline;}
	.m1 .con{padding:0px !important}
    #mv .mv_list .txt_wrap {top: 45%;text-align: center;right:initial !important;transform:initial;width: 100%;margin: 0 auto; bottom:240px !important}
    .mv__nav{left:50% !important;}
	.open_sitemap .active span:after,
	.open_sitemap .active span:before {background-color: #000;}
    .slide-box-1{width:100% !important}

	/* #gnb_all {display: block !important;  width: 320px; padding: 50px 0 0; height: 100%; overflow: hidden; position: fixed; top: 0;  left: -300%;  transition:.5s; z-index: 998; box-shadow:10px 0 10px rgba(0,0,0,.1);}
	#gnb_all.active { left: 0;}
	.gnb_all_member {padding: 20px; text-align: right;  border-bottom: 1px solid #ddd;}
	#gnb_all .gnb_navi {width: 340px;height: calc(100vh - 50px);overflow-y:auto;}
	#gnb_all .gnb_al_ul {width: 320px;margin: 0;padding: 10px 15px; height: 100%;  }
	#gnb_all .gnb_al_ul .gnb_al_li {width: 100%;}
	#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a { display: block;padding: 15px 10px; border-bottom: 1px solid #eee; font-weight: 500; background-image: url('../img/mobile/gnb_bg2.png'); background-repeat: no-repeat;  background-position: right 10px center;}
	#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a.active {background-image: url('../img/mobile/gnb_bg1.png');}
	#gnb_all .gnb_al_ul .gnb_al_li ul {display: none; padding: 10px 20px; border-bottom: 1px solid #eee;}
	#gnb_all .gnb_al_ul .gnb_al_li li a { padding: 7px 0;} */

	.ft_form_in .form_con input[type=text] {width: 200px;height: 40px; line-height: 40px;}
	.ft_form_wrap .ft_form_in .ft_form_btn {width: 100px;height: 85px; left: 210px;}

	.ft_info  {flex-wrap:wrap; padding: 70px 0 0;}
	.ft_info .lt,
	.ft_info .rt {width: 100%; }
	.ft_info .lt {max-width:600px; margin: 0 auto;padding: 0 15px;}
	.ft_info .lt .info_inner {width: 100%; padding-left: 0;}
	.ft_info .lt .treatment_hours:after {display: none; }
	.ft_info .lt .hours {padding-bottom: 40px;}

	.ft_info .map_wrap .map {height: 400px;}
	.ft_info .map_wrap .map_pointer {top: 73.7%; left: calc(50% - 150px);}
	.ft_info .map_wrap .map_btn a {padding: 20px; font-size: 14px;}

	#footer .ft_top {}
	#footer .ft_menu {}


	

	/* .ft_form_wrap {display: none !important;} */

}
@media all and (max-width:786px){ 

	.inline_768 {display: inline;}
	.no_768 {display: none;}
	.block_768 {display: block;}

	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

	#header #logo a img {height: 30px;}
	#header .top_util {display: none;}
	#header .real_top {width: 70px; height: 80px; font-size: 12px;}
	.open_sitemap {right: 15px;}

	#footer {position: relative; padding-bottom: 120px;/* z-index: 99; */}
	#footer .ft_menu a {font-size: 14px; padding: 0 5px;}

	#footer .ft_bot { padding: 40px 0 0;}
	#footer .ft_logo img {width: 100px;}
	#footer .address {font-size: 14px;}
	#footer .copytxt {font-size: 13px;}
	#footer #top_trigger {right: 15px;width: 40px; bottom: 90px;}

 

	.ft_form_wrap .w1400 {padding: 70px 0 100px; background-position: 15px 50px;}
	.ft_form_wrap .link_btn a {padding: 0 7px;}
	.ft_form_wrap .link_btn .icon img {width: 40px;}
	.ft_form_wrap .link_btn .txt {font-size: 12px;}
	.ft_form_in .form_con input[type=text] {width: calc(100% - 110px); height: 35px; line-height: 35px; font-size: 14px;}
	.ft_form_wrap .ft_form_in .ft_form_btn {height: 75px;left: auto; right: 0;}

	.ft_info {padding: 70px 0 0;}
	.ft_info .info_logo img {width: 150px;}
	.ft_info .lt .hours .txt span {width: 90px; padding-left: 10px;font-size: 12px;}
	.ft_info .map_wrap .map {background-size:auto; background-position: 42% 0%;}
	.ft_info .map_wrap .map_pointer {width: 15px; height: 15px; top: 28%; left: 290px;}
	
    #mq_partner{margin-top:20px; margin-bottom:20px; overflow:hidden;}

	/* .ft_form_wrap {display: none !important;padding: 20px 0; opacity: 0 !important;}
	.ft_form_wrap .ft_form_in {flex-wrap:wrap;}
	.ft_form_wrap .tit {text-align: center;width: 100%; margin: 0 0 10px;}
	.ft_form_wrap .form_con {width: calc(33.33% - 6px);}
	.ft_form_wrap .form_privacy {width: 100%;margin: 10px 0; }
	.ft_form_wrap .ft_form_btn {width: 100%; height: 50px; margin: 0; } */

	#quick {display: none !important;}
	#quick_m {display: block;position: fixed; bottom: 0; left: 0; width: 100%; background-color: #69d6cb; font-size: 0; z-index: 97; opacity:0.9; min-width:320px;}
	#quick_m ul {display: flex;}
	#quick_m ul li {width: 25%; padding: 12px 0; vertical-align: bottom; width: 25%; text-align: center; border-left: 1px solid #fff;}
	#quick_m ul li:first-child {border-left: none;}
	#quick_m ul li a {display: block;}
	#quick_m ul li a img {width: 90%; max-width:62px;}

	.circle_rotate {bottom: 140px;}
	.circle_rotate .circle {width: 80px;}

}
@media all and (max-width:486px){
	.ft_info .map_wrap .map_pointer { left: 210px;}
}
@media all and (max-width:486px){ 
	.txt88,
	.txt84{font-size:36px;}
	.txt78,
	.txt74,
	.txt72{font-size:35px;}
	.txt68,
	.txt66{font-size:34px;}
	.txt62,
	.txt60{font-size:33px;}
	.txt58,
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt46{font-size:27px;}
	.txt45,
	.txt44{font-size:26px;}
	.txt42,
	.txt40{font-size:26px !important;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:18px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt22,
	.txt21{font-size:16px;}
	.txt20,
	.txt19{font-size:15px;}
	.txt18,
	.txt17,
	.txt16{font-size:14px;}
	.txt15{font-size:13px;}
	.txt14{font-size:12px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}
	
	#header .top_util li {padding: 0 5px;}
	#header .top_util .icon img {width: 27px;}
	
	#gnb_all {}
	#gnb_all .gnb_navi {width: 320px; height: calc(100vh - 100px); overflow-y:auto;}
	#gnb_all .gnb_al_ul {width: 100%;}

	.ft_info .lt .info_btn a {height: 50px; line-height: 50px;font-size: 14px; background-size:20px auto;}
	.ft_info .map_wrap .map_btn a {padding: 15px; font-size: 12px;}

	#footer .sns_link {font-size: 0;}
	#footer .sns_link img {width: 25px;}
	#footer .ft_menu {padding: 20px 0 10px; text-align: center;}
	#footer .ft_menu a {width: calc(33.33% - 13px);font-size: 12px; line-height: 1.5;}
	#footer .ft_menu a:after {top: 4px;}
	#footer .ft_menu a:nth-child(3) ~ a {width: calc(50% - 12px);}
	#footer .ft_menu a:nth-child(4):after {display: none;}
	#footer .sns_link {float: none;text-align: center;}

	#footer .ft_bot .rt h3 {margin-bottom: 10px;}
	#footer .ft_bot .rt dt,
	#footer .ft_bot .rt dd {margin-bottom: 5px; font-size: 13px;}
	#footer .ft_bot .rt dl + .txt {font-size: 13px;}
	#footer .address {font-size: 13px;}
	#footer .copytxt {font-size: 10px;}

	#footer .ft_logo {margin-bottom: 15px;}

	#quick {right: 10px;}
	#quick li a {margin: 0 0 4px;}
	#quick li p {height: 30px; line-height: 30px;}
	#quick li p.icon {width: 30px; height: 30px; background-size:25px auto;}
	#top_trigger {right: 10px;width: 30px;}
}


@media all and (max-width:320px){ 
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a {font-size: 14px; font-weight: 600;}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:15px 0 0;font-size:16px;letter-spacing:-0.1em;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}



/* 버튼 */

.btn_confirm {text-align:center; margin-bottom:70px;} /* 서식단계 진행 */

.btn_submit {border:0;background:#666;color:#fff;cursor:pointer;padding:15px 30px; font-size:16px; transition: 0.5s;}
.btn_submit:hover {background:#212121;}

a.btn_cancel {display:inline-block;background:#424242;padding:15px 30px;color:#fff;text-decoration:none;border:0;vertical-align:middle; font-size:16px;}
button.btn_cancel {display:inline-block;background:#424242;cpadding:17px 30px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:30px; margin-top:5px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;padding:15px 30px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#5d5d5d;padding:15px 30px;color:#fff;text-decoration:none;border:0;vertical-align:middle; font-size:16px;}
a.btn_b02:hover, .btn_b02:hover {background:#2cbcad;}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle; z-index:9999; padding:15px 30px; border:none; font-size:16px;} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}



/*
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */
/*
.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
/*
a.btn_frmline {}
button.btn_frmline {font-size:1em}


/* 게시판용 버튼 */
/*
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
/*
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}
*/

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-top:2px solid #666; border-bottom:1px solid #ccc;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:0 0;font-weight:bold;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:50px; line-height:50px; font-size:14px;}
.tbl_head01 thead th input {/*vertical-align:top*/} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:15px 5px;border-top:1px solid #ecf0f1;line-height:150%;word-break:break-all; font-size:16px; vertical-align:middle; }
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 폼 테이블 */
/*
.tbl_frm01 {margin:0 0 20px; font-size:14px; font-weight:400;}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:150px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left; font-weight:400; letter-spacing:-0.5px;}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px; padding-left:5px;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}



.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}*/

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:18px; font-weight:500; padding-bottom:5px;}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:100px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px; font-size:14px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:20px 0 100px;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3; font-size:0.8em;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 팝업로그인 */
/*
#pop_login {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; display:none; }
#pop_login .dimmed{position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%;}
#pop_mb_login {width:845px; height:auto; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#FFFFFF; border: 5px solid #d8d8d8; overflow: hidden; margin: 0;}
#pop_login .in {padding: 45px 0; min-height:222px; background-color: #fff;}
#pop_login .in .tit {font-size: 24px; font-weight: 500; margin:0 0 25px;}
#pop_login .in .tit .mint {color: #1f9f9d;}
.poplogin_btn {cursor: pointer;}
#plogin_fs {display: none; vertical-align: middle;}
#login_fs{padding:0 50px}
#pop_mb_login #lpogin_fs .frm_input{margin:0 0 10px;}
#pop_mb_login .frm_input{height: 50px; line-height: 50px; width: 200px;padding-left: 10px;}
#pop_mb_login #plogin_fs .btn_submit { height: 50px; line-height: 50px; width: 100px; padding: 0; margin: 0;text-align: center; background-color: #666; border-radius:0; font-size: 16px; }
#pop_mb_login #plogin_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8; background-color:#2b3751; }
#pop_mb_login #plogin_info:after {display:block;visibility:hidden;clear:both;content:""}
#pop_mb_login #plogin_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#pop_mb_login #plogin_info .btn_wrap a{display:inline-block;width:50%;float:left; text-align: left; padding: 0 30px; color:#fff; font-size:16px; transition:.5s;}
#pop_mb_login #plogin_info .btn_wrap a:first-child {text-align: right;}
#pop_mb_login #plogin_info a:hover{color:#ddd;  }
#plogin_password_lost{border-right:1px solid #ddd}

#pop_mb_login_notmb{margin:30px auto;padding:20px 30px }
#pop_mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#pop_mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#pop_mb_login_od_wr{margin:30px auto;padding:20px 30px }
#pop_mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#pop_mb_login_od_wr .frm_input{margin:10px 0 0 }
#pop_mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}
*/



/* 팝업로그인 */
#pop_login {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; display:none; }
#pop_login .dimmed{position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%;}
#pop_mb_login {width:450px; height:auto; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#FFFFFF;  /*overflow: hidden;*/ margin: 0;  border-radius:35px;}
#pop_login .in {padding: 10px 0; min-height:222px; padding:20px 0 0 0;}
#pop_login .in .tit {font-size: 15px; font-weight: 500; margin:0 0 15px; letter-spacing:-1px; line-height:150%;  }
#pop_login .in .tit .mint {color: #1f9f9d;}
.poplogin_btn {cursor: pointer;}
#plogin_fs {vertical-align: middle; width:80%; margin:0 auto; padding:0 45px;}
#login_fs{padding:0 50px}
#pop_mb_login #lpogin_fs .frm_input{margin:0 0 10px;}
#pop_mb_login .frm_input{height: 50px; width: 100%;padding-left: 10px; margin-top:5px; }
#pop_mb_login #plogin_fs .btn_submit { height: 50px;  width: 100%; padding: 0; margin: 0;text-align: center; background-color: #81d8cf; border-radius:5px; font-size: 16px; margin-top:20px; }
#pop_mb_login #plogin_info{background:#f6f6f6;padding:15px 5px;border-top:1px solid #e8e8e8; background-color:#2b3751; margin:10px 45px 20px; }
#pop_mb_login #plogin_info:after {display:block;visibility:hidden;clear:both;content:""}
#pop_mb_login #plogin_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#pop_mb_login #plogin_info .btn_wrap a{display:inline-block;width: 40%;float:left;text-align:center;padding: 0 15px;color:#fff;font-size:14px;transition:.5s;letter-spacing:-1px;}
#pop_mb_login #plogin_info .btn_wrap a:first-child {text-align: right;}
#pop_mb_login #plogin_info a:hover{color:#ddd;  }
#plogin_password_lost{border-right:1px solid #ddd}
.closeWrap{height:45px; padding:0 10px; color:#949393; background-color:#222; line-height:45px; width:96%; font-size:16px;   border-bottom-right-radius:35px;  border-bottom-left-radius:35px;}

#pop_mb_login_notmb{margin:30px auto;padding:20px 30px }
#pop_mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#pop_mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#pop_mb_login_od_wr{margin:30px auto;padding:20px 30px }
#pop_mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#pop_mb_login_od_wr .frm_input{margin:10px 0 0 }
#pop_mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}





.subTit{padding:220px 0 30px; text-align:center; }
.subTit h1{font-size:40px; font-weight:500;}
.subTit p{ letter-spacing:8px; color:#ddd; font-size:14px; letter-spacing:15px;}


.real_selfie_list {padding: 110px 35px 170px; background: url('/img/main/real_selfie_bg.png') 50% 0 no-repeat !important;}
.real_selfie_list .list {width: 324px; margin: 0 10px;}



.counsel_wrap {
  background-color:#fbfbfb;
  color: var(--color-black);
  width:100%;
  overflow:hidden;
  padding:15px 0;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

#shadow {
  opacity: 0;
  visibility: visible;
  z-index: -99;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.counsel_wrap .foot_inner {
  width: 1440px;
  margin: 0 auto;
}
  
.counsel_wrap .foot_inner:after {
  content:"";
  clear:both;
  display:block;
}

.counsel_wrap .hide_label{
  position:absolute;
  z-index:-1;
  text-indent:-9999px;
}

.counsel_wrap .txt_wrap{
  float:left;
}

.counsel_wrap .txt_wrap > h3{
  font-size:33px;
  letter-spacing:-1px;
  color:#fff;
  font-weight:500;
}

.counsel_wrap .txt_wrap > h3 > img{
  width: 65%;
  max-width: 156px;
}

.counsel_wrap .txt_wrap > .b_privacy label{
  
  color:var(--color-black);
  font-size: 16px;
  vertical-align:middle;
}

.counsel_wrap .txt_wrap > .b_privacy {
 margin-top:10px
}
/* 체크박스 */
#is_agree2 {
  width: 19px;
  height: 19px;
  margin-right: 6px;
  position:relative; bottom:2px;
}

.counsel_wrap .txt_wrap > .b_privacy #bchk{
  width:20px;
  height:20px;
  vertical-align:middle;
  margin-right:5px;
}

.counsel_wrap .txt_wrap > .b_privacy a{
  font-weight: 500;
  font-size:12px;
  display:inline-block;
  padding: 5px 9px;
  background-color:#ff999c;
  color:#fff;
  margin-left:10px;
  vertical-align:middle;
  border-radius: 15px;
}

.counsel_wrap .form_wrap{
  float:right;
  padding-top:9px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.counsel_wrap .f_cate, 
.counsel_wrap .f_name,
.counsel_wrap .f_tel,
.counsel_wrap .fix_text{
  box-sizing:border-box;
  width:226px;
  height:45px;
  font-size:16px;
  padding:0 15px;
  border:0;

  font-family: 'pretendard-regular';
  border: 1px solid #ff999c;
}

.counsel_wrap .f_cate, 
.counsel_wrap .f_name,
.counsel_wrap .f_tel {
  background-image: url(../../img/icon/require.png) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

.counsel_wrap .f_name{
  margin-left: 13px;
}

.counsel_wrap .f_tel{
  margin-left:13px;
}

.counsel_wrap .f_submit{
  box-sizing:border-box;
  border:none;
  width:206px;
  height:45px;
  font-size:20px;
  font-weight: 700;
  color:#fff;
  text-align:center;
  background-color:#ff999c;
  margin-left:13px;
  cursor:pointer;
  border:0;
  border-radius: 10px;
  line-height:45px
}

.counsel_wrap .fix_text{
  border: none;
  resize: none;
  margin-left:13px;
  height:45px;
  padding-top:12px;
  border: 1px solid #ff999c;
}

/* 개인정보처리방침 팝업창 */
.contbox{
  display:none;
  position: fixed;
  font-weight: 300;
  height:400px;
  max-width: 600px;
  width: 600px;
  background: #fff;
  overflow-y: scroll;
  border: 2px solid #555;
  top: 20%;
  text-align: left;
  z-index: 999;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.contbox h3 {
  font-size:18px;
  margin:50px 15px 10px; 
  font-weight:500; 
  color:#000
}

.contbox p {
  margin:15px 15px 0px 15px; 
  color:#888888; 
  line-height:21px;
  font-size:13px;
  color:#3a3a3a; 
  font-weight:400;
}

.contbox dl{
  padding: 15px 10px;
}

.contbox dl dt{
  margin-top: 10px;
  color:#000; 
  font-weight:bold; 
  padding:6px 10px;
  font-size:13px; 
  background:#f0f0f0;  
  font-weight:500;
}

.contbox dl dd{
  font-size:12px; 
  color:#515151; 
  line-height:21px;
  padding:13px 15px 0px;
  font-weight:400;
}

.popoff { 
  background:#252525; 
  position:absolute; 
  right:0; 
  top:0; 
  padding:15px; 
  text-align:center;
}
	
.popon {
  color:#555; 
  font-weight:300;
  font-size:13px;
  letter-spacing:0.02em; 
  display:block;
  margin:2px 0 0 4px;
}

.pop_title {
  font-size: 28px; 
  text-align: center; 
  display: block; 
  letter-spacing: -2px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #ddd; 
  padding-bottom: 20px; 
  width: 730px;
  margin: 0 auto; 
  margin-top: 30px; 
  margin-bottom: 20px;
}

.popoff img {
  opacity:0.5;
  width:15px
}

.msg_sound_only, .sound_only {
  display: none;
  height: 0;
  width: 0;
}

@media all and (max-width:768px){
	.real_selfie_list {padding: 63px 15px 100px;background-size:245px auto !important}
	.real_selfie_list .list {width: 200px; margin: 0 5px;}
	
	.subTit{padding:140px 0 30px; text-align:center; }
    .subTit h1{font-size:28px; font-weight:600;}
    .subTit p{ letter-spacing:2px; color:#ddd;  font-size:12px;}
	
	.frm_input {
    height: 40px;
    font-size: 14px;}
	#pop_mb_login #plogin_info .btn_wrap a:first-child{text-align:center;}
	#pop_mb_login {width:90%; margin:0 auto;}
	#pop_mb_login #plogin_info{margin:10px 5px 20px; }
	#pop_login .in .tit {font-size: 13px; font-weight: 500; margin:0 0 15px; letter-spacing:-1px; line-height:150%;  }
	#pop_mb_login #plogin_fs .btn_submit { height: 30px;  width: 100%; padding: 0; margin: 0;text-align: center; background-color: #ffcc35; border-radius:5px; font-size: 13px; margin-top:20px; }
	#pop_mb_login .frm_input{height: 30px; width: 100%;padding-left: 10px; margin-top:5px; }
	#pop_mb_login #plogin_info .btn_wrap a{display:inline-block;width:45%;float:left; text-align:center; padding: 0 5px; color:#fff; font-size:14px; transition:.5s; letter-spacing:-1px;}
	#plogin_fs{padding:0}
	
}



@media all and (max-width:1024px){ 	
	.tbl_wrap table thead { display:none;} 
	
	#bo_list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding:0 15px 50px;}
   .bo_tit {
    display: block;
    color: #000;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
	padding:7px 5px 0; font-size:15px; border-top:1px solid #ecf0f1;}

  .bo_list ul li span {
    display: inline;
    line-height: 2;}
	
	#bo_list .td_chk {display: none;}

   .sv_member { padding-left: 5px;}	
	.tbl_head01 td {line-height: 32px;}
	.tbl_head01 td { display: contents; font-size:14px;}
	
	.pd18 { padding-left: 0;}
	
	
}
@media all and (max-width:768px){
	.only_pc{display:none;}
	.only_m{display:block;}
	.gnb_all_member {padding: 20px; text-align: right;  border-bottom: 1px solid #ddd;}
	.gnb_all_member li {display: inline-block; margin: 0 2px;}
	.gnb_all_member a {display: inline-block; padding: 8px 20px 6px; background-color: #000; font-size: 14px; color: #fff; letter-spacing: 0; border-radius:50px; transition:.25s;	}
	.gnb_all_member a:hover {}
	.inline_768 {display: inline;}
	.no_768 {display: none;}
	.block_768 {display: block;}
	.mb100{margin-bottom:60px !important;}
	.mt100{margin-top:30px !important;}
	.mt140{margin-top:30px !important;}
	.mt90{margin-top:30px !important;}
	.tly-40{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}


	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}


	
	a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;padding:10px 15px;color:#fff;text-decoration:none;border:0;vertical-align:middle; font-size:14px;}
	a.btn_b02,.btn_b02 {display:inline-block;background:#5d5d5d;padding:10px 15px;color:#fff;text-decoration:none;border:0;vertical-align:middle; font-size:14px;}
	#bo_v_info .if_date{ font-size:13px; padding:0; margin-bottom:5px;}
	
	a.btn_cancel {
    display: inline-block;
    background: #424242;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    border: 0;
    vertical-align: middle;
    font-size: 14px;}
	
	#bo_list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding:0 15px 10px;}
	
	.btn_submit {
    border: 0;
    background: #666;
    color: #fff;
    cursor: pointer;
    padding: 15px 30px;
    font-size: 14px;}
	
	.bo_tit {
    display: block;
    color: #000;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:7px 5px 0;
    font-size:14px;
    border-top:1px solid #ecf0f1;
    }

	
		
	a.btn_admin, .btn_admin {
    display: inline-block;
    background: #d13f4a;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    z-index: 9999;
    padding: 10px 15px;
    border: none;
    font-size: 14px;}
	
   #bo_v_top ul {
    padding: 0;
    list-style: none;
    word-break: break-all;
    font-size: 14px;}

   .board_con {width:100%; padding-left:15px; padding-right:15px; line-height:150%;}
   .tbl_head01 td {line-height: 26px;}
   .pg_page {
    color: #555;
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    min-width: 22px;
    text-decoration: none;
   border-radius: 3px;}
   .pg_current {
    display: inline-block;
    background: #4c4f6f;
    color: #fff;
    font-weight: bold;
    height: 22px;
    line-height: 20px;
    padding: 0 7px;
    min-width: 22px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 2px #222542;
    -moz-box-shadow: inset 1px 1px 2px #222542;
    box-shadow: inset 1px 1px 2px #222542;
}

	
 .floating {
    right: 5px;
    bottom: 90px;
	z-index:99;
    height: fit-content !important;
    position: fixed;
  }

  .floating img {
    width: 55px;
    height: 55px;
    max-width: 55px;
    max-height: 55px;
  }




}


@media all and (max-width:486px){
	.mt50{margin-top:30px !important;}
	.mt70{margin-top:50px !important;}
	.mb50{margin-bottom:30px !important;}
	
	.txt180{font-size:98px;line-height:1.2; letter-spacing:-10px;}
    .txt78{font-size:48px;line-height:1.2;}
	
	.txt88,
	.txt74,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt45,
	.txt44{font-size:26px;}
	.txt42,
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:18px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt22,
	.txt21{font-size:16px;}
	.txt20,
	.txt19{font-size:14px;}
	.txt18,
	.txt17,
	.txt16{font-size:14px;}
	.txt15{font-size:13px;}
	.txt14{font-size:12px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}
	


	#footer .txt18 {font-size: 12px;}
}

@media all and (max-width:330px){
	.txt34{font-size:16px;}

}











@media (min-width: 344px) and (max-width:767px){
  .mo_counselBtn {
    display: flex;
    width: 100%;
    height: 70px;
    position: fixed;
    bottom: 0;
    z-index: 9;
    background-color: var(--primary);
  }

  .mo_counselBtn button {
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    font-family: 'pretendard-bold';
  }

  .counsel_wrap { 
    border-radius: 0px;
    bottom: 50%;
    transform: translate(-50%, 50%);
    width: 300px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: -99;
  }
  
  .counsel_wrap.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 99;
  }

  #shadow.open {
    opacity: 1;
    visibility: visible;
    z-index: 98;
  }

  .counsel_wrap .mo-closeBtn {
    float: right;
    width: 30px;
    height: 20px;
    margin-right: 15px;
  }

  .counsel_wrap .mo-closeBtn img {
    width: 100%;
    height: 100%;
  }
  
  .counsel_wrap .foot_inner{
    width:100%!important;
  }

  .counsel_wrap .txt_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .counsel_wrap .txt_wrap > h3 > img{
    width: 100%;
  }
  
  .counsel_wrap .txt_wrap .b_privacy {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .counsel_wrap .txt_wrap > .b_privacy label {
    margin-right: 23px;
  }

  .counsel_wrap .form_wrap {
    flex-direction: column;
    width: 100%;
  }

  .counsel_wrap .form_wrap input, 
  .counsel_wrap .form_wrap textarea,
  .counsel_wrap .form_wrap select {
    margin-left: 0 !important;
    margin-bottom: 10px;
  }
  
  .counsel_wrap .f_submit {
    width: 226px;
  }

  .contbox {
    width: 96%;
    text-align: center;
  }

}

@media (min-width: 1024px) and (max-width:1520px){
	.counsel_wrap .foot_inner{
    width:1180px !important;
  }
	.counsel_wrap .txt_wrap {
    width: 100%;position: relative;
  }
	.counsel_wrap .txt_wrap > .b_privacy {
    position: absolute;top: 15px;right: 0px;
  }
	.counsel_wrap .form_wrap {
    width: 100%;
  }
}