@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
@font-face { font-family: 'NotoMrB'; font-style: normal; font-weight: 700; src: url('../../../../font/SourceHanSerifKR-Medium_subset.eot'); src: url('../../../../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../../../../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../../../../font/SourceHanSerifKR-Medium_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrR'; font-style: normal; font-weight: 700; src: url('../../../../font/SourceHanSerifKR-Regular_subset.eot'); src: url('../../../../font/SourceHanSerifKR-Regular_subset.eot?#iefix') format('embedded-opentype'), url('../../../../font/SourceHanSerifKR-Regular_subset.woff2') format('woff2'), url('../../../../font/SourceHanSerifKR-Regular_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrEL'; font-style: normal;  src: url('../../../../font/SourceHanSerifKR-ExtraLight_subset.eot'); src: url('../../../../font/SourceHanSerifKR-ExtraLight_subset.eot?#iefix') format('embedded-opentype'), url('../../../../font/SourceHanSerifKR-ExtraLight_subset.woff2') format('woff2'), url('../../../../font/SourceHanSerifKR-ExtraLight_subset.woff') format('woff'); }


@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../../../../fonts/notokr/notokr-light.eot'); src: url('../../../../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../../../../font/notokr-light.woff2') format('woff2'), url('../../../../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../../../../fonts/notokr/notokr-regular.eot'); src: url('../../../../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../../../../font/notokr-regular.woff2') format('woff2'), url('../../../../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: url('../../../../fonts/notokr/notokr-medium.eot'); src: url('../../../../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../../../../font/notokr-medium.woff2') format('woff2'), url('../../../../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 900; src: url('../../../../fonts/notokr/notokr-bold.eot'); src: url('../../../../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../../../../font/notokr-bold.woff2') format('woff2'), url('../../../../font/notokr-bold.woff') format('woff'); }


@font-face { font-family: 'mont100'; src: url('../../../../font/mont100.woff2') format('woff2'), url('../../../../font/mont100.woff') format('woff');}
@font-face { font-family: 'mont200'; src: url('../../../../font/mont200.woff2') format('woff2'), url('../../../../font/mont200.woff') format('woff');}
@font-face { font-family: 'mont300'; src: url('../../../../font/mont300.woff2') format('woff2'), url('../../../../font/mont300.woff') format('woff');}
@font-face { font-family: 'mont400'; src: url('../../../../font/mont400.woff2') format('woff2'), url('../../../../font/mont400.woff') format('woff');}
@font-face { font-family: 'mont500'; src: url('../../../../font/mont500.woff2') format('woff2'), url('../../../../font/mont500.woff') format('woff');}
@font-face { font-family: 'mont600'; src: url('../../../../font/mont600.woff2') format('woff2'), url('../../../../font/mont600.woff') format('woff');}
@font-face { font-family: 'mont700'; src: url('../../../../font/mont700.woff2') format('woff2'), url('../../../../font/mont700.woff') format('woff');}
@font-face { font-family: 'mont800'; src: url('../../../../font/mont800.woff2') format('woff2'), url('../../../../font/mont800.woff') format('woff');}
@font-face { font-family: 'mont900'; src: url('../../../../font/mont900.woff2') format('woff2'), url('../../../../font/mont900.woff') format('woff');}

@font-face { font-family: 'roboto100'; src: url('../../../../font/roboto100.woff2') format('woff2'), url('../../../../font/roboto100.woff') format('woff');}
@font-face { font-family: 'roboto300'; src: url('../../../../font/roboto300.woff2') format('woff2'), url('../../../../font/roboto300.woff') format('woff');}
@font-face { font-family: 'roboto400'; src: url('../../../../font/roboto400.woff2') format('woff2'), url('../../../../font/roboto400.woff') format('woff');}
@font-face { font-family: 'roboto500'; src: url('../../../../font/roboto500.woff2') format('woff2'), url('../../../../font/roboto500.woff') format('woff');}
@font-face { font-family: 'roboto700'; src: url('../../../../font/roboto700.woff2') format('woff2'), url('../../../../font/roboto700.woff') format('woff');}
@font-face { font-family: 'roboto900'; src: url('../../../../font/roboto900.woff2') format('woff2'), url('../../../../font/roboto900.woff') format('woff');}

@font-face { font-family: 'cho'; src: url('../../../../font/ChosunSm.woff2') format('woff2'), url('../../../../font/ChosunSm.woff') format('woff');}
@font-face {font-family: 'yg-jalnan';src: url('../../../../font/JalnanOTF00.woff') format('woff'); }


@font-face {
    font-family: 'c24';
    src: url('../../../../font/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {font-family: 'GmarketL';src: url('../../../../font/GmarketSansLight.woff') format('woff'); }
@font-face {font-family: 'GmarketM';src: url('../../../../font/GmarketSansMedium.woff') format('woff'); }
* { margin: 0; padding: 0; line-height:100%;}

body { }
div { margin: 0 auto; text-align: left; }
fieldset, img { border: none; }
img { border: 0; vertical-align: top; border: 0 none; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; }
address, em { font-style: normal; }
input, textarea { font-family: inherit; font-size: 1.05em; }
/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
hr { display: none; }

table, tr, td, th, ul, li, span, div, p, a, option, select { font-family: 'NotoKrR'; }

#wrap {width:100%; height:100%; margin:0 auto; padding:0; text-align:center;  position:relative; min-width:1280px;}


/* 대메뉴 */
#wrap .menu_area {width:100%; height:auto; margin:0 auto; }

.menu_area .menu_top {width:100%;  max-width:1280px; position:relative;} 

.menu_area .menu_area_fix {width:100%; max-width:1280px; position:relative;}

.menu_area_fix .top_ul02 {position:absolute; top:30px; right:50px; z-index:1;}
.top_ul02 ul {}
.top_ul02 li {display:inline-block; padding-left:20px; vertical-align:top;}

li.li_rel {position:relative;}

.menu_area_fix .logo {position:absolute; top:15px; left:50px; z-index:99; }
.menu_area_fix .menu_tab {width:1280px; height:auto; font-size:14px; margin:0 auto; z-index:99; }


.menu_link ul li {color:#ffffff; padding-right:20px;}
.menu_link ul li a {color:#ffffff;}
.menu_link ul li a:visited {color:#ffffff;}
.menu_link ul li a:active {color:#ffffff;}
.menu_link ul li a:hover {color:#ffffff; text-decoration:none;}


ul.gnb {width:100%; height:auto; text-align:center; margin:0 auto;}
ul.gnb li {display:inline-block; position:relative; width:157px; height:45px; line-height:45px; background:#eeeeee; }

ul.gnb li a {width:157px; height:45px; line-height:45px; float:left; color:#000000;}

ul.gnb li a:hover { color:#000000; text-decoration:underline; }
ul.gnb li a.selected {background:#cf6714; }

ul.gnb li ul {position:absolute; left:0; top:45px; opacity:0; width:100%; background:#ffffff; border:1px solid #cf6714; height:auto; 
	 display:none; z-index:44; }


ul.gnb li ul li.li_bg {width:100%; height:auto;  margin:0; padding:0; text-align:center; background:none;}
ul.gnb li ul li.li_bg a {display:block; height:auto; color:#000000; font-size:14px; text-decoration:none; font-family: 'NotoKrM'; color:#333333;}
ul.gnb li ul li.li_bg a:hover {color:#000000; height:auto;  text-decoration:underline; }

ul.gnb li ul li.li_bg a.on_menu_active { color:#000000; text-decoration:underline; }
ul.gnb li ul li.li_bg a.on_menu_active:hover { color:#000000; text-decoration:underline; }


a#bt_menu_tab1,a#bt_menu_tab2,a#bt_menu_tab3,a#bt_menu_tab4,a#bt_menu_tab5,a#bt_menu_tab6
{  text-decoration:none; padding-bottom:20px;}

a#bt_menu_tab1:hover,a#bt_menu_tab2:hover,a#bt_menu_tab3:hover,a#bt_menu_tab4:hover,a#bt_menu_tab5:hover,a#bt_menu_tab6:hover
{  text-decoration:none; }

#bt_menu_tab1,
#bt_menu_tab2,
#bt_menu_tab3,
#bt_menu_tab4,
#bt_menu_tab5,
#bt_menu_tab6,
#bt_menu_tab7{  cursor:pointer; text-align:center; }
#bt_menu_tab1.selected { color:#ffffff; }
#bt_menu_tab2.selected { color:#ffffff; }
#bt_menu_tab3.selected { color:#ffffff; }
#bt_menu_tab4.selected { color:#ffffff; }
#bt_menu_tab5.selected { color:#ffffff; }
#bt_menu_tab6.selected { color:#ffffff; }
#bt_menu_tab7.selected { color:#ffffff; }

#bt_menu_tab1.amenu01 { color:#ffffff; }
#bt_menu_tab2.amenu02 { color:#ffffff; }
#bt_menu_tab3.amenu03 { color:#ffffff; } 
#bt_menu_tab4.amenu04 { color:#ffffff; }
#bt_menu_tab5.amenu05 { color:#ffffff; }
#bt_menu_tab6.amenu06 { color:#ffffff; }
#bt_menu_tab7.amenu07 { color:#ffffff; }




/*대메뉴 종료 */



/* 서브페이지 영역*/
#wrap .subvisual01 {width:100%; height:420px; background:url(../images/subvisual01.jpg) no-repeat 50% 0; }
#wrap .subvisual02 {width:100%; height:420px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual03 {width:100%; height:420px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual04 {width:100%; height:420px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual05 {width:100%; height:420px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual06 {width:100%; height:420px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}

.subvisual01 .subvisual_text02 {text-align:center; border:0; color:#ffffff; padding-top:170px; letter-spacing:-1px;}
.subvisual01 .subvisual_text01 {width:100%; text-align:center;  font-size:50px; color:#ffffff; padding:20px 0 20px 0; font-family: 'NotoKrM';}
.subvisual01 .subvisual_text03 {width:100%; text-align:center; font-size:20px; color:rgba(255, 255, 255, 0.7); }
.subvisual_text03 span {color:#ffde00;}

#wrap .subcontent {width:100%; height:100%; }
.subcontent .subject1 {width:1280px; height:auto; min-height:700px; }

/* 텝 제 1분류 영역*/
.subnavi {width:100%; height:64px; text-align:center; background:#cf6714; margin-top:20px;}
.subnavi ul {display:inline-block; *display:inline; zoom:1;}
.subnavi li {display:inline; }
.subnavi ul li a{float:left; height:66px; padding:0; font-size:16px; text-align:center; font-family: 'NotoKrM';}
.subnavi ul li a span { text-align: block; padding:0 45px 0 45px;}

.subnavi ul li a.sub_on { height:64px; color:#e6efc7; text-decoration:none; line-height:66px; border-bottom:5px solid #c86c14;}
.subnavi ul li a.sub_on:hover{ height:64px; color:#ffffff; text-decoration:none; line-height:66px; border-bottom:5px solid #ffffff;}
.subnavi ul li.on_menu_active a {height:64px; color:#ffffff; text-decoration:none; line-height:66px; border-bottom:5px solid #ffffff;}
.subnavi ul li.on_menu_active a:hover {height:64px; color:#ffffff; text-decoration:none; line-height:66px; border-bottom:5px solid #ffffff;}

/* 텝 제 1분류 영역 종료*/

.content_area {width:100%; height:auto; margin-top:20px;}


/*전 페이지 공통 카피영역 */
#copy { width: 100%; height: 350px; clear:both; color: #ffffff; background:#353535; }
#copy .copy_fix {width:1280px; height:auto; position:relative; padding-top:36px;}


.copy_fix .copy01 {width:680px; height:auto; float:left; text-align:left; font-size:14px; line-height:24px; color:#8a8787; position:relative; }
.copy01 a { color:#8a8787; }
.copy01 a:visited { color:#8a8787; }
.copy01 a:active { color:#8a8787;}
.copy01 a:hover { color:#8a8787; text-decoration: none; }

.copy01 .copy_bt {width:100%; height:auto; margin:45px 0 20px 0; }
.copy_bt ul.u_left {}
.copy_bt ul.u_left li {display:inline-block; font-size:16px; margin:0 20px 0 0;}
.copy_bt ul.u_left li a {color:#d3d3d3;}
.copy_bt ul.u_left li a:visited {color:#d3d3d3;}
.copy_bt ul.u_left li a:active {color:#d3d3d3;}
.copy_bt ul.u_left li a:hover {text-decoration:none; color:#d3d3d3;}
a.a_admin {width:40px; height:20px; background:#5e5959; padding:0 12px 0 12px; font-size:12px;}

p.copy01_2 {font-size:14px; color:#8a8787; line-height:24px; margin-top:30px;}
p.copy01_2 span { color:#db7c44; }


.copy_fix .copy02 {width:300px; float:left; padding-top:45px;}
p.copy02_title {font-size:20px; color:#ffffff; font-family: 'mont500';}
p.copy02_p01 {font-size:16px; color:#ffffff; font-family: 'NotoKrM'; padding-top:20px;}
p.copy02_p02 {font-size:26px; color:#ffffff; font-family: 'mont600'; padding-top:10px;}
p.copy02_p03 {font-size:16px; color:#838383; padding-top:10px;}
p.copy02_p04 {font-size:16px; color:#838383; font-family: 'NotoKrM'; padding-top:10px;}


.copy_fix .copy03 {width:300px; float:left; padding-top:45px;}
p.copy03_title {font-size:20px; color:#ffffff; }

p.copy03_p01 {font-size:26px; color:#ffffff; padding-top:20px;}
p.copy03_p01 img {padding-top:0; padding-right:5px;}
p.copy03_p02 {font-size:26px; color:#ffffff;  padding-top:10px;}
p.copy03_p03 {font-size:16px; color:#838383; padding-top:10px;}