@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif; color:#3a3a3a;}
div {display:block;}
h1,h2,h3,h4,h5 {font-family: 'Noto Sans KR','Nanum Gothic';font-weight:300;line-height:1.3}
h1 b,h2 b,h3 b,h4 b,h5 b {font-weight:500}
.inner {width:1200px;margin:auto;}
.c_main {color:#79674b !important}
.c_yellow {color:#ff8f22 !important}
.c_green {color:#72943c !important}
.c_beige {color:#dad4cb !important}
.c_lightgray {color:#a0a0a0 !important}
.c_darkgray {color:#535353 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.roboto {font-family: 'Roboto';}
h1 {font-size:46px;font-weight:100;}
h2 {font-size:38px}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;line-height:1.7;color:inherit}

span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}





/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto;}
#header {width:100%; min-width:1200px; height:161px;position:relative;margin:auto;text-align:center}
#header .logo {padding-top:19px;margin-bottom:22px}

#header #gnb {width:100%;min-width:1200px;text-align:center; position:relative;height:64px;line-height:64px;display:inline-block;background:#31322f;color:#fff}
#header #gnb > ul {width:1200px;margin:auto;border-left:#5a5b59 1px solid;display:inline-block}
#header #gnb > ul > li {float:left; width:25%;font-size:20px;border-right:#5a5b59 1px solid;}
#header #gnb > ul > li a:hover,#header #gnb > ul > li a.on:hover,#header #gnb > ul > li a.on {background:#72943c;}
#header #gnb > ul > li a {display:block;}
#header #gnb .subnav { margin:auto;
width:100%;
 background-color:rgba(255,255,255,0.9);
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:64px;
  font-size:15px;
  padding-bottom:10px;
  color:#333;
 }
#header #gnb .subnav > ul {width:1200px; margin:auto; }
#header #gnb .subnav > ul > li {float:left;width:25%;min-height:200px;margin-top:10px;border-left:1px #e0e0e0 solid}
#header #gnb .subnav > ul > li:first-child {border-left:0}
#header #gnb .subnav dl {text-align:center;display:block}
#header #gnb .subnav dd {height:40px;line-height:40px;}
#header #gnb .subnav a:hover {background:#ffb400;}
#header #gnb .subnav a {display:block;}


span.more {display:inline-block;height:27px;width:27px;background:url(images/btn_more.gif) center no-repeat;}
span.more_w {display:inline-block;height:27px;width:27px;background:url(images/btn_more_w.gif) center no-repeat;}
span.more a {}
span.more_w a {}
span.more a,span.more_w a {display:block;text-indent:-3333px;cursor:pointer;height:27px;}
span.more:hover {background:url(images/btn_more_over.gif) center no-repeat;}
span.more_w:hover {background:url(images/btn_more_w_over.gif) center no-repeat;}



/* 메인 컨테이너 */
#main {width:100%; min-width:1200px;margin:0 auto;display:inline-block;position:relative;line-height:0}
#main .main_sl1 {width:100%; min-width:1200px; background:url(images/main_sl1.jpg) top center;height:512px;}
#main .main_sl2 {width:100%; min-width:1200px; background:url(images/main_sl2.jpg) top center;height:512px;}
#main .main_sl3 {width:100%; min-width:1200px; background:url(images/main_sl3.jpg) top center;height:512px;}
#main .main_sl4 {width:100%; min-width:1200px; background:url(images/main_sl4.jpg) top center;height:512px;}
#main .main_sl5 {width:100%; min-width:1200px; background:url(images/main_sl5.jpg) top center;height:512px;}


#main .main_icon {margin:50px auto;width:100%;display:inline-block;}
#main .main_icon ul li {width:220px;height:252px;margin:0 10px;float:left;color:#fff;background-position:top center;text-align:center}
#main .main_icon ul li a {display:block;height:252px;padding-top:162px;}
#main .main_icon ul li.icon1 {background-image:url(images/main_icon1.png);}
#main .main_icon ul li.icon2 {background-image:url(images/main_icon2.png);}
#main .main_icon ul li.icon3 {background-image:url(images/main_icon3.png);}
#main .main_icon ul li.icon4 {background-image:url(images/main_icon4.png);}
#main .main_icon ul li.icon5 {background-image:url(images/main_icon5.png);color:#20714e}



#main .main_bar {width:100%;display:inline-block;height:120px;background:url(images/main_bar_bg.jpg) top center}
#main .main_bar .inner {padding:0 10px}
#main .main_bar .inner > div {float:left;width:50%;height:120px;}
#main .main_bar .inner > div h4 {line-height:120px;}
#main .main_bar .inner > div a {display:block;height:120px;}
#main .main_bar .link_qna {background:url(images/main_bar_qna.png) left  center no-repeat #20714e;color:#fff;padding-left:100px}
#main .main_bar .link_qna h4 {float:left}
#main .main_bar .link_qna .link_qna_inner {width:370px;height:120px;background:#dfe1e5;float:right;text-align:center;}
#main .main_bar .link_qna .link_qna_inner a {float:left;width:50%;color:#333;padding-top:45px}
#main .main_bar .link_qna .link_qna_inner a h5 {border-left:1px #888 solid;}
#main .main_bar .link_qna .link_qna_inner a:first-child h5 {border-left:0}
#main .main_bar .link_faq {background:url(images/main_bar_faq.png) top center #353633 no-repeat;color:#fff;}
#main .main_bar .link_faq a {padding-left:220px}


#main .main_form {width:100%;display:inline-block;background:#eceef1;padding:80px 0;text-align:center}
#main .main_form h2,#main .main_form p {line-height:1.5}
#main .main_form .form_box {width:65%;margin:auto;min-height:300px;text-align:justify}
#main .main_form span.btn {background:#f04400;color:#fff;height:50px;line-height:50px;display:inline-block;border-radius:50px;padding:0 90px;font-size:24px;margin:auto}
#main .main_form span.btn a {display:block;height:50px;}

#main .main_cs {width:100%;display:inline-block;padding:50px 0}
#main .main_cs .inner > div {width:580px;margin:0 10px;height:352px}
#main .main_cs .left {border:1px #b5b5b5 solid}
#main .main_cs .right {background:url(images/main_cs.png) top center no-repeat;padding:35px}

/* Tabs */
#main .main_cs ul.tabs { width:100%; height:68px; line-height:68px; margin:0 auto; background:#eceef1;
display:inline-block;}
#main .main_cs ul.tabs li {float:left; width:33.33%; text-align:center; display:inline-block;}
#main .main_cs ul.tabs li.tabs-item a {	display:block; letter-spacing:-1px;	font-size:20px; color:#828282; border-bottom:1px #b5b5b5 solid;border-left:1px #b5b5b5 solid;font-weight:bold}
#main .main_cs ul.tabs li.tabs-item.first a {border-left:0}

/* Hovered Tab */
#main .main_cs li.tabs-item a:hover, #main .main_cs li.tabs-item a:active {	background:#fff;font-size:22px !important;}

/* Active Tab */
#main .main_cs li.ui-tabs-selected a, #main .main_cs li.ui-tabs-selected a:hover, #main .main_cs  li.ui-tabs-selected a:active {	background:#fff; font-size:22px !important;color:#303030 !important;border-bottom:0 !important;}

/* Content Panels */
#main .main_cs .ui-tabs-hide {	display:none;}
#main .main_cs .btn_get_started {	float:left;	height:30px;	width:99px;	text-indent:-9999em;	margin-right:7px; 	overflow:hidden; 	background:transparent url(images/getstarted.gif) no-repeat}
#main .main_cs .tab_content {padding:40px;font-size:17px;line-height:1.5;}





#footer {width:100%; min-width:1200px;margin:auto;display:inline-block;position:relative;background:#4c4c4c}
#footer .inner {margin:30px auto; text-align:left;font-size:15px;color:#ececec;letter-spacing:-0.5px;line-height:170%;height:50px}
#footer .inner span {padding-right:15px;}



/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block;position:relative;}
#sub .subtop {width:100%;height:198px; background:url(images/subtop.gif) center no-repeat;padding-top:50px;text-align:center;border-bottom:1px #d0d0d0 solid}


