@charset "utf-8";
@import "/com/fonts/fonts.css";
 
 
@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: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}  




@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src: url('font/NotoSansKR-Regular.eot'); 
src: url('font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	 url(font/NotoSansKR-Regular.woff2) format('woff2'),
	 url(font/NotoSansKR-Regular.woff) format('woff'),
	 url(font/NotoSansKR-Regular.otf) format('opentype');
	 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;


}

@font-face {
font-family:'Noto Sans KR bold';
font-style:normal;
font-weight:bold;
src: url('font/NotoSansKR-Bold.eot'); 
src: url('font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
	 url(font/NotoSansKR-Bold.woff2) format('woff2'),
	 url(font/NotoSansKR-Bold.woff) format('woff'),
	 url(font/NotoSansKR-Bold.otf) format('opentype');
	 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


@font-face {
    font-family: 'TitilliumWeb-SemiBold';
    src: url('font/TitilliumWeb-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}




article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section	{ display:block;}
ul, ol, dl,div,dd,dt,li,p, h1, h2, h3, h4, h5{ box-sizing:border-box; margin:0; padding:0; list-style:none; font-family:'Noto Sans KR', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:#646464; line-height:1.5; font-weight: 400; letter-spacing:-0.5px; word-break:break-all;}
img, video, fieldset	{ border:0; vertical-align:top; }
strong, b				{ font-weight:400;}
a						{ vertical-align:top; text-decoration:none; color:#646464;}
a:hover					{ transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
a:active				{ color:#646464;}
a:visited				{ color:#646464;}

table										{ border-collapse:collapse; border-spacing:0; }
input, select, textarea						{ vertical-align:middle; box-sizing:border-box; margin:0; padding:0; color:#646464; font-family:'Noto Sans KR', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; font-weight: 400; font-size:16px;}
html										{ height:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size:0.625em;}
body										{ height:100%; margin:0; padding:0; overflow-x:hidden; -webkit-overflow-scrolling:touch; font-size: 16px; overflow-y: scroll;}
label										{ cursor:pointer;box-sizing:border-box;}
button										{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible; font-family:'Noto Sans KR', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; font-weight: 400; font-size:16px; }
legend, hr,
caption, .hidden							{ display:none; position:absolute;  width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
i,em,address								{ font-style:normal;}
address a:link								{ font-size:10px; color:#ccc; vertical-align:middle;}
fieldset									{ margin:0; padding:0; width:100%;}
input										{ height:40px; border:0.7px solid #e0e0e0; text-indent:10px;}	
textarea									{ padding:10px; border:0.7px solid #e0e0e0; overflow-y:auto;}
textarea:disabled,
input:disabled								{ background-color:#f4f6f8}
input[type=checkbox]						{ width:17px; height:17px; cursor:pointer;}
input[type=radio]							{ display:none;}
input[type=radio] + label span.radio		{ width:22px; height:22px; background:url(../images/bbs/radio_bg.png) no-repeat; display:inline-block; }
input[type=radio]:checked + label span.radio{ background:url(../images/bbs/radio_bg_on.png) no-repeat;}
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
textarea:focus								{ border:0.7px solid #2878d3; box-shadow:none; color:#646464;}
*											{ margin:0; padding:0; box-sizing:border-box; -webkit-touch-callout:none;}
select										{ height:40px; color:#646464; border:0.7px solid #e0e0e0; padding:0 25px 0 10px; cursor:pointer; background:#ffffff url(../images/main/selectico.png) 95% center no-repeat; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
select::-ms-expand							{ display:none;}
::selection									{ color:#fff; background:#2878D3;}
::-moz-selection							{ color:#fff; background:#2878D3;}
[class^="icon-"], [class*=" icon-"]			{ font-family:'dbfont' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;}


@media all and (max-width:1024px) {
  html {font-size: 9px;}
}


@media all and (max-width:767px) {
  html {font-size: 8px;}
  body {font-size: 15px;}
}


@media all and (max-width:480px) {
  html {font-size: 7px;}
  body {font-size: 14px;}
}


@media all and (max-width:320px) {
  html {font-size: 6px;}
  body {font-size: 13px;}
}


/* skipnavigation */
#skipnavigation {position:relative; z-index:9999;} 
#skipnavigation ul li {position:absolute;  width:100%; text-align:center;} 
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipnavigation ul li a:hover, #skipnavigation ul li a:focus, #skipnavigation ul li a:active { display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#111; text-align:center; } 



label { cursor:pointer;box-sizing:border-box;}

input[type=radio] + label em.radio { width:20px; height:20px; background:url(../images/main/radio_bg.png) no-repeat; display:inline-block; vertical-align:middle; margin:0 3px 3px 0;}
input[type=radio]:checked + label em.radio	{ background:url(../images/main/radio_bg_on.png) no-repeat;}
input[type=text],textarea{ime-mode:active;}
input[type=checkbox] { width:17px; height:17px; cursor:pointer;}



.blind {position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px;}

.clearfix::after {clear: both; display: block; content: "";}
.clearfix {display: block; clear: both;}

 .typeC			{ text-align:center!important;}
.typeR			{ text-align:right;}
.typeL			{ float:left;}
.txtL			{ text-align:left;}
.txtR			{ float:right;}

.txt_red {color: #e60021!important;}
.bd_none {border: none!important;}

.col_w1				{ width:1%;}
.col_w2				{ width:2%;}
.col_w3				{ width:3%;}
.col_w4				{ width:4%;}
.col_w5				{ width:5%;}
.col_w6				{ width:6%;}
.col_w7				{ width:7%;}
.col_w8				{ width:8%;}
.col_w9				{ width:9%;}
.col_w10			{ width:10%;}
.col_w11			{ width:11%;}
.col_w12			{ width:12%;}
.col_w13			{ width:13%;}
.col_w14			{ width:14%;}
.col_w15			{ width:15%;}
.col_w16			{ width:16%;}
.col_w17			{ width:17%;}
.col_w18			{ width:18%;}
.col_w19			{ width:19%;}
.col_w20			{ width:20%;}
.col_w21			{ width:21%;}
.col_w22			{ width:22%;}
.col_w23			{ width:23%;}
.col_w24			{ width:24%;}
.col_w25			{ width:25%;}
.col_w26			{ width:26%;}
.col_w27			{ width:27%;}
.col_w28			{ width:28%;}
.col_w29			{ width:29%;}
.col_w30			{ width:30%;}
.col_w31			{ width:31%;}
.col_w32			{ width:32%;}
.col_w33			{ width:33%;}
.col_w34			{ width:34%;}
.col_w35			{ width:35%;}
.col_w36			{ width:36%;}
.col_w37			{ width:37%;}
.col_w38			{ width:38%;}
.col_w39			{ width:39%;}
.col_w40			{ width:40%;}
.col_w41			{ width:41%;}
.col_w42			{ width:42%;}
.col_w43			{ width:43%;}
.col_w44			{ width:44%;}
.col_w45			{ width:45%;}
.col_w46			{ width:46%;}
.col_w47			{ width:47%;}
.col_w48			{ width:48%;}
.col_w49			{ width:49%;}
.col_w50			{ width:50%;}
.col_w51			{ width:51%;}
.col_w52			{ width:52%;}
.col_w53			{ width:53%;}
.col_w54			{ width:54%;}
.col_w55			{ width:55%;}
.col_w56			{ width:56%;}
.col_w57			{ width:57%;}
.col_w58			{ width:58%;}
.col_w59			{ width:59%;}
.col_w60			{ width:60%;}
.col_w61			{ width:61%;}
.col_w62			{ width:62%;}
.col_w63			{ width:63%;}
.col_w64			{ width:64%;}
.col_w65			{ width:65%;}
.col_w66			{ width:66%;}
.col_w67			{ width:67%;}
.col_w68			{ width:68%;}
.col_w69			{ width:69%;}
.col_w70			{ width:70%;}
.col_w71			{ width:71%;}
.col_w72			{ width:72%;}
.col_w73			{ width:73%;}
.col_w74			{ width:74%;}
.col_w75			{ width:75%;}
.col_w76			{ width:76%;}
.col_w77			{ width:77%;}
.col_w78			{ width:78%;}
.col_w79			{ width:79%;}
.col_w80			{ width:80%;}
.col_w81			{ width:81%;}
.col_w82			{ width:82%;}
.col_w83			{ width:83%;}
.col_w84			{ width:84%;}
.col_w85			{ width:85%;}
.col_w86			{ width:86%;}
.col_w87			{ width:87%;}
.col_w88			{ width:88%;}
.col_w89			{ width:89%;}
.col_w90			{ width:90%;}
.col_w91			{ width:91%;}
.col_w92			{ width:92%;}
.col_w93			{ width:93%;}
.col_w94			{ width:94%;}
.col_w95			{ width:95%;}
.col_w96			{ width:96%;}
.col_w97			{ width:97%;}
.col_w98			{ width:98%;}
.col_w99			{ width:99%;}
.col_w100			{ width:100%;}

.PT5	{ padding-top:5px;}
.PT10	{ padding-top:10px;}
.PT15	{ padding-top:15px;}
.PT20	{ padding-top:20px;}
.PT25	{ padding-top:25px;}
.PT30	{ padding-top:30px;}
.PT35	{ padding-top:35px;}
.PT40	{ padding-top:40px;}
.PT45	{ padding-top:45px;}
.PT50	{ padding-top:50px;}
.PT55	{ padding-top:55px;}
.PT60	{ padding-top:60px;}
.PT65	{ padding-top:65px;}
.PT70	{ padding-top:70px;}
.PT75	{ padding-top:75px;}
.PT80	{ padding-top:80px;}
.PT85	{ padding-top:85px;}
.PT90	{ padding-top:90px;}
.PT95	{ padding-top:95px;}
.PT100	{ padding-top:100px;}

.PL5	{ padding-left:5px;}
.PL10	{ padding-left:10px;}
.PL15	{ padding-left:15px;}
.PL20	{ padding-left:20px;}
.PL25	{ padding-left:25px;}
.PL30	{ padding-left:30px;}
.PL35	{ padding-left:35px;}
.PL40	{ padding-left:40px;}
.PL45	{ padding-left:45px;}
.PL50	{ padding-left:50px;}
.PL55	{ padding-left:55px;}
.PL60	{ padding-left:60px;}
.PL65	{ padding-left:65px;}
.PL70	{ padding-left:70px;}
.PL75	{ padding-left:75px;}
.PL80	{ padding-left:80px;}
.PL85	{ padding-left:85px;}
.PL90	{ padding-left:90px;}
.PL95	{ padding-left:95px;}
.PL100	{ padding-left:100px;}

.PB10	{ padding-bottom:10px;}
.PB15	{ padding-bottom:15px;}	
.PB20	{ padding-bottom:20px;}
.PB25	{ padding-bottom:25px;}
.PB30	{ padding-bottom:30px;}
.PB35	{ padding-bottom:35px;}
.PB40	{ padding-bottom:40px;}
.PB45	{ padding-bottom:45px;}
.PB50	{ padding-bottom:50px;}
.PB55	{ padding-bottom:55px;}
.PB60	{ padding-bottom:60px;}
.PB65	{ padding-bottom:65px;}
.PB70	{ padding-bottom:70px;}
.PB75	{ padding-bottom:75px;}
.PB80	{ padding-bottom:80px;}
.PB85	{ padding-bottom:85px;}
.PB90	{ padding-bottom:90px;}
.PB95	{ padding-bottom:95px;}
.PB100	{ padding-bottom:100px;}

.PR5	{ padding-right:5px;}
.PR10	{ padding-right:10px;}
.PR15	{ padding-right:15px;}
.PR20	{ padding-right:20px;}
.PR25	{ padding-right:25px;}
.PR30	{ padding-right:30px;}
.PR35	{ padding-right:35px;}
.PR40	{ padding-right:40px;}
.PR45	{ padding-right:45px;}
.PR50	{ padding-right:50px;}
.PR55	{ padding-right:55px;}
.PR60	{ padding-right:60px;}
.PR65	{ padding-right:65px;}
.PR70	{ padding-right:70px;}
.PR75	{ padding-right:75px;}
.PR80	{ padding-right:80px;}
.PR85	{ padding-right:85px;}
.PR90	{ padding-right:90px;}
.PR95	{ padding-right:95px;}
.PR100	{ padding-right:100px;}

.MT5	{ margin-top:5px;}
.MT10	{ margin-top:10px;}
.MT15	{ margin-top:15px;}
.MT20	{ margin-top:20px;}
.MT25	{ margin-top:25px;}
.MT30	{ margin-top:30px;}
.MT35	{ margin-top:35px;}
.MT40	{ margin-top:40px;}
.MT45	{ margin-top:45px;}
.MT50	{ margin-top:50px;}
.MT55	{ margin-top:55px;}
.MT60	{ margin-top:60px;}
.MT65	{ margin-top:65px;}
.MT70	{ margin-top:70px;}
.MT75	{ margin-top:75px;}
.MT80	{ margin-top:80px;}
.MT85	{ margin-top:85px;}
.MT90	{ margin-top:90px;}
.MT95	{ margin-top:95px;}
.MT100	{ margin-top:100px;}

.MTM10	{ margin-top:-10px;}
.MTM15	{ margin-top:-15px;}
.MTM20	{ margin-top:-20px;}
.MTM25	{ margin-top:-25px;}
.MTM30	{ margin-top:-30px;}
.MTM35	{ margin-top:-35px;}
.MTM40	{ margin-top:-40px;}
.MTM45	{ margin-top:-45px;}
.MTM50	{ margin-top:-50px;}
.MTM55	{ margin-top:-55px;}
.MTM60	{ margin-top:-60px;}
.MTM65	{ margin-top:-65px;}
.MTM70	{ margin-top:-70px;}
.MTM75	{ margin-top:-75px;}
.MTM80	{ margin-top:-80px;}
.MTM85	{ margin-top:-85px;}
.MTM90	{ margin-top:-90px;}
.MTM95	{ margin-top:-95px;}
.MTM100{ margin-top:-100px;}
.MTM200{ margin-top:-200px;}
.MTM300{ margin-top:-300px;}
.MTM400{ margin-top:-400px;}
.MTM500{ margin-top:-500px;}
.MTM600{ margin-top:-600px;}

.ML5	{ margin-left:5px;}
.ML10	{ margin-left:10px;}
.ML15	{ margin-left:15px;}
.ML20	{ margin-left:20px;}
.ML25	{ margin-left:25px;}
.ML30	{ margin-left:30px;}
.ML35	{ margin-left:35px;}
.ML40	{ margin-left:40px;}
.ML45	{ margin-left:45px;}
.ML50	{ margin-left:50px;}
.ML55	{ margin-left:55px;}
.ML60	{ margin-left:60px;}
.ML65	{ margin-left:65px;}
.ML70	{ margin-left:70px;}
.ML75	{ margin-left:75px;}
.ML80	{ margin-left:80px;}
.ML85	{ margin-left:85px;}
.ML90	{ margin-left:90px;}
.ML95	{ margin-left:95px;}
.ML100	{ margin-left:100px;}

.MB10	{ margin-bottom:10px;}
.MB15	{ margin-bottom:15px;}
.MB20	{ margin-bottom:20px;}
.MB25	{ margin-bottom:25px;}
.MB30	{ margin-bottom:30px;}
.MB35	{ margin-bottom:35px;}
.MB40	{ margin-bottom:40px;}
.MB45	{ margin-bottom:45px;}
.MB50	{ margin-bottom:50px;}
.MB55	{ margin-bottom:55px;}
.MB60	{ margin-bottom:60px;}
.MB65	{ margin-bottom:65px;}
.MB70	{ margin-bottom:70px;}
.MB75	{ margin-bottom:75px;}
.MB80	{ margin-bottom:80px;}
.MB85	{ margin-bottom:85px;}
.MB90	{ margin-bottom:90px;}
.MB95	{ margin-bottom:95px;}
.MB100	{ margin-bottom:100px;}

.MR5	{ margin-right:5px;}
.MR10	{ margin-right:10px;}
.MR15	{ margin-right:15px;}
.MR20	{ margin-right:20px;}
.MR25	{ margin-right:25px;}
.MR30	{ margin-right:30px;}
.MR35	{ margin-right:35px;}
.MR40	{ margin-right:40px;}
.MR45	{ margin-right:45px;}
.MR50	{ margin-right:50px;}
.MR55	{ margin-right:55px;}
.MR60	{ margin-right:60px;}
.MR65	{ margin-right:65px;}
.MR70	{ margin-right:70px;}
.MR75	{ margin-right:75px;}
.MR80	{ margin-right:80px;}
.MR85	{ margin-right:85px;}
.MR90	{ margin-right:90px;}
.MR95	{ margin-right:95px;}
.MR100	{ margin-right:100px;}



.icon-id::after			{ content:"\e932";} /*돋보기*/
.icon-mb::after			{ content:"\e91b";} /*사람*/
.icon-pw::after,
.icon-secret::after		{ content:"\e94a";} /*자물쇠*/
.icon-name::after		{ content:"\e91c";} /*연필*/
.icon-date::after		{ content:"\e933";} /*시계*/
.icon-hits::after		{ content:"\e92b";} /*깃발*/
.icon-file::after		{ content:"\e92a";} /*다운로드*/
.icon-p::after			{ content:"\e93c";} /*다음 화살표*/
.icon-n::after			{ content:"\e93d";} /*이전 화살표*/
.icon-calendar::after	{ content:"\e922";} /*달력*/
.icon-feel::after		{ content:"\e94e";} /*느낌표*/
.icon-del::after		{ content:"\e946";} /*엑스*/
.icon-new::after		{ content:"\e931"; font-size:11px; color:#2878D3;}
.icon-reply::after		{ content:"\e923";} /*깃발*/
.icon-img::after        { content:"\e924";} /*이미지*/
.icon-cart::after       { content:"\e929";} /*쇼핑카트*/
.icon-chat::after       { content:"\e923";} /*말풍선*/
.icon-newtap::after     { content:"\e935";} /*새탭*/
.icon-clip::after       { content:"\e94c";} /*클립*/
.icon-home::after       { content:"\e92c";} /*집*/
.icon-reset::after      { content:"\e925";} /*새로고침 화살표*/
.icon-plus::after       { content:"\e940";} /*플러스*/
.icon-trash::after      { content:"\e918";} /*휴지통*/
.icon-menu::after       { content:"\e939";} /*목차*/
.icon-list::after       { content:"\e92d";} /*리스트*/
.icon-del_cir::after    { content:"\e950";} /*동그라미엑스*/
.icon-map::after        { content:"\e91e";} /*지도마크*/
.icon-share::after      { content:"\e93f";} /*공유*/
.icon-arrowBT::after      { content:"\e93b";} /*공유*/