@font-face {
    font-family: 'nanumsquare';
    src: url('../fonts/nanumsquarer.eot');
    src: url('../fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanumsquarer.woff2') format('woff2'),
         url('../fonts/nanumsquarer.woff') format('woff'),
         url('../fonts/nanumsquarer.ttf') format('truetype'),
         url('../fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nanumsquarerb';
    src: url('../fonts/nanumsquarerb.eot');
    src: url('../fonts/nanumsquarerb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanumsquarerb.woff2') format('woff2'),
         url('../fonts/nanumsquarerb.woff') format('woff'),
         url('../fonts/nanumsquarerb.ttf') format('truetype'),
         url('../fonts/nanumsquarerb.svg#nanumsquarerregular') format('svg');
    font-weight: 700;
    font-style: normal;

}


@font-face {
    font-family: 'NotoSans';
    font-style: lighter;
    font-weight: 300;
    src: url(../fonts/notokr-light.eot);
    src: url(../fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-light.woff2) format('woff2'),
    url(../fonts/notokr-light.woff) format('woff'),
    url(../fonts/notokr-light.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/notokr-regular.eot);
    src: url(../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-regular.woff2) format('woff2'),
    url(../fonts/notokr-regular.woff) format('woff'),
    url(../fonts/notokr-regular.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: bold;
    font-weight: 700;
    src: url(../fonts/notokr-medium.eot);
    src: url(../fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-medium.woff2) format('woff2'),
    url(../fonts/notokr-medium.woff) format('woff'),
    url(./notokr-medium.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: bolder;
    font-weight: 900;
    src: url(../fonts/notokr-bold.eot);
    src: url(../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-bold.woff2) format('woff2'),
    url(../fonts/notokr-bold.woff) format('woff'),
    url(../fonts/notokr-bold.ttf) format('truetype');
}

/* reset */
html,body{width:100%;}


/* 초기화 */
html {overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0px;padding:0px}
body {width:100%;font-family:'NotoKrR', '나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:1.2em;line-height:150%;color:#666; letter-spacing:-0.5px; text-align:left;word-break:break-all;-ms-word-break:break-all; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1.5em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'NotoKrR','나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:1.2em;}
button {cursor:pointer}

textarea, select {font-family:'NotoKrR','나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:1.2em;}
select {margin:0; }
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

input{box-sizing:content-box !important;}
textarea {box-sizing:content-box !important;}

input::placeholder {
	opacity : 0.3;
}
textarea::placeholder {
	opacity : 0.3;
}

li{list-style:none; margin:0px; padding:0px;}

.txtLef {text-align:left !important;}
.txtRig {text-align:right !important;}
.txtCen {text-align:center !important;}
.txtJus {text-align:justify !important;}
.clear {clear:both; content:''; display:block;}

#totWrap {position:relative; width:100%;height:100%;min-width:720px;max-width:720px; margin:0 auto;font-family:'NotoSans';}

#allmenu {z-index: 99999; position:absolute; top:0px; left: 0px; width:500px; background-color:#fff;}
#allmenu .al_acc {width:420px; height:80px; background:#313131; padding:60px 40px; }
#allmenu .al_acc dt {width:80px; height:80px; float:left; display:inline-block;}
#allmenu .al_acc dd {float:left; display:inline-block; height:80px; line-height:80px; color:#fff; font-size:50px; font-weight:700; width:320px; margin-left:20px; overflow:hidden;}
#allmenu .al_1dul {padding:30px 0 0 0;}
#allmenu .al_1dul li ul li{height:auto;}
#allmenu .al_1dul li ul li:first-child{}
#allmenu .al_1dul li a{height:auto;}
#allmenu .al_1dul li ul li a {padding-right:30px; font-size:2.0em;height:auto;}

#allmenu a.st0{display:block; height:80px; line-height:80px; padding:0px 40px; color:#cb4432; font-size:45px; background:#fff; font-weight:700;}
#allmenu a.st1{display:block; height:70px; line-height:70px; padding:0px 40px; color:#c62b27; font-size:42px; clear:both; background:#f0efed; font-weight:700;}
#allmenu a.st2{display:block; height:90px; line-height:100px; padding:0px 40px; color:#707070; font-size:45px; background:#fff; font-weight:500;}
#allmenu a.st2.on{color:#cb4432; font-size:45px; background:#fff; font-weight:700;}
#allmenu a.st0 img {margin-right:20px; vertical-align:-8px;}
#allmenu a.st1 img {margin-right:20px;}
#allmenu a.st2 img {margin-right:20px; vertical-align:-8px;}
#allmenu .al_bottom {width:500px; height:110px; line-height:110px; background:#f5f5f5; text-align:center; position:relative; bottom:0;}
#allmenu .al_bottom a {color:#a0a0a0; font-size:40px;display:block;width:40%;text-align:center;float:left}
#allmenu .al_bottom .bar {display:inline-block; overflow:hidden; width:2; height:40px; vertical-align: middle; margin:0 50px; background:url(' ../img/join_bottom_bar.gif')no-repeat;}

#top_menu {width:720px;line-height:110px; background-color:#2b2b2b;}
.top_tit {height:70px;clear:both; padding: 40px 30px 0px 30px;width: 660px;position: relative;}
.top_tit h3 {font-size:45px; color:#fff; font-weight:700; text-align:center; height:35px; line-height:35px;}
.top_tit .top_menu_btn {position:absolute; left:30px; top:40px; width:40px; height:40px; display:inline-block; float:left; }
.top_tit .top_menu_btn img {vertical-align:top;}
.top_tit .top_home_btn {position:absolute; right:30px; top:40px; width:40px; height:40px; display:inline-block; float:right;}
.top_tit .top_home_btn img {vertical-align:top;}

.top_tab {position:relative;width:720px;overflow:hidden;background:#2b2b2b;}
.top_tab ul::after {clear:both; content:""; display:block;}
.top_tab > ul {overflow:hidden;padding:0px;margin:0px;zoom: 1;width:720px;display:table;}
.top_tab > ul > li {display:table-cell;height:90px;line-height:85px;font-size:42px;font-weight:700;text-align:center;float:left;}
.top_tab > ul > li.on a {color:#fff; border-bottom:5px solid #c62b27; vertical-align:top;}
.top_tab > ul > li a {display:block; color:#707070; border-bottom:5px solid #3c3c3c;}


.h10 {display:block; border:none; color:#fff; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; color:#fff; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; color:#fff; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; color:#fff; height:30px;margin:0px; padding:0px; font-size:0px;}
.h65 {display:block; border:none; color:#fff; height:65px;margin:0px; padding:0px; font-size:0px;}

.pb30 {padding-bottom:30px;}

.pg_wrap {position:relative; clear:both; margin: 0 0 20px; padding: 20px 0 0; text-align:center; font-size:38px; width:720px;}
.pg_page, .pg_current {display:inline-block; width:45px; height:40px; color:#959595 !important; line-height:36px; box-sizing:border-box; border:1px solid #fff; vertical-align:middle;border-radius:50px !important; -webkit-border-radius:50px !important; -moz-border-radius:50px !important;}
.pg_page {text-decoration:none;}
.pg_start {font-size:0; background:url('../img/pg_start.png') 5px center no-repeat;}
.pg_prev {font-size:0; background:url('../img/pg_prev.png') 9px center no-repeat;}
.pg_end {font-size:0; background:url('../img/pg_end.png') 8px center no-repeat;}
.pg_next {font-size:0; background:url('../img/pg_next.png') 11px center no-repeat;}
.pg_current {margin:0 4px; background:#f0efed; color:#cb4432 !important; border:1px solid #e5e5e5;}


.litc2 {width:360px;}

.space1{display:inline-block; width:10px;}
.space2{display:inline-block; width:18px;}
//color:#cfcfcf;
.info_no_txt, .none_info, .none_txt {display:block;text-align:center; color:#cfcfcf; height:35px; line-height:35px; font-size:45px; margin:30px 0 40px 0; }

.input_id_span {width:18px; display:inline-block !important; text-align:center; vertical-align:top;}


.blank_for_bottom_btn{height:110px;clear:both}

#btn01 {position:absolute; bottom:110px; width:100%; height:90px; line-height:90px; font-size:42px; font-weight:700; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432; display: block; border:0;}
.btn01 {font-family:'NotoSans'; font-weight:700; display:block; width:570px; height:110px; font-size:45px; border:0; text-align:center; color:#fff; background:url(' ../img/btn_Bg.png') right bottom no-repeat #cb4432;}
.btn02 {font-family:'NotoSans'; font-weight:700; display:block; width:720px; height:110px; font-size:45px; border:0; text-align:center; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432;}
.btn03 {position:fixed; bottom:0; font-family:'NotoSans'; font-weight:700; display:block; width:720px; height:110px; font-size:45px; border:0; text-align:center; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432;}
.btn04 {font-family:'NotoSans'; font-weight:700; display:block; width:440px; height:90px; font-size:45px; border:0; text-align:center; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432; margin:30px 0 0 220px;}
.btn02_duplicate {font-family:'NotoSans'; font-weight:500 !important; float:right; display:block; width:200px !important; padding:0 !important; height:56px !important; font-size:42px !important; border:0 !important; text-align:center; color:#fff !important; background:#414242;}
.btn05 {width:130px; height:54px; border-radius:0; line-height:40px;color:#fff;font-weight:500;background: #717171;border:none;cursor:pointer;position: absolute;font-size:35px; top: 70px; right:30px; -webkit-appearance: none; }
.btnv2 {width:250px; height:65px; border-radius:30px; line-height:40px;color:#fff;font-weight:500;background: #cfcfcf ;border:none;cursor:pointer;font-size:22px; top: 70px; right:30px; -webkit-appearance: none; }