#sub .snb {width:100%; height:60px; line-height:59px;border-bottom:1px #d0d0d0 solid;background:#f5f5f5}
#sub .snb ul {width:100%;border-left:1px #d0d0d0 solid;display:inline-block}
#sub .snb ul li {float:left; text-align:center;border-right:1px #d0d0d0 solid;}
#sub .snb ul li a {display:block;}
#sub .snb ul li a.on,#sub .snb ul li a.on:hover {color:#fff;font-weight:bold;font-size:larger;background:#72943c;}
#sub .snb ul li a:hover {background:#72943c;color:#fff;}
#sub .snb ul.p3 li {width:33.33%;}
#sub .snb ul.p4 li {width:25%;}
#sub .snb ul.p5 li {width:20%;}


#sub #content {width:100%;min-width:1200px; display:inline-block;margin:70px auto 10px;position:relative;min-height:400px}
#sub #content .inner {padding:0 10px}
#sub #content h1.subject {background:url(images/subject_bar.gif) bottom center no-repeat;padding-bottom:16px;text-align:center;margin-bottom:60px;font-weight:500;text-align:center}

#sub #content .paragraph {width:100%; margin-bottom:60px;display:inline-block;}
#sub #content .paragraph .row {width:100%; display:inline-block}
#sub #content .paragraph h3.subtitle {font-weight:500;border-left:3px #ffb400 solid; border-right:3px #ffb400 solid;text-align:center;width:300px;margin:auto;line-height:1;margin-bottom:20px}
#sub #content .paragraph hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px 0}
#sub #content .paragraph hr.bigpart {margin:30px 0}

