@charset "utf-8";

/*************************************************************************************************
 
 *  Web Font
 
 *************************************************************************************************/
 
/*---------------------------------------------------------------------------------------------------------------------------
 *  Noto Sans Korean 100,300,350,400,500,700,900
 *--------------------------------------------------------------------------------------------------------------------------*/

@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);


/*---------------------------------------------------------------------------------------------------------------------------
 *  Gotham Font 200,400,500,700
 *--------------------------------------------------------------------------------------------------------------------------*/

@font-face {
	
	font-family: 'GothamBook';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/Gotham-Book.eot');
	src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gotham-Book.woff') format('woff'),
	url('fonts/Gotham-Book.ttf') format('truetype');
	   
}

@font-face {
	
	font-family: 'GothamLight';
	font-style: normal;
	font-weight: 200;
	src: url('fonts/Gotham-Light.eot');
	src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gotham-Light.woff') format('woff'),
	url('fonts/Gotham-Light.ttf') format('truetype');
	   
}

@font-face {
	
	font-family: 'GothamMedium';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gotham-Medium.woff') format('woff'),
	url('fonts/Gotham-Medium.ttf') format('truetype');
	   
}

@font-face {
	
	font-family: 'GothamBold';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/Gotham-Bold.eot');
	src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gotham-Bold.woff') format('woff'),
	url('fonts/Gotham-Bold.ttf') format('truetype');
	   
}

/*************************************************************************************************
 
 *  Reset Css
 
 *************************************************************************************************/

