@charset "utf-8";

/*************************************************************************************************
 
 *  Web Font
 
 *************************************************************************************************/

/*---------------------------------------------------------------------------------------------------------------------------
 *  Roboto:100,300,400,500,700,900
 *--------------------------------------------------------------------------------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* @import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css'); */


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

/* @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/*---------------------------------------------------------------------------------------------------------------------------
*  빛고을 광주체 bold, medium, light
*--------------------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Bitgoeul_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bitgoeul_Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bitgoeul_Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*---------------------------------------------------------------------------------------------------------------------------
*  Gmarket bold, medium, light
*--------------------------------------------------------------------------------------------------------------------------*/

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

@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: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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

html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;text-size-adjust:none;-webkit-font-smoothing: antialiased;/*overflow-y:scroll;*/}

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;vertical-align:baseline;background:transparent;list-style:none;font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica', 'Verdana', 'Dotum', '돋움', verdana, sans-serif; box-sizing: border-box;}
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:'Roboto','Noto Sans KR','맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica', 'Verdana', 'Dotum', '돋움', verdana, sans-serif;color:#888;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background-image: url('../images/common/ic_select_arr2.png'); background-repeat: no-repeat; background-position: right 10px center; padding-right: 25px;}
select::-ms-expand {display: none;}
label {vertical-align:middle;}
input[type=checkbox], input[type=radio] {/*float:left;*/margin-right:5px;vertical-align:middle;}
button {background:none; margin:0; padding:0; border:0 none; cursor: pointer;}
img {border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop'); max-width: 100%;}


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

a {text-decoration:none;color:#666;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;}
a:hover,
a:focus {text-decoration:underline;}
/* 
input:focus{outline:1px dashed #333}
button:focus{outline:1px dashed #333}
select:focus{outline:1px dashed #333}
label:focus{outline:1px dashed #333} */


/*************************************************************************************************
 
 *  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 {position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}
.accessibilityWrap dd a {display:block;position:absolute;top:-10000px;left:0;z-index:10000;width:100%;background:#333;color:#fff;font-size:16px;text-align:center;padding:20px 0;}
.accessibilityWrap dd a:focus {top:0;}
.center {text-align:center;}

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

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





address,caption,em,cite{font-weight:normal;font-style:normal}
ins{text-decoration:none}
del{text-decoration:line-through}

table{border-collapse:separate;border:0 none;border-spacing:0}

.autoH:after{display:block;clear:both;content:' '}
.autoH{*zoom:1}

.cboth{clear: both;}

/* 
input:focus,
select,
a,
textarea{outline: none; -webkit-tap-highlight-color:transparent; } 
*/


/* number 타입 숫자 컨트롤 버튼 제거 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type=number] { -moz-appearance: textfield;}
input[type=button] { -webkit-appearance: none; }

/* common */
* {margin:0;padding:0;box-sizing:border-box}
*::before,
*::after{box-sizing: border-box}



/*************************************************************************************************
 
 *  Gab
 
 *************************************************************************************************/
 .gab10 {width: 100%; height: 10px;}
 .gab15 {width: 100%; height: 15px;}
 .gab20 {width: 100%; height: 20px;}
 .gab25 {width: 100%; height: 25px;}
 .gab30 {width: 100%; height: 30px;}
 .gab35 {width: 100%; height: 35px;}
 .gab40 {width: 100%; height: 40px;}
 .gab50 {width: 100%; height: 50px;}
 .gab60 {width: 100%; height: 60px;}
 .gab70 {width: 100%; height: 70px;}
 .gab80 {width: 100%; height: 80px;}
 .gab90 {width: 100%; height: 90px;}
 .gab100 {width: 100%; height: 100px;}
 
 .gab-w-5 {display: inline-block; vertical-align: middle; height: 1px; width: 5px;}
 .gab-w-10 {display: inline-block; vertical-align: middle; height: 1px; width: 10px;}
 .gab-w-15 {display: inline-block; vertical-align: middle; height: 1px; width: 15px;}
 .gab-w-20 {display: inline-block; vertical-align: middle; height: 1px; width: 20px;}
 .gab-w-25 {display: inline-block; vertical-align: middle; height: 1px; width: 25px;}
 .gab-w-30 {display: inline-block; vertical-align: middle; height: 1px; width: 30px;}
 .gab-w-35 {display: inline-block; vertical-align: middle; height: 1px; width: 35px;}
 .gab-w-40 {display: inline-block; vertical-align: middle; height: 1px; width: 40px;}
 .gab-w-45 {display: inline-block; vertical-align: middle; height: 1px; width: 45px;}
 .gab-w-50 {display: inline-block; vertical-align: middle; height: 1px; width: 50px;}
 
 
 @media screen and (max-width:1000px){	
     .gab10 {width: 100%; height: 10px;}
     .gab15 {width: 100%; height: 12px;}
     .gab20 {width: 100%; height: 15px;}
     .gab25 {width: 100%; height: 18px;}
     .gab30 {width: 100%; height: 20px;}
     .gab35 {width: 100%; height: 20px;}
     .gab40 {width: 100%; height: 20px;}
     .gab50 {width: 100%; height: 25px;}
     .gab60 {width: 100%; height: 30px;}
     .gab70 {width: 100%; height: 35px;}
     .gab80 {width: 100%; height: 40px;}
     .gab90 {width: 100%; height: 45px;}
     .gab100 {width: 100%; height: 50px;}
 
     .gab-w-5 {width: 2px;}
     .gab-w-10 {width: 5px;}
     .gab-w-15 {width: 8px;}
     .gab-w-20 {width: 13px;}
     .gab-w-25 {width: 15px;}
     .gab-w-30 {width: 18px;}
     .gab-w-35 {width: 20px;}
     .gab-w-40 {width: 20px;}
     .gab-w-45 {width: 25px;}
     .gab-w-50 {width: 28px;}
 }
 
 /* MARGIN */
 .mgA0 { margin:0; }
 
 .mgT0 { margin-top:0px }
 .mgT5 { margin-top:5px }
 .mgT10 { margin-top:10px }
 .mgT15 { margin-top:15px }
 .mgT20 { margin-top:20px }
 .mgT25 { margin-top:25px }
 .mgT30 { margin-top:30px }
 .mgT35 { margin-top:35px }
 .mgT40 { margin-top:40px }
 .mgT45 { margin-top:45px }
 .mgT50 { margin-top:50px }
 .mgT55 { margin-top:55px }
 .mgT60 { margin-top:60px }
 .mgT65 { margin-top:65px }
 .mgT70 { margin-top:70px }
 
 .mgL5 { margin-left:5px }
 .mgL10 { margin-left:10px }
 .mgL15 { margin-left:15px }
 .mgL20 { margin-left:20px }
 .mgL25 { margin-left:25px }
 .mgL30 { margin-left:30px }
 .mgL35 { margin-left:35px }
 .mgL40 { margin-left:40px }
 .mgL45 { margin-left:45px }
 .mgL50 { margin-left:50px }
 .mgL55 { margin-left:55px }
 .mgL60 { margin-left:60px }
 .mgL65 { margin-left:65px }
 
 .mgR1 { margin-right:1px }
 .mgR5 { margin-right:5px }
 .mgR10 { margin-right:10px }
 .mgR15 { margin-right:15px }
 .mgR20 { margin-right:20px }
 .mgR25 { margin-right:25px }
 .mgR30 { margin-right:30px }
 .mgR35 { margin-right:35px }
 .mgR40 { margin-right:40px }
 .mgR45 { margin-right:45px }
 .mgR50 { margin-right:50px }
 .mgR55 { margin-right:55px }
 .mgR60 { margin-right:60px }
 .mgR80 { margin-right:80px }
 
 .mgB5 { margin-bottom:5px }
 .mgB10 { margin-bottom:10px }
 .mgB15 { margin-bottom:15px }
 .mgB20 { margin-bottom:20px }
 .mgB25 { margin-bottom:25px }
 .mgB30 { margin-bottom:30px }
 .mgB35 { margin-bottom:35px }
 .mgB40 { margin-bottom:40px }
 .mgB45 { margin-bottom:45px }
 .mgB50 { margin-bottom:50px }
 .mgB55 { margin-bottom:55px }
 .mgB70 { margin-bottom:70px }
 
 
 
 /* PADDING */
 .pdA0{padding:0;}
 .pdA5{padding:5px;}
 .pdA10{padding:10px;}
 .pdA20{padding:20px;}
 
 .pdT0{padding-top:0px}
 .pdT5{padding-top:5px}
 .pdT6{padding-top:6px}
 .pdT10{padding-top:10px}
 .pdT15{padding-top:15px}
 .pdT20{padding-top:20px}
 .pdT25{padding-top:25px}
 .pdT30{padding-top:30px}
 .pdT35{padding-top:35px}
 .pdT40{padding-top:40px}
 .pdT45{padding-top:45px}
 .pdT50{padding-top:50px}
 
 .pdL5{padding-left:5px}
 .pdL10{padding-left:10px}
 .pdL15{padding-left:15px}
 .pdL20{padding-left:20px}
 .pdL25{padding-left:25px}
 .pdL30{padding-left:30px}
 .pdL35{padding-left:35px}
 .pdL40{padding-left:40px}
 .pdL45{padding-left:45px}
 
 .pdR5{padding-right:5px}
 .pdR10{padding-right:10px}
 .pdR15{padding-right:15px}
 .pdR20{padding-right:20px}
 .pdR25{padding-right:25px}
 .pdR30{padding-right:30px}
 .pdR35{padding-right:35px}
 .pdR40{padding-right:40px}
 .pdR45{padding-right:45px}
 
 .pdB5{padding-bottom:5px}
 .pdB10{padding-bottom:10px}
 .pdB15{padding-bottom:15px}
 .pdB20{padding-bottom:20px}
 .pdB25{padding-bottom:25px}
 .pdB30{padding-bottom:30px}
 .pdB35{padding-bottom:35px}
 .pdB40{padding-bottom:40px}
 .pdB45{padding-bottom:45px}