*, body {margin:0; padding:0;}
body {font-family:"NanumGothic", "Nanum Gothic", "나눔고딕";}
div, header, section, article, footer, figure, figcaption, nav, aside, p, span, ul, li, ol, h1, h2, h3, h4, h5, h6, hgroup, a, img, input, textarea, select {position:relative;}
a {text-decoration:none;}
img {border:none;}
input, textarea {outline:none;}
li {list-style:none;}
h1 {letter-spacing:-0.07em;}

.overfl {overflow:hidden;}
.fll {float:left;}
.flr {float:right;}
.clr {clear:both;}
.px1200 {width:1200px; margin:0 auto;}
.mrt100 {margin-top:100px !important;}
.mrt50 {margin-top:50px !important;}
.mrt20 {margin-top:20px !important;}
.mrt30 {margin-top:30px !important;}
.mrt0 {margin-top:0px !important;}
.red {color:red;}

/*
font-family:"NanumSquare"; 
*/


/* ======================== 공통 ======================== */
header {width:100%; height:120px; border-bottom:1px solid #eee;}
header::after {content:"";}
header h1 {float:left; line-height:120px; width:257px;}
header h1 img {vertical-align:middle;}
.gnb {float:right;}
.gnb > li {width:158px; float:left; text-align:Center; }
.gnb > li:first-child > a {border-left:1px solid #ececec;}
.gnb > li > a {display:block; border-right:1px solid #ececec; padding:41px 0;}
.gnb > li > a:hover, .hov1 {background:#333;}
.gnb > li > a:hover strong, .hov1 strong {color:#fff !important;}
.gnb > li > a strong {line-height:16px; height:16px; letter-spacing:-0.07em; font-size:19px; font-family:"NanumSquare"; color:#262626; display:Block;}
.gnb > li > a span {color:#aaa; font-size:10px; text-transform:uppercase; display:Block; margin:13px auto 0 auto; line-height:9px;}

.gnb_sub {display:none; background:#fff; z-index:999; position:absolute; width:100%;}
.gnb_sub li:first-child {border-top:1px solid #eee;}
.gnb_sub li {width:100%; line-height:40px; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #eee;}
.gnb_sub li a {color:#333; display:block;}
.gnb_sub li a:hover {background:#333; color:#fff; font-weight:Bold;}


footer {width:100%; margin:100px auto 0 auto; padding:35px 0; border-top:1px solid #eee; text-align:center; font-size:12px; color:#666;}
footer article {margin:30px 0 0 0; line-height:20px;}
footer article a {color:#666;}




/* ======================== 메인 ======================== */
/* 비주얼 */
#mainvisual {width:100%; height:893px; overflow:hidden; margin-top:1px;}
#supersized {display:block;   overflow:hidden; z-index:-999; height:893px; width:100%;}
#supersized.speed img {-ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges;}	/*Speed*/
#supersized.quality img {-ms-interpolation-mode:bicubic; image-rendering: optimizeQuality;}			/*Quality*/
#supersized li {position:absolute; top:0; display:block; list-style:none; z-index:-30;   width:100%; height:893px;}
#supersized a {width:100%; height:100%; display:block;}
#supersized li.prevslide {z-index:-20;}
#supersized li.activeslide {z-index:-10;}
#supersized li.prevslide img, #supersized li.activeslide img {display:inline;}
#prevslide, #nextslide {position:absolute; height:88px; width:44px; top:404px; opacity:0.6; z-index:10000;}
#prevslide {left:50px; background:url('/img/mainarrow01.png');}
#nextslide {right:50px; background:url('/img/mainarrow02.png');}
#prevslide:active, #nextslide:active {margin-top:-19px;}
#prevslide:hover, #nextslide:hover {cursor:pointer;}

#slide-list {position:absolute; text-align:center; width:100%; margin:0 !important; bottom:30px;}
#slide-list li {width:18px; height:18px; display:inline-block; margin:0 0 0 5px;}
#slide-list li:first-child {margin:0;}
#slide-list li a {display:block; width:18px; height:18px; background:url('/img/nav-dot.png') no-repeat 0 -18px;}
#slide-list li a:hover {background-position:0 -18px; cursor:pointer;}
#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {background-position:0 0px;}

.mainvistxt {width:100%; position:absolute; font-family:"NanumSquare"; text-align:Center;}
.mainvistxt h3 {font-size:25px; color:#fff; margin:220px auto 0 auto;}
.mainvistxt h1 {font-size:53px; color:#fff; padding:18px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; width:834px; margin:18px auto 70px auto; font-weight:100;}
.mainvistxt article {font-size:20px; color:#fff; line-height:38px;}
.mainvistxt ul {overflow:hidden; width:492px; margin:137px auto 0 auto;}
.mainvistxt li {float:left; width:236px; height:57px; line-height:57px; font-size:17px; text-transform:uppercase; font-weight:bold;}
.mainvistxt li a {display:Block; width:100%; height:100%; background:url(/img/mainvisbtn02.png) no-repeat; color:#fff;}
.mainvistxt li:first-child a {background:url(/img/mainvisbtn01.png) no-repeat; color:#943a2d;}
.mainvistxt li:first-child {margin:0 20px 0 0;}
.mainvistxt li a:hover {opacity:0.6;}


/* 컨텐츠01 */
.maincontent01 {margin:70px auto 130px auto;}
.maincontent01 hgroup {background:url(/img/bar01_main.jpg) no-repeat center bottom; text-align:center;}
.maincontent01 hgroup h3 {font-size:13px; color:#4b4b4b; letter-spacing:0.2em;}
.maincontent01 hgroup h1 {font-size:32px; font-family:"NanumSquare"; font-weight:100; letter-spacing:0.2em ; color:#4b4b4b; padding:30px 0;}

.ma01wrap01 {margin:50px auto 0 auto;}
.ma01wrap01 section {float:left; width:371px; margin:0 0 0 43.5px; border-bottom:1px solid #dbdbdb; padding:0 0 30px 0;}
.ma01wrap01 section:first-child {margin:0;}
.ma01wrap01 figure {width:371px; height:246px;}

.masc01 h3 {color:#f39700;}
.masc02 h3 {color:#6a926b;}
.masc03 h3 {color:#f39700;}
.ma01wrap01 h3 {font-size:13px; margin:20px 0 15px 12px;}
.ma01wrap01 h1 {font-size:22px; font-family:"NanumSquare"; color:#2e2e2e; font-weight:100; margin:0 0 0 12px;}
.ma01wrap01 article {font-size:13px; color:#5b5b5b; line-height:21px; margin:13px 0 0 12px; letter-spacing:-0.05em;}


/* 컨텐츠02 */
.maincontent02 {background:url(/img/main02bg01.jpg) no-repeat; width:100%; height:431px;}
.maincontent02 .px1200 {padding:49px 0; height:336px;}
.ma02wrap01 {width:578px; margin:0 0 0 66px; float:right;}
.ma02wrap01 h1 {font-family:"NanumSquare"; font-size:45px; color:#fff; font-weight:100; line-height:40px; height:45px; margin:53px 0 0 0;}
.ma02wrap01 h1 strong {font-weight:900; color:#ea945f;}
.ma02wrap01 h3 {font-family:"NanumSquare"; line-height:22px; height:20px; text-transform:uppercase; font-weight:100; color:#cec5b7; font-size:27px; margin:24px 0; font-weight:100;}
.ma02wrap01 article {color:#fff; letter-spacing:-0.07em; line-height:25px; font-size:13px;}
.ma02wrap01 a {display:block; width:192px; height:44px; background:url(/img/main02btn01.png) no-repeat; text-align:Center; line-height:44px; font-family:"NanumSquare"; color:#fff; font-size:18px; margin:25px 0 0 0;}
.ma02wrap01 a:hover {opacity:0.6;}


/* 컨텐츠03 */
.maincontent03 {margin:80px auto;}
.mainb {float:left; width:578px;}
.mainb hgroup {float:left; padding:0 30px 0 0; border-right:1px solid #d9d9d9;}
.mainb hgroup h1 {font-size:23px; color:#403e3b; font-family:"NanumSquare";}
.mainb hgroup h3 {font-size:10px; text-transform:uppercase; margin:10px 0 0 0; color:#999;}
.mainb hgroup a {display:block; width:29px; height:29px; margin:137px 0 0 0;}
.mainb hgroup a:hover {opacity:0.8;}

.mainboard02 {float:Right;}
.mainb ul {float:left; margin:0 0 0 30px;}
.mainb ul li {margin:26px 0 0 0;}
.mainb ul li:first-child {margin:0;}
.mainb ul li strong {display:block; font-size:13px; color:#252525; font-weight:400;}
.mainb ul li span {display:block; font-size:12px; color:#999; margin:5px 0 0 0;}
.mainb ul li a:hover strong, .mainb ul li a:hover span {font-weight:bold;}


/* 컨텐츠04 */
.maincontent04 section {width:291px; padding:45px 40px; float:left; margin:0 0 0 43.5px;}
.maincontent04 section:first-child {margin:0;}
.maincontent04 section h1 {color:#8d6c51; font-size:30px; font-family:"NanumSquare"; font-weight:400; line-height:40px;}
.maincontent04 section p {font-size:13px; color:#333; line-height:22px; margin:16px 0;}
.maincontent04 section a {width:88px; height:31px; line-height:31px; display:block; background:url(/img/arrow_atag.png) no-repeat 96px center #9b826e; padding:0 14px; font-size:13px; color:#fff;}
.maincontent04 section a:hover {background:url(/img/arrow_atag.png) no-repeat 96px center #6c4f37;}

.m04sc1 {background:url(/img/main04icon01.png) no-repeat 239px 128px #efede4;}
.m04sc2 {background:url(/img/main04icon02.png) no-repeat 232px 128px #efede4;}
.m04sc3 {background:url(/img/main04icon03.png) no-repeat 225px 128px #efede4;}




/* ======================== 서브 ======================== */
/* 서브공통 */
.subvis {width:100%; height:161px; background:url(/img/subvis.jpg) no-repeat center top fixed; font-family:"NanumSquare"; text-align:center; padding:108.5px 0;}
.subvis h3 {color:rgba(255,255,255,0.8); font-size:22px;}
.subvis article {background:url(/img/subvistxtbg.png) no-repeat center; width:538px; height:102px; font-size:45px; margin:33px auto 0 auto; font-weight:100; color:#fff; letter-spacing:-0.07em;}

.subnav {overflow:hidden; width:100%; height:44px; border-bottom:1px solid #ddd; line-height:44px;}
.subnav_map {overflow:hidden; float:Right;}
.subnav_map li {float:left; width:170px; font-size:13px; padding:0 0 0 14px; border-right:1px solid #ddd;}
.subnav_map li a {Color:#3f3730;}
.subnav_map li:first-child {width:44px; text-align:Center; border-left:1px solid #ddd; padding:0;}
.subnav_map li:first-child img {vertical-align:middle;}
.subnav_map li select {display:block; height:44px; top:-2px; border:none; font-size:13px; width:170px; cursor:pointer; outline:none; color:#3f3730;}

.subpage {width:100%; overflow:hidden; font-family:"NanumSquare";}
.hgroup_sub {margin:0 auto; text-align:Center; padding:100px 0 45px 0; background:url(/img/bar02_subhgroup.jpg) no-repeat center bottom;}
.hgroup_sub h1 {font-size:40px; color:#333; font-weight:400; height:38px; line-height:40px; margin:0 0 30px 0;}
.hgroup_sub h3 {font-size:23px; color:#7f7f7f; font-weight:400; letter-spacing:-0.07em; line-height:25px; height:24px;}


/* 서브01 */
.sub00 > .px1200 {margin:85px auto 0 auto;}
.sub0101 {background:url(/img/0101bg01.jpg) no-repeat right top fixed; min-height:1000px;}
.sub0101 > .px1200 > article {font-size:17px; color:#767676; line-height:33px; letter-spacing:-0.07em;}

.sub0101_sewrap {overflow:hidden; margin:150px auto 0 auto;}
.sub0101_sewrap > section {float:left; width:400px;}
.sub0101_sewrap > section h1 {text-align:Center; font-size:22px; color:#fff; height:55px; line-height:55px; font-weight:400;}
.sub0101_sewrap > section figure {width:100%; height:292px; margin:1px 0 0 0;}

.s0101_s01 h1 {background:#84b780;}
.s0101_s02 h1 {background:#f5957b;}
.s0101_s03 h1 {background:#f9d568;}

.sub0101_last {width:100%; height:143px; background:url(/img/0101bg02.jpg) no-repeat center; text-align:center; margin:110px auto 0 auto; padding:100.5px 0;}
.sub0101_last h1 {line-height:38px; height:37px; font-size:37px; font-weight:100; color:#fff; }
.sub0101_last article {font-size:21px; color:#fff; line-height:33px; margin:40px auto 0 auto; font-weight:100; letter-spacing:-0.07em;}



/* 서브03 */
.hg_subtitle {overflow:hidden;}
.hg_subtitle h1 {overflow:hidden;}
.hg_subtitle h1 span {display:block; width:5px; height:32px; line-height:32px; floaT:left; background:#2b2b2b;}
.hg_subtitle h1 strong {display:block; font-size:32px; line-height:32px; color:#2b2b2b; float:left; margin:0 0 0 8px;}
.hg_subtitle h3 {margin:20px 0 0 13px; font-size:17px; color:#888; letter-spacing:-0.05em; font-weight:normal;}

.sub0301wrap {margin:40px auto 0 auto; overflow:hidden;}
.sub0301wrap > section {float:left; width:560px;}
.sub0301wrap > section + section {float:right;}
.sub0301wrap > section h1 {width:100%; text-align:center; font-size:22px; letter-spacing:-0.07em; background:#52282b; padding:14px 0; color:#fff;}
.sub0301wrap > section figure {height:390px;}

.sub0301wrap article {border-bottom:1px solid #eee; text-align:center; padding:15px 0 20px 0;}
.sub0301wrap article strong {font-size:18px; text-align:center; padding:0 0 0 10px;}
.sub0301wrap article strong:First-child {paddinG:0;}
.sub0301wrap article strong span {font-family:"NanumGothic", "Nanum Gothic", "나눔고딕";}
.sub03_st01 {color:#2a8c65;}
.sub03_st02 {color:#b04488;}
.sub03_st03 {color:#c62743;}

.table0301 {width:100%; border-top:3px solid #333; margin:30px auto 0 auto;}
.table0301 td {padding:15px; font-size:13px;  font-family:"NanumGothic", "Nanum Gothic", "나눔고딕"; color:#333;  border-bottom:1px solid #eee;}
.table0301 td:nth-child(odd) {background:#f1f1f1; width:150px; text-align:center; font-weight:bold;}