@charset "utf-8";

*{ margin:0px; padding:0px; list-style:none; }
body { font-family:돋움; font-size:9pt; color:#666666; text-decoration:none; font-size-adjust: none; font-stretch: normal; }
a{ text-decoration:none !important; }
a:link { font-family:돋움; font-size:9pt; color:black; text-decoration: none;}
a:visited { font-family:돋움; font-size:9pt; color:black; text-decoration: none;}
a:hover { text-decoration: none; color:black;}
a:active {text-decoration:none;}
img { vertical-align: top; }
input{font-size: 9pt;margin:0px;selector-dummy:expression(this.hideFocus=true);}
input[type='button'] {height:28px;width:70px;cursor:pointer;}
input[type='text'] {height:28px;}
input[type='tel'] {height:28px;}
input[type='password'] {height:28px;}
input[type='submit'] {height:28px;width:70px;cursor:pointer;}
input[type='radio'] {cursor:pointer;}
select{font-size: 9pt;height:28px;}
textarea{font-size: 9pt;}
form {margin:0px;}
input:focus, textarea:focus, select:focus{outline: none;}
input:focus, textarea:focus, select:focus, img:focus {outline: none;}

.shadow {filter:progid:DXImageTransform.Microsoft.Shadow(color=#00344C,Direction=135,Strength=3)}
.shadow1 {filter:progid:DXImageTransform.Microsoft.Shadow(color=#00344C,Direction=135,Strength=1)}
.menu{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:#007EB5;color:white; line-height:18px;}
.thead{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:#F5F4F4; line-height:18px;background-repeat:repeat-x;}
.theadn{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:#F5F4F4; line-height:18px;background-repeat:repeat-x;}
.theads{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:#575757;color:white; line-height:18px;background-repeat:repeat-x;}
.theadp{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:#eeeeee;color:005275; line-height:18px;font-weight:bold;text-align:center;cursor:default;}

.tbody_s{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:white;color:#333333; line-height:18px;}
.tbody{font-family:돋움; font-size:9pt; text-decoration:none;text-align:center;background:white;color:#333333; line-height:18px;background-size: 0% 40px;}
.tbody:hover, .tbody:focus {background:#eeeeee;background-size: 100% 40px;}

.tdn{font-family:돋움; font-size:9pt; text-decoration:none;background:white;color:#333333; padding:0 5px;}
.t02{font-family:돋움; font-size:9pt; text-decoration:none;background:white;color:#333333; }
.ftbutton { font-size:9pt; font-family:"굴림, Arial"; padding-top:3px; color:#aaaaaa; }
.sbgc{background:#c7dbe6;}
.sfc{color:#006699;}

.filebox {padding:10px;border: 1px solid #AAAAAA;background-color:#F8F9FA;cursor:pointer;}
.filebox_list {padding:10px;border: 1px solid #AAAAAA;background-color:#F8F9FA;cursor:pointer;border-radius:4px;margin:0 1px;font-weight:bold;}


.inner-wrap { width: 1440px; margin: 0 auto; clear: both; }
.root_daum_roughmap { padding: 0 !important; border: 0 !important; }

#wrap { width: 100%; }
#header { z-index: 99; position: fixed; width: 100%; top: 0; left: 0; background: rgba(255,255,255,1); box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
/* #header.main { z-index: 9; position: absolute; width: 100%; top: 0; left: 0; background: rgba(255,255,255,0.95); } */
#header.main {z-index:99; position: fixed; width: 100%; top: 0; left: 0; background:#542a7f; }
#header .inner-wrap {height:85px; background-repeat:no-repeat; background-position:center; position:relative; background-color:rgba(0,0,0,0); }
#header .inner-wrap .logo {position:relative; float: left; width: 106px; height: 85px; background-image: url('/image/logo.png'); background-repeat: no-repeat; background-position: center; z-index:100;}
#header .inner-wrap .logo > a { display: block; width: 100%; height: 100%; text-align: center; text-indent: -9999999px; }

/* 탑 로그인 검색창 블랙*/
#header .inner-wrap .xans-layout-searchheader { float:right; margin-top:7px; margin-left:30px; }
#header .inner-wrap .xans-layout-searchheader fieldset { float:left; padding:0px 0 0 10px;  line-height:0;   background:#fff; width:190px; border:1px solid #fff; border-radius: 10px; }
#header .inner-wrap .xans-layout-searchheader #keyword { width:150px; height:15px; padding:3px 0 0 4px; border:0; vertical-align:middle; font-size:11px; }
#header .inner-wrap .xans-layout-searchheader img { cursor:pointer; padding-top:0px; }
*:first-child+html .xans-layout-searchheader img { cursor:pointer; padding-top:1px; }
.se {padding-left:180px;}

#header .inner-wrap .xans-layout-statelogoff {float:right;  padding:9px 0 0 0;}
#header .inner-wrap .xans-layout-statelogoff a { padding:0 0px; margin-left:30px; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 300; color:#fff;  }
#header .inner-wrap .xans-layout-statelogoff .log { background:none; }
#header .inner-wrap .xans-layout-statelogon a .count,
#header .inner-wrap .xans-layout-statelogon a .count span { position:relative; display:inline-block;}
#header .inner-wrap .xans-layout-statelogon a .count { left:5px; top:-2px; margin:0 5px 0 0px; padding:0 0 0 0px; vertical-align:middle; background-position:0 0; }
#header .inner-wrap .xans-layout-statelogon a .count span { height:14px; padding:1px 2px 1px 0; font-size:11px; font-weight:bold;  line-height:14px; vertical-align:top; background-position:right -26px; }
#header .inner-wrap .xans-layout-statelogoff .color{color:#c25252;  font-weight:bold; }
/* 탑 로그인 검색창 블랙 END*/


#header .inner-wrap #nav {float:right; margin-right:220px; }
#header .inner-wrap #nav > ul > li {float:left; padding-top:0px; text-align:center; height:60px; line-height:60px; letter-spacing: 1.5px; }
#header .inner-wrap #nav > ul > li > a {display:block; width:100%; overflow:hidden; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:18px; color:#fff; }
#header .inner-wrap #nav > ul > li:first-child {width:130px;}
#header .inner-wrap #nav > ul > li:nth-child(2) {width:130px;}
#header .inner-wrap #nav > ul > li:nth-child(3) {width:144px;}
#header .inner-wrap #nav > ul > li:nth-child(4) {width:130px;}
#header .inner-wrap #nav > ul > li:nth-child(5) {width:130px;}
#header .inner-wrap #nav > ul > li:nth-child(6) {width:120px;}
#header .inner-wrap #nav > ul > li:nth-child(7) {width:190px;}

#header .inner-wrap .fb { display: block; position: absolute; top: 40px; right: 80px; width: 32px; height: 30px; background-image: url('/image/fb_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
#header .inner-wrap .insta { display: block; position: absolute; top: 40px; right: 40px; width: 32px; height: 30px; background-image: url('/image/insta_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
#header .inner-wrap .yt { display: block; position: absolute; top: 40px; right: 0px; width: 32px; height: 30px; background-image: url('/image/yt_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }

#header.top { background: transparent; box-shadow: none; }


/* -- 탑 메뉴들 색상 화이트
#header.top .inner-wrap .xans-layout-searchheader fieldset { border:1px solid #fff;}
#header.top .inner-wrap .xans-layout-statelogoff a { color:#fff;}
#header.top .inner-wrap .xans-layout-statelogoff .color{color:#fff;}
#header.top .inner-wrap .logo { background-image: url('/image/logo_w.png'); }
#header.top .inner-wrap #nav > ul > li > a { color: #fff; }
#header.top .inner-wrap .fb { background-image: url('/image/fb_icon_w.png'); }
#header.top .inner-wrap .insta { background-image: url('/image/insta_icon_w.png'); }
#header.top .inner-wrap .yt { background-image: url('/image/yt_icon_w.png'); }
-- */


#header .gnb-2depth { width:100%; height:0px; overflow:hidden; position: absolute; top:70px; background: #542a7f; box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); z-index:99; }
#header .main .gnb-2depth { background:rgba(255,255,255,1); }
#header .gnb-2depth .inner-wrap { height:inherit; position:relative; z-index:99; }
#header .gnb-2depth .inner-wrap > ul.submm  { float:right; height:inherit; padding-right:220px; padding-top:10px; box-sizing: border-box; }
#header .gnb-2depth .inner-wrap > ul.submm > li { float:left; line-height:1; text-align:center; box-sizing: border-box; height:100%; }
#header .gnb-2depth .inner-wrap > ul.submm > li:first-child { width: 130px; }
#header .gnb-2depth .inner-wrap > ul.submm > li:nth-child(2) { width: 130px; }
#header .gnb-2depth .inner-wrap > ul.submm > li:nth-child(3) { width: 144px; }
#header .gnb-2depth .inner-wrap > ul.submm > li:nth-child(4) { width: 130px; }
#header .gnb-2depth .inner-wrap > ul.submm > li:nth-child(5) { width: 130px; }
#header .gnb-2depth .inner-wrap > ul.submm > li:nth-child(6) { width: 122px; }
#header .gnb-2depth .inner-wrap > ul.submm > li:nth-child(7) { width: 190px; }
#header .gnb-2depth .inner-wrap > ul.submm > li.on {}
#header .gnb-2depth .inner-wrap > ul.submm > li > p {margin-bottom: 25px; }
#header .gnb-2depth .inner-wrap > ul.submm > li > p > a {font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 300; color: #fff; position: relative; }
#header .gnb-2depth .inner-wrap > ul.submm > li > p > a:hover {font-weight: 400; color: #f7cd59; }
#header .gnb-2depth .inner-wrap > ul.submm > li > p:first-child {margin-top: 10px; }

#m-header {display:none;}
#m-nav {display:none;}



#footer { width: 100%; height:auto; background:#4b4a4b;}
#footer .inner-wrap {width:1440px; margin:0 auto;}
#footer .inner-wrap > ul {width:100%; padding-top:30px; padding-bottom:30px; overflow:hidden;}
#footer .inner-wrap > ul > li {float:left; }
#footer .inner-wrap > ul > li:first-child {width: 15%;}
#footer .inner-wrap > ul > li:nth-child(2) {width:70%;}
#footer .inner-wrap > ul > li:nth-child(2) > ol {width:100%; margin-bottom:15px; overflow:hidden;}
#footer .inner-wrap > ul > li:nth-child(2) > ol > li {margin-right:30px; float:left;}
#footer .inner-wrap > ul > li:nth-child(2) > ol > li > a {font-family: 'Noto Sans KR', sans-serif;  font-size:14px; font-weight:400; color:#fff;}
#footer .inner-wrap > ul > li:nth-child(2) > p {font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:200; color:#fff; letter-spacing: 0.7px; line-height:17px;}
#footer .inner-wrap > ul > li:nth-child(2) > p:last-child {margin-top:15px;}


#footer .inner-wrap > ul > li:nth-child(3) {width:15%; position: relative;}
#footer .inner-wrap > ul > li:nth-child(3) > ol > li .fb {display: block; position: absolute; top:0px; right: 96px; width: 32px; height: 30px; background-image: url('/image/fb_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
#footer .inner-wrap > ul > li:nth-child(3) > ol > li .insta {display: block; position: absolute; top:0px; right: 48px; width: 32px; height: 30px; background-image: url('/image/insta_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
#footer .inner-wrap > ul > li:nth-child(3) > ol > li .yt {display: block; position: absolute; top:0px; right: 0px; width: 32px; height: 30px; background-image: url('/image/yt_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
#footer .inner-wrap > ul > li:nth-child(3) > p {float:right; margin-top:45px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; color:#fff; line-height:22px; text-align: center;}
#footer .inner-wrap > ul > li:nth-child(3) > p:last-child {margin-top:-5px; font-family: 'Noto Sans KR', sans-serif; font-size:20px; font-weight:700; color:#fff; line-height:30px; text-align: center;}
#m-footer {display:none;}


/******************************************/
/**			반은형max-width: 430px 		  */
/******************************************/

@media (max-width:430px){
	
	#header {display:none;}
	#container {display:none;}
	#footer {display:none;}
	.inner-wrap {display:none;}

	#m-header { display: block; z-index: 99; width: 100%; height: 50px; background: #fff; position: absolute; top: 0; left: 0; box-sizing: border-box; overflow: hidden; }
	#m-header .logo { width: 50%; height: 100%; float: left; text-align:left; padding:5px 0 0 10px; }
	#m-header .logo img { width: auto; height: 40px; }
	#m-header .ham { width: 50%; height: 100%; float: right; text-align:right; padding:20px 10Px 0 0; }
	#m-header .ham img { width: 30px; height: auto; }

	#m-nav { display: block; width: 70%; height: 100%; position: fixed; top: 0; bottom: 0; right: -100%; z-index: 110; background: #fff; }
	#m-nav .m_top_log { position: absolute; width: 100%; top: 50px; overflow:hidden;}
	#m-nav .m_top_log .link {float:left; width: 100%; height: auto; padding:10px 6px 10px 6px; background-color:#333;}
	#m-nav .m_top_log .log_info {width: 100%; text-align: center;}
	
	/* 탑 로그인 검색창 블랙*/
	#m-nav .m_top_log .link .xans-layout-searchheader fieldset { float:left; padding:0px 0 0 10px;  line-height:0;   background:#fff; width:190px; border:1px solid #000; border-radius: 10px; }
	#m-nav .m_top_log .link .xans-layout-searchheader #keyword { width:150px; height:15px; padding:3px 0 0 4px; border:0; vertical-align:middle; font-size:11px; }
	#m-nav .m_top_log .link .xans-layout-searchheader img { cursor:pointer; padding-top:0px; }
	*:first-child+html .xans-layout-searchheader img { cursor:pointer; padding-top:1px; }
	.se {padding-left:180px;}	
	#m-nav .m_top_log .log_info ul li {display:inline-block; width:50px; height:40px; margin:5px 1px; background:#898989; text-align:center; cursor:pointer; border:0; vertical-align:middle; border-radius:4px;}
	#m-nav .m_top_log .log_info ul li:first-child {padding-top:12px; }
	#m-nav .m_top_log .log_info ul li:nth-child(2) {padding-top:12px; }
	#m-nav .m_top_log .log_info ul li:nth-child(3) {padding-top:5px; }
	#m-nav .m_top_log .log_info ul li:nth-child(4) {padding-top:5px; }
	#m-nav .m_top_log .log_info ul li:last-child {padding-top:12px; }
	#m-nav .m_top_log .log_info ul li a { font-family:'Noto Sans KR', sans-serif; font-weight:300; font-size:12px; color:#fff; letter-spacing:-0.5px; line-height:14px; }	
	#m-nav .m_top_log .log_info ul li a .count { font-weight:500; }
	/* 탑 로그인 검색창 블랙 END*/
	
	#m-nav > ul { padding-top: 150px; }
	#m-nav > ul > li { background: #fff; line-height: 1; }
	#m-nav > ul > li:first-child { padding-top: 0; }
	#m-nav > ul > li > p {  font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight: 500; letter-spacing: 0.5px; padding:15px 0 15px 20px; box-sizing: border-box; }
	#m-nav > ul > li > p > span > a{  font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight: 500; letter-spacing: 0.5px; color:#666;}
	#m-nav > ul > li > p > span { position: relative; line-height: 1; }
	#m-nav > ul > li > p > span::after { position: absolute; content: ''; right: -6vw; top: 12px; width: 2.187vw; height: 1.354vw; background: url('/image/icon/nav-arrow-down.png') center top/100% no-repeat; }
	#m-nav > ul > li.on > p > span::after { background: url('/image/icon/nav-arrow-up.png') center top/100% no-repeat; }
	#m-nav > ul > li > dl { margin-bottom: 3.125vw; background: #ededed; display: none; box-sizing: border-box; padding: 10px 0 10px 35px; }
	#m-nav > ul > li > dl > dd { margin-top: 15px; }
	#m-nav > ul > li > dl > dd:first-child { margin-top: 0; }
	#m-nav > ul > li > dl > dd > a { display: block; width: 100%; height: 100%; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;  font-weight: 400; }
	#m-nav .close-btn { position: absolute; right: 4.166vw; top: 5.208vw; width: 5vw; height: 5.104vw; }
	#m-nav .fb { position: absolute; left: 20px;; bottom: 7.291vw; width: 8.333vw; height: 8.333vw; }
	#m-nav .insta { position: absolute; left: 70px;; bottom: 7.291vw; width: 8.333vw; height: 8.333vw; }
	#m-nav .yt { position: absolute; left: 120px;; bottom: 7.291vw; width: 8.333vw; height: 8.333vw; }
	#m-nav .nav-bg { position: absolute; right: -5.52vw; bottom: 7.291vw; width: 51.875vw; height: 57.291vw; z-index: 10; }
	.black_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 10; }

	
	#m-footer { display: block; width: 100%; height:auto; background:#4b4a4b;}
	#m-footer .inner-wrap {display: block; width:90%; margin:0 auto;}
	#m-footer .inner-wrap > ul {width:100%; padding-top:30px; padding-bottom:30px; overflow:hidden;}
	#m-footer .inner-wrap > ul > li {float:left; }
	#m-footer .inner-wrap > ul > li:first-child {width: 100%;}
	#m-footer .inner-wrap > ul > li:nth-child(2) {width:100%;}
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol {width:100%; margin-bottom:15px; overflow:hidden;}
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li {margin-right:10px; float:left;}
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li > a {font-family: 'Noto Sans KR', sans-serif;  font-size:12px; font-weight:300; color:#fff;}
	#m-footer .inner-wrap > ul > li:nth-child(2) > p {font-family: 'Noto Sans KR', sans-serif; font-size:10px; font-weight:300; color:#fff; letter-spacing: 0.5px; line-height:13px;}
	
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol {margin-top:10px;}
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li .fb {float:left; width: 32px; height: 30px; margin-right:10px; background-image: url('/image/fb_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li .insta {float:left; width: 32px; height: 30px; margin-right:10px; width: 32px; height: 30px; background-image: url('/image/insta_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li .yt {float:left; width: 32px; height: 30px; margin-right:10px; width: 32px; height: 30px; background-image: url('/image/yt_icon_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li > p {float:left; font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:500; color:#fff; line-height:30px; text-align: left;}
	#m-footer .inner-wrap > ul > li:nth-child(2) > ol > li > p span {font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:700; color:#fff; line-height:30px;}

	#m-footer .inner-wrap > ul > li:nth-child(2) > p:last-child {margin-top:10px;}
}