@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

/* 나눔고딕 */
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(font/NanumGothic-Regular.eot);
	src:url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(font/NanumGothic-Regular.woff2) format('woff2'),
	   url(font/NanumGothic-Regular.woff) format('woff'),
	   url(font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:700;
	src:url(font/NanumGothic-Bold.eot);
	src:url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(font/NanumGothic-Bold.woff2) format('woff2'),
	   url(font/NanumGothic-Bold.woff) format('woff'),
	   url(font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:800;
	src:url(font/NanumGothic-ExtraBold.eot);
	src:url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	   url(font/NanumGothic-ExtraBold.woff2) format('woff2'),
	   url(font/NanumGothic-ExtraBold.woff) format('woff'),
	   url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* Light */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 300;
src:url(font/NotoSansCJKkr-Light.eot);
src:url(font/NotoSansCJKkr-Light.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansCJKkr-Light.woff) format('woff'),
url(font/NotoSansCJKkr-Light.ttf) format('truetype');
}


/* Regular */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 400;
src:url(font/NotoSansCJKkr-Regular.eot);
src:url(font/NotoSansCJKkr-Regular.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansCJKkr-Regular.woff) format('woff'),
url(font/NotoSansCJKkr-Regular.ttf) format('truetype');
}

/* Medium */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 500;
src:url(font/NotoSansCJKkr-Medium.eot);
src:url(font/NotoSansCJKkr-Medium.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansCJKkr-Medium.woff) format('woff'),
url(font/NotoSansCJKkr-Medium.ttf) format('truetype');
}


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

/* 2023. 07 ~ */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

/* Reset */
*{}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,h1,h2,h3,h4,h5,h6{margin:0;padding:0; letter-spacing: -0.05em;}
body,input,select,textarea,button,table,h1,h2,h3,h4,h5,h6{font-family:"Pretendard", "NotoSansKR","Nanum Gothic","dotum","돋움";}
body { width:100%; }
ul,ol,li{display:block;list-style:none;}
ul:after,ol:after,dl:after{display:block;content:'';clear:both;}
img{border:0px none;}
img,input,select,button,label{vertical-align:middle;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed; text-align: center;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
caption,.soundOnly{display:inline-block !important;position:absolute !important;top:0 !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
.afterClear:after{display:block;content:'';clear:both;}
.floatLeft{float:left; }
.floatRight{float:right; }
.floatBtnRight{float: right;width: 60%;}
.floatBtnRight a{float:right; display: inline-block; margin-left: 2%; }
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.noBr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.innerList{position:relative;margin:0 auto;max-width:1000px;clear:both;}
.fc_orange{color:#f47a3b;}
input:focus {outline: none;} /*크롬 파란 테두리  */
textarea{outline: none;} 
audio{max-width: 300px;}

/*Paging*/
.paging_wrap{width: 100%;text-align: center;}

.paging{margin:40px auto; max-width: 1280px; text-align:center; position: relative;}
.paging > a{display:inline-block;width:38px;height:38px;font-size:17px;text-align:center;line-height:38px;border:1px #e6e6e6 solid; margin: 1px;}
.paging > a.active{color:#fff;background:#666;}
.paging > a.btn_pagingStart{text-indent:-9999em;background:url(../imgs/btn_pagingStart.png) no-repeat center center;}
.paging > a.btn_pagingPrev{text-indent:-9999em;background:url(../imgs/btn_pagingPrev.png) no-repeat center center;}
.paging > a.btn_pagingNext{text-indent:-9999em;background:url(../imgs/btn_pagingNext.png) no-repeat center center;}
.paging > a.btn_pagingEnd{text-indent:-9999em;background:url(../imgs/btn_pagingEnd.png) no-repeat center center;}
.paging .writeLeft,
.paging .writeRight{top:0; right:0; position: absolute;}




.filebox{display: inline-block; width: 100%;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; height: 44px; padding: 0 20px;  color: #fff; line-height: 44px; vertical-align: middle; text-align: center; background-color: #ccc; cursor: pointer; border: none; border-bottom-color: #e2e2e2; font-size:15px;} /* named upload */ 
.filebox .upload-name { display: inline-block; width: 42.5%; padding: 0 1%; height: 44px; background-color: #fff; border: 1px solid #ccc;  -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.filebox02{display: inline-block; width: 100%;}
.filebox02 input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox02 label  { display: inline-block; height: 44px; padding: 0 20px;  color: #fff; line-height: 44px; vertical-align: middle; text-align: center; background-color: #ccc; cursor: pointer; border: none; border-bottom-color: #e2e2e2; font-size:15px;} /* named upload */
.filebox02 .upload-name02{ display: inline-block; width: 42.5%; padding: 0 1%; height: 44px; background-color: #fff; border: 1px solid #ccc;  -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }


#M_overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);z-index:999; overflow: hidden; height: 100%; }

#overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);z-index:999; overflow: hidden; height: 100%;}


/*Layout*/
#overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:99;}
#wrap{position:relative; width: 100%;}
#header{width: 100%; position: relative; top: 0;z-index: 101;}
#header .inner{width: 100%;  top:-100px; height:72px;  background-color:rgba(13, 17, 30, 0.8);}
#header h1{display:block;position:absolute;top:10px; }
#header h1 img{display: inline-block;}
#header .logo_explain{display:inline-block; position: absolute; text-align: left; color:#fff; padding-left:8%; top:25px; font-size:15px;}

#header .topArea {width: 100%; vertical-align: top; max-width: 1280px; margin: 0 auto; text-align:center; position: relative; }
#header .topArea:after { content:""; display:block; clear:both; }

#header .inner.Fixed{position: fixed; z-index: 101;height: 72px; text-align: center; top: 0;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .9s ease-in-out;
  -o-transition: .9s ease-in-out;
  transition: .9s ease-in-out;
  -webkit-transform: translateZ(0);
}

#header #gnb{ padding:15px 0 0 0; z-index:100; text-align: left; margin-left: 250px;}

#header #gnb > ul{text-align: left; display: inline-block; vertical-align: top; }
#header #gnb > ul:after{display:block;content:'';clear:both;}
#header #gnb > ul > li{display: inline-block;  vertical-align: top; position: relative; z-index: 990;height:62px; width: 130px; text-align: left;}
#header #gnb > ul > li:nth-child(3){width: 120px;}
#header #gnb > ul > li:last-child{width: 130px;}
#header #gnb > ul > li > a{padding-bottom: 19px; padding-top: 12px; font-size:17px; color:#fff;text-align:center; display:block;}
#header #gnb > ul > li > a:hover{
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  color: #00aeef;
  border-bottom: 3px solid #00aeef;
}


#header #gnb .hover_down li a:hover{
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  color: #00aeef;
}

#header .hover_down{display: none;}

.submit_no{display: inline-block; text-align: center; }
.submit_yes{display: inline-block;width: 20px; height: 20px; text-align: center; border: 4px solid #00aeef; border-radius: 20px;}


.gnb_join{position: absolute; right: 15px ; top: 28px; }
.gnb_join a {color: #fff; padding: 0 10px; display: inline-block;}
.gnb_join a:first-child{color: #00aeef;}
.gnb_join.login a:first-child:after{background-color: #fff; content:''; display: inline-block; width: 1px; height: 15px; margin-left: 20px;}


.gnb_sub{
	width: 110px;
	display: block;
	z-index: 101;
	position: absolute;
	top: 66px;
	text-align: center;
	margin-left: 33px;
}

.gnb_sub>li{display:block; text-align: left; width: 110px; vertical-align: top; line-height: 35px; font-weight: 300;}
#gnb > ul > li:nth-child(1) .gnb_sub{margin-left: 34px;}
#gnb > ul > li:nth-child(2) .gnb_sub{margin-left: 36px;}
#gnb > ul > li:nth-child(3) .gnb_sub{margin-left: 21px;}
#gnb > ul > li:nth-child(4) .gnb_sub{margin-left: 37px; width: 120px;}
#gnb > ul > li:nth-child(5) .gnb_sub{margin-left: 33px;}
#gnb > ul > li:nth-child(6) .gnb_sub{margin-left: 29px;}

#gnb > ul > li:nth-child(4) .gnb_sub li {width: 130px;}

.gnb_back{width: 100%;height:196px; background: #fff; position: absolute; top: 72px; border-bottom: 1px solid #ccc;}

.gnb_add_icon:after {
	content: "";
    position: absolute;
    left: 92px;
    bottom: 46px;
    display: block;
    width: 36px;
    height: 20px;
    background: url(/imgs/icon_star_orange.png) no-repeat;
    background-size: 50%;
}

.gnb_add_icon.m {
	position: relative;
}

.gnb_add_icon.m:after {
	top: -16px;
    left: 72px;
}

#header.sub_header{background-image: url(../image/img_sub_back.jpg); background-repeat: no-repeat; height: 318px; }
#header .sub_titles{color:#fff; text-align: center; position: relative; }
#header .sub_titles h1{width:100%; margin-top: 40px; font-size: 3em; z-index:1;padding-left:0; position: relative;}

#header #topNav{position:relative; display: inline-block; width: 200px; margin-top:10px;}
#header #topNav a{display:inline-block; position: relative; float: right;width:95px;height:32px;font-size:17px;font-weight:bold;color:#fff;line-height:32px;text-align:center;vertical-align:middle;box-sizing: border-box;}
#header #topNav a.btn_topTrading{border:1px solid #fff;}
#header #topNav a.btn_topConsul{background:#fff; color:#101050; font-weight: 700;}
.btn_modalNaviClose{display:block; text-align: right; height:40px; background:url(../images/btn_modalClose.png) no-repeat 95% 35%; font-size: 0;}



#header #mobile_topNav{position:relative; display: inline-block; width: 100%; padding:20px 0; background: #2365b8; text-align: center;}
#header #mobile_topNav a{display:inline-block; position: relative; width:95px;height:32px;font-size:17px;font-weight:bold;color:#fff;line-height:32px;text-align:center;vertical-align:middle;}
#header #mobile_topNav a.btn_topTrading{background:#fff; color:#101050; font-weight: 700;}
#header #mobile_topNav a.btn_topConsul{border:1px solid #fff;}

/* navigation */
#all_category{display: none; position: absolute; top:10px; left:5%;}
#all_category_icon{position: relative;display: block;width: 60px;height: 60px;cursor: pointer;}
#all_category_icon span{height: 3px;width: 34px;margin-top: 14px;margin-left: 1px;display: block;position: absolute;background: #fff;opacity: 1;left: 0;}
#all_category #all_category_icon span:nth-child(1) {top: 0px;}
#all_category #all_category_icon span:nth-child(2){top: 10px; width: 25px;}
#all_category #all_category_icon span:nth-child(3){top: 20px;}



#container{min-height: 700px; position: relative;}

#contentsWrap{width: 100%; text-align: center;}
#contentsWrap #contents{background: #f2f2f2; width:100%; margin:0 auto;}
#contentsWrap .inner{width: 100%; max-width: 1000px;}
#contentsWrap .list_title{display:block; text-align: left; font-size: 1.5em; font-weight: normal; padding:80px 0 30px 0;}
#contentsWrap #contents table th, 
#contentsWrap #contents table td{border:none;}
#contentsWrap #contents table th{text-align: left; padding-left: 1%;}
#contentsWrap table{width: 100%;}
#contentsWrap .apply_btn{display: inline-block; padding:18% 30%; border-radius: 5px; background-color:#f36846; color:#fff; line-height: 1.4em; float: right;}
#contentsWrap input[type="text"]{width: 95%;}

#contentsWrap .list_number{text-align: right; font-size: 1.3em; padding-bottom: 50px;}
#contentsWrap .list_subtitle{display:block; text-align: left; font-size: 1.2em; font-weight: normal; padding:80px 0 30px 0;}
#contentsWrap .list_array td{text-align: left; padding-left: 3%;}


#contentsWrap #policy_wrap{background: #f2f2f2; width:100%; margin:0 auto; border-bottom: 2px solid #101050;}
.policy_title{text-align: center; padding: 50px 0;}
.policy_con{margin:50px 0; height: 1000px; overflow-y:scroll; overflow-x: hidden;}


#footer{width: 100%; background:#0d111e;}
#footer .inner{display:flex; justify-content:space-between; align-items:center; width: 100%; max-width: 1200px; margin: 0 auto;   padding: 85px 0;}
#footer .inner>ul{margin:0; text-align: right; color: #d2d2d2; font-size: 14px; font-weight: normal;}
#footer  .footerLogo{display:inline-block; margin-bottom: 20px;}
#footer .footerNavWrap {display: flex; align-items: center;}
#footer .footerNavBox {margin-right: 60px;}
#footer .footerNav{margin:0;}
#footer .footerNav li {display: inline-block;}
#footer .footerNav li:first-child:after{display: inline-block; content: ''; width: 1px; height: 10px; margin:0 10px;  background-color: #fff;}
#footer .footerNav li a{font-size: 16px; color: #fff;}
#footer .footerNavBox p {margin: 0;}
#footer .footerSns {margin: 0;}
#footer .footerSns li:first-child {margin-right: 10px;}
#footer .footerSns li{display: inline-block; cursor: pointer;}
#footer .footerInfoWrap {margin-bottom: 45px;}
#footer .inner .footerInfo li{color: #d2d2d2; display: inline-block;}
#footer .inner .footerInfo li:after{display: inline-block; content: ''; width: 1px; height: 8px; margin:0 10px; background-color: #ccc;}
#footer .inner .footerInfo li:last-child:after{display: none;}
.footer_copy{color: #ccc; font-size: 12px;}

#footer .footer_customer li {display: inline-block; margin: 10px 0;}
#footer .footer_customer li:after{display: inline-block; content: ''; width: 1px; height: 8px; margin:0 10px; background-color: #d2d2d2;}
#footer .footer_customer li:last-child:after{display: none;}
#footer .footer_customer li a{ color: #fff; font-size: 16px;}

#footer .footerCS {margin: 0; color:#fff;}
#footer .footerCS li {font-size: 20px; font-weight: 400;}
#footer .footerCS li:not(:last-child) {margin-bottom: 16px;}
#footer .footerCS li:first-child {margin-bottom: 45px; font-size: 24px; font-weight: 500;}
#footer .footerCS a { text-decoration:none; color: #fff;}
#footer .footerCS a:hover { text-decoration:none; color: #fff; }

#content{min-height:600px;}
#content.paddingTop{padding-top:40px;}
#content.paddingTop .inner{max-width: 1040px;}
#content.paddingBottom{padding-bottom:60px;}



/*Modal*/
.modal_wrap{display:none;position:fixed; overflow: hidden; top:30px;left:0; right:0;  max-width: 380px; width: 80%; background: #fff; margin:0 auto;  text-align: center; z-index:9999; border:1px solid #bbb; border-radius: 1em; }
.modal_wrap.active{display:block;}
.modal_wrap .modalHeader{display:block;position:relative; width: 100%; padding: 30px 0 10px 0; background-color: #fff; color: #333;}
.modal_wrap h3{ font-size: 18px;  text-align: center; margin: 15px auto 5px auto; color: #1763ce;}
.modal_wrap b{font-weight: normal; display: block; padding:  0; color: #f3056f;}
.modal_wrap p{font-weight: normal; display: block; padding: 10px 0; color: #f3056f; font-size: 13px;}
.modal_wrap table{width: 85%;}
.modal_wrap table tr th{font-size: 14px;}
.modal_wrap table tr td{}
.btnArea a{width: 42%;}
.modal_wrap input[type='text']{  
  width: 68%;
  padding: 3px 2%;
  margin: 2% 0;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  font-size: 1.5em;
  color: #333;
  box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .1); }
.alertAuth{font-size:24px;color:#333;text-align:left;line-height:140%;}
.alertAuth h3{font-size: 1.4em; font-weight: lighter; line-height: 1.5em;}
.alertAuth p{font-size: .6em;}
.alertAuth input[type="text"]{width:97%; background: #f6f6f6;}
.alertAuth li{margin-bottom: 10px;}
.alertAuth select{width: 45%;}
.alertAuth .check_agree span{font-size: .6em;}
.alertAuth .save_btn{width: 100%; text-align: center;}
.alertAuth .btn_bar{display: inline-block; padding:2% 15%; margin:20px auto; text-align: center; border-radius: 2em;}


.alertAuth .btn_customStart{display:inline-block;width:150px; padding: 10px 0;  background: #f47a3b; color:#fff;-webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#modal_alertDelete{margin-left:-300px;width:600px;}
.alertDelete{font-size:18px;text-align:center;line-height:140%;}


.modal_wrap .btnArea a{
    text-align: center;
    display: inline-block;
    background: #014099;
    color: #fff;
    padding: 10px 0;
    margin: 30px 0 30px 0;
    font-size: 1em;
    border-radius: 5px;
    min-width: 100px;
}
.modal_wrap .btnArea .btn_gray {
    background: #777;
  }


.modalContent{
	width: 100%;
}



.modalContent img{
	width: 100%;
}

.modal_alert{display:block;position:absolute; overflow: hidden; top:100px;left:0; right:0;  max-width: 300px; width: 90%; background: #fff; margin:0 auto;  text-align: center; z-index:9999; border:1px solid #bbb; border-radius: 1em; }
.modal_alert .modalHeader{display:block;position:relative; width: 100%; padding: 10px 0 10px 0; background-color: #fff; color: #1763ce;}

.modal_alert h2{font-size: 22px; margin: 20px auto 0 auto; color: #000;}
.modal_alert h2 .join_name{font-size: 22px; color:#014099; }
.modal_alert h2 .join_name_sub{font-size: 22px;color:#b3b3b3 ;}

.modal_alert p .join_name{font-size: 18px; font-weight: bold; }


.modal_alert h3{ font-size: 24px;  text-align: center; margin: 30px auto 0 auto; color: #1763ce;}
.modal_alert b{font-weight: normal; display: block; padding:  0; color: #f3056f;}
.modal_alert p{font-weight: normal; display: block; padding: 10px 0;  font-size: 16px; line-height: 32px;}

.modal_alert .brand_name{width: 100%; max-width:140px;padding-right: 5px;}

.modal_alert .notice_join{font-size: 18px; color: #1763ce; font-weight: bold; }

h2 .search_brandname_prefix{font-size: 32px !important; font-weight:600; color:#014099}
h2 .search_brandname_sub{font-size: 32px !important; font-weight:600; color:#b3b3b3}

.brand_logo{width: 100%; max-width:90px !important; padding-right: 5px;}
.search_brandname_prefix{font-size: 15px !important; color:#014099}
.search_brandname_sub{font-size: 15px !important;color:#b3b3b3 ;}


.modal_alert .modalContent .btnArea a{
    text-align: center;
    display: inline-block;
    background: #014099;
    color: #fff;
    padding: 10px 5%;
    margin: 10px 0 40px 0;
    font-size: 1em;
    border-radius: 5px;
    min-width: 100px;
    cursor: pointer;
}

.modal_alert .modalContent .btnArea a:hover{
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  background: #00337b;
}

/*Modal*/
.modal_field{display:none;position:fixed; overflow: hidden; top:20px;left:0; right:0;  max-width: 1280px; width: 90%; background: #fff; margin:0 auto;  text-align: center; z-index:9999; border:1px solid #bbb; border-radius: 1em; }
.modal_field.active{display:block;}
.modal_field .modalHeader{display:block;position:relative; width: 100%; padding: 30px 0 10px 0; background-color: #fff; color: #333;}
.modal_field h3{ font-size: 18px;  text-align: center; margin: 15px auto 5px auto; color: #1763ce;}
.modal_field b{font-weight: normal; display: block; padding:  0; color: #f3056f;}
.modal_field p{font-weight: normal; display: block; padding: 10px 0; color: #f3056f; font-size: 13px;}
.modal_field table{width: 85%;}
.modal_field table tr th{font-size: 14px;}
.modal_field table tr td{}
.modal_field input[type='text']{  
  width: 68%;
  padding: 3px 2%;
  margin: 2% 0;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  font-size: 1.5em;
  color: #333;
  box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .1); 
}







/*Form*/
input[type='text'],input[type='number'],
input[type='password']{padding:0 3%;height:44px;font-size:14px; font-weight: normal; color:#999;line-height:18px;border:1px #ccc solid;box-sizing:border-box;}
select{padding:0 50px 0 20px;height:44px;font-size:14px;color:#666;border:1px #ccc solid;box-sizing:border-box;
background: url(../images/option_icon.png) no-repeat 95% 50%; -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
input[type='text'].input_bottomDotLine{padding:0;font-size:14px;text-align:center;letter-spacing:6px;background:none;border:0px none;border-bottom:2px #333 solid;outline:0px none;}
input[type='text'].input_bottomDotLine.word4{/*width:50%;*/}
input[type='text'].input_bottomDotLine.word2{width:28%;}

/* 수정 추가*/
input[type='checkbox'],
input[type='checkbox']:active{width:18px;height:18px;text-indent:-9999em; border-radius: 18px; background:#D3D3D3;border:0px none;-webkit-appearance:none;outline:none;cursor:pointer;}
input[type='checkbox']:checked{width:18px;height:18px; border-radius: 18px; background:#0080ff;border:0px none; }

.favorite_list input[type='checkbox'],
.favorite_list input[type='checkbox']:active{width:20px;height:20px;text-indent:-9999em; cursor:pointer; background:url(images/icon_favorite_off.png) no-repeat; background-size: 18px;}
.favorite_list input[type='checkbox']:checked{width:20px;height:20px; background:url(images/icon_favorite_on.png) no-repeat; background-size: 18px;}
/* 수정 추가 끝*/
/*
input[type='checkbox']:checked{background:url(../images/icon_checkbox_on.png) no-repeat;}
input[type='radio']{width:37px;height:37px;text-indent:-9999em;background:url(../images/icon_checkbox.png) no-repeat;border:0px none;-webkit-appearance:none;outline:none;cursor:pointer;}
input[type='radio']:checked{background:url(../images/icon_checkbox_on.png) no-repeat;}
input[type='radio']{width: 20px; height:20px;}*/

.font_blue{color:#0084ff;}
.font_red{color:#fc0000;}
/*Table*/
table{font-size:18px;}
table.list{width: 100%;}

/* 수정*/
table th,
table td{padding:0px 5px;line-height:18px;border:0px #dedede solid;}
/* 수정 끝*/

table th{}
table.list td{text-align:center;}
table td.center{text-align:center;}
table td.left{text-align:left;}
table td.right{text-align:right;}
.menu a { cursor:pointer;}
.menu .hide { display:none;}



/*메인타이틀*/
#mainSection2{position: relative; width: 100%; margin-top: -60px; z-index: 10; }
#mainSection2 ul{ max-width:1280px; margin: 0 auto;background:#fff; border-radius: 15px; border: 1px solid #ddd; padding:30px 0; box-shadow: 1px 5px 10px 1px rgba(0, 0, 0, 0.2);}
#mainSection2 ul li{display: inline-block ; width: 33%; text-align: center; border-right:1px solid #ddd; box-size: border-box;}
#mainSection2 ul li:last-child{border-right: none;}
#mainSection2 ul li img,#mainSection2 ul li h3{display: inline-block; }
#mainSection2 ul li h3{font-size: 24px; font-weight: normal; vertical-align: middle; padding: 0 0 0 10px;}
#mainSection2 ul li img{width: 100%; max-width: 52px;}

#mainSection3{position: relative; margin:70px auto 70px auto; max-width: 1280px;}
#mainSection3 >div{display: inline-block; width: 49.2%; vertical-align: top; min-width: 360px; overflow: hidden;}
#mainSection3 >div h3{position: relative; font-size:16px; font-weight: normal; width: 90%; border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom: 20px;}
#mainSection3 >div h3 a{position: absolute; right: 0;}
#mainSection3 .section3_right h3{float: right;}
#mainSection3 .section3_right ul li{float: right;}

#mainSection3 .section3_right:after{display:block;content:'';clear:both;}
#mainSection3 .section3_left h3 span{border-bottom: 3px solid #0033a0; color: #0033a0; padding: 0 7px 8px 7px; }
#mainSection3 .section3_right h3 span{border-bottom: 3px solid #00aeef; color: #00aeef; padding: 0 7px 8px 7px;}
#mainSection3 >div h3 a{font-size: 14px; font-weight: normal;}
#mainSection3 ul li{width: 90%; line-height: 37px;}
#mainSection3 ul li a p,#mainSection3 ul li a span{display: inline-block; }
#mainSection3 ul li a span{float: right; color:#525252; }


.reflashAni{
 -webkit-transition: .9s ease-in-out;
 -moz-transition: .9s ease-in-out;
 -o-transition: .9s ease-in-out;
  transition: .9s ease-in-out;
  opacity: 0;
  margin-top: 20px;
}
.reflashAni.action{margin-top: 0px; opacity: 1;}


.visitAni{
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: 0;
  padding-top: 20px;
}
.visitAni.action{padding-top: 0px; opacity: 1;}





.naviactive{
  position: absolute;
  display: none;
  width: 40px;
  height: 40px;
  background-color:rgba(0, 0, 0,.5);
  left: 338px;
  top: 18px;
  border-radius: 0 5px 5px 0;
  border: 1px solid #ddd;
}

.naviactive span{
  position: absolute;
  display: block;
  height: 2px;
  width: 25px;
  opacity: 1;
  cursor: pointer;
  top: 19px;
  left: 8px;
}

.naviactive span:nth-child(1) {

 -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background:#fff;

}

.naviactive span:nth-child(2){

   -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background:#fff;
}

/* 수정 추가 */
.brand_logo{width: 100%; max-width:90px !important; padding-right: 5px;}

::-webkit-scrollbar {
    width: 5px;
  }
::-webkit-scrollbar-thumb {
    background-color:#ddd;
    border-radius: 10px;
  }
::-webkit-scrollbar-track {
    background-color:#f1f1f1;
    border-radius: 10px;
  }

#tab-3-table{
 border-top: 1px solid #ddd !important;
 border-bottom: 1px solid #ddd !important;
 margin:0
}
#tab-3-table th{
  padding: 3px 6px;
  background: #f2f2f2 !important;
  font-size: 13px;
  border-bottom: 1px solid #ddd !important;
}

#tab-3-table td{
  padding: 3px 6px;
  font-size: 13px;
}

#tab-table{
 border-top: 1px solid #ddd !important;
 border-bottom: 1px solid #ddd !important;
}
#tab-table th{
  padding: 0.2rem;
  background: #f2f2f2 !important;
  font-size: 12px;
}

#tab-table td{
  padding: 0.2rem;
  font-size: 12px;
}
/* 수정 추가 끝 */

/* 팝업 공지 */
.modal_etc{display:none;position:fixed; overflow: hidden; top:180px;left:0; right:0;  max-width: 350px; width: 90%; background: #fff; margin:0 auto;  text-align: center; z-index:9997; border:1px solid #bbb; border-radius: 1em; }
.modal_etc.active{display:block; word-break: break-all !important; }
.modal_etc .modalHeader{display:block;position:relative; width: 100%; padding: 20px 0 10px 0; background-color: #fff; color: #1763ce;}
.modal_etc h2{font-size: 24px; margin: 20px auto 0 auto; color: #000;}
.modal_etc h2 .join_name{font-size: 30px; color:#014099; }
.modal_etc h3{ font-size: 24px;  text-align: center; margin: 15px auto 0 auto; color: #1763ce;}
.modal_etc b{font-weight: normal; display: block; padding:  0; color: #f3056f;}
.modal_etc b.alert_deny{ color: #05c3f3;}
.modal_etc p{font-weight: normal; display: block; padding: 10px 0;  font-size: 16px; line-height: 32px;}
.modal_etc .brand_name{width: 100%; max-width:120px;}
.modal_etc .notice_join{font-size: 18px; color: #1763ce; font-weight: bold; }
.ovl_btn{position: absolute; top:80%;left:10%;right:10%;bottom: 10%; z-index: 9998;}
#modelEtcContent{
	position: absolute;
	top:0;
	left:0;
	z-index: 9997;
}
.modal_etc input[type='text']{  
  width: 50%;
  padding: 3px 2%;
  margin: 2% 0;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  font-size: 1.5em;
  color: #333;
  box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .1);
}