*,body {margin:0; padding:0;}
body {font-family:'나눔고딕', 'NanumGothic', 'Nanum Gothic';}
div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
a {text-decoration:none;}
img {border:none; max-width:100%;}
li {list-style:none;}
input, select, textarea, td {font-family:'나눔고딕', 'NanumGothic', 'Nanum Gothic';}
.bclass {font-weight:normal; font-family:'NanumGothic', '나눔고딕', 'Nanum Gothic';}
.fll {float:left !important;}
.flr {float:right !important;}
.overfl {overflow:hidden;}
.clr {clear:both;}

.mr0 {margin:0 !Important;}
.mrt0 {margin-top:0px !Important;}
.mrt10 {margin-top:10px !Important;}
.mrt20 {margin-top:20px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt70 {margin-top:80px !Important;}







/*=========================== 헤더 ===========================*/
.top_language {background:#333; color:#fff; overflow:hidden; width:90%; height:30px; line-height:30px; padding:0 5%;}
.top_language ul {overflow:hidden; float:right;}
.top_language li {font-size:11px; float:left; margin:0 0 0 10px;}
.top_language li a {color:#fff; display:block; width:100%; height:100%;}

header {width:100%; border-bottom:1px solid #e7e7e7; background:#fff;}
header::after {content:"";}
.addition {width:100%; height:84px; line-height:84px;}
.addition > h1 {left:20px; position:absolute; z-index:999;}
.addition > h1 img {top:-3px;}
.addition img {vertical-align:middle;}

.fixed1 {position:absolute; z-index:999; height:22px; top:0; right:20px;}

/* 토글이필요해 */
#sidebar {width:84%; height:100%; padding:0 8%; background:#333;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed;  top:0;  right:0;  overflow:auto;  z-index:11919911026;  opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms;  display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}

/* 토글내부내용 */
.header_xbtn {margin:20px auto 0 auto; text-align:right;}
.titlkd{font-size:11px; color:#fff; letter-spacing:-0.05em; line-height:35px; margin:20px auto 0 auto; text-align:center; background:#333; height:35px;}

.nav_h1 {border-bottom:1px solid #666; font-size:10px; color:#fff; font-weight:900;  margin:70px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; letter-spacing:0.3em;}
.nav_cate1  {width:100%; margin:0 auto; border-bottom:1px solid #666;}
.nav_cate1 li {text-transform:uppercase;}
.nav_cate1 > li, .nav_cate1 > li.active {font-size:12px; background:url(/m/img/tri.png) no-repeat 95% 16px; background-size:5px; }
.nav_cate1 > li:first-child > a {border-top:none;}
.nav_cate1 > li > a {color:#ccc; border-top:1px solid #666; font-weight:bold;}
.nav_cate1 a {display:block; width:95%; height:40px; line-height:40px; padding:0 0 0 5%;}

.sub1 > li {background:#494949; font-size:11px; font-weight:normal;}
.sub1 > li > a {color:#aaa;}
.nav_cate1 li:last-child .sub1 >  li:last-child {border-bottom:none;}
.sub2 > li > a {color:#999;}

.nav_cscenter {margin:15px auto 25px auto; overflow:hidden; width:100%;}
.nav_cscenter h1 {font-family:"NanumSquare"; color:#ddd; font-size:22px;  letter-spacing:-0.07em;}
.nav_cscenter ul {overflow:hidden; margin:0 auto;}
.nav_cscenter li {font-size:12px; color:#ccc; line-height:22px; letter-spacing:-0.07em; margin:15px 0 0 0;}

.nav_cscenter ul:last-child {border-bottom:1px solid #666; padding:0 0 20px 0;}

.nav_cscenter li strong {display:block; color:#ddd;}
.nav_cscenter li span {display:block; color:#999;}




/*=========================== 푸타 ===========================*/
footer {width:100%; overflow:Hidden; margin:50px auto 0 auto;}
.footer01 {border-top:1px solid #ddd; background:#fff; padding:35px 5%; text-align:center; width:90%; font-size:12px; color:#999; line-height:20px; box-sizing:unset;}
.footer01 article {margin:10px auto 0 auto;}
footer > p {height:50px; line-height:50px; text-align:Center; font-size:10px; background:#2a231f; text-transform:uppercase; color:#fff; font-weight:600;}





/*=========================== 메인비주얼 ===========================*/
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}

#mainvisual .flexslider {margin:1px 0 0 0;  padding:0; font-family:"NanumSquare";}
#mainvisual .flexslider .slides > li {display:none;  -webkit-backface-visibility:hidden;}
#mainvisual .flexslider .slides > li img {width:100%;  display:block;}
#mainvisual .flexslider .slides:after {content:"\0020";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0;}
#mainvisual .flex-direction-nav{display:none !important;}
#mainvisual .flex-control-nav {bottom:10px;  width:100%;   position:absolute; z-index:111; text-align:center;}
#mainvisual .flex-control-nav li {margin:0 3px;  display:inline-block;  zoom:1;  *display:inline;}
#mainvisual .flex-control-paging li a {background:url(/m/img/blit02.png); width:13px; height:13px; display:block;  cursor:pointer;  text-indent:-9999px;  z-index:180;}
#mainvisual .flex-control-paging li a.flex-active {background:url(/m/img/blit01.png); width:40px; height:13px;}


.mainvisual_text {width:100%; position:absolute; top:0;}
.mainvisual_text > figure {width:80%; margin:55% auto 0 auto;}
.mainvisual_text > figure img {width:100%;}




/*=========================== 메인컨텐츠 ===========================*/
.maincontents {width:87.5%; padding:40px 6.25%; overflow:hidden;}
.maincontents > h1 {font-family:'Nanum Myeongjo', serif; font-size:25px; text-align:Center; letter-spacing:-0.07em;}
.maincontents > p {font-family:'Nanum Myeongjo', serif; font-size:13px; margin:10px auto 0 auto; letter-spacing:-0.07em; color:#888; line-height:20px; text-align:center;}


/* 01 */
.macon01 {background:#f9f9f9; margin:1px auto; overflow:Hidden;}
.macon01 > h1 {color:#333;}

.maincon01slide .slides {width:100%; margin:30px auto 0 auto; overflow:Hidden;}
.maincon01slide .slides > li {padding:0 0 40px 0; text-align:center; background:#fff;}
.maincon01slide .slides > li figure {margin:0 auto;}
.maincon01slide .slides > li img {width:100%;}
.maincon01slide .slides > li h1 {font-family:"NanumSquare";  font-size:22px; letter-spacing:-0.05em;  margin:36px auto 10px auto; color:#4d3b24;}
.maincon01slide .slides > li p {min-height:60px; font-size:13px; line-height:20px; color:#7f7672; letter-spacing:-0.05em; width:85%; margin:0 auto;}
.maincon01slide .slides > li:nth-child(odd) {background:#fff6e6;}

.macon01 .flex-control-paging {display:none;}
.maincon01slide .flex-direction-nav {position:Absolute; top:40px; right:10px; z-index:900000;}
.flex-direction-nav li {width:25px; height:25px; font-size:0; float:left; margin:0 0 0 5px;}
.flex-direction-nav li a {display:block; width:100%; height:100%;}
.flex-nav-prev {background:url(/m/img/arrow_left.png) no-repeat center;}
.flex-nav-next {background:url(/m/img/arrow_right.png) no-repeat center;}



/* 02 03 */
.maincon02 {width:87.5%; overflow:hidden; margin:0 auto; border-top:1px solid #eee; background:url(/m/img/bg1.jpg) repeat-y right top;}
.maincon02 section {width:50%; float:left; border-bottom:1px solid #eee; padding:28px 0; text-align:center; font-family:"NanumSquare"; background:url(/m/img/bg1.jpg) repeat-y left top;}
.maincon02 section h1 {font-size:17px; color:#3a3a3a; letter-spacing:-0.07em; margin:13px 0 0 0;}
.maincon02 section figure {widtH:108px; height:59px; margin:0 auto;}

.boardwrap {margin:30px auto 0 auto; overflow:Hidden; width:100%;}
.mainboard h1 {font-family:"NanumSquare"; font-size:20px; color:#484341; overflow:hidden; padding:0 0 14px 0; border-bottom:1px solid #eee;}
.mainboard h1 strong {display:block; float:left; letter-spacing:-0.07em;}
.mainboard h1 a {display:block; float:right; width:18px; height:19px;}
.mainboard ul {padding:15px 0; border-bottom:1px solid #eee;}
.mainboard li {overflow:hidden; font-size:12px; background:url(/m/img/blit03.png) no-repeat left 12px; letter-spacing:-0.07em; padding:0 0 0 5px; line-height:25px;}
.mainboard li a {color:#777;}
.mainboard li span {display:block; float:left;}
.mainboard li span+span {float:right; color:#bbb; font-size:10px;}



/* 04 */
.macon04 {width:87.5%; overflow:hidden; padding:50px 6.25%; margin:0 auto; border-top:1px solid #eee; background:url(/m/img/bg02.jpg) right top; background-size:cover;}
.macon04 > h1 {font-family:'Nanum Myeongjo', serif; font-size:25px; text-align:Center; letter-spacing:-0.07em; padding:0 0 25px 0; background:url(/m/img/bg03.jpg) no-repeat center bottom;}
.macon04 > article {font-family:'Nanum Myeongjo', serif; font-size:12px; margin:25px auto 0 auto; letter-spacing:-0.07em; color:#555; line-height:22px; text-align:justify;}






/*=========================== 서브 ===========================*/
#subvisual {width:100%; height:350px; text-align:Center; margin:1px auto 0 auto;}
#subvisual h1 {font-family: 'Nanum Myeongjo', serif; font-size:38px; letter-spacing:-0.07em; color:#fff; padding:143px 0 0 0; line-height:42px;}
#subvisual p {color:rgba(255,255,255,0.7); font-size:13px; letter-spacing:-0.08em; line-height:26px; margin:25px auto 0 auto; width:90%;}


.subvis01 {background:url(/img/subvis01.jpg) no-repeat center top;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat center;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat center;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat center;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat center;}
.subvis06 {background:url(/img/subvis06.jpg) no-repeat center;}
.subvis07 {background:url(/img/subvis07.jpg) no-repeat center;}




.subpage {width:90%; margin:55px auto; overflow:hidden;}
.subpage_title {font-family:"NanumSquare"; overflow:Hidden; text-align:center; width:100%;}
.subpage_title h1 {font-size:35px; line-height:40px; color:#000; letter-spacing:-0.07em; font-weight:600;}
.subpage_title h3 {font-size:17px; color:#686868; letter-spacing:-0.07em; font-weight:100; margin:20px auto 0 auto; line-height:22px;}

.subcont_box01 {width:auto; border:1px solid #e1e1e1; padding:25px; margin:40px auto 0 auto;}
.subcont_box01 h1 {font-family:"NanumSquare"; font-size:25px; line-height:25px; color:#333; letter-spacing:-0.07em; overflow:hidden; padding:0 0 25px 0; background:url(/img/bar04.jpg) no-repeat left bottom;}
.subcont_box01 span {display:block; height:25px; float:left; font-weight:100;}
.subcont_box01 span:first-child {width:5px; background:#333; margin:0 8px 0 0;}

.subcont_box01 article {font-size:12px; line-height:22px; color:#686868; text-align:justify; letter-spacing:-0.07em;}
.subcont_box01 > figure, .subcont_box01 > article {margin:17px auto 0 auto; width:100%;}
.subcont_box01 > figure img {width:100%;}


.subcont_box01 > article > h3 {color:#111;}
.subcont_box01 > article > p {margin:8px 0 0 0; padding:0 0 0 11px; background:url(/img/bar05.jpg) no-repeat left 12px; color:#888;}



.inner_contbox {overflow:hidden; width:100%; margin:27px auto 0 auto;}
.inner_contbox article {width:100%; margin:15px auto 0 auto;}
.inner_contbox figure {text-align:center;}


.subcont_box02 {overflow:hidden; margin:30px auto 0 auto;}
.subcont_box02 > h1 {font-family:"NanumSquare"; overflow:hidden;}
.subcont_box02 > h1 span {display:block; float:left; font-size:18px; letter-spacing:-0.04em; line-height:20px;}
.subcont_box02 > h1 span:first-child {width:3px; height:20px; background:#000; margin:0 5px 0 0;}
.subcont_box02 > article {margin:12px 0 0 10px; font-size:12px; color:#555; line-height:23px; top:-3px; letter-spacing:-0.07em;}
.subcont_box02 > article a {color:#4284d7;}
.subcont_box02 > article a:hover {font-weight:bold;}

.c_red {color:#bf2c2c;}

.table_common0104 {width:100%; border-top:2px solid #333; margin:20px 0 0 0; border-right:1px solid #e9e9e9;}
.tabletrfirst-child td {background:#f5f5f5; font-weight:600; color:#333;}
.table_common0104 td {border-bottom:1px solid #e9e9e9; padding:10px; text-align:center; font-size:12px; color:#777; border-left:1px solid #ddd; line-height:18px; letter-spacing:-0.07em;}
.subcont_box02 > p {margin:15px 0 0 0; font-size:12px; letter-spacing:-0.07em; color:#555; line-height:25px; top:-3px;}


.sub0104_box01 {width:100%; margin:20px auto 0 auto; overflow:hidden;}
.sub0104_box01 section {font-family:"NanumSquare"; width:83%; padding:10% 7%; border:1px solid #eee; border-top:2px solid #333; margin:0 auto 20px auto;}

.sub0104_box01 section h1 {letter-spacing:-3px; font-size:40px; color:#333; line-height:34px; height:31px;}
.sub0104_box01 section h3 {color:#333; overflow:hidden; height:20px; margin:20px 0 15px 0;}
.sub0104_box01 section h3 span, .sub0104_box01 section h3 strong {display:block; float:left;}
.sub0104_box01 section h3 strong {font-size:20px; line-height:21px;}
.sub0104_box01 section h3 span {text-transform:uppercase; font-family:'NanumGothic', '나눔고딕', 'Nanum Gothic'; font-size:11px; color:#999; margin:0 0 0 10px; font-weight:400; line-height:22px;}
.sub0104_box01 section p {font-family:'NanumGothic', '나눔고딕', 'Nanum Gothic'; font-size:12px; color:#777; line-height:22px; letter-spacing:-0.05em;}
.sub0104_box01-1 section {min-height:90px !Important;}


.tab_title {margin:50px auto; overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee;  background:url(/m/img/bg1.jpg) repeat-y right top;}
.tab_title li {font-family:"NanumSquare"; height:50px; line-height:50px; float:left; text-align:Center; font-size:17px; background:url(/m/img/bg1.jpg) repeat-y left top; border-left:none; letter-spacing:-0.07em;}
.tab_title li:first-child {border-left:1px solid #eee;}
.tab_title li a {color:#333; display:block; width:100%; height:100%;}
.tab_title li:hover, .tab_title li.active {background:#333;}
.tab_title li:hover a, .tab_title li.active a {color:#fff !important; font-weight:Bold;}

.tab_title0104 {width:100%;}
.tab_title0104 li {width:49.5%;}


.subboard_wrap {margin:70px auto 0 auto; width:100%; overflow:hidden;}


.table_common0302 {width:100%; border-top:2px solid #333; margin:20px 0 0 0; border-right:1px solid #e9e9e9;}
.table_common0302 td:first-child {width:50px; background:#f5f5f5; font-weight:600; color:#333; text-align:Center;}
.table_common0302 td {border-bottom:1px solid #e9e9e9; padding:15px; text-align:left; font-size:12px; color:#777; border-left:1px solid #ddd;}

.tab_title0303 {width:1100px;}
.tab_title0303 li {width:182px;}




.sub0401_box01 {width:100%; margin:25px auto 0 auto; overflow:hidden;}
.sub0401_box01 section {font-family:"NanumSquare"; width:83%; float:left; padding:20px; border:1px solid #eee; margin:0 auto 20px auto; border-top:2px solid #333; }
.sub0401_box01 section h1 {letter-spacing:-3px; font-size:35px; color:#333; line-height:29px; height:27px;}
.sub0401_box01 section h3 {color:#333; overflow:hidden; height:20px; margin:15px 0;}
.sub0401_box01 section h3 span, .sub0401_box01 section h3 strong {display:block; float:left;}
.sub0401_box01 section h3 strong {font-size:20px; line-height:21px;}
.sub0401_box01 section h3 span {text-transform:uppercase; font-family:'NanumGothic', '나눔고딕', 'Nanum Gothic'; font-size:11px; color:#999; margin:0 0 0 10px; font-weight:400; line-height:22px;}
.sub0401_box01 section p {font-family:'NanumGothic', '나눔고딕', 'Nanum Gothic'; font-size:13px; color:#777; line-height:18px;}


.sub0401_box01 > p {font-size:13px; line-height:20px;}


@media screen and (min-width:0px) and (max-width:639px)
{
#subvisual p span {display:none;}
}




/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;max-width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;top:0 !important;left:0 !important;}
.hd_pops_con {width:auto !important; height:auto !important;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}