html {width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;list-style:none;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;}
sup {vertical-align:top;font-size:0.6em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
h1,h2,h3,h4,h5,h6,em,address {font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select, img, input, textarea,button {font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;color:#888;}
label {vertical-align:middle;cursor:pointer;}
input[type=checkbox], input[type=radio] {/*float:left;*/margin-right:8px;vertical-align:middle;}
button {background:none; margin:0; padding:0; border:0 none; cursor:pointer;}
img {max-width:100%;border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');}

/*************************************************************************************************
 
 *  Link Style
 
 *************************************************************************************************/

a {text-decoration:none;color:#666;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover {text-decoration:none;color:#000;}

/*************************************************************************************************
 
 *  Etc Style
 
 *************************************************************************************************/

.clearfix {clear:both;height:40px;}
hr.border {width:14px;height:1px;display:inline-block;text-align:center;margin:20px 0;background:#036;}
.blind {visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
.accessibilityWrap dd a {display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;}
.center {text-align:center;}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Button
 *--------------------------------------------------------------------------------------------------------------------------*/

.button {position:relative;max-width:130px;height:36px;margin:0 auto;text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border:1px solid #b4a79e;}
.button a {position:relative;display:block;width:100%;height:100%;text-align:center;color:#b4a79e;font-family:'Gotham', 'Noto Sans Korean',sans-serif;font-size:13px;font-weight:400;line-height:36px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;/* background-color:rgba(0, 0, 0, 0.2); */cursor:pointer;letter-spacing:0;}
.button:hover a {color:#534742;z-index:1000;}
.easing {position:absolute;width:100%;top:0; /*Change 'top' to 'bottom' for an upwards transition*/height:0px;margin:0 auto;padding:0px;background-color:#b4a79e;-webkit-transition: .2s ease;-moz-transition: .2s ease;-o-transition: .2s ease;-ms-transition: .2s ease;transition: .2s ease;}
.button:hover {color:#534742;}
.button:hover .easing {height:36px;}

.buttonDark {position:relative;max-width:130px;height:36px;margin:0 auto;text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border:1px solid #4b585f;}
.buttonDark a {position:relative;display:block;width:100%;height:100%;text-align:center;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;font-weight:700;line-height:36px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;/* background-color:rgba(0, 0, 0, 0.2); */cursor:pointer;color:#4b585f;letter-spacing:-0.02em;}
.buttonDark:hover a {color:#e3e9e2;z-index:1000;}
.buttonDark .easing {position:absolute;width:100%;top:0; /*Change 'top' to 'bottom' for an upwards transition*/height:0px;margin:0 auto;padding:0px;background-color:#4b585f;-webkit-transition: .2s ease;-moz-transition: .2s ease;-o-transition: .2s ease;-ms-transition: .2s ease;transition: .2s ease;}
.buttonDark:hover {color:#e3e9e2;}
.buttonDark:hover .easing {height:36px;}

.buttonLight {position:relative;max-width:130px;height:36px;margin:0 auto;text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border:1px solid #947d64;}
.buttonLight a {position:relative;display:block;width:100%;height:100%;text-align:center;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;font-weight:700;line-height:36px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;/* background-color:rgba(0, 0, 0, 0.2); */cursor:pointer;color:#947d64;letter-spacing:0.02em;}
.buttonLight:hover a {color:#fff;z-index:1000;}
.buttonLight .easing {position:absolute;width:100%;top:0; /*Change 'top' to 'bottom' for an upwards transition*/height:0px;margin:0 auto;padding:0px;background-color:#947d64;-webkit-transition: .2s ease;-moz-transition: .2s ease;-o-transition: .2s ease;-ms-transition: .2s ease;transition: .2s ease;}
.buttonLight:hover {color:#fff;}
.buttonLight:hover .easing {height:36px;}

.buttonWhite {position:relative;max-width:130px;height:36px;margin:0 auto;text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border:1px solid #fff;}
.buttonWhite a {position:relative;display:block;width:100%;height:100%;text-align:center;color:#fff;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;font-weight:700;line-height:36px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;/* background-color:rgba(0, 0, 0, 0.2); */cursor:pointer;letter-spacing:0;}
.buttonWhite:hover a {color:#000;z-index:1000;}
.buttonWhite .easing {position:absolute;width:100%;top:0; /*Change 'top' to 'bottom' for an upwards transition*/height:0px;margin:0 auto;padding:0px;background-color:#fff;-webkit-transition: .2s ease;-moz-transition: .2s ease;-o-transition: .2s ease;-ms-transition: .2s ease;transition: .2s ease;}
.buttonWhite:hover {color:#000;}
.buttonWhite:hover .easing {height:36px;}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Select Box
 *--------------------------------------------------------------------------------------------------------------------------*/

select.dc_selBox {min-width:100px;width:99%;height:34px;padding: 0 10px 0 10px;color: #666;line-height: 1.25em;border-color:#ddd;background:#fff url(../images/common/ico_select_arr.png) no-repeat right 13px center;background-size: 10px auto;-webkit-appearance: none;box-sizing: border-box;}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Form
 *--------------------------------------------------------------------------------------------------------------------------*/

/* CheckBox */

.dc_check {position:relative;text-align:left;display:inline-block;}
.dc_check label:after {content: '';top:0;left: 0px;display: inline-block;position: absolute;width:20px;height:20px;background:url(../images/member/checkIcon_off.png) no-repeat 0 0;background-size:20px auto;z-index: 99;}
.dc_check input:checked + label:after {background:url(../images/member/checkIcon_on.png) no-repeat 0 0;background-size:20px auto;}

.dc_radio {position:relative;text-align:left;display:inline-block;margin-right:10px;}
.dc_radio label:after {content: '';top:0;left: 0px;display: inline-block;position: absolute;width:21px;height:21px;background:url(../images/member/radioIcon_off.png) no-repeat 0 0;background-size:21px auto;z-index: 99;}
.dc_radio input:checked + label:after {background:url(../images/member/radioIcon_on.png) no-repeat 0 0;background-size:21px auto;}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Placeholder
 *--------------------------------------------------------------------------------------------------------------------------*/

::-webkit-input-placeholder {color:#aaa;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}
::-moz-placeholder {color:#aaa;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;} /* firefox 19+ */
:-ms-input-placeholder {color:#aaa;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;} /* ie */
input:-moz-placeholder {color:#aaa;font-family:'Gotham','Noto Sans Korean','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}




.PC_TABLET_SHOW{display:block;}
.MOBILE_SHOW{display:none;}


/* 개인정보처리방침 */
#diCLAUSE_PRIVATE{position:relative; width:1200px; margin:0 auto; padding:100px 0 0 0; box-sizing: border-box;}
#diCLAUSE_PRIVATE h3{display:none; font-size:30px; font-weight:300; color:#000; margin:0 0 20px 0;}
#diCLAUSE_PRIVATE .dcCPBox{margin:0 0 50px 0;}
#diCLAUSE_PRIVATE .dcCPBox h4{font-size:24px; font-weight:700; color:#000; margin:0 0 20px 0; line-height:32px;}
#diCLAUSE_PRIVATE .dcCPBox .dcCPInner{padding:0 0 0 15px;}
#diCLAUSE_PRIVATE .dcCPBox h5{font-size:18px; font-weight:300; color:#000; margin:0 0 10px 0; position:relative; padding:0 0 0 30px; line-height:25px; }
#diCLAUSE_PRIVATE .dcCPBox h5:before{display:block; position:absolute; top:0px; left:0; font-size:18px; font-weight:300; color:#000;}
#diCLAUSE_PRIVATE .dcCPBox h5.dch5{padding:0;}
#diCLAUSE_PRIVATE .dcCPBox h5.dch5 span{font-weight:700;}
#diCLAUSE_PRIVATE .dcCPBox h5.dch501:before{content:'①';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch502:before{content:'②';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch503:before{content:'③';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch504:before{content:'④';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch505:before{content:'⑤';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch506:before{content:'⑥';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch507:before{content:'⑦';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch508:before{content:'⑧';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch509:before{content:'⑨';}
#diCLAUSE_PRIVATE .dcCPBox h5.dch510:before{content:'⑩';}
#diCLAUSE_PRIVATE .dcCPBox h6{font-size:16px; font-weight:300; color:#000; margin:0 0 10px 0; position:relative; padding:0 0 0 45px; line-height:22px; }
#diCLAUSE_PRIVATE .dcCPBox h6:before{display:block; position:absolute; top:0px; left:20px; font-size:16px; font-weight:300; color:#000;}
#diCLAUSE_PRIVATE .dcCPBox h6.dch601:before{content:'1.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch602:before{content:'2.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch603:before{content:'3.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch604:before{content:'4.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch605:before{content:'5.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch606:before{content:'6.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch607:before{content:'7.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch608:before{content:'8.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch609:before{content:'9.';}
#diCLAUSE_PRIVATE .dcCPBox h6.dch610:before{content:'10.';}
#diCLAUSE_PRIVATE .dcCPBox ul{padding:0 0 0 50px;}
#diCLAUSE_PRIVATE .dcCPBox ul li{font-size:16px; font-weight:300; color:#000; margin:0 0 10px 0; position:relative; padding:0 0 0 15px; line-height:22px; }
#diCLAUSE_PRIVATE .dcCPBox ul li:before{content:'-';display:block; position:absolute; top:0; left:0; font-size:16px; font-weight:300; color:#000;}
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap{margin:0 0 20px 0; padding:0 0 0 30px;}
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table{border-top:solid 2px #aaa; width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0; }
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table thead{}
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table thead tr{background-color:#fafafa; border-bottom:solid 1px #ccc;}
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table thead tr th{vertical-align:middle; padding:10px; text-align:center; font-size:16px; font-weight:500; color:#000; margin:0 0 10px 0; position:relative; line-height:22px; }
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table tbody{}
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table tbody tr{border-bottom:solid 1px #ccc;}
#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table tbody tr td{vertical-align:middle; padding:10px; text-align:center; font-size:16px; font-weight:300; color:#000; margin:0 0 10px 0; position:relative; line-height:22px; }
/* //개인정보처리방침 */



/* 이메일무단수집거부 */
#diEMAIL_WRAP{position:relative; width:1200px; margin:0 auto; padding:100px 0 0 0; box-sizing: border-box;}
#diEMAIL_WRAP .innerDiv{padding:5% 5% 5% 20%; background:url(../img/common/ico_email.png) no-repeat 7% center #f1f1f1;}
#diEMAIL_WRAP h3{font-size:25px; font-weight:700; color:#333; margin-bottom:10px;}
#diEMAIL_WRAP p{font-size:17px; font-weight:500; color:#333;}
/* //이메일무단수집거부 */



/* 사이트맵 */
.sitemap{width:100%; overflow:hidden; padding:100px 0 0 0; box-sizing: border-box;}
.sitemapLine{position:relative; clear:both; width:100%; margin:10px 0; overflow:hidden}
.sitemapLine .sitemapBox{float:left; width:calc(96%/3); height:300px; margin:0 2% 2% 0; border-top:solid 2px #6F6259;}
.sitemapLine .sitemapBox:nth-child(3n){margin:0 0 2% 0;}
.sitemapLine .sitemapBox h5{font-size:20px; color:#333; text-align:center; line-height:50px; font-weight:800; background-color:#f6f6f6;}
.sitemapLine .sitemapBox ul{border-top:solid 1px #ddd; padding:10px 25px;}
.sitemapLine .sitemapBox ul li{position:relative; text-align:center; font-size:17px; color:#000; line-height:25px; margin:0 0 5px 0;}
.sitemapLine .sitemapBox ul li:last-child{margin:0;}
.sitemapLine .sitemapBox ul li a{color:#000;}
/* //사이트맵 */



/* 이용약관 */
#diCLAUSE_AGREE{position:relative; width:1200px; margin:0 auto; padding:100px 0 0 0; box-sizing: border-box;}
#diCLAUSE_AGREE h3{display:none; font-size:24px; font-weight:300; color:#000; margin:0 0 20px 0;}
#diCLAUSE_AGREE .dcCAWrap{margin:0 0 100px 0;}
#diCLAUSE_AGREE .dcCAWrap h4{font-size:24px; font-weight:700; color:#000; margin:0 0 20px 0; line-height:37px;}
#diCLAUSE_AGREE .dcCABox{margin:0 0 50px 0;}
#diCLAUSE_AGREE .dcCABox h5{font-size:16px; font-weight:500; color:#000; margin:0 0 10px 0; position:relative; padding:0 0 0 30px; line-height:32px;}
#diCLAUSE_AGREE .dcCABox h5 span{color:red; font-weight:700;}
#diCLAUSE_AGREE .dcCABox h6{font-size:16px; font-weight:300; color:#000; margin:0 0 10px 0; position:relative; padding:0 0 0 45px; line-height:27px;}
/* //이용약관 */

/*모바일 css*/
@media(max-width:767px){

	#diCLAUSE_PRIVATE{width:100%; padding:50px 5% 0;}
	#diCLAUSE_PRIVATE .dcCPBox h4{font-size:18px; margin:0 0 10px 0; line-height:23px;}
	#diCLAUSE_PRIVATE .dcCPBox h5{font-size:16px; margin:0 0 10px 0; padding:0 0 0 24px; line-height:21px; }
	#diCLAUSE_PRIVATE .dcCPBox h5:before{font-size:16px;}
	#diCLAUSE_PRIVATE .dcCPBox h6{font-size:14px; padding:0 0 0 36px; line-height:19px; }
	#diCLAUSE_PRIVATE .dcCPBox h6:before{left:20px; font-size:14px;}
	#diCLAUSE_PRIVATE .dcCPBox ul{padding:0 0 0 35px;}
	#diCLAUSE_PRIVATE .dcCPBox ul li{font-size:14px; padding:0 0 0 15px; line-height:19px; }
	#diCLAUSE_PRIVATE .dcCPBox ul li:before{font-size:14px;}
	#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap{margin:0 0 10px 0; padding:0 0 0 25px;}
	#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table thead tr th{padding:5px; font-size:14px; line-height:19px; }
	#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap table tbody tr td{padding:5px; font-size:14px; line-height:19px; }
	#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap p.pSlider{font-size:14px; line-height:19px; color:#ff0000; margin:0 0 5px 0;}
	#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap .innerSlider{overflow:auto;}
	#diCLAUSE_PRIVATE .dcCPBox .dcTBWrap .innerSlider table{width:700px;}

	#diCLAUSE_AGREE{width:100%; padding:50px 5% 0;}
	#diCLAUSE_AGREE .dcCAWrap{margin:0 0 50px 0;}
	#diCLAUSE_AGREE .dcCAWrap h4{font-size:18px; margin:0 0 10px 0; line-height:23px;}
	#diCLAUSE_AGREE .dcCABox{margin:0 0 30px 0;}
	#diCLAUSE_AGREE .dcCABox h5{font-size:16px; padding:0 0 0 10px; line-height:21px;}
	#diCLAUSE_AGREE .dcCABox h6{font-size:14px; padding:0 0 0 20px; line-height:19px;}






}