
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');
/* 300 : light / 400 : regular / 500 : medium / 700 : bold */

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	background:none repeat scroll 0 0 transparent;
    border:0 none;
    margin:0;
    outline:0 none;
    padding:0;
	box-sizing:border-box;
    vertical-align:middle;
	font-family:'Noto Sans KR', sans-serif;
	letter-spacing:-0.3px;
	color:#333333;
}

body { background:#f5f5f5; }

a { text-decoration:none; color:#333333; font-family:'Noto Sans KR', sans-serif; }

ul, ol, li { list-style:none; box-sizing:border-box; }

input[type="text"],
input[type="date"] { width:100%; height:30px; padding:0 5px; background:#ffffff; border:1px solid #dddddd; }
input[type="password"] { width:100%; height:30px; padding:0 5px; background:#ffffff; border:1px solid #dddddd; }
placeholder {  }

select { border:1px solid #dddddd; background:#ffffff; width:100%; height:30px; padding:5px; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table { border-collapse:collapse; border-spacing:0; border:0 none; }

.wrap { width:100%; margin:0 auto; text-align:center; }

#header { background:#ffffff; border-bottom:1px solid #dddddd; }
#header .hair_back { border-bottom:1px solid #dddddd; }
#header .hair_back .hair { width:1400px; margin:0 auto; overflow:hidden; }
#header .hair_back .hair .left { float:left; }
#header .hair_back .hair .left a {  }
#header .hair_back .hair .left a img {  }
#header .hair_back .hair .right { float:right; margin:8px 0; }
#header .hair_back .hair .right ul { overflow:hidden; }
#header .hair_back .hair .right ul li { float:left; padding:0 15px; border-right:1px solid #dddddd; }
#header .hair_back .hair .right ul li:last-child { border-right:none; }
#header .hair_back .hair .right ul li.mint {  }
#header .hair_back .hair .right ul li a { color:#666666; font-size:13px; }
#header .hair_back .hair .right ul li.mint a {  }
#header .hair_back .hair .right ul li a img { vertical-align:middle; padding:0 5px 1px 0; }
#header .hair_back .hair .right ul li a strong { padding:0 3px 0 0; }
#header .menu_back { width:1400px; margin:0 auto; }
#header .menu_back .menu {  }
#header .menu_back .menu ul.hoho { overflow:hidden; }
#header .menu_back .menu ul.hoho>li { float:left; width:100px; padding:9px 0 8px; margin:0 0 0 10px; }
#header .menu_back .menu ul.hoho>li.on,
#header .menu_back .menu ul.hoho>li:hover { border-bottom:3px solid #00c5b9; }
#header .menu_back .menu ul.hoho>li a { color:#666666; font-size:16px; }
#header .menu_back .menu ul.hoho>li.on>a,
#header .menu_back .menu ul.hoho>li:hover>a{ color:#00c5b9; font-weight:700; }
#header .menu_back .menu ul.hoho>li.home { border:1px solid #dddddd; border-top:none; border-bottom:none; padding:10px 0; margin:0; width:45px; }
#header .menu_back .menu ul.hoho>li.home:hover { border-bottom:none; }
#header .menu_back .menu ul.hoho>li.home:hover .all_menu { display:block; }
#header .menu_back .menu ul.hoho>li a img {  }

#header .menu_back .menu ul.hoho>li>.individual { position:absolute; width:100%; top:86px; left:0; background:#444444; display:none; }
#header .menu_back .menu ul.hoho>li>.individual>.hehe { width:1400px; margin:0 auto; }
#header .menu_back .menu ul.hoho>li>.individual>.hehe>ul { margin-left:70px; overflow:hidden; }
#header .menu_back .menu ul.hoho>li>.individual>.hehe>ul>li { float:left; padding:10px 10px 13px; }
#header .menu_back .menu ul.hoho>li>.individual>.hehe>ul>li>a { font-size:13px; color:#999999; }
#header .menu_back .menu ul.hoho>li>.individual>.hehe>ul>li>a.on,
#header .menu_back .menu ul.hoho>li>.individual>.hehe>ul>li>a:hover { color:#ffffff; }
#header .menu_back .menu ul.hoho>li>.individual_01 {  }
#header .menu_back .menu ul.hoho>li>.individual_02>.hehe>ul { margin-left:172px; }
#header .menu_back .menu ul.hoho>li>.individual_03>.hehe>ul { margin-left:296px; }
#header .menu_back .menu ul.hoho>li>.individual_04>.hehe>ul { margin-left:392px; }
#header .menu_back .menu ul.hoho>li>.individual_05>.hehe>ul { margin-left:359px; }
#header .menu_back .menu ul.hoho>li>.individual_06>.hehe>ul { margin-left:537px; }
#header .menu_back .menu ul.hoho>li>.individual_07>.hehe>ul { margin-left:731px; }
#header .menu_back .menu ul.hoho>li:nth-child(2):hover .individual,
#header .menu_back .menu ul.hoho>li:nth-child(3):hover .individual,
#header .menu_back .menu ul.hoho>li:nth-child(4):hover .individual,
#header .menu_back .menu ul.hoho>li:nth-child(5):hover .individual,
#header .menu_back .menu ul.hoho>li:nth-child(6):hover .individual,
#header .menu_back .menu ul.hoho>li:nth-child(7):hover .individual,
#header .menu_back .menu ul.hoho>li:nth-child(8):hover .individual{ display:block; }

#header .menu_back .menu ul li.home .all_menu { width:100%; position:absolute; left:0; top:87px; background:#ffffff; border-bottom:1px solid #dddddd; display:none; }
#header .menu_back .menu ul li.home .all_menu .ddd { width:1400px; margin:20px auto; }
#header .menu_back .menu ul li.home .all_menu .ddd>ul { width:660px; overflow:hidden; margin-left:50px; }
#header .menu_back .menu ul li.home .all_menu .ddd>ul>li { float:left; width:16.666%; margin:0; padding:0; }
#header .menu_back .menu ul li.home .all_menu .ddd>ul>li>ul {  }
#header .menu_back .menu ul li.home .all_menu .ddd>ul>li>ul>li { float:none; padding:3px 0; }
#header .menu_back .menu ul li.home .all_menu .ddd>ul>li>ul>li>a { font-size:13px; }
#header .menu_back .menu ul li.home .all_menu .ddd>ul>li>ul>li>a.on,
#header .menu_back .menu ul li.home .all_menu .ddd>ul>li>ul>li>a:hover { color:#00c5b9; }

table { width:100%; }
table th { color:#ffffff; font-size:14px; background:#00b0a5; width:11.111%; border-right:1px solid #80d8d2; padding:10px 15px;}
table th:last-child { border-right:1px solid #00b0a5; }
table td { color:#666666; font-size:13px; border:1px solid #dddddd; padding:10px; background:#ffffff; }

.popup_wrap { width:100%; height:100%; background:#00000060; position:absolute; display:none; z-index:2; }
.popup { width:570px; margin:170px auto; background:#ffffff; }
.popup .cont { padding:30px; }
.popup select { padding:0; }