#sub #content .paragraph .box {border:1px #d0d0d0 solid; padding:25px; border-top:3px #ffb400 solid}

#sub #content .paragraph .radiusbox {border-radius:10px;border:1px #d0d0d0 solid; padding:30px 20px;}

/*높이설정*/
#sub #content .paragraph .sub2_3_2 {height:400px}
#sub #content .paragraph .sub2_3_2 > div {height:100%}
#sub #content .paragraph .sub2_4_2_1 {height:260px;}
#sub #content .paragraph .sub2_4_2_1 > div {height:100%}
#sub #content .paragraph .sub2_4_2_2 {height:315px;}
#sub #content .paragraph .sub2_4_2_2 > div {height:100%}


#sub #content .paragraph .part > div {margin:0 2%;}
#sub #content .paragraph .part > div.first {border-left:0}
#sub #content .paragraph .part.p4 > div {float:left;width:23%;margin:0 1%;}
#sub #content .paragraph .part.p3 > div {float:left;width:29.33%;}
#sub #content .paragraph .part.p2 > div {float:left;width:46%;}


#sub #content .paragraph ul.bullet {display:inline-block}
#sub #content .paragraph ul.bullet li{background:url(images/bullet.gif) 0 13px no-repeat;padding-left:16px;text-align:justify}
#sub #content .paragraph ul.bullet li.none{background:none; padding-left:16px;text-align:justify}


#sub #content .paragraph ul.table {display:inline-block;width:100%;margin-bottom:20px}
#sub #content .paragraph ul.table li {float:left;}
#sub #content .paragraph ul.table li h4 {border-bottom:1px #ffb400 solid;padding-bottom:10px;font-weight:500}
#sub #content .paragraph ul.table li.title {width:20%;}
#sub #content .paragraph ul.table li.txt {width:80%;padding-left:15px}



/* 아코디언 */
#sub #content .paragraph .accordion {margin-bottom:20px;}
#sub #content .paragraph .accordion .q_line {width:100%;  border-top: 2px solid #00335f; border-bottom:1px #e0e0e0 solid; height:63px;line-height:60px;text-align:left;font-size:18px; cursor:pointer}
#sub #content .paragraph .accordion .q_line h3 {line-height:60px;font-weight:300}
#sub #content .paragraph .accordion .q_line span {font-family: 'Roboto', sans-serif;float:left;width:70px;text-align:center;font-size:30px;color:#00335f;font-weight:100}
#sub #content .paragraph .accordion .a_line {width:100%;padding:15px 20px 15px 70px;}
#sub #content .paragraph .accordion .a_line p {text-align:justify}
#sub #content .paragraph .accordion .a_line .table p {text-align:inherit}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background:url(images/aco_open.gif) right center no-repeat;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {background:url(images/aco_close.gif) right center no-repeat;}



#sub #content .board_box {width:100%;display:inline-block;min-height:400px;font-size:14px !important;}
#sub #content .board_box span.btn {background:#f04400;color:#fff;height:50px;line-height:50px;display:inline-block;border-radius:50px;padding:0 90px;font-size:24px;margin:auto}
#sub #content .board_box span.btn a {display:block;height:50px;}


/* 서브페이지 탭 */
#sub #content .tab_list {height:62px; line-height:60px; margin-bottom:40px; background:url(images/tab_bg.gif) center repeat-x}
#sub #content ul.tabs {	 ; float:right; position:relative; left:-50%;}
#sub #content ul.tabs li { display:inline-block;	float:left; position:relative; left:50%; text-align:center; font-size:17px;  border:1px #e0e0e0 solid; background:#fff; margin:0 2px; width:160px}
#sub #content ul.tabs li a {display:block;}
#sub #content ul.tabs li.active  { background:#00335f; color:#fff;  border:1px #00335f solid}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {padding: 30px 0 0 0; width:100%;display:inline-block; min-height:280px;}
