@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700&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%;}

button{ background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}

body{font: 16px/1 'Pretendard', sans-serif; font-weight: 400; letter-spacing: -1px; 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;}
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; }
.only_pc{display:block}
.only_m{display:none !important;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}

/* 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;}

#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 */
#skip a { position:absolute; top:0; left:-9999px; z-index:100; }
#skip a:focus { display:block; top:0; left:0; width:100%; padding:10px 0; background:#fff; color:#000; font-weight:300; text-align:center; }

/* layout */
#hd, #wrapper, #ft { min-width:inherit; }




/**************************************************
* cursor
**************************************************/
.cursor { cursor:pointer; }

/**************************************************
* text-align
**************************************************/
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }
.text-center { text-align:center !important; }

/**************************************************
* float
**************************************************/
.flbox { float:left; }
.frbox { float:right; }

/**************************************************
* clearfix
**************************************************/
/*.clearfix { overflow:hidden; }*/
.clearfix:before { content:""; display:block; clear:both; overflow:hidden; }
.clearfix:after { content:""; display:block; clear:both; overflow:hidden; }

/**************************************************
* display
**************************************************/
.d-block { display:block; }
.d-inline { display:inline; }
.d-inline-block { display:inline-block; }

.d-flex { display:flex; }
.flex-wrap { flex-wrap:wrap; }
.justify-content-center { justify-content:center; }
.justify-content-between { justify-content:space-between; }
.justify-content-around { justify-content:space-around; }
.justify-content-evenly { justify-content:space-evenly; }
.align-items-center { align-items:center; }
.align-items-end { align-items:flex-end; }
.align-items-start { align-items:flex-start; }
.align-items-stretch { align-items:stretch; }

/* 마진 */
.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;}
.mb150{margin-bottom:150px !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;}
.mt120{margin-top:120px !important;}
.mt150{margin-top:150px !important;}
.pt120{padding-top:120px !important}
.pb120{padding-bottom:120px !important}
.pt200{padding-top:200px !important}
.pb200{padding-bottom:200px !important}
.pd50{padding:50px !important}
.pd40{padding:40px !important}
.pd35{padding:35px !important}


