@import url("/_common/css/font-awesome.min.css");

/* Basic */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {-moz-animation:none !important; -webkit-animation:none !important; -ms-animation:none !important; animation:none !important; -moz-transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; transition:none !important;}

/* 이미지, 테이블 반응형 - 확대, 좌우 이동 버튼 */
.j-conts-img-wrap {position:relative;margin:auto; max-width:100%; padding:0;overflow-y:auto; overflow-x:none; }
.j-conts-img-wrap-box {position:relative; width:100%;max-width:254px; margin:10px auto 5px;}
.j-conts-img-wrap-btn {display:inline-block; padding:5px 0; margin:0 0 0 1px; width:60px; font-size:12px; text-align:center; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}
.j-conts-tbl-wrap {position:relative; max-width:100%; margin:0; padding:30px 0 5px; overflow-y:auto; overflow-x:none;}
.j-conts-tbl-wrap .j-conts-tbl-wrap-btn {position:absolute; top:1px; left:0; margin:0; padding:5px 10px; font-size:12px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}

/* Container */
.container {margin:0 auto; width:100%; max-width:1200px;}

@media screen and (max-width:1680px) {
	.container {width:1200px;}
}
@media screen and (max-width:1280px) {
	.container {width:calc(100% - 0px);}
}
@media screen and (max-width:1200px) {
	.container {width:calc(100% - 20px); margin:0 0 0 10px;}
}
@media screen and (max-width:736px) {
	.container {width:calc(100% - 20px); margin:0 0 0 10px;}
}

/* Section/Article */
section, article { margin:0; padding:0; }
header { margin:0; padding:0; }
footer { margin:0; padding:0; }

/* Default Font Size */
 #header { font-size:12pt; }
 #container { font-size:12pt; padding:2em 0 0;}
 #footer { font-size:12pt; }

/* Default Page */
/* Page Wrapper */
#page-wrapper {margin:0 !important; padding:0; background:#fff;}
 /* Default Set */
#top_phone { display:none; }


/* Header */
#j-top {border-bottom:1px solid #ddd; background:#fff;}
#j-lnb ul {text-align:right; margin:0; padding:0 20px 0 0;}
#j-lnb ul li {display:inline-block;padding:0 0.3em;}
#j-lnb ul li a {display:block; font-size:0.8em;color:#555; line-height:260% !important;}
#zoom_box { border:0px solid #ddd; text-align:left; padding:6px 5px 0;}
#zoom_box a {display:inline-block !important;}
#sub_zoom_box { display:inline-block; border:0px solid #ddd; padding:0 5px; }
/*#header {clear:both; margin:0em 0 0; padding:0;border-bottom:0px solid #555;background:#222; }*/
#header {clear:both;width:100%; margin:0; padding:0;border-bottom:0px solid #aaa;position:relative;z-index:9; background:#fff;opacity:1; }
#head-gnb {width:100%; margin:0; padding:0; }
#gnb-h5 {clear:both;max-width:1200px; position:relative; margin:0 auto; padding:0;  background:none;}
#gnb-h5 h1 {position:absolute;left:0px;top:5px;padding:0;text-align:center; color:#333; line-height:100%;font-weight:800; font-size:1px; letter-spacing:-0.035em;}
#gnb-h5 h1 a {line-height:100%;padding:0;margin:0;font-size:1px;}


#q_tel { display:inline-block; width:300px; vertical-align:top; padding:0px 0 0px 80px; text-align:left;  line-height:1.1em;  background:url(/images/icon0.png) no-repeat 5px 5px; }
#q_tel span.tel{ font-size:1.8em; line-height:1.1em; font-weight:700;letter-spacing:-1.5px; }

