@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{margin:0; padding:0; }


/* 초기화 */
html {overflow:auto}
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:'NotoSans', '나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:15px;line-height:150%;color:#a0a0a0; 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:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; padding:0; margin:0;}

#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:'NotoSans','나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:15px;}
button {cursor:pointer}

textarea, select {font-family:'NotoSans','나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:15px;}
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}

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;}
.clear2 {clear:both; content:''; display:block; height:5px;}


body {background:#f0efed;}
.wrap {position:relative; width:1920px; margin:0 auto;}

.dis_none {display:none;}

/*************************** 공통 헤더 *******************************/
#hd {z-index:9999; position:relative; margin:0px auto; min-width:1140px; width:100%; height:90px; padding:0px; background:#fff; }
#hd_share {z-index:9999; position:relative; margin:0px auto; width:98%; height:90px; padding:0px; background:#fff; }
#logo {position:absolute; display:block; padding-left:50px; height:35px; top:27px; z-index:99999;}
#logo a{display:block; }
#logo_share {position:absolute; display:block; height:35px; top:27px; padding-left:30px; text-align:center;z-index:99999;}
/* 메인메뉴 */
#gnb {position:relative; display:block; height:50px; z-index:9999; padding:20px 0; padding-left:50px; width:99%; }
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden; }
#gnb_1dul {margin:0 auto !important; padding:0 0 0 50px; zoom:1; z-index:9999; width:70%; }
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:99999;float:left; text-align:left;}
.gnb_1da {display:inline-block; padding:0 45px 0 25px; height:50px; line-height:50px !important; color:#a0a0a0 !important; font-size:16px; letter-spacing:-1px;}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#cb4432 !important; font-weight:700;}
.gnb_1dli .gnb_1da.on {color:#cb4432 !important; font:700 17px 'NotoSans';}


#gnb_1dul > li:first-child a {background:url(../img/menu01.png) left center no-repeat;}
#gnb_1dul > li:first-child a:hover, #gnb_1dul > li:first-child a.on {background:url(../img/menu01_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(2) {background:url(../img/menu02.png) left center no-repeat;}
#gnb_1dul > li:nth-child(2) a:hover, #gnb_1dul > li:nth-child(2) a.on {background:url(../img/menu02_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(3) {background:url(../img/menu03.png) left center no-repeat;}
#gnb_1dul > li:nth-child(3) a:hover, #gnb_1dul > li:nth-child(3) a.on {background:url(../img/menu03_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(4) {background:url(../img/menu04.png) left center no-repeat;}
#gnb_1dul > li:nth-child(4) a:hover, #gnb_1dul > li:nth-child(4) a.on {background:url(../img/menu04_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(5) {background:url(../img/menu07.png) left center no-repeat;}
#gnb_1dul > li:nth-child(5) a:hover, #gnb_1dul > li:nth-child(5) a.on {background:url(../img/menu07_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(6) {background:url(../img/menu08.png) left center no-repeat;}
#gnb_1dul > li:nth-child(6) a:hover, #gnb_1dul > li:nth-child(6) a.on {background:url(../img/menu08_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(6) {background:url(../img/menu08.png) left center no-repeat;}
#gnb_1dul > li:nth-child(6) a:hover, #gnb_1dul > li:nth-child(6) a.on {background:url(../img/menu08_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(7) {background:url(../img/menu05.png) left center no-repeat;}
#gnb_1dul > li:nth-child(7) a:hover, #gnb_1dul > li:nth-child(7) a.on {background:url(../img/menu05_on.png) left center no-repeat;}
#gnb_1dul > li:nth-child(8) {background:url(../img/menu06.png) left center no-repeat;}
#gnb_1dul > li:nth-child(8) a:hover, #gnb_1dul > li:nth-child(8) a.on {background:url(../img/menu06_on.png) left center no-repeat;}

/* 회원가입 메뉴 */
#gnb_1dul.gnb_member {width:450px !important; margin:0 auto;}
#gnb_1dul.gnb_member > li:first-child a {background:url(../img/menu_mb01.png) left center no-repeat;}
#gnb_1dul.gnb_member > li:first-child a:hover , #gnb_1dul.gnb_member li:first-child a.on {background:url(../img/menu_mb01_on.png) left center no-repeat;}
#gnb_1dul.gnb_member > li:nth-child(2) {background:url(../img/menu_mb02.png) left center no-repeat;}
#gnb_1dul.gnb_member > li:nth-child(2) a:hover , #gnb_1dul.gnb_member li:nth-child(2) a.on {background:url(../img/menu_mb02_on.png) left center no-repeat;}
#gnb_1dul.gnb_member > li:nth-child(3) {background:url(../img/menu_mb03.png) left center no-repeat;}
#gnb_1dul.gnb_member > li:nth-child(3) a:hover , #gnb_1dul.gnb_member li:nth-child(3) a.on {background:url(../img/menu_mb03_on.png) left center no-repeat;}


/* 내정보 메뉴 */
#tnb {position:absolute; top:25px; right:00px; display:inline-block; padding:0; list-style:none; zoom:1; width:20%;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
.tnbWR {position:relative; display:block; width:150px;}
.tnb_name {display:block; width:150px; height:40px; line-height:40px; font-weight:bold; color:#a0a0a0 !important; background:url(../img/btn_down.png) right center no-repeat;} 
.tnb_name img {padding-right:10px;}
.tnb_menu {position:absolute; width:150px; top:40px; right:0; height:0px; overflow:hidden; z-index:99999; transition:height .2s; -webkit-transition:height .2s; -moz-transition:height .2s; -o-transition:height .2s;} 
.tnb_menu li a {display:block; height:40px; line-height:40px; padding:0 10px; border-bottom:1px solid #e7e7e7;}
.tnb_menu li a:hover {color:#cb4432 !important;}
.tnbWR:hover .tnb_menu {height:82px; color:#2d2d2d; background:#f8f8f8;} 
.tnbWR:hover .tnb_menu  span.exp {padding:20px 15px 0px 15px; font-size:13.5px; display:inline-block; color:#d37168;}

/*************************** 컨텐츠 영역 *******************************/
#container {width:99%; position:relative; margin-top:20px;}

#cont_tit {width:auto; height:65px; border-bottom:2px solid #f0efed; padding:0 10px; color:#3c3c3c;}

.tit01 {display:block; width:100%; text-align:center; font-size:20px; line-height:38px;}
.tit02 {position:relative; display:block; width:1060px; font-weight:700; font-size:18px; line-height:50px; border-bottom:1px solid #e5e5e5; padding-top:10px;}

.scontA {position:relative; width:1060px; min-height:550px;overflow:hidden; background:#fff; color:#3c3c3c; padding:30px 40px; }
.scontA2 {position:relative;  width:auto; margin-left:170px; margin-right:50px; overflow:hidden; background:#fff; color:#3c3c3c; padding:25px 30px;}
.scontA2_min {position:relative;  width:85%; min-height:550px; margin-left:170px; overflow:hidden; background:#fff; color:#3c3c3c; padding:25px 30px;}

#btn01 {position:relative; display:block; margin:0 auto; width:200px; height:50px; line-height:50px; color:#fff; font-size:18px;background:url(../img/btn_bg.png) 110px 0px no-repeat #cb4432; border:none;  cursor:pointer;}
#btn02 {width:110px; height:40px; line-height:40px; color:#fff; font-weight:700; background:#3c3c3c; border:none; cursor:pointer;}
#btn02_duplicate {width:110px; height:42px; line-height:40px; color:#fff; font-weight:700; background:#3c3c3c; border:none; cursor:pointer;}

.pott1 {color:#d37168;}
.pott2 {color:#dc5d4c;}
.pott3 {color:#3669ad;}




.h5 {display:block; border:0px; height:5px;margin:0px; padding:0px; font-size:0px;line-height:0px;width:0px; color:#fff;}
.h10 {display:block; border:0px; height:10px;margin:0px; padding:0px; font-size:0px;line-height:0px;width:0px; color:#fff;}
.h15 {display:block; border:0px; height:15px;margin:0px; padding:0px; font-size:0px;line-height:0px;width:0px; color:#fff;}
.h20 {display:block; border:0px; height:20px;margin:0px; padding:0px; font-size:0px;line-height:0px;width:0px; color:#fff;}
.h30 {display:block; border:0px; height:30px;margin:0px; padding:0px; font-size:0px;line-height:0px; width:0px; color:#fff;}
.h40 {display:block; border:0px; height:40px;margin:0px; padding:0px; font-size:0px;line-height:0px;width:0px; color:#fff;}
.h50 {display:block; border:0px; height:50px;margin:0px; padding:0px; font-size:0px;line-height:0px;width:0px; color:#fff;}

.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
.bdn {border:0px !important;}


/* 페이징 */
.pg_wrap {position:relative; clear:both; margin:30px auto 0 auto; text-align:center;}
.pg_page, .pg_current {display:inline-block; width:30px; height:30px; color:#959595 !important; line-height:28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border:1px solid #fff; vertical-align:middle;border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important;}
.pg_wrap a:focus, .pg_wrap a:hover {text-decoration:none; border:1px solid #e5e5e5;}
.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 2px; background:#f0efed; color:#cb4432 !important; border:1px solid #e5e5e5;}


/*************************** 푸터 *****************************/
.wrap_footer{margin-top:20px;background:#fff;}
.ft_footer{margin:0 auto;width:1140px;position:relative;}
.ft_copy {display:block; float:left; position:relative; width:840px; height:70px; padding:30px 0; font-size:13px; color:#818080;}
.flogo {display:block; background:url(../img/flogo.jpg) left center no-repeat; width:160px; height:70px; float:left; font-size:0;}
.ft_copy strong {font-family:'NotoSans'; font-weight:700;}

.ft_menu {display:block; float:right; position:relative; width:300px; height:70px; padding:30px 0;text-align:right; font-size:13px;}
.ftmn {display:block; padding:0; list-style:none; zoom:1; font-family:'NotoSans'; font-weight:700;}
.ftmn:after {display:block;visibility:hidden;clear:both;content:""}
.ftmn li {float:left; height:30px; background:url(../img/tnb_line.gif) left center no-repeat;}
.ftmn li:first-child {background:none;}
.ftmn li a {display:inline-block; padding:0 15px; height:30px; color:#808080; line-height:30px; overflow:hidden;}
.ft_menu  .visitA { clear:both; display:block; padding-right:18px;  margin-top:5px;}
.ft_menu  .visitA span.part{display:inline-block; width:12px;}


/* 에러 페이지 */
.errorWR {position:relative;}
.pg_error {position:relative; width:700px; margin:0 auto; text-align:center; padding:30px 0; background:#fff; font-size:18px; line-height:180%;}
.pg_error > h3 {font-size:26px; margin-bottom:20px; padding-top:190px;background:url(../img/error.png) center top no-repeat;}