.bg_gray{background:#f9f9f9}
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}
@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: 'ChosunGu';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunGu/ChosunGu.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunGu/ChosunGu.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunGu/ChosunGu.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunGu/ChosunGu.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunGu/ChosunGu.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KimjungchulGothic-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulGothic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@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('/assets/fonts/scdream1-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream1-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 200; 
	src: url('/assets/fonts/scdream2-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream2-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 300; 
	src: url('/assets/fonts/scdream3-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream3-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 400; 
	src: url('/assets/fonts/scdream4-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream4-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 500; 
	src: url('/assets/fonts/scdream5-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream5-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 600; 
	src: url('/assets/fonts/scdream6-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream6-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 700; 
	src: url('/assets/fonts/scdream7-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream7-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 800; 
	src: url('/assets/fonts/scdream8-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream8-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 900; 
	src: url('/assets/fonts/scdream9-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream9-webfont.woff') format('woff');
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('./images/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

.gm{font-family: 'GmarketSansMedium';}
/* 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;}
.txt65{font-size:65px;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.2;}
.txt40{font-size:40px;line-height:1.228;}
.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:1.33;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt22{font-size:22px;line-height:1.33;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.533;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;line-height:1.73;}
.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-55{position:absolute;left:0;top:55%;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: #0092ca;}
.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;}
.mint {color: #00aeb2;}
.mintb {color: #18415b;}
.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.5;}
.lh17 {line-height: 1.7;}
.lh2 {line-height: 2;}
.lh3 {line-height: 3;}
.kim { font-family:'S Core Dream', serif; }
.nato {font-family: 'Noto Sans KR', sans-serif;}

.w2000 {max-width: 2030px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1800 {max-width: 1830px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1760 {max-width: 1790px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1760 {max-width: 1790px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1640 {max-width: 1640px; 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: 1430px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1200 {max-width: 1230px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1100 {max-width: 1130px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1060 {max-width: 1090px; 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: 670px; 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;}







/* 게시물 선택복사 선택이동 */
#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; height:auto}
.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:#f27b9d;}
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;
}
 #quick_m {display: block;position: fixed; bottom: 0; left: 0; width: 100%; background-color: #0e0e11; font-size: 0; z-index: 99; opacity:0.9; min-width:320px;}
#quick_m ul li {display: inline-block; padding: 12px 0; vertical-align: bottom; width: 24.7%; text-align: center; border-left: 1px solid #262626;}
#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:75px;} 


#bnQuickMenu{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:505}
#bnQuickMenu .bnQuickWrap{display:flex;flex-direction:column;align-items:center;gap:10px}
#bnQuickMenu .bnQuickList{display:flex;flex-direction:column;gap:10px}
#bnQuickMenu .bnQuickItem{display:block}
#bnQuickMenu .bnQuickLink{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #e6e6e6;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:all .3s;overflow:hidden}
#bnQuickMenu .bnQuickLink:hover{background:#0092ca;border-color:#0092ca;box-shadow:0 10px 22px rgba(0,146,202,.25);transform:translateY(-2px)}
#bnQuickMenu .bnQuickText{position:absolute;opacity:0;visibility:hidden;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
#bnQuickMenu .bnQuickIcon{display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;transition:all .3s}
#bnQuickMenu .bnQuickLink:hover .bnQuickIcon{filter:brightness(0) invert(1);transform:scale(1.04)}
#bnQuickMenu .bnQuickKakao{background-image:url("/assets/images/common/quick1.png")}
#bnQuickMenu .bnQuickBlog{background-image:url("/assets/images/common/quick2.png")}
#bnQuickMenu .bnQuickYoutube{background-image:url("/assets/images/common/quick4.png")}
#bnQuickMenu .bnQuickLine{background-image:url("/assets/images/common/quick5.png")}
#bnQuickMenu .bnQuickInsta{background-image:url("/assets/images/common/quick3.png")}
#bnQuickTop{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #e6e6e6;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);font-size:0;transition:all .3s}
#bnQuickTop:hover{background:#0092ca;border-color:#0092ca;box-shadow:0 10px 22px rgba(0,146,202,.25);transform:translateY(-2px)}
#bnQuickTop:before{content:"";position:absolute;width:18px;height:18px;border-top:2px solid #0092ca;border-right:2px solid #0092ca;transform:rotate(-45deg);transition:all .3s; top:42%}
#bnQuickTop:hover:before{border-color:#fff}

/* 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:100%; 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: #0092ca ; 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:50%;float:left; text-align:center; padding: 0 25px; 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:100%; 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:150px 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;}










@media all and (max-width:768px){
	.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;}

}


#wrap{font: 16px/1 'Pretendard', sans-serif; font-weight: 400; letter-spacing: 0px; color: #111;}


/* 팝업레이어 */
#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:997;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}

/* 상단 레이아웃 */


/* 메인메뉴 */

/*전체메뉴*/

/* 사이트맵 버튼 */




/* 중간 레이아웃 */
#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_m {}

/* 퀵 
#quick { width: 120px; height:100%;  position: fixed; top: 38%;   left: 50%;  margin-left: 800px;   z-index: 90;   }
#quick p{transition:.25s;}
#quick p:hover{transform:translateX(-7px);}
#quick .quick_top {padding: 45px 0 75px; }
#quick .quick_top .quick_member {text-align: center; padding: 0 15px;}
#quick .quick_top .quick_member a {display: inline-block; font-size: 12px; font-weight: 300; color: #fff; line-height: 1;}
#quick .quick_top .quick_member a:nth-child(2) {margin-top: 10px; padding-top: 10px; border-top: 1px solid #5f6062;}
#quick .quick_menu {}
#quick .quick_menu a {display: block; text-align: center; margin-bottom: 25px;}
#quick .quick_menu a:last-child {margin-bottom: 40px;}
#quick .quick_menu .icon {display: inline-block; width: 45px; height: 45px; line-height: 45px; background-color: #404040; border-radius:50%; margin-bottom: 10px; transition:.25s;}
#quick .quick_menu .txt {font-size: 12px; font-weight: 300; color: #fff;}
#quick .quick_menu a:hover .icon {background-color: #c2935f;}
#quick .quick_bot a {display: inline-block;}
#quick .quick_bot #top_trigger {width: 100px; height: 140px; line-height: 140px; text-align: center; background-color: #404144; }
#quick .quick_bot #top_trigger img {display: inline-block; transition:.5s;}
#quick .quick_bot #top_trigger:hover img {transform:translateY(-7px);}


/* 하단 상담신청 */
/* .ft_form_wrap {display: none;position: fixed; bottom: 0; left: 0; width: 100%; background-color: #0e0e11; z-index: 9; opacity:0.95;}
.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: 152px; 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: 65px; border: none; text-align: center; background-color: #fe636e; color: #fff; font-size: 22px; font-weight: 500;transition:.25s; }
.ft_form_wrap .ft_form_btn:hover {background-color: #dd2b40;} */

.ft_info {position:relative; overflow:hidden}
.ft_info .ft_info_con_bg{width: 100%;height:800px;background-image:url('/img/common/form_bg_1.jpg'); background-position:top; background-size:cover; background-attachment:fixed; }
.ft_info .ft_info_con{padding-top:150px}
.ft_info .ft_info_text{color:#fff;font-weight:300; line-height:50px; float:right; padding-left:30px}
.ft_info .ft_info_text .tit{font-size:50px; font-weight:700;}
.ft_info .ft_info_text .color{color:#a7c1d9;}
.ft_info .ft_info_text .bold{font-weight:600;}
.ft_info .ft_info_icon {}
.ft_info .ft_info_icon ul {margin-top:25px;overflow:hidden;}
.ft_info .ft_info_icon li {margin-top:20px; float:left;}
.ft_info .ft_info_icon li a {display: flex; justify-content:space-between; margin: 0 0 15px; transition:.5s;}
.ft_info .ft_info_icon li p {background-color: #fff;height: 35px;line-height: 42px;border-radius:50px;}
.ft_info .ft_info_icon li p.txt {width: 120px; text-align:left;margin-right: 7px;color: #fff; font-size: 20px; background:none;}
.ft_info .ft_info_icon li p.icon {width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50% 50%;}
.ft_info .ft_info_icon li a:hover {transform:translateX(10px);}
.ft_info .db_tit{}
.ft_info .db_tit p{font-size:28px; font-weight:500;color:#151515; float:left;}
.ft_info_text p {}
.ft_info_text span{font-family: 'Montserrat', sans-serif; font-size:28px; font-weight:500; letter-spacing:0;}
.ft_info .ft_info_db{float:left; background-color:#f9f9f9; opacity:1; border-radius:30px; padding:50px 50px; width:50%;}
.ft_info .ft_info_db input[type=text]{width:100%; height: 55px; line-height: 55px; padding-left: 10px; font-size: 16px; background-color: #fff; border: 1px solid #ddd; border-radius:3px;}
.ft_info .ft_info_db select{width: 100%; height: 38px; line-height: 38px; padding-left: 10px; font-size: 14px; background-color: #fff; border: none; border-radius:3px;}
.ft_info .ft_info_db .list_box input[type=text]{height:125px}
.ft_info .db_con{padding-top:10px;}
.ft_info .form_con{margin-bottom:10px;}
.ft_info .ft_form_btn {width:100%; height: 80px;border-radius:3px; border: none; text-align: center; color: #fff; background-color:#0092ca; background-image: url('../img/main/arrow_w.png'); background-repeat: no-repeat;
  background-position: right 25% center;  font-size: 22px; font-weight: 500;transition:.25s; padding:0 80px 0 0;}
.ft_info .ft_form_btn:hover {background-color: #151515; background-position: right 23% center; }
.ft_info input[type="radio"], input[type="checkbox"] {margin:-6px 0 0 !important}
.ft_info .text_2{font-size:18px}
.ft_info .text_2 .bold2{font-weight:600 !important; font-size:18px}
.ft_con dl {font-size: 0; margin-bottom: 10px;}
.ft_con dt,
.ft_con dd {display: inline-block; width: 53px; text-align: left; vertical-align: middle; margin-bottom: 10px;}
.ft_con dd {width: calc(100% - 53px); text-align: left; padding-left: 25px;}

.ft_info .link_btn {margin-bottom: 35px;}
.ft_info .link_btn a {display: inline-block; vertical-align: bottom; text-align: center; padding: 0 20px;transition:.5s;}
.ft_info .link_btn a:first-child {padding-left: 0;}
.ft_info .link_btn .icon {margin-bottom: 15px; }
.ft_info .link_btn a:hover {transform:translateY(-5px);}

.pop_form_wrap {display: none;position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); 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: #00aeb2; font-size: 17px; font-weight: 500;	 color: #fff;}



/* 하단 레이아웃 */
#footer { text-align:center;}
#footer .ft_top {padding: 20px 0; background-color: #fff; font-size: 0; border-top:1px solid #e8e8e8;  border-bottom:1px solid #e8e8e8;}
#footer .ft_menu {display: inline-block; vertical-align: middle;}
#footer .ft_menu a {display: inline-block; vertical-align: middle; padding: 0 20px;font-size: 18px; font-weight:500;  line-height: 38px; color: #151515; opacity: 1; 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: #151515; position: absolute; top: 13px; left: 0; opacity: .6; transition:.25s;}
#footer .ft_menu a:first-child:after {display: none;}
#footer .ft_menu a:hover {color: #00aeb2; font-weight:500;}
#footer .sns_link {float: right; }
#footer .sns_link a {display: inline-block;margin: 0 5px;   opacity: 1; transition:.25s;}
#footer .sns_link a:hover {opacity: .5;}
#footer .ft_bot {padding: 40px 0; background-color: #fff;}
#footer .address { color:#151515;  line-height:170%;}
#footer .copytxt  {color:#666; }


#top_trigger {position:fixed; bottom:100px; left: 50%; margin-left: 800px; border: none; background: none; z-index:999;}
#top_trigger img {transition:.5s;}

.circle_rotate {position: fixed; bottom: 35px;right:50%; margin-right: -830px; z-index: 9; }
.circle_rotate .circle {animation: rotate_circle 12s linear infinite;}
.circle_rotate .arr {position: absolute; top: 0; right: 0; }
.circle_rotate a {display: block;}
.circle_rotate .arr img {transition:.5s; }
.circle_rotate a:hover .arr img {transform:translateX(10px); }

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


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


}

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

	.circle_rotate {right: 115px; margin-right: 0;}
	
}
@media all and (max-width:1700px){
  #top_trigger { left: 45%;}

@media all and (min-width:1601px){
}
@media all and (max-width:1600px){

}


@media all and (max-width:1420px){
   
	
	#top_trigger {margin-left:47%; }
	
}
@media all and (max-width:1300px){
	
	
}
@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:40px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt46{font-size:37px;}
	.txt45,
	.txt44{font-size:36px;}
	.txt42,
	.txt40{font-size:34px;}
	.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;}

	.img {max-width:100%;}
	.inline_1280 {display: inline;}
	
}
@media all and (max-width:1200px){
	
    .mt120 { margin-top: 100px !important;}

	
	.ft_info1 { padding: 50px 15px;  background-color: #f6f6f6 !important;}
	.ft_info1 .lt .txt_area { display: inline-block;  vertical-align: top;  width: 100%; text-align: left;padding-left:10px;}
	.ft_info1 .rt { float: right;width: 50%;}
	.ft_info1 .rt img { width:100%;}
	
	.ft_info .ft_info_text { color: #fff;  font-weight: 300; line-height: 50px; float: left; padding-left: 30px;}
	
   #top_trigger {margin-left:40%; }


	
}
@media all and (max-width:1024px){
	   #top_trigger {margin-left:44%; } 

}



@media all and (max-width:980px){ 
	.block_980 {display: block;}
	.inline_980 {display: inline;}
	.open_sitemap .active span:after,
	.open_sitemap .active span:before {background-color: #fff;}


	.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 .w1400 {flex-wrap:wrap;}
	.ft_info .lt,
	.ft_info .rt {width: 100%; max-width:600px; margin: 0 auto;}
	.ft_info .lt {padding: 0 0 40px;}

	#footer .ft_top {}
	#footer .ft_menu {}
	
    #top_trigger { display:none !important; }
	.mt120 { margin-top: 50px !important;}

    .pt200{padding-top:100px !important}
    .pb200{padding-bottom:100px !important}

	

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

}
@media all and (max-width:786px){ 
.only_pc{display:none}
.only_m{display:block !important;}


	.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;}

   .pd30 { padding-left: 0;}

	
	.ft_info1 {
    padding: 0px; padding-top:50px;  background-color: #fff;}
	.ft_info1 .lt, .ft_info1 .rt { float: left;   width: 100%;   color: #151515;}
	.ft_info1 .lt .txt_area li .lt_txt,
	.ft_info1 .lt .txt_area li .rt_txt {display: inline-block; vertical-align: middle; width: 85px; color:#363636;}
	.ft_info1 .lt .txt_area li .lt_txt img {width: 30px;margin-right: 15px;}
	.ft_info1 .lt .txt_area li .rt_txt {width: calc(100% - 85px); font-family: 'Montserrat'; color:#363636;}
	.ft_info1 .lt .txt_area li .rt_txt span {display: inline-block; margin-left:5px; padding: 5px 10px 5px;  background-color: #939393; color:#fff; border-radius:3px; font-weight: 400; line-height: 1; vertical-align:middle; transition:.25s;}
	.ft_info1 .lt .txt_area li:nth-child(3) .lt_txt {vertical-align: top;}
	.ft_info1 img { width:100%; background-color: #fff;}
	.ft_info1 .lt .txt_area img { width:38%}
	.ft_info1 .lt .rev .btn { width: 100%;  height: 45px;  line-height: 45px;  border: none;  text-align: left;  color: #fff;  background-color: #001241;  background-image: url(../img/common/arr.png);  background-repeat: no-repeat;   background-position: right 17% center;  font-size: 14px;  font-weight: 400;   transition: .25s;   padding: 0 30px 0;   display: inline-block; margin-bottom:5px}
	.ft_info1 .rt .map_wrap .btn a { display: inline-block;  width: 50%; height: 45px;  line-height: 45px;  color: #212121;  background-color: #fae100;  margin: 0 0;  font-size: 14px;
    font-weight: 400;  text-align: center;   position: relative;   transition: .25s;}
	.ft_info1 .lt .rev {border-bottom: 1px solid #ddd; padding: 0 0 30px;}
	

	.ft_info1 .rt .map_wrap .box { width: 100%; background-color: #001241;  padding: 30px 20px;  text-align: left; bottom: 0;  position: absolute;  z-index: 1; opacity: .9;}
	
	.ft_info .ft_info_db {  float: left; background-color: #f9f9f9;  opacity: 1;  border-radius: 30px;  padding: 30px 20px; width: 100%;}
	.ft_info .ft_info_con { padding-top: 100px;}
	.ft_info .db_tit p { font-size: 22px; font-weight: 500;  color: #151515; float: left;}
	.ft_info .ft_info_db input[type=text] {width: 100%; height: 35px;  line-height: 35px;  padding-left: 10px; font-size: 14px;  background-color: #fff;  border: 1px solid #ddd; border-radius: 3px;}
	.ft_info .ft_form_btn { width: 100%; height: 50px; border-radius: 3px;  border: none;  text-align: center;  color: #fff; background-color: #0092ca;  background-image: url(../img/main/arrow_w.png); background-repeat: no-repeat;   background-position: right 25% center;  font-size: 18px;  font-weight: 500;  transition: .25s; padding: 0 80px 0 0}
	.ft_info .ft_info_text { color: #fff;   font-weight: 300;   line-height: 50px;   float: left;   padding-left: 20px;}
	.ft_info1 .rt .map_wrap { position: relative;  width: 100%; height: initial;  overflow: hidden;}
	.ft_info .ft_info_con_bg { width: 100%;   height: 900px;   background-image: url(/img/common/form_bg_1.jpg);   background-position: top;  background-size: cover;   background-attachment: fixed;}
	.ft_info1 .lt { text-align: right; padding: 0 0 30px;}
	.ft_form_wrap .w1400 {padding: 70px 0 100px; background-position: 15px 50px;}
	.ft_form_wrap .link_btn a {padding: 0 7px;}
	.ft_info .link_btn .icon { margin-bottom: 5px;}
	.ft_info .link_btn a { display: inline-block; vertical-align: bottom;  text-align: center;padding: 0 10px;  transition: .5s;}
	.ft_form_wrap .link_btn .txt {font-size: 12px;}
	.ft_form_in .form_con input[type=text] {width: calc(100% - 1px); 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 .link_btn img { width:50%} 

	.ft_info {padding: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 {height: 250px; }
	.root_daum_roughmap .wrap_map {height: 250px !important;}
	.ft_info .map_wrap .map_address {padding: 10px 15px;}
	.ft_info .map_wrap .map_address p {padding-left: 20px; background-size:12px auto; background-position: 0 50%; font-size: 12px;}


	/* .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; } */
	.only_m{display:none}
	#quick {}
	#quick_m {display: block;position: fixed; bottom: 0; left: 0; width: 100%; background-color: #0092ca; font-size: 0; z-index: 97; opacity:0.9; min-width:320px;}
	#quick_m ul li {display: inline-block; padding: 12px 0; vertical-align: bottom; width: 20%; 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:75px;}

	.circle_rotate {bottom: 140px;}
	.circle_rotate .circle {width: 80px;}
	
	
	/* 팝업레이어 */
#hd_pop {z-index:9;position:relative;margin:0 auto;width:100%;height:0; top:110px;}
#header .hd_top {background-color: #484591;}
#header .hd_top .list {line-height: 25px;font-size: 13px; color: #fff; text-align: center;}

#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden; }
.hd_pops {/*position:absolute;*/ padding:0 15px; width:100%; top:50px; background-color:transparent; border:none; position: initial; }
.hd_pops_con { display:contents;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.hd_pops_footer .hd_pops_close { background: #393939;   position: initial;  top: 9px;  right: 0;}
	

}
@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:30px;}
	.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: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;}
	
	.mb70 { margin-bottom: 50px !important;}
	

}

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

}

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


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

	
}



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

	
	.pd18 { padding-left: 0;}
	.subTit h1{font-size:30px}
	.subTit p{font-size:10px}
	
}
@media all and (max-width:768px){
	.pt120{padding-top:50px !important;}
	.pb120{padding-bottom:50px !important;}
	.mt150{margin-top:70px !important;}
	.mb150{margin-bottom:70px !important;}
	.mb100{margin-bottom:60px !important;}
	.mt100{margin-top:60px !important;}
	.pd50{padding:25px !important}
	.pd35{padding:25px !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;}


	

}
@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:30px;}
	.txt42,
	.txt40{font-size:20px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:18px;}
	.txt26{font-size:16px;}
	.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;}

}

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

}