*, body {margin:0; padding:0;}
body, input, textarea {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;}
ul li {list-style:none;}
textarea {overflow:hidden;}

.overfl {overflow:hidden;}
.clr {clear:both;}
.mrt100 {margin-top:100px !important;}
.mrt50 {margin-top:50px !important;}
.mrt60 {margin-top:60px !important;}
.mrt20 {margin-top:20px !important;}
.mrt30 {margin-top:30px !important;}
.mrt0 {margin-top:0px !important;}

.px1200 {width:1200px; margin:0 auto;}
.displaynone {display:none !important;}




/* ============================== 공통 ============================== */
header {width:100%; border-top:8px solid #3e4e6d; overflow:hidden;}
header div > h1 {text-align:center; padding:38px 0;}
.headerphone {position:absolute; right:0; top:39px; background:url(/img/phone.jpg) no-repeat left center; padding:0 0 0 46px; text-align:left;}
.headerphone h1 {color:#73c6ed; font-size:29px; letter-spacing:-0.05em; font-weight:900; font-family:"NanumSquare";}
.headerphone p {font-size:12px; color:#aeaeae; left:2px;}

nav {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; height:59px;}
nav::after {content:"";}
.gnb {background:url(/img/bar01.jpg) no-repeat right center; height:59px;}
.gnb > li {float:left; width:200px; text-align:center;}
.gnb > li > a {display:block; height:59px; line-height:59px; font-family:"NanumSquare"; font-size:17px; color:#4f4f4f; width:100%; background:url(/img/bar01.jpg) no-repeat left center;}
.hov1, .gnb > li > a:hover {background:#3e71b1 !important; color:#fff  !important; font-weight:bold;}

.gnbsub {position:absolute; background:#fff; width:100%; display:none; z-index:100;}
.gnbsub li {height:45px; line-height:45px; font-size:13px; border-bottom:1px solid #eee;}
.gnbsub li a {display:block; width:100%; height:100%; color:#333;}
.gnbsub li a:hover {background:#7fa4d1; color:#fff; font-weight:bold;}

footer {width:100%; overflow:hidden; margin:1px auto 0 auto; border-top:1px solid #eee;}
.footer01 {width:1200px; margin:0 auto; overflow:hidden; height:33px; padding:11px 0;}
.footer01 section {float:left; font-family:"NanumSquare"; overflow:Hidden;}
.footer01 section h1 {background:url(/img/bg03.jpg) no-repeat center; width:89px; height:33px; font-size:15px; text-align:center; font-weight:100; color:#fff; float:left; line-height:33px;}
.footer01 section p {font-size:18px; color:#4b87be; float:left; margin:0 0 0 7px; line-height:33px; font-weight:600; letter-spacing:-0.07em;}
.footer01 section p span {font-size:11px; color:#666; font-family:"NanumGothic", "Nanum Gothic", "나눔고딕"; font-weight:400; letter-spacing:0; padding:0 0 0 5px;}


.footer01 ul {text-align:center;}
.footer01 ul li {display:inline-block; margin:0 0 0 6px;}

.footer02 {width:100%; background:#f9f9f9; padding:25px 0;}
.footer02 > div {background:url(/img/footerlogo.png) no-repeat left center; overflow:Hidden;}
.footer02 > div div {float:right;}
.footer02 > div div ul {overflow:hidden; text-align:right;}
.footer02 > div div ul li {display:inline-block; font-size:13px;}
.footer02 > div div ul li a {color:#333;}
.footer02 > div div p {font-size:13px; line-height:20px; color:#666; text-align:right; margin:10px 0 0 0;}

footer > article {background:#333; color:#fff; font-size:11px; height:50px; line-height:50px; text-align:center; text-transform:uppercase;}
footer > article > a {color:#fff;}




/* ============================== 메인 ============================== */
.mainwrap {width:100%; margin:1px auto 0 auto; overflow:Hidden; padding:40px 0; background:url(/img/bg01.jpg);}
.mainslide {width:697px; float:left;}

.bx_pager {margin:0 auto; text-align:center; position:absolute; left:10px; top:15px; z-index:1;}
.bx_pager a {float:left; background:url(/img/bullet.png) no-repeat -20px 0px; margin-left:3px; width:16px; height:16px; color:#fff; font-size:0px;}
.bx_pager a:hover, .bx_pager a.active {background-position:0px 0; text-decoration:none;}
.slides1_wrap .prev, .slides1_wrap .next {top:220px; outline:0; z-index:999; width:32px; height:32px; position:absolute;}

.slides1_wrap .prev {left:10px;}
.slides1_wrap .next {right:10px;}
.auto_controls {display:none;}


.mainright {float:right; width:503px;}
.mainright section {float:left; margin:0 0 0 20px;}

.section_mr01 {background:#fff; padding:15px; width:202px; min-height:202px;}
.section_mr01 h1 {overflow:hidden; padding:0 0 10px 0; border-bottom:1px solid #bbb;}
.section_mr01 h1 strong {display:block; font-size:17px; color:#333; font-family:"NanumSquare"; float:left;}
.section_mr01 h1 a {display:block; float:right; text-transform:uppercase; font-size:10px; line-height:19px; color:#ccc; font-weight:normal;}
.section_mr01 ul {margin:10px auto 0 auto;}
.section_mr01 li {font-size:11px; line-height:27px; overflow:Hidden; background:url(/img/bullet02.jpg) no-repeat left center; padding:0 0 0 6px;}
.section_mr01 li a {color:#848484; overflow:Hidden; display:block;}
.section_mr01 li a strong {display:block; float:left; font-weight:400;}
.section_mr01 li a span {opacity:0.6; float:right; display:Block;}


.smr00, .section_mr04 {width:191px; height:193px; padding:20px;}

.smr00 h1 {font-size:18px; color:#fff; font-family:"NanumSquare"; padding:0 0 15px 0; background:url(/img/bar02.png) no-repeat left bottom;}
.smr00 p {font-size:12px; color:#fff; margin:12px 0 0 0; line-height:16px;}
.smr00 a {display:block; width:39px; height:39px; right:0; top:0; position:absolute;}
.section_mr02 {background:url(/img/section_mr02.jpg) no-repeat;}
.section_mr03 {background:url(/img/section_mr03.jpg) no-repeat; margin-top:20px !important;}
.section_mr04 {background:url(/img/section_mr04.jpg); margin-top:20px !important;}
.section_mr04 h1, .section_mr04 p {text-align:center;}
.section_mr04 h1 {margin:15px auto 0 auto;}
.section_mr04 p {font-size:11px; letter-spacing:-0.03em; color:#ddd; padding:12px 0; border-bottom:1px solid #ddd;}
.section_mr04 ul {}
.section_mr04 li {overflow:hidden; height:24px; line-height:24px; margin:10px auto 0 auto;}
.section_mr04 li strong {display:block; width:61px; text-align:center; text-transform:uppercase; font-size:13px; font-family:"NanumSquare"; color:#fff; background:url(/img/bg02.png) no-repeat; float:left;}
.section_mr04 li span {display:block; float:left; color:#fff; font-size:12px; margin:0 0 0 5px;}




/* ============================== 서브 ============================== */
.subvisual {width:100%; height:69px; background:url(/img/subvisbg.jpg) repeat; text-align:center; padding:49.5px 0; margin:1px auto 0 auto; overflow:hidden;}
.subvisual > h1 {font-size:30px; color:#fff; font-weight:600; letter-spacing:-0.07em; font-family:"NanumSquare";}
.subvisual > ul {overflow:hidden; text-align:center; margin:15px auto 0 auto;}
.subvisual > ul li {display:inline-block; font-size:12px; margin:0 0 0 5px; color:#fff; opacity:0.7;}
.subvisual > ul li:first-child {margin:0;}

.subpagenav {overflow:Hidden; margin:0 auto;}
.subpagenav li {width:165px; float:left; margin:0 0 0 1px; text-align:center; font-size:17px; letter-spacing:-0.07em; font-family:"NanumSquare"; background:#fff; height:54px; line-height:54px;}
.subpagenav li a {color:#333; display:block; width:100%; height:100%;}
.subpagenav li a:hover, .lidisplayactive a {background:#5173a2; color:#fff !important; font-weight:bold;}

.spn1ro {width:166px;}
.spn2ro {width:332px;}
.spn3ro {width:498px;}
.spn4ro {width:664px;}
.spn5ro {width:830px;}
.spn6ro {width:996px;}


.subpage {width:100%; background:#f4f4f4; padding:40px 0; overflow:hidden;}
.subpagecon {width:1100px; padding:50px; background:#fff; margin:40px auto 0 auto;}
.h1_subtitle {font-family:"NanumSquare"; font-size:20px; color:#333; overflow:hidden; margin:50px 0 10px 0;}
.h1_subtitle span {display:block; background:#333; height:20px; line-height:20px; float:left; width:5px;}
.h1_subtitle strong {float:left; margin:0 0 0 5px; display:Block; line-height:20px;}

.ul_common01 {margin:0 0 0 10px;}
.ul_common01 li {font-size:13px; line-height:22px; background:url(/img/bullet02.jpg) no-repeat left 8px; padding:0 0 0 10px; color:#666;}
.ul_common01 li strong {color:#417bb6;}



.sub0101 article, .sub02 article, .sub03 article {text-align:center; font-size:13px; color:#777; line-height:20px; margin:35px auto 0 auto;}
.sub0101 h3 {text-align:center; font-family:"NanumSquare";}

.sub0102 section {padding:20px; border:1px solid #eee; float:left; margin:0 0 0 20px; width:162px;}
.sub0102 section:first-child {margin:0;}
.sub0102 section h3 {font-size:25px; color:#333; font-family:"NanumSquare"; background:url(/img/bar03.jpg) no-repeat left bottom; padding:0 0 20px 0;}
.sub0102 section article {font-size:12px; color:#777; margin:20px 0 0 0; line-height:20px; text-align:justify;}
.table0102 {border-top:3px solid #333; width:100%;}
.table0102 td {border-left:1px solid #eee; padding:15px; text-align:center; border-bottom:1px solid #eee; color:#777; font-size:12px;}
.table0102 td + td + td {text-align:left;}
.table0102 td:first-child , .table0102_trfir td {background:#f9f9f9; color:#333; font-size:13px; text-align:center !important; font-weight:bold;}
.table0102 td:first-child {border-left:none;}

.table0103 {border-top:3px solid #333; width:100%;}
.table0103 td {border-left:1px solid #eee; padding:15px; text-align:center; border-bottom:1px solid #eee; color:#777; font-size:12px;}
.tablebg01, .table0103_trfir td {background:#f9f9f9; color:#333; font-size:13px; text-align:center !important; font-weight:bold;}
.table0103 td:first-child {border-left:none;}


.div_sub0104con0 {overflow:Hidden;}
.div_sub0104con0 section {padding:25px; bordeR:1px solid #eee; width:272px; text-align:center; margin:0 auto;}
.div_sub0104con0 section h3 {font-size:22px; font-family:"NanumSquare"; color:#333; background:url(/img/bar03.jpg) no-repeat center bottom; padding:0 0 20px 0;}
.div_sub0104con0 section p {font-size:13px; color:#777; margin:20px 0 0 0; line-height:20px; min-height:40px;}
.div_sub0104con0 > p {margin:0 20px; float:left; height:158px; line-height:158px;}
.div_sub0104con0 > p img {vertical-align:middle;}
.div_sub0104con1 section {float:left;}
.div_sub0104con2 {margin:30px auto 0 auto;}



.sub03 > div {margin:35px auto 0 auto;}
.sub03 section {padding:20px; border:1px solid #eee; float:left; margin:0 0 30px 20px; width:311px;}
.sub03 section:first-child, .sub0302 section:nth-child(4) {margin:0;}
.sub03 section h3 {font-size:20px; color:#333; font-family:"NanumSquare"; background:url(/img/bar03.jpg) no-repeat left bottom; padding:0 0 20px 0;}
.sub03 section article {font-size:12px; color:#777; margin:20px 0 0 0; line-height:20px; text-align:justify; min-height:60px;}

.sub0304 section {width:498px;}



.sub0701 article {font-size:13px; line-height:22px; letter-spacing:-0.07em; text-align:justify; color:#333;}
.sub0701 section {margin:35px auto 0 auto; overflow:hidden;}
.sub0701 section h1 {font-family:"NanumSquare"; font-size:17px; letter-spacing:-0.07em;}
.sub0701 section article {margin:10px 0 0 0; font-size:12px; color:#888;}
.sub0701 h3 {font-size:13px; margin:20px auto 0 auto; color:#555;}