@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');


/*---------------------------------------------------------------------------------------------------------------------------
 *  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');



/*---------------------------------------------------------------------------------------------------------------------------
 *  G market 폰트 - medium
 *--------------------------------------------------------------------------------------------------------------------------*/

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

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

html {width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;/*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;outline:0;vertical-align:baseline;background:transparent;list-style:none;font-family:'Roboto','Noto Sans KR','맑은 고딕', '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','맑은 고딕', '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 {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, 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;}

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





/* 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 !important;}
.pdA5{padding:5px !important;}
.pdA10{padding:10px !important;}
.pdA20{padding:20px !important;}

.pdT0{padding-top:0px !important}
.pdT5{padding-top:5px !important}
.pdT6{padding-top:6px !important}
.pdT10{padding-top:10px !important}
.pdT15{padding-top:15px !important}
.pdT20{padding-top:20px !important}
.pdT25{padding-top:25px !important}
.pdT30{padding-top:30px !important}
.pdT35{padding-top:35px !important}
.pdT40{padding-top:40px !important}
.pdT45{padding-top:45px !important}
.pdT50{padding-top:50px !important}

.pdL5{padding-left:5px !important}
.pdL10{padding-left:10px !important}
.pdL15{padding-left:15px !important}
.pdL20{padding-left:20px !important}
.pdL25{padding-left:25px !important}
.pdL30{padding-left:30px !important}
.pdL35{padding-left:35px !important}
.pdL40{padding-left:40px !important}
.pdL45{padding-left:45px !important}

.pdR5{padding-right:5px !important}
.pdR10{padding-right:10px !important}
.pdR15{padding-right:15px !important}
.pdR20{padding-right:20px !important}
.pdR25{padding-right:25px !important}
.pdR30{padding-right:30px !important}
.pdR35{padding-right:35px !important}
.pdR40{padding-right:40px !important}
.pdR45{padding-right:45px !important}

.pdB5{padding-bottom:5px !important}
.pdB10{padding-bottom:10px !important}
.pdB15{padding-bottom:15px !important}
.pdB20{padding-bottom:20px !important}
.pdB25{padding-bottom:25px !important}
.pdB30{padding-bottom:30px !important}
.pdB35{padding-bottom:35px !important}
.pdB40{padding-bottom:40px !important}
.pdB45{padding-bottom:45px !important}



/*********** 갭부분  ***********/
.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;}
}




/* ********************************************************************************** 

	반응형

* *********************************************************************************** */

@media screen and (max-width:850px){
		
	/* 모바일에서 테이블 처리 - 스크롤바 생성 */
	.table_wrap_mobile {overflow-x:scroll;}
	.table_wrap_mobile table {width:750px;}
	.table_wrap_mobile table th {font-size:0.80em !important;}
	.table_wrap_mobile table td {font-size:0.80em !important;}
	/* 스크롤 처리 하지 않을 테이블에 dontwantScroll 클래스 추가 */
	.table_wrap_mobile .dontwantScroll {width:100%;}
	.m_table_wrap { overflow-x:scroll; }
		
}