@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/* ===================== 공통 기본 ===================== */

body {background:#ffffff; font-family:'Noto Sans Korean', serif; font-size:13px;}
img {max-width:100%;}
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans Korean', serif;}
button {font-family: 'Noto Sans Korean', serif;}

#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1300px !important;}
#hd, #wrapper, #ft {min-width:1300px !important;}
#hd {border:0 !important;}

.container {width:1300px; margin:0 auto;}

@media (max-width: 1349px) {
	.container {width:100%; padding:0% 2%;}
	#hd, #wrapper, #ft  {min-width:auto !important; width:100%;}
}

@media (max-width: 1199px) {
	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
}


@media (max-width: 999px) {
	.hd_pops {width:60%; top:60px !important; left:20% !important;}
	.hd_pops_con {width:100% !important; height:auto !important;}
	.hd_pops img {width:100% !important;}
}

@media (max-width: 799px) {
	.hd_pops {width:80%; left:10% !important;}
}

.tbl_head01 thead th {min-width:auto;}
.tbl_head01 tbody tr:hover {border-left:0 !important;}
.tbl_head01 tbody tr:hover td {background:#fff; }

.btn_submit {background:#533b93 !important; }
/*a.btn, .btn {line-height:34px;}*/
a.btn_b01, .btn_b01 {border:1px solid #e5e5e5 !important; background:#f8f8f8 !important; color:#444; font-weight:normal;}
a.btn_b02, .btn_b02 {background:#533b93 !important; font-weight:normal;}
a.btn_admin, .btn_admin {background:#333 !important; font-weight:normal; border:0 !important;}

.pg .pg_current {background:#4c4f6f;}

#top_btn {border:2px solid #533b93; background:#fff; color:#533b93; border-radius:50%; font-size:24px; line-height:20px !important;}
#top_btn:hover {border-color:#533b93; background:#533b93;}

span.br {display:block;}

@media (max-width: 1199px) {
	span.br {display:inline;}
}

.half_input {width:49.8%;}
.third_input {float:left; width:33%; margin:0% 0.15%;}
.fourth_input {float:left; width:24.7%; margin:0 0.15%;}


.sch_word {color:#533b93;}


/* ===================== 상단 ===================== */

.header{width:100%; z-index:100; position:absolute; background:none; height:98px;}
.header .lang {display:block; text-align:right; padding:14px 30px 20px;}
.header .lang li {display:inline-block;}
.header .lang li:before {position:relative; display:inline-block; content:''; background:#fff; width:1px; height:13px; margin:0 5px; top:2px;}
.header .lang li:first-child:before {display:none;}
.header .lang li a {color:#ddd;}
.header .lang li.on a {color:#fff; font-weight:bold;}
.header h1{float:left;} 
.header h1 a{display:block}

@media (max-width: 999px) {
	.header {height:50px; padding:0; border-bottom:0;}
	.header .lang {display:none;}
	.header .container {padding:0 !important;}
	.header h1 {position:relative; left: 15px; top: 17px;}
	.header h1 img {width:auto; height:28px;}
}

.lnb{float:right; margin-top:-15px;}
.lnb a{}
.lnb .close{display:none}
.lnb ul{position:relative;z-index:10}
.lnb ul li{position:relative;float:left; margin:0px 10px;}			
.lnb ul li > a{display:block; font-size:18px;color:#fff;padding:22px 18px 25px; text-align:center;}
.lnb ul li > a:hover {color:#fff}
.lnb ul li:after {display:block; transform: scaleX(0); position:relative; width:0; height:0; border-left:23px solid transparent; border-right:23px solid transparent; border-bottom:10px solid #fff; content:''; top:-17px; left:30px;}
.lnb ul li:hover:after {transform: scaleX(1);}
.lnb ul li:hover dl{display:block;}
.lnb dl{display:none;position:absolute;left:-30px;top:66px;width:165px;padding:20px 0px;background:#fff; border:1px solid #d2d2d2; border-radius:20px;}
.lnb dl dd > a{display:block;line-height:36px;font-size:15px;color:#666; text-align:center;}
.lnb dl dd > a:after {position:relative; display:block; width:95px; height:1px;content:''; left:34px; transform: scaleX(0); transition: 0.2s all ease-out;}
.lnb dl dd > a:hover {color:#533b93;}
.lnb dl dd > a:hover:after {background:#533b93; transform: scaleX(1);}

.m_lnb {display:none;}

@media (max-width: 1099px) {
	.lnb {width:75%;}
	.lnb ul li {margin:0px 18px;}
}

@media (max-width: 999px) {
	.lnb {display:none;}
	.m_lnb {display:block;}

	/* 모바일 카테고리 왼쪽메뉴 */
	.nav_open{ position:absolute; top:13px; right:15px; display:block ; width:35px; height:35px; line-height:35px; text-align: center; font-size:18px; color:#533b93; background:#fff; border-radius:50%;}

	.sch{top:40px; right:15px;}

	#mask {position: absolute; z-index:1000; top:0; left:0; background:#000; display:none;}
	.nav_close {border: 0; position: absolute; top:11px; right:6px; z-index:1001; background:#533b93; border-radius:50%; color:#fff; font-size: 20px; width: 30px; height: 30px; line-height: 28px; text-align: center; font-weight: 200;}

	#navtoggle { display:block; position:fixed; z-index:1000; top:0; right:0; background:#fff; width:0; display:none; max-width:250px; height:100% !important;} /* width:46.87%  display:none*/
	
	#navtoggle ul li {padding:0 0; clear:both; width:100%;}

	#navtoggle #left_menu{width:100%; position:relative; height:100%; text-align:left; top:0; z-index:1000; text-indent:5%;}
	#navtoggle img{ height:45px; vertical-align:middle}
	#navtoggle .close{top:0px; right:0;}
	#navtoggle .close img{height:33px; position:absolute; top:15px; right:0px;}

	#navtoggle .title{color:#533b93; line-height:40px; font-size:1.35em; padding:5px 0px; border-bottom:1px solid #e6e6e6; font-weight:bold; letter-spacing:-1px}
	#navtoggle .title img{height:13px; margin-top:-2px;}

	/*1차메뉴*/
	#navtoggle li.mgnb_1dli a.mgnb_1da{position:relative; background:#FFFFFF; display:block; border-bottom:1px solid #e6e6e6; font-size:14px; line-height:3em;color: #000; cursor:pointer; padding:0 0 0 10px;}
	#navtoggle li.mgnb_1dli a.mgnb_1da:after {position:absolute; top:0px;  right:15px; font-size:18px; display:inline-block; content:'\f107';  font-family:'FontAwesome', serif !important;}
	#navtoggle li.mgnb_1dli a.on {color:#533b93;}
	#navtoggle li.mgnb_1dli a.on:after {content:'\f106';}
	
	/*2차메뉴*/
	#navtoggle ul.mgnb_2dul{ display:none; background:#f1f1f1; padding: 10px 5px;}
	#navtoggle ul.mgnb_2dul .mgnb_2dli {padding: 7px 15px; font-size: 13px; color: #333; line-height: 18px;}
	#navtoggle li.mgnb_2dli a.mgnb_2da{background:rgba(138, 136, 136, 0.5); display:block; border-bottom:1px dotted #d7d7d7; font-size:1em; line-height:2.5em; text-indent:10%;}
	#navtoggle li.mgnb_2dli a.mgnb_2da:hover{color:#555}

	#gnb_right{ display:none;}

	#navtoggle #left_menu .m_lang {display:block; overflow:hidden; width:100%;}
	#navtoggle #left_menu .m_lang li {float:left; width:50%; clear: none; text-align:center; border-bottom:1px solid #ddd; background:#fff;}
	#navtoggle #left_menu .m_lang li:nth-child(1) {width:100% !important;}
	#navtoggle #left_menu .m_lang li:nth-child(odd) {border-left:1px solid #ddd;}
	#navtoggle #left_menu .m_lang li a {display:block; overflow:hidden; padding:5px 0;}
	#navtoggle #left_menu .m_lang li.on {background:#533b93;}
	#navtoggle #left_menu .m_lang li.on a {color:#fff;}

}


/* ===================== 하단 정보 ===================== */

#ft {position:relative; background:#1b1b1b !important; padding:88px 0px 59px; display:block; overflow:hidden; color:#979797;}
#ft .copy_info {float:left; width:50%; text-align:left;}
#ft .copy_info .logo {display:block; margin-bottom:18px;}
#ft .copy_info span {font-size:13px; }
#ft .copy_info span:before {position:relative; display:inline-block; background:#979797; width:1px; height:13px; top:2px; content:''; margin:0px 6px;}
#ft .copy_info span.first:before {display:none;}
#ft .copy_info a.adm {display:inline-block; margin-top:18px; color:#979797; border:1px solid #979797; padding:0px 10px; height:22px; line-height:19px; text-transform: uppercase; text-align:center;}

/*#ft ul.copy_cs {width:50%; float:right;}*/
#ft ul.copy_cs {width:50%; float:right; margin-top: 51px;}
#ft ul.copy_cs li {display:block; text-align:left; font-size:13px; line-height:18px; margin-bottom:3px;}
#ft ul.copy_cs li strong {display:block;}
#ft ul.copy_cs li span:before {position:relative; display:inline-block; width:1px; height:12px; background:#979797; content:''; margin:0 5px;}
#ft ul.copy_cs li span.first:before {display:none;}

@media (max-width: 1199px) {
	#ft .copy_info {width:40%;}
	#ft ul.copy_cs {width:60%;}
}

@media (max-width: 999px) {
	#ft {padding:8vmin 0vmin 5vmin;}
	#ft .copy_info {width:100%;float:none; text-align:center;}
	#ft .copy_info .logo {margin:0 auto; margin-bottom:20px !important;}
	#ft .copy_info a.adm {position:absolute; top:0; right:15px;}
	#ft ul.copy_cs {width:100%; float:none; margin-top:20px;}
	#ft ul.copy_cs li {text-align:center;}
	#ft ul.copy_cs li span {display:inline-block; }
	#ft ul.copy_cs li span:before {position:relative; display:inline-block; width:1px; height:12px; top:1px; background:#979797; content:''; margin:0 3px;}
	#ft ul.copy_cs li span.first:before {display:none;}
}

@media (max-width: 699px) {
	#ft {padding:10vmin 0vmin 7vmin;}
	#ft .copy_info {margin-top:20px;}
	#ft ul.copy_cs li {width:100%; margin-bottom:10px;}
	#ft ul.copy_cs li span.first {display:block;}
	#ft ul.copy_cs li span:before {display:none;}
	#ft ul.copy_cs li span.first:after {display:none;}
	#ft ul.copy_cs li span:after {position:relative; display:inline-block; width:1px; height:12px; top:1px; background:#979797; content:''; margin:0 3px 0 7px;}
	#ft ul.copy_cs li span:last-child:after {display:none;}
}