/*default setting*/
* { margin:0; padding:0;}

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); .nanummyeongjo * { font-family: 'Nanum Myeongjo', serif; }

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


@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }


@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);


@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");

html{line-height:0; height:100%;} /* opera 10 */
html:first-child select{padding-right:6px; height:30px;} /* Opera 9 & Below Fix */

blockquote, pre, abbr, address, big, cite, code, del, dfn, em, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
body, div, span, h1, h2, h3, h4, h5, h6, p, dt, dd, li, table, caption, tr, th, td, a, input, select, textarea {
font-family:Noto Sans KR, Arial,Trebuchet MS, Helvetica, sans-serif; font-weight:normal; color:#666;}

body{ height:100%; margin:0; padding:0; position:relative; overflow-x:hidden; background:#5c5c5c; }

th, td, span, div, p, ul, li, textarea, input, select, span{font-size:23px; line-height:150%;}
textarea{border:1px solid #ddd; padding:5px;}

table{border-collapse:collapse; border-spacing:0;}
table caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


img, fieldset, button{border:none;}
span, input {vertical-align:middle;}
select {border:solid 1px #ccc;}

ol, ul, li{list-style:none;}

a {text-decoration:none;}
a:link {color:#333;}
a:visited{color:#333;}
a:hover, a:active {color:#333;}



option{padding-right:6px;} /* Firefox Fix */
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


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

.fl_right {float:right;}
.none {display:none;}
.alignC{text-align:center}
.White{color:#fff! important; font-size:25px !important;}

.paB20{padding-bottom:20px}

/*default setting end */



img {
  border: 0;
  vertical-align: middle;
  max-width: 100%; }


#wrap{ width:640px; margin:0 auto; background:#fff; position:relative;}


/* 헤더 */
#header {position:absolute; left:0; top:0; z-index:10; width:100%; height:100px; background:#fff; border-bottom:1px solid #bbb }
#header #menu {float:left; margin:20px 15px; width:60px; height:60px; background:url(../images/menu.jpg) no-repeat center center; font-size:0; cursor:pointer;}
#header #logo {position:absolute; top:54%; left:42%; width:280px; height:70px; margin:-30px -80px;}
#header #logo h1 {width:100%; height:100%;}
#header #logo h1 a {display:block; width:100%; height:100%; background:url(/new2021/images/common/p_logo.png) no-repeat; font-size:0; line-height:0;}
#header #mem_btns {position:absolute; width:160px; height:200px; text-align:left; right:20px;}
#header #mem_btns a {color:#bbb; font-size:20px; padding:0 7px; line-height:100px;}


/* 폰트크기 */
.ftS20{font-size:20px;}
.ftS30{font-size:30px;}
.ftS40{font-size:40px;}
.fontB{font-weight:bold}

.gray {background-color:#c2c2c2; color:#fff; padding:5px 10px; font-weight:700}
.gray:hover {background-color:#fff}

.font_bold{font-weight:500; color:#222}




/* 마진 */
.mgT25 {margin-top:25px}






/* 패딩 */
.pdT90 {padding-top:90px}
.pdT50 {padding-top:50px}
.pdT40 {padding-top:40px}
.pd50 {padding:30px 0}
.pdT10 {padding-top:10px}
.pdT20 {padding-top:20px}
.pdB20 {padding-bottom:20px}
.pdB30 {padding-bottom:30px}
.pdT30 {padding-top:30px}
.pdB50 {padding-bottom:50px}


/* 정렬 */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.clear {clear:both !important}
.floatL {float:left;}
.floatR {float:right;}

/* 칼라 */
.yellow {color:#fbe705 !important}
.black {background-color:222; color:#fff;}
.red{color:#d8050d; font-weight:bold}
.grey{font-size:16px; color:#666}
.blue{color:#1d6aa2 !important}}



/* 메뉴 */
#menu_list_bg {display:none; position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
#menu_list {position:fixed; left:-500px; top:0; z-index:100; width:500px; height:100%; background:#fff; overflow:auto; overflow-x:hidden;}
#menu_list .menu_list_tit { width:100%; height:70px; text-align:center; color:#fff; font-size:27px; line-height:70px; background:#333;}
#menu_list .menu_list_tit .close {display:block; position:absolute; right:10px; top:10px; width:48px; height:48px; border:solid 1px #999; text-align:center; line-height:48px; font-size:30px; color:#999;}
#menu_list #navi {width:100%; background:#fff; }
#menu_list #navi li {position:relative; border-bottom:solid 1px #d9d9d9;}
#menu_list #navi li a {display:block; padding:0 20px; height:80px; font-size:27px; line-height:80px; cursor:pointer;}
#menu_list #navi li .main_mn {font-size:30px; background:url(../images/submenu_arrow.gif) no-repeat 445px 8px;}
#menu_list #navi li .main_mn.on {font-weight:bold; color:#333; border-bottom:solid 1px #d9d9d9; background-position:445px -53px;}
#menu_list #navi li .close_lnb {display:block; width:100%; height:80px; padding:0; position:absolute; left:0; top:0; z-index:13;}
#menu_list #navi .lnb {display:none; background:#f6f6f6;}

#menu_list  #navi p{font-size:22px;height:50px; line-height:50px}
#menu_list  #navi p a{font-size:22px; height:50px; line-height:50px}

/* 전체메뉴 */
#total_menu {position:absolute; top:90px; left:50%; margin-left:-320px; z-index:11; width:640px; display:none;}
.total_wrap {padding:10px 25px; background:#575757; overflow:hidden;}
.total_box { clear:both; position:relative; padding:10px 0; overflow:hidden; border-bottom:1px dotted #797979;}
.noline {border-bottom:none !important;}
.total_box .mn_tit {float:left; width:150px;}
.total_box .mn_tit a {color:#FFF; font-size:26px; font-weight:400; letter-spacing:-1px; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:200px; margin-right:10px;}
.total_box ul li a {display:block; padding:3px 0; font:normal 23px/26px '나눔고딕','NanumGothic','宋體', 'simsun', Arial;color:#ccc; letter-spacing:-1px;}




/*footer*/
#footer_wrap { position:relative; z-index:11; clear:both; width:100%;  background:#fff;  border-top: 1px solid #cdcdcd;}
#footer_wrap #footer {margin:auto; width:100%; height:266px; padding-bottom: 100px;padding-top:50px; text-align:center; background:#626262;}
#footer .bot_logo {display: block; margin: 40px auto 30px auto;}
#footer address {font-weight:normal; font-style:normal; color:#fff;  font-size: 20px;}
#footer address a {color:#fff;  font-size: 20px;}
#footer .copyright {color:#c8c8c8; text-transform:uppercase; font-size:20px; display:block; margin-top:10px;}


/*foot 전화상담*/
.btn_f {width:100%; position:fixed; left:0; bottom:0; /*padding:10px 0;*/ background-color:rgba(0,0,0,0.75); z-index:30;}
.btn_f .area {margin:0 auto; width:640px;}
.btn_f .area li {float:left; width:160px; text-align:center;}
.btn_f .area li img {width:128px;}