@charset "utf-8";

/***** em px % *****/
/* 12px = 0.75em = 75%, 13px=0.8em=80%, 15px=0.95em=95%, 17px=1.05em=105% */

@font-face {font-family:"nb"; src:url(../font/NanumBarunGothic.eot); src:local(¡Ø), url(../font/NanumBarunGothic.woff) format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:"ngb"; src:url(../font/NanumGothicBold.eot); src:local(¡Ø), url(../font/NanumGothicBold.woff) format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:"nsb"; src: url(../font/nanumsquareb.eot); src: url(../font/nanumsquareb.eot?#iefix) format('embedded-opentype'), url(../font/nanumsquareb.woff2) format('woff2'), url(../font/nanumsquareb.woff) format('woff'), url(../font/nanumsquareb.ttf) format('truetype'), url(../font/nanumsquareb.svg#nanumsquarebregular) format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family:"ns"; src: url(../font/NanumSquareR.eot); src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(../font/NanumSquareR.woff) format('woff'), url(../font/NanumSquareR.ttf) format('truetype');}


#header{background:#fe7c30;}
#header .inr{position:relative; max-width:1240px; height:75px; box-sizing:border-box; margin:0 auto; padding:0;}
#header .inr h1{position:absolute; left:0px; top:50%; width:141px; height:40px; margin-top:-20px;}
#header .inr h1 > a{display:block; height:100%; background:url(../../../theme/basic/img/logo.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#header .inr:after{content:''; display:block; clear:both;}

/* gnb */
nav > .gnb{float:right;}
nav > .gnb:after{content:''; display:block; clear:both;}
nav > .gnb > li{float:left; position:relative; padding:0 15px;}
nav > .gnb > li > a{display:inline-block; position:relative; padding:0; font-size:17px; color:#fff; letter-spacing:-0.025em; text-align:center; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:75px; border:1px solid #fff;}
nav > .gnb > li > a:after{content:''; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:5px; background:#594842; transform:scaleX(0); transition:all 0.3s ease 0s;}
nav > .gnb > li > a:hover:after,
nav > .gnb > li > a:focus:after,
nav > .gnb > li > a.active:after,
nav > .gnb > li > a.on:after{transform:scaleX(1);}
nav > .gnb > li > ul{display:none; position:absolute; top:75px; left:0px; z-index:90; width:100%; min-width:170px; box-sizing:border-box; /*box-shadow:5px 5px 0px rgba(0,0,0,0.2);*/}
nav > .gnb > li > ul > li:first-child > a{border-top:1px solid #e5e5e5;}
nav > .gnb > li > ul > li > a{display:block; position:relative; padding:10px 15px; background:#fff; border-bottom:1px solid #e5e5e5; color:#666; letter-spacing:0px; font-weight:300; font-size:15px;}
nav > .gnb > li > ul > li > a:hover,
nav > .gnb > li > ul > li > a:focus{background:#54c1e5; border-color:#46aed0; color:#fff;}
nav > .gnb > li > ul > li > a:before{content:''; display:block; opacity:0; position:absolute; top:-1px; left:0px; width:100%; height:1px; background:#46aed0;}
nav > .gnb > li > ul > li > a:hover:before,
nav > .gnb > li > ul > li > a:focus:before{opacity:1;}
nav > .gnb > li:last-child > ul{right:0px; left:auto;}
nav > .gnb > li > a.open{display:none;}

/* mobile gnb */ 
.btn_m_menu{display:none; position:absolute; right:15px; top:50%; width:24px; height:22px; box-sizing:border-box; margin-top:-7px; padding-top:9px;}
.btn_m_menu span{display:block; height:4px; background:#2d3e50; border-radius:2px; text-indent:100%; overflow:hidden; white-space:nowrap; transition:all 0.3s ease 0s;}
.btn_m_menu:before,
.btn_m_menu:after{content:''; display:block; position:absolute; left:0px; width:100%; height:4px; background:#2d3e50; border-radius:2px;}
.btn_m_menu:before{top:0px; transition:top 0.3s ease 0s, transform 0.3s ease 0.3s;}
.btn_m_menu:after{bottom:0px; transition:bottom 0.3s ease 0s, transform 0.3s ease 0.3s}
.btn_m_menu.active span{opacity:0;}
.btn_m_menu.active:before{top:9px; transform:rotate(45deg);}
.btn_m_menu.active:after{bottom:9px; transform:rotate(-45deg);}

#header nav .bg{position:absolute; right:0; top:84px; z-index:999; width:40%; background:#446ecc; transform:translateX(100%); transition:all 0.4s ease-out 0s;}
#header nav .bg.active{transform:translateX(0);}
#header nav .shadow{display:none; position:fixed; left:0px; top:0px; z-index:997; width:100%; height:100%;}
#header nav .shadow > a{display:block; height:100%;}
#header nav .bg.active + .shadow{display:block;}

/* container */
#container{width:100%; min-width:1240px; margin:0 auto; padding:0;}

/* footer */
#footer{background:#40495a;}
#footer .inr{position:relative; max-width:1200px; margin:0 auto; padding:40px 0px; color:#fff; font-size:14px; font-weight:300;}
#footer .logo{display:block; position:absolute; left:0px; top:40px; /*width:183px;*/ width: 233px; height:48px; background:url(../images/common/logo_footer.gif) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
/* 2018-09-06 ¼öÁ¤ */
/*#footer .inr > *:not(.logo){padding-left:215px;}*/
#footer .inr > *:not(.logo){padding-left:263px;}
#footer address span{display:inline-block; padding-right:20px;}
#footer p{margin-top:5px; font-size:13px;}

/* btn top */
.btn_top{display:inline-block; opacity:0; position:fixed; right:50px; bottom:50px; z-index:999; width:48px; height:48px; background:#8698ac url(../images/common/img_arrow_top.gif) no-repeat 50% 50%; border-radius:50%; box-shadow:5px 5px 10px rgba(0,0,0,0.28); text-indent:100%; overflow:hidden; white-space:nowrap; transition:all 0.3s ease 0s;}
.btn_top.active{opacity:1;}

/* sub visual */
.area_subVisual{height:199px; background:url(../images/common/img_sub_visual.jpg) no-repeat 50% 0; background-size:cover; text-align:center; color:#fff;}
.area_subVisual em,
.area_subVisual i{display:block; font-family:'Raleway', sans-serif; font-weight:600;}
.area_subVisual i{padding-top:54px; font-size:50px; letter-spacing:-1px;}
.area_subVisual i span{font-size:32px;}
.area_subVisual em{font-size:16px; font-weight:400;}

/* lnb */
.area_lnb{float:left; width:250px;}
.area_lnb h2{height:160px; background:#1b40b3 url(../images/common/bg_subtitle.png) no-repeat 45% 60%; color:#fff; font-family:'Nanum Square', Sans-serif; font-size:35px; text-align:center;}
.area_lnb h2 span{display:inline-block; vertical-align:middle;}
.area_lnb h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.area_lnb .lnb > li{margin-top:10px;}
.area_lnb .lnb > li > a{display:block; padding:12px 15px; border:1px solid #dbdbdb; font-size:16px; color:#636363; letter-spacing:-0.5px;}
.area_lnb .lnb > li > a.on{background:#54c1e5; border-color:#54c1e5; color:#fff;}
.btn_m_lnb{display:none; position:relative; margin-top:15px; padding:12px 35px 12px 15px; border:1px solid #dbdbdb; font-size:16px; transition:all 0.3s ease 0s;}
.btn_m_lnb:after{content:''; display:block; position:absolute; right:20px; top:50%; width:8px; height:12px; margin-top:-6px; background:url(../images/common/img_arrow_gray.png) no-repeat 0 0; background-size:100%; transform:rotate(90deg); transition:all 0.3s ease 0s;}
.btn_m_lnb.active{background:#446ecc; border-color:#6488d8; color:#fff;}
.btn_m_lnb.active:after{background-image:url(../images/common/img_arrow.png); transform:rotate(-90deg);}

/* footer */
#footer{position:relative; background:#323136 url(../images/common/footer_line.gif) repeat-x 0 54px; text-align:left;}
#footer ul{position:relative; max-width:1200px; margin:0 auto; padding:15px 0px;}
#footer ul > li{display:inline-block; position:relative; padding:0 15px;}
#footer ul > li > a{display:inline-block; color:#fff; font-weight:300; letter-spacing:-1px;}
#footer ul > li:first-child > a{color:#5ca0df !important}
#footer .inr{position:relative; max-width:1200px; margin:0 auto; padding:50px 0px; text-align:left;}
#footer .logo{display:block; position:absolute; left:15px; top:25px; width:181px; height:43px; background:url(../images/common/logo_footer.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#footer address{position:absolute; top:25px; right:15px; width:50%; text-align:right; color:#9794a3; letter-spacing:-0.5px; font-weight:300; word-break:keep-all;}
#footer address span{display:block; margin:0 5px; font-family:'Open Sans', Sans-serif;}
#footer p{padding:20px 15px 0px; font-family:'Open Sans', Sans-serif; font-size:15px; color:#9794a3;}

.btn_top{display:block; position:absolute; top:-52px; right:15px; width:60px; height:54px; line-height:54px; background:url(../images/common/img_arrow_top.png) no-repeat 0 50%; font-size:15px; text-align:right; overflow:hidden;}
a.btn_top{color:#fff}

/* sub visual */
.area_subVisual{height:250px; background:url(../images/common/img_sub_visual.jpg) no-repeat 50% 0; background-size:cover; text-align:center; color:#fff;}
.area_subVisual em,
.area_subVisual i{display:block; font-family:'Exo 2', sans-serif; font-weight:100; padding-top:80px; font-size:55px; letter-spacing:-1px;}
.area_subVisual em{padding-top:5px; font-size:18px; font-weight:400;}

/* location */
.area_location{position:relative;margin-top:10px}
.area_location li{vertical-align:middle; display:inline-block; margin:0 10px; font-size:14px; color:#fff;}
.area_location li:before{content:""; display:block; position:absolute; top:55%; margin-left:-11px; width:3px; height:3px; background:#fff; border-radius:50%;}
.area_location li.home:before{background:none;}
.area_location li img{vertical-align:middle}

/* sub title */
.tit_sub{margin-bottom:60px; padding:0 0 20px 0; border-bottom:1px solid #ccd0de; text-align:center; font-size:40px; font-weight:500; color:#151515;}

@media all and (min-width:1240px){
	header,
	header .util_area,
	.gnb_area,
	footer,
	.sub_visual{min-width:1130px;}
	header .util_area > div,
	.bottom_area,
	.gnb_area .inr > ul,
	footer > div,
	.contanier .content,
	.sub_visual > div{width:1200px; margin:0 auto;}
	.tab_area{width:1200px;}
	.area_lnb .lnb{display:block !important;}
}

@media all and (max-width:1239px){
	#tnb {padding-right:15px; padding-left:15px; position:relative;}
	nav > .gnb > li{float:left; position:relative; padding:0 10px;}
	#header .inr {padding-right:15px; padding-left:15px;}
	#header .inr h1{left:15px;}
	#container{padding-right:15px; padding-left:15px;}
	#content > div[class^="area_"] h2{margin:0 auto; font-size:30px;}
	#content > div[class^="area_"] h2 + p{margin:10px auto 0 auto; font-size:16px;}
}

.top_so {position:absolute; left:0; top:0;}

@media all and (max-width:1024px){
	.area_util{position:absolute; right:60px; top:24px;}
	.area_util > a{width:40px; padding:6px 18px 6px 6px; border-radius:20px; font-size:14px; background:url(../images/common/img_btn_select.png) no-repeat 40px 50%;}

	#header .inr{height:80px;}
	#header nav .bg{top:80px;}
	.btn_m_menu{display:block;}
	#header nav .gnb > li{position:relative;}
	#header nav .gnb > li > a{transition:all 0.3s ease 0s;}
	#header nav .gnb > li > a:not(.open){display:block; padding:15px; border-bottom:1px solid #6488d8; font-size:16px; color:#fff;}
	#header nav .gnb > li > ul{display:none;}
	#header nav .gnb > li > a.active{background:#3a5592; border-bottom-color:#2d4a8c;}
	#header nav .gnb > li > a.open{display:block; position:absolute; right:10px; top:10px; width:36px; height:36px; text-indent:100%; overflow:hidden; white-space:nowrap;}
	#header nav .gnb > li > a.open:before{content:''; display:block; position:absolute; left:10px; top:10px; width:16px; height:16px; background:url(../images/common/img_more_close.png) no-repeat 0 0; background-size:100%; transform:rotate(90deg); transition:all 0.3s ease 0s;}
	#header nav .gnb > li > a.open.active:before{background:url(../images/common/img_more_open.png) no-repeat 0 0; transform:rotate(-180deg);}
	#header nav .gnb > li > ul{padding:20px; background:#3a5592; border-bottom:1px solid #2e467b;}
	#header nav .gnb > li > ul > li > a{display:block; padding:3px 0px; color:#fff; font-weight:300;}
	
	.area_lnb{position:relative; width:auto; min-height:inherit; margin:0 auto; padding:15px 3%;}
	.area_lnb .lnb.w8 > li,
	.area_lnb .lnb.w5 > li,
	.area_lnb .lnb.w4 > li,	
	.area_lnb .lnb.w3 > li,
	.area_lnb .lnb.w2 > li{float:inherit; width:auto;}
	.area_lnb .lnb{display:none; position:absolute; top:80px; left:0px; width:94%; margin:0 3% 0 3%; z-index:80; background:#3a5592;}
	.area_lnb .lnb li{margin-top:0px;}
	.area_lnb .lnb li > a{padding:7px 15px; border:0px; color:#fff; text-align:left;}
	.area_lnb .lnb li > a.on{background:transparent;}
	
	#footer .logo{display:none;}
	#footer .inr{max-width:100%; padding:30px 0px; text-align:center;}
	#footer .inr > .logo{padding-left:0px;}
	#footer address{position:relative; top:0px; left:0px; width:80%; margin:0 auto; text-align:center;}
	#footer address span{display:inline-block;}
	
	.btn_m_lnb{display:block;}
	.tit_sub{margin-bottom:30px;}
}

@media all and (max-width:768px){
	.btn_open_menu{top:40px; width:22px; height:21px; padding-top:9px;}
	.btn_open_menu.active:before{top:9px;}
	.btn_open_menu.active:after{bottom:9px;}
	
	#footer ul{text-align:left;}
	#footer ul > li{padding:0 5px; line-height:1em;}
	#footer ul > li:before{width:4px; height:4px; margin-top:0px;}
	#footer ul > li > a{font-size:14px; line-height:1em;}
	#footer address{font-size:14px;}
	#footer address br{display:block;}
}

@media all and (max-width:500px){
	#header nav .bg{width:60%;}
	.btn_top{right:15px;}
	
	.tab_area .col02 > li,
	.tab_area .col03 > li,
	.tab_area .col04 > li,
	.tab_area .col05 > li,
	.tab_area .col06 > li{width:100%;}
	.tab_area ul > li > a{border-bottom:1px solid #d3d7e3; border-left-width:0px;}
	
	#content{padding-top:30px;}
	#content > div[class^="area_"] h2{margin:0 auto; font-size:25px;}
	#content > div[class^="area_"] h2 + p{margin:10px auto 0 auto; font-size:16px;}

	.area_subVisual{height:220px;}
	.area_subVisual i{padding-top:70px; font-size:40px;}
	.area_subVisual i span{font-size:25px;}
	.area_subVisual em{font-size:14px;}
}



/***** ¸ÞÀÎ ·Ñ¸µÈ­¸é *****/
#main_wrap {position:relative; margin:0 auto; padding:20px 0; background:#f9f9f9;}
#main_visual {position:relative; margin:0 auto 20px; padding:0; width:1240px; text-align:center;}

#main_box {clear:both; position:relative; margin:0 auto; padding:0; width:1240px;}
#main_box .box04 {margin:0 auto; padding:0; width:100%;}
#main_box .box04 > li {float:left; width:295px; height:305px; /*border-right:20px solid #f9f9f9;*/ background-size:100% 100%; margin-right:20px;}
#main_box .box04 > li > a{display:block; position:relative; width:295px; height:100%; padding:30px; color:#666; line-height:18px; box-sizing:border-box; cursor:pointer; }
#main_box .box04 > li > a span {position:absolute;bottom:30px;}
/*#main_box .box04 > li > a span {position:absolute;bottom:30px; width:45px; height:45px; line-height:45px;border-radius:45px; background:#466daf; color:#fff; text-align:center; font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px;}*/
#main_box .box04 > li > a span b {display:none;}
#main_box .box04 > li h2 {font-size:33px; line-height:33px; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; margin:10px 0 25px; color:#333; letter-spacing:-0.025em;}
#main_box .box04 > li h4 {font-size:17px; font-weight:normal; line-height:125%;}
#main_box .box04 > li:nth-child(1) {background:url(../../../theme/basic/img/main/bg01.jpg) center center no-repeat;}
#main_box .box04 > li:nth-child(2) {background:url(../../../theme/basic/img/main/bg02.jpg) center center no-repeat;}
#main_box .box04 > li:nth-child(3) {background:url(../../../theme/basic/img/main/bg03.jpg) center center no-repeat;}
#main_box .box04 > li:nth-child(4) {background:url(../../../theme/basic/img/main/bg04.jpg) center center no-repeat; text-align:center; margin-right:0px;}
#main_box .box04 > li:nth-child(4) a {color:#fff; padding:60px 0;}
#main_box .box04 > li:nth-child(4) a span {position:absolute; bottom:60px; left:50%; width:45px; margin-left:-22.5px;}
#main_box .box04:after{content:''; display:block; clear:both;}

#main_box .box04 li a:hover span img {display:none;}
#main_box .box04 li a:hover span {background:rgba(254,124,48,1.0); width:45px; height:45px; line-height:45px;border-radius:45px; color:#fff; text-align:center;}
#main_box .box04 li a:hover span b {display:block; font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px;}


#main_box .box02 {margin:20px auto; padding:0; width:100%;}
#main_box .box02 > li {float:left; width:610px; height:305px; /*border-right:20px solid #f9f9f9;*/ margin-right:20px;}
#main_box .box02 > li > a{display:block; position:relative; width:100%; height:100%; padding:40px;}
#main_box .box02 > li > a span b {display:none;}
#main_box .box02 > li:nth-child(1) {background:url(../../../theme/basic/img/main/bg05.jpg) center center no-repeat; text-align:center;}
#main_box .box02 > li:nth-child(2) {background:url(../../../theme/basic/img/main/bg06.jpg) center center no-repeat; margin-right:0px;}
#main_box .box02 > li h2 {font-size:43px; line-height:43px; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; margin:10px 0 25px; color:#fe7c30; letter-spacing:-0.025em;}
#main_box .box02 > li h4 {font-size:30px; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:125%; color:#fff;}
#main_box .box02 > li > a span {position:absolute;bottom:40px;}
#main_box .box02:after{content:''; display:block; clear:both;}

#main_box .box02 li a:hover span img {display:none;}
#main_box .box02 li a:hover span {background:rgba(254,124,48,1.0); width:45px; height:45px; line-height:45px;border-radius:45px; color:#fff; text-align:center;}
#main_box .box02 li a:hover span b {display:block; font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px;}


#main_box .box04s {margin:0 auto; padding:0; width:100%;}
#main_box .box04s > li {float:left; position:relative; width:295px; height:305px; padding:30px; color:#666; line-height:18px; box-sizing:border-box; background:#fff; margin-right:20px;}

#main_box .box04s > li h4 {font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#333; height:44px; border-bottom:1px solid #e5e5e5;}
#main_box .box04s .mbor li {position:relative; border-bottom:1px solid #e5e5e5; line-height:39px;}
#main_box .box04s .mbor li a {text-decoration:none; color:#555;}
#main_box .box04s .mbor li a:hover {text-decoration:underline;}
#main_box .box04s .mbor li span {position:absolute; right:0;}

#main_box .box04s > li:nth-child(3) {padding:0;}
#main_box .box04s > li:nth-child(4) {padding:0; margin-right:0px;}

.box04s .m_time {color:#555; text-align:center; height:65%; padding-top:35px; box-sizing:border-box;}
.box04s .m_time h5 {font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#333;}
.box04s .m_time h2 {color:#ff9600; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:500; margin:20px 0;}

.box04s .m_time02 {color:#555; text-align:center; height:100%; padding-top:35px; box-sizing:border-box;}
.box04s .m_time02 h5 {font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#333;}
.box04s .m_time02 h2 {color:#ff9600; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:500; margin:20px 0 9px; line-height:35px;}
.mtta {display:table; width:75%; border:0; border-spacing:0; border-collapse:collapse;}
.mtta th {border-bottom:1px solid #e5e5e5; font-size:13px; width:25%; text-align:left; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:29px;}
.mtta td {border-bottom:1px solid #e5e5e5; font-size:13px; width:50%; text-align:right; line-height:29px;}


.box04s .m_ka {background:url(../../../theme/basic/img/main/kakao.jpg) 30px center no-repeat #3b1e1e; color:#fff; height:35%; font-size:15px; padding:22px 0 0 90px; box-sizing:border-box; line-height:20px;}
.box04s .m_ka a {display:block; color:#fff; height:100%;}

.box04s .m_ic > li {float:left; width:50%; height:152px; padding:0; text-align:center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; box-sizing:border-box; background-size:100% 100%;}
.box04s .m_ic > li a {display:block; height:100%; padding-top:100px; font-size:15px; color:#666; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; cursor:pointer; box-sizing:border-box;}
.box04s .m_ic > li:nth-child(1) {background:url(../../../theme/basic/img/main/ic01.png) center center no-repeat;}
.box04s .m_ic > li:nth-child(2) {background:url(../../../theme/basic/img/main/ic02.png) center center no-repeat; border-right:none;}
.box04s .m_ic > li:nth-child(3) {background:url(../../../theme/basic/img/main/ic03.png) center center no-repeat; border-bottom:none;}
.box04s .m_ic > li:nth-child(4) {background:url(../../../theme/basic/img/main/ic04.png) center center no-repeat; border-right:none; border-bottom:none;}

.box04s .m_ic:after {content:''; display:block; clear:both;}
#main_box .box04s:after{content:''; display:block; clear:both;}



/***** ÅؽºÆ® »çÀÌÁî *****/
.t17 {font-size:17px; line-height:27px;}
.t19 {font-size:19px; line-height:30px;}
.h100 {margin-top:100px;}.h50 {margin-top:50px;}.h30 {margin-top:30px;}.h20 {margin-top:20px;}
.p10 {padding:0 1.0em;}
.clear {clear:both;}
b, strong {font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.dec01 {font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#d8505c; padding-bottom:2px; border-bottom:1px solid #d8505c;}
.dec02 {font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#3c4778; font-size:17px;}
.de01 {color:#d8505c;}

.sscon:after {content:''; display:block; clear:both;}
.ssconL {float:left; width:65%;}
.ssconR {float:right; width:35%; text-align:right;}
.text-center {text-align:center; line-height:25px;}
div {line-height:25px;}
.point01 {font-size:30px; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#d8505c; line-height:40px;}
.point02 {font-size:30px; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#3c4778; line-height:40px;}

/***** ¼­ºêÆäÀÌÁö *****/
#subimgtop_01 {position:relative; margin:0 auto; padding-top:70px; height:240px; background:#3f3f3f; text-align:center; color:#fff; font-size:15px; box-sizing:border-box;}
#subimgtop_02 {position:relative; margin:0 auto; padding-top:70px; height:240px; background:#3f3f3f; text-align:center; color:#fff; font-size:15px; box-sizing:border-box;}
#subimgtop_03 {position:relative; margin:0 auto; padding-top:70px; height:240px; background:#3f3f3f; text-align:center; color:#fff; font-size:15px; box-sizing:border-box;}
#subimgtop_04 {position:relative; margin:0 auto; padding-top:70px; height:240px; background:#3f3f3f; text-align:center; color:#fff; font-size:15px; box-sizing:border-box;}
#subimgtop_05 {position:relative; margin:0 auto; padding-top:70px; height:240px; background:#3f3f3f; text-align:center; color:#fff; font-size:15px; box-sizing:border-box;}
#subimgtop_06 {position:relative; margin:0 auto; padding-top:70px; height:240px; background:#3f3f3f; text-align:center; color:#fff; font-size:15px; box-sizing:border-box;}

.imgtop_title {color:#fff; font-size:50px; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; margin-bottom:20px;}
.subtitle {font-size:45px; text-align:center; color:#333; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; margin:100px 0 0 0; letter-spacing:-0.025em; line-height:50px;}
.subtitles {font-size:17px; text-align:center; color:#666; margin-top:20px;}

.submenu04 {margin:0 auto; padding:0; width:1240px;}
.submenu04 li {float:left; width:25%; text-align:center; box-sizing:border-box;}
.submenu04 li a {display:block; border:1px solid #d9d9d9; border-top:none; border-right:none; line-height:59px; font-size:17px; color:#555; cursor:pointer;}
.submenu04 li:nth-child(4) a {border-right:1px solid #d9d9d9;}
.submenu04 li.up a {background:#7a7a7a; color:#fff; border-bottom:1px solid #7a7a7a; border-left:1px solid #7a7a7a;}
.submenu04:after{content:''; display:block; clear:both;}

.submenu02 {margin:0 auto; padding:0; width:1240px;}
.submenu02 li {float:left; width:50%; text-align:center; box-sizing:border-box;}
.submenu02 li a {display:block; border:1px solid #d9d9d9; border-top:none; border-right:none; line-height:59px; font-size:17px; color:#555; cursor:pointer;}
.submenu02 li:nth-child(2) a {border-right:1px solid #d9d9d9;}
.submenu02 li.up a {background:#7a7a7a; color:#fff; border-bottom:1px solid #7a7a7a; border-left:1px solid #7a7a7a;}
.submenu02:after{content:''; display:block; clear:both;}

.submenu03 {margin:0 auto; padding:0; width:1240px;}
.submenu03 li {float:left; width:33.333%; text-align:center; box-sizing:border-box;}
.submenu03 li a {display:block; border:1px solid #d9d9d9; border-top:none; border-right:none; line-height:59px; font-size:17px; color:#555; cursor:pointer;}
.submenu03 li:nth-child(3) a {border-right:1px solid #d9d9d9;}
.submenu03 li.up a {background:#7a7a7a; color:#fff; border-bottom:1px solid #7a7a7a; border-left:1px solid #7a7a7a;}
.submenu03:after{content:''; display:block; clear:both;}

.submenu05 {margin:0 auto; padding:0; width:1240px;}
.submenu05 li {float:left; width:20%; text-align:center; box-sizing:border-box;}
.submenu05 li a {display:block; border:1px solid #d9d9d9; border-top:none; border-right:none; line-height:59px; font-size:17px; color:#555; cursor:pointer;}
.submenu05 li:nth-child(5) a {border-right:1px solid #d9d9d9;}
.submenu05 li.up a {background:#7a7a7a; color:#fff; border-bottom:1px solid #7a7a7a; border-left:1px solid #7a7a7a;}
.submenu05:after{content:''; display:block; clear:both;}


.subcon01 {position:relative; margin:0 auto; padding:100px 0; width:1240px; font-size:15px; /*text-align:center;*/}
.subcon02 {position:relative; margin:0 auto; padding:100px 0; width:100%; background:#f5f5f5; font-size:15px; /*text-align:center;*/}
.subcon02s {position:relative; margin:0 auto; padding:0; width:1240px;}
.subcon03 {position:relative; margin:0 auto; padding:0; width:100%; text-align:center;}

.subcon01 h2 {font-size:45px; text-align:center; color:#333; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; letter-spacing:-0.025em; line-height:50px;}
.subcon02 h2 {font-size:45px; text-align:center; color:#333; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; letter-spacing:-0.025em; line-height:50px;}

.subcon01 h4 {font-size:35px; text-align:left; color:#333; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; letter-spacing:-0.025em; line-height:40px;}
.subcon02 h4 {font-size:35px; text-align:left; color:#333; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; letter-spacing:-0.025em; line-height:40px;}

.subcon01:after {content:''; display:block; clear:both;}
.subcon02:after {content:''; display:block; clear:both;}


.Lcon {float:left; width:50%; box-sizing:border-box; text-align:left;}
.Rcon {float:right; width:50%; box-sizing:border-box; text-align:left;}
.greet {padding:50px; background:#3c4778; color:#fff; font-size:17px; line-height:30px; text-align:justify; min-height:500px;}

.part05 {margin:0 auto; padding:0; list-style:none;}
.part05 li {float:left; width:20%; text-align:center; box-sizing:border-box;}
.part05:after {content:''; display:block; clear:both;}

.part02 {margin:0 auto; padding:0; list-style:none;}
.part02 li {float:left; width:50%; text-align:center; box-sizing:border-box;}
.part02:after {content:''; display:block; clear:both;}

.part03 {margin:0 auto; padding:0; list-style:none;}
.part03 li {float:left; width:33.333%; text-align:center; box-sizing:border-box;}
.part03:after {content:''; display:block; clear:both;}

.part04 {margin:0 auto; padding:0; list-style:none;}
.part04 li {float:left; width:25%; text-align:center; box-sizing:border-box;}
.part04:after {content:''; display:block; clear:both;}

.parts {margin:0 auto; padding:0; list-style:none;}
.parts li {float:left; text-align:center; box-sizing:border-box; padding:0 15px; margin-bottom:20px;}
.parts:after {content:''; display:block; clear:both;}

.parts01 {margin:0 auto; padding:0; list-style:none;}
.parts01 li {float:left; text-align:center; box-sizing:border-box; padding:0;}
.parts01:after {content:''; display:block; clear:both;}

.r150 {width:100%; height:320px; /*border-radius:110px;*/ background:#949486; font-size:15px; box-sizing:border-box; padding:40px 25px; color:#fff; text-align:center;}
.r150 span {font-size:19px;}
.r150f {width:100%; height:320px; /*border-radius:110px;*/ background:#fff; font-size:15px; box-sizing:border-box; padding:40px 25px; color:#333; text-align:center;}
.r150f span {font-size:19px;}

.pro01 {background:#608096; padding:30px; font-size:15px; box-sizing:border-box; min-height:220px; color:#fff;}
.pro02 {background:#458985;padding:30px; font-size:15px; box-sizing:border-box; min-height:220px; color:#fff;}
.pro01 b {font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:30px;}
.pro02 b {font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:30px;}

.obox {width:350px; background:#fe7c30; padding:10px; text-align:center; box-sizing:border-box;}
.oboxs {border:1px solid #fff; padding:20px;  box-sizing:border-box; color:#fff; font-size:17px;}
.oboxs p {font-size:13px; margin-bottom:5px; color:#ffe9e0;}
.oboxs span {color:#ffffa6; font-size:19px; line-height:29px;}

.time {font-size:17px;}
.time span {display:inline-block; background:#7a7a7a; border-radius:20px; padding:10px 0; width:170px; color:#fff; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; margin-right:10px; text-align:center;}

.m_add {border-bottom:1px solid #d9d9d9; text-align:center; font-size:15px; padding:20px 0; line-height:25px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.way_box {position:relative; font-size:15px; padding:10px 0 0 150px; min-height:120px; line-height:27px; text-align:left;}
.way_box b {font-size:27px; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#333; line-height:47px;}
.way {position:absolute; background:#458985; width:120px; height:120px; border-radius:60px; color:#fff; text-align:center; left:0; top:0; line-height:140px;}

.sq220 {width:280px; /*height:200px;*/ border-radius:10px; background:#608096; font-size:15px; box-sizing:border-box; padding:20px; color:#fff; text-align:center; min-height:111px; display: table-cell; vertical-align: middle;}
.sq220 b {font-size:17px; line-height:30px; color:#f0ff9a;}
.sq220:after {content:''; display:block; clear:both;}

.r400 {width:380px; height:380px; border-radius:190px; background:#fff; font-size:15px; box-sizing:border-box; padding:0; color:#555; text-align:center; display: table-cell; vertical-align: middle;}
.r400 h5 {font-size:27px; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:35px; color:#fe7c30;}
.r200 {width:200px; height:200px; border-radius:100px; background:#608096; font-size:15px; box-sizing:border-box; padding:0; color:#fff; text-align:center; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; display: table-cell; vertical-align: middle;}


.process04 {margin:0 auto; padding:0; list-style:none;}
.process04 li {float:left; width:25%; text-align:center; box-sizing:border-box; padding:0 20px; border-right:1px solid #d9d9d9;}
.process04 li:nth-child(4) {border-right:none;}
.process04:after {content:''; display:block; clear:both;}
.not {font-size:25px; font-family:'Roboto', sans-serif; font-weight:500; color:#458985;}

/*.process_title {background:#458985; color:#fff; padding:0; font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:45px; border-radius:45px; margin:10px 0;}
.process_con {font-size:15px; text-align:center; color:#555;}*/

.process_title {background:#458985; color:#fff; padding:0 20px; font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:45px; border-radius:45px; margin:0;}
.process_con {font-size:15px; text-align:left; color:#555; padding:0 20px; margin-top:20px;}
.gno {background:#458985; color:#fff; font-family:'Roboto', sans-serif; font-weight:500; font-size:13px; width:24px; height:24px; line-height:24px; border-radius:12px; display:inline-block; text-align:center; margin-right:5px;}


.processta {display:table; width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #d9d9d9;}
.processta th {background:#458985; color:#fff; border-bottom:1px solid #d9d9d9; text-align:center; line-height:39px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.processta td {border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:center; line-height:39px;}
.processta td:nth-last-child(1) {border-right:none;}

.drdst {max-width:280px;}

.drdsc {background:#fff; text-align:center; max-width:280px; min-height:190px; padding:30px 20px; box-sizing:border-box;}
.rono {background:#3c4778; color:#fff; font-family:'Roboto', sans-serif; font-weight:700; font-size:15px; width:40px; height:40px; line-height:40px; border-radius:20px; margin-bottom:8%;}
.listno li {position:relative; padding:10px 0 0 60px; min-height:40px; margin-top:20px;}
.listno li:nth-child(1) {margin-top:0px;}
.listno b {position:absolute; left:0; top:0; background:#3c4778; color:#fff; font-family:'Roboto', sans-serif; font-weight:700; font-size:15px; width:40px; height:40px; line-height:40px; border-radius:20px; margin-right:15px; /*display:block;*/ text-align:center;} 

.icl01 {display:table; width:100%; border:0; border-spacing:0; border-collapse:collapse;}
.icl01 th {padding:14px 0; border-right:1px solid #d9d9d9; background:#458985; color:#fff; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.icl01 td {padding:14px 20px; line-height:25px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#fff; text-align:center;}
.icl01 td.ca01 {background:#e3eded; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.icl01 td.ca02 {border-right:none;}
.icl01 th:nth-last-child(1) {border-right:none;}

.case_box {border:1px solid #d9d9d9; background:#fff; text-align:center; max-width:280px; min-height:320px; padding:30px 20px; box-sizing:border-box;}
.case_box b {font-size:17px; line-height:27px;}

.doc {background:#f9f9f9; padding:50px; text-align:left;}
.doc h3 {margin-bottom:50px; font-size:35px; font-family:'nsb','ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.doc i {color:#fe7c30;}
.docs li {float:left; width:50%; line-height:30px;}
.docs:after {content:''; display:block; clear:both;}

.drc {margin:0 auto; padding:0; list-style:none; width:590px;}
.drc li {float:left; text-align:center;}
.drc01 {background:url(../../../theme/basic/img/sub/c01.gif); width:160px; height:160px; display: table-cell; vertical-align: middle; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.drc02 {background:url(../../../theme/basic/img/sub/c02.gif); width:160px; height:160px; display: table-cell; vertical-align: middle; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.drc03 {background:url(../../../theme/basic/img/sub/c03.gif); width:160px; height:160px; display: table-cell; vertical-align: middle; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.drc li:nth-child(2) {padding:0 20px; line-height:160px;}
.drc li:nth-child(4) {padding:0 20px; line-height:160px;}
.drc:after {content:''; display:block; clear:both;}

.stitle {display:inline-block; background:#ff6b00; color:#fff; padding:0 30px; font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; line-height:45px; border-radius:45px;}
.avno {width:150px; height:150px; padding-top:20px; background:#608096; border-radius:75px; color:#fff; margin-right:10px;}
.avno i {line-height:50px;}

.qtitle {color:#fe7c30; font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; margin-bottom:10px; position:relative; padding:3px 0 0 36px;}
.atitle {position:relative; padding:3px 0 0 36px;}

.qtitle b {position:absolute; left:0; top:0; background:#fe7c30; color:#fff; font-family:'Roboto', sans-serif; font-weight:700; font-size:15px; width:26px; height:26px; line-height:26px; border-radius:6px; text-align:center;} 
.atitle b {position:absolute; left:0; top:0; background:#949486; color:#fff; font-family:'Roboto', sans-serif; font-weight:700; font-size:15px; width:26px; height:26px; line-height:26px; border-radius:6px; text-align:center;} 

.nobox01 {position:relative; width:100%; height:300px; background:url(../../../theme/basic/img/sub/plus.png) 284px 125px no-repeat #608ffb; color:#fff; box-sizing:border-box; text-align:center; display:table;}
.nobox02 {position:relative; width:100%; height:300px; background:url(../../../theme/basic/img/sub/plus.png) -26px 125px no-repeat #acc800; color:#fff; box-sizing:border-box; text-align:center; display:table;}
.nobox03 {position:relative; width:100%; height:300px; background:url(../../../theme/basic/img/sub/plus.png) -336px 125px no-repeat #fdbb00; color:#fff; box-sizing:border-box; text-align:center; display:table;}
.nobox04 {position:relative; width:100%; height:300px; background:url(../../../theme/basic/img/sub/plus.png) -646px 125px no-repeat #f1685e; color:#fff; box-sizing:border-box; text-align:center; display:table;}
.nobox01 div, .nobox02 div, .nobox03 div, .nobox04 div {display:table-cell; vertical-align:middle; height:300px; text-align:center; font-size:17px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}

.bak01 {color:#fff; background:#3f3f3f; font-size:13px; line-height:45px; max-width:372px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; text-align:center;}
.bak02 {color:#fff; background:#3f3f3f; font-size:13px; line-height:20px; max-width:380px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; text-align:left; padding:20px;}

#speed {position:fixed; bottom:0; margin:0 auto; padding:30px 0 20px; width:100%; background:#414247; z-index:9999999999;}
.speeds {position:relative; margin:0 auto; padding:0; width:1240px;}
.speeds:after {content:''; display:block; clear:both;}
.Rspeed {float:left; width:875px; padding-right:25px; box-sizing:border-box;}
.Rspeed:after {content:''; display:block; clear:both;}
.Lspeed {float:right; width:365px; padding-left:25px; border-left:1px solid #d9d9d9; box-sizing:border-box;}
.item01 {position:relative; margin:0; padding:0; float:left; width:320px;}
.item02 {position:relative; margin:0; padding:0; float:right; width:510px;}
.rspb {margin-top:5px; text-align:right; font-size:13px; color:#d9d9d9;}
.rspb a {background:#333; padding:5px 20px; color:#fff; font-size:12px; border-radius:3px;}


#speedm {position:fixed; bottom:0; margin:0 auto; padding:0; width:100%; height:70px; background:#414247; z-index:9999999999;}
.spti_l {margin:0 auto; padding:0; list-style:none;}
.spti_l > li {float:left; height:70px; border-left:1px solid #212225; background:#3a3b40; box-sizing:border-box; font-size:13px; color:#fff; line-height:18px; display:table; table-layout:fixed;}
.spti_l:after {content:''; display:block; clear:both;}

.spti_l > li:last-child {border-right:1px solid #212225;}
.spti_l > li:nth-child(4) {padding:0 25px; width:955px;}
.spti_l > li a {display:block; width:70px; height:70px; text-align:center; color:#fff; cursor:pointer; display:table-cell; vertical-align:middle;}
.spti_l > li div {padding:0; margin:0; height:70px; display:table-cell; vertical-align:middle;}

.spti_l > li:nth-child(1) a:hover {background:#fe7c30;}
.spti_l > li:nth-child(2) a:hover {background:#f9e302; color:#3b1e1e;}
.spti_l > li:nth-child(3) a:hover {background:#458985;}
.spti_l > li:last-child a:hover {background:#2443a3;}


.i_name {width:60px; color:#fff; text-align:center; display:inline-block; font-size:15px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.i_text{position:relative; margin:0; padding:3px 4px; border:1px solid #fff; background:#fff; height:28px;}

.i_con {position:absolute; width:70px; color:#fff; text-align:center; display:inline-block; font-size:15px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; top:0; }

.lspb {margin:0; padding:0; list-style:none;}
.lspb li {float:left; width:50%; box-sizing:border-box; color:#d9d9d9;}
.lspb li a {display:block; cursor:pointer; background:#458985; text-align:center; color:#fff; height:54px; line-height:54px; font-size:15px; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal;}
.lspb:after {content:''; display:block; clear:both;}
.lspbt {color:#fff; font-family:'Roboto', sans-serif; font-weight:700; font-size:35px; margin-top:15px;}

.spti {height:40px; color:#fdffbb; font-size:25px; font-family:'ns','ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; letter-spacing:-0.025em;}
.spti span {font-size:13px; font-family:'nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; color:#d9d9d9; margin-left:10px;}

.lspbtm {color:#fdffbb; font-family:'Roboto', sans-serif; font-weight:700; font-size:25px; margin-top:0px;}

.es03 {margin:0 auto; padding:0; list-style:none; width:550px;}
.es03 li {float:left; box-sizing:border-box; height:150px; display: table; table-layout: fixed;}
.es03:after {content:''; display:block; clear:both;}
.es03 > li:nth-child(odd) {width:150px;}
.es03 > li:nth-child(even) {width:50px; text-align:center;}
.es120 {background:#5bc5f1; text-align:center; width:150px; height:150px; border-radius:150px; color:#fff; font-family:'ngb','nb','Malgun Gothic', dotum, sans-serif; font-weight:normal; font-size:17px; display: table-cell; vertical-align: middle;}
.esar {display: table-cell; vertical-align: middle; width:50px; height:150px;}

#main_box .bx01 {margin:0 auto; padding:0; width:100%;}
#main_box .bx01 > li {float:left; margin-right:20px; box-sizing:border-box;}
#main_box .bx01 > li:last-child {margin:0;}
#main_box .bx01:after{content:''; display:block; clear:both;}

#main_box .box04 li a:hover span img {display:none;}
#main_box .box04 li a:hover span {background:rgba(254,124,48,1.0); width:45px; height:45px; line-height:45px;border-radius:45px; color:#fff; text-align:center;}
#main_box .box04 li a:hover span b {display:block; font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px;}

#quick_box {position:absolute; right:10px; margin:335px 0 0 0; padding:0; width:200px; z-index:9999999999;}