.bank {width:300px; margin:auto; border:1px solid #ddd;padding:5px 0 5px 10px;background:#f7f7f7;}
.bank span.bank_num{font-size:1.3em;font-weight:700;color:#0033cc;letter-spacing:-1px;}

#m_banner1 {display:inline-block;text-align:left;margin:3px 0 0;padding:0px 0 0px 80px; width:300px;height:70px;line-height:70px;;background:url(/images/icon1.png) no-repeat 5px 0px; border:1px solid #ddd;}
#m_banner1 span {font-size:1.1em;font-weight:500;color:#333;}
#m_banner2 {display:inline-block;text-align:left;margin:3px 0 0;padding:0px 0 0px 80px; width:300px;height:70px;line-height:70px;background:url(/images/icon2.png) no-repeat 5px 0px;border:1px solid #ddd;}
#m_banner2 span {font-size:1.1em;font-weight:500;color:#333;}

#j-tbar { margin:0 0 20px 0 ; padding:26px 0; overflow:hidden; border-bottom:1px solid #ddd; }
#j-tbar h2 { font-size:2em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:left; }
#j-tbar dl { float:right; }
#j-tbar dl dd { padding:1em 0 0; text-align:right; }


/* Footer */
#footer {clear:both; border-top:1px solid #eee; margin:0px auto 0; padding:0px 0 30px; overflow:hidden; background:#333;}
#footer ul.j-foot-menu {clear:both; margin:0; padding:0 10px; overflow:hidden;text-align:left;}
#footer ul.j-foot-menu li {display:inline-block; margin:0; padding:0;}
#footer ul.j-foot-menu li a {display:block; margin:0; color:#ccc; padding:15px 5px 15px 10px;}
#footer ul.j-foot-menu li a.f {padding:15px 5px 15px 0 !important; background:none !important;}

#footer .j-foot-cell-wrap {clear:both; color:#aaa; margin:0px 0 0; padding:0 10px;}
#footer .j-foot-cell-wrap p {display:inline-block;padding:0 10px 0 0;}
#footer .j-foot-cell-wrap span {display:inline-block; font-size:0.9em; margin:3px 5px 3px 0px; padding:0;}
#footer .j-foot-cell-wrap em {margin:0; padding:0; font-size:0.9em; }
#footer .j-foot-cell-wrap em img {vertical-align:middle;}
#footer .j-foot-cell-wrap .spot {font-weight:bold !important;}
#footer address {clear:both; font-size:0.9em; color:#aaa; margin:0; padding:5px 0px 0;}
#footer p.copy {clear:both; font-size:0.875em; color:#aaa; margin:0; padding:5px 0px 0;}

#f_sns { position:absolute; right:0px;bottom:0px;}
#f_sns li { float:left; padding:0 1px; }
#f_sns li img { width:60px; }

div.pop_txt a,div.pop_txt img { padding:0 !important;margin:0 !important; }

/* Nav */
#leftMenuTitle { text-align:center; font-size:1.5em; color:#333; padding-bottom:20px;}
#leftMenu { clear:both;text-align:center; vertical-align:top;margin:0;padding:0;}
#leftMenu > li { display:inline-block; vertical-align:top;}
#leftMenu > li > p > a {display:block; font-size:1em;min-width:120px; padding:7px 15px; border:1px solid #ddd; margin:0 3px 3px 0;}
#leftMenu > li > ol {display:none;}

#nav { width:100%; max-width:1200px;height:74px;margin:0px auto 0; padding:0px 0 0 330px;background:none; }
#nav > ul {max-width:1200px;margin:0 auto 0; padding:0;}
#nav > ul > li {position:relative;display:inline-block; margin:0; padding:0;border:0 none !important;}
#nav > ul > li:not(:first-child) {margin:0 0 0 0;}
#nav > ul > li > ul {display:none; margin:0; padding:0;}
#nav > ul > li > a {border-radius:0px;display:block; background:none;width:170px; color:#555; font-size:1.1em;font-weight:400; line-height:74px;  text-align:center; text-decoration:none; padding:0px 0 0px 0px;}
#nav > ul > li:hover > a, #nav > ul > li.active > a {background:none; color:#111;}
#nav > ul > li.current > a {background:#d52349; font-weight:700;}

#all-nav { position:absolute;width:100%; margin:0; padding:0px 0 0px; border-top:0px solid #ddd; border-bottom:0px solid #ddd; background:#0065a2; z-index:99; opacity:0.95; display:none;}
#all-sub-nav {max-width:1200px; margin:0 auto; padding:0;  background:none;}

#sub-nav {margin:0 auto; padding:0;max-width:1200px; overflow:hidden; }
#sub-nav > ul {float:left; margin:0; padding:0 0 0  330px;}
#sub-nav > ul > li {float:left; width:170px; margin:0; padding:3px 0;border-left:1px solid #1278b5;border-right:1px solid #1278b5;min-height:220px}
#sub-nav > ul > li:hover {background:#1278b5;}
#sub-nav > ul > li:not(:first-child) {margin:0 0 0 -1px;}
#sub-nav > ul > li > ul {margin:0; padding:0px 0;}
#sub-nav > ul > li > ul > li {margin:0; padding:0; border-bottom:0px solid #eee; }
#sub-nav > ul > li > ul > li.sub_title { font-size:1.1em; font-weight:400; padding:5px 0 0 0px;text-align:center;color:#536d81;background:url(/images/po_sub00-.png) no-repeat 8px 13px;}
#sub-nav > ul > li > ul > li > a {display:block; width:170px;text-align:center; padding:5px 0 5px 0px;font-size:0.9em;color:#eee;font-weight:400;background:url(/images/po_sub01-.png) no-repeat 5px 10px;}

#sub-nav > ul > li > ul > li > ul {margin:0; padding:0px 0; display:none;}
#sub-nav > ul > li > ul > li > ul > li  {margin:0; padding:0; border-top:0px solid #eee;background:none; }
#sub-nav > ul > li > ul > li > ul > li  a {display:block; width:170px; padding:3px 0 3px 25px;font-size:0.875em;color:#fff;font-weight:300;}

#sub-nav > ul > li > ul > li:hover > a, #sub-nav > ul > li > ul > li.active > a {color:#fff;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#fff;}
/* Nav 하단 감춤 */
#navPanel, #titleBar {display:none;}

/* 스크롤이 나오는 영역 */
.scroll-conts {height:120px; margin:0; padding:0; overflow:hidden; border:1px solid #ddd;}
.scroll-in-conts {height:100%; margin:0; padding:5px; overflow:hidden;}

@media screen and (max-width:1200px) {
	#page-wrapper {margin:67px 0 0 !important; }
	#header {clear:both;position:fixed;width:100%; margin:-67px 0 0; padding:0;border-bottom:1px solid #035ea7;}

	/* Header */
	#zoom_box { display:none; }
	#gnb-h5 h1 {float:none !important; position:relative; left:0;top:0px; margin:0; padding:0; font-size:1em;line-height:1em; text-align:center;}
	#gnb-h5 h1 img { height:65px; }

	/* Nav */
	#nav {display:none;}
	#j-top {display:none;}
	#sub_view {display:none;}
	#all-sub-nav {display:none;}

	#j-tbar h1 { font-size:2em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:none; text-align:center; width:100%; }

	/* 모바일버튼 */
	#titleBar {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:block; height:44px; left:0; position:fixed; top:0; width:60px; z-index:10001; background:none;}
	#titleBar .toggle {width:60px; height:60px;}
	#titleBar .toggle:before {font-family:FontAwesome; text-decoration:none; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:'\f0c9'; display:block; position:absolute; left:0px; top:12px; width:50px; height:40px; line-height:40px; font-size:30px; color:#111; text-align:center; background:rgba(255, 255, 255, 0); border-radius:5px;}
	#titleBar .toggle:active:before {background-color:#777;}

	#navPanel {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:none; left:0; overflow-y:auto; position:fixed; top:65px; width:100%; z-index:10002; color:#fff; background:#eee  /*box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);*/}

	#navPanel > nav > ul {margin:0; padding:0;border-top:1px solid #ddd;}
	#navPanel > nav > ul > li {margin:0; padding:0; border-top:0px solid #ddd; background:#fff;border-bottom:1px solid #ddd;}
	#navPanel > nav > ul > li:not(:first-child) {margin:0px 0 0;}
	#navPanel > nav > ul > li > a { display:block;font-size:1em;font-weight:400; padding:8px 10px;background:url(/images/m_right_bt.png) no-repeat right center;}
	#navPanel > nav > ul > li > ul {display:none; margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > a {font-size:0.875em; padding:6px 25px; color:#222;}
	#navPanel > nav > ul > li > ul > li > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > ul > li > a {font-size:0.875em; padding:6px 35px; color:#777;}
	#navPanel > nav a {color:#111; width:100%; display:inline-block;}
	#navPanel > nav a:hover {color:#111;}

	#navPanel .sub_title { display:none; }
}

@media screen and (max-width:1000px) {
	#j-tbar { margin:0 0 40px 0 ; padding:10px 0; overflow:hidden; border-bottom:1px solid #ddd; }
	#j-tbar h1 { font-size:2em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:none; width:100%; }
	#j-tbar dl { float:none; width:100%; }
	#j-tbar dl dd { padding:1em 0 0; text-align:left; }
}

@media screen and (max-width:736px) {
	/* Default Font Size */
	 #header { font-size:11pt; }
	 #container { font-size:11pt; }
	 #footer { font-size:11pt; }

	 #j-tbar { margin:0 0 20px 0 ; padding:26px 0; overflow:hidden; border-bottom:1px solid #ddd; }
	#j-tbar h2 { font-size:1.5em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:none;width:100%; }
	#j-tbar dl { float:none; width:100%; }
	#j-tbar dl dd { padding:1em 0 0; text-align:left; }
}

@media screen and (max-width:500px) {

}