@charset "utf-8";
@import url("fonts/fonts.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 공통 */
html {width:100%; min-width:500px; height:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; word-break:keep-all;}
html, body {height:100%;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none;font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-weight: normal; font-size:17px; line-height:1.6; -webkit-text-size-adjust:none;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;color:#777;}

p {margin: 20px 0; word-break:keep-all;}

:hover {
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}

.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}
.clear100 { clear:both; height:100px;}
.clear_dot { clear:both; height:60px; margin-bottom:60px; border-bottom:#ddd dashed 1px}

.text_center { text-align:center;}
/* 공통 */

/* 하단 */
.bottom_inq01 { background:url(/kor/img/bottom_inqbg01.jpg) center bottom no-repeat; position:relative;}
.bottom_inq01 .qna_text { position:absolute; font-size:200px; color:#eee; font-weight:800; right:60px; bottom:-50px; z-index:1;}
.bottom_inq02 { background:url(/kor/img/bottom_inqbg02.jpg) center repeat-y;}
.bottom_inq_img01 { margin:0; padding:0; height:360px; background:url(/kor/img/bottom_inq.jpg) center no-repeat; background-size:cover;}
.bottom_inq_img02 { margin:0; padding:0; height:360px; background:#f9f9f9; position:relative;}
.bottom_inq_img_text { padding:60px;}
.bottom_inq_img_text strong { font-weight:700;}
.bottom_inq_img_text .bottom_inq_btn a { position:absolute; left:60px; bottom:60px; padding:10px 60px; border:#000 solid 1px; border-radius:40px; z-index:2;}
.bottom_inq_img_text .bottom_inq_btn a:hover { background:#000; color:#fff;}

.bottom_inq_add01 { margin:0; padding:0;}
.bottom_inq_add02 { margin:0; padding:0;}
.bottom_inq_add_text { background:#444; padding:30px 30px; color:#fff;}
.bottom_inq_add_text li { display:inline-block; margin:0 10px;}
.bottom_inq_add_text span { color:#2cffa3;}

#footer { background:#222;}
.footer_text01 { font-size:15px; color:#999; padding:0; margin:0;}
.footer_text_box { padding:40px 20px;}
.footer_text01 .bottom_logo { margin-bottom:15px;}
.footer_text01 .copyright { font-size:15px; color:#bbb; margin-top:10px;}
.footer_text02 { padding:0; margin:0; height:320px; background:url(/kor/img/bottom_map.jpg) center no-repeat;}
.footer_text02:hover { opacity:0.5;}
/* 하단 */

/* 메인 */
.main_pro_box { margin:80px 0; position:relative;}
.main_pro_box_color { position:absolute; width:330px; height:240px; background:#f3fffa; left:5%;}
.main_pro_box_img { position:absolute; width:900px; right:0;}
.main_pro01 { padding:140px 0;}
.main_pro01_title { font-size:25px; font-weight:700; margin-bottom:15px;}
.main_pro01_btn { margin-top:30px;}
.main_pro01_btn a { padding:10px 60px; border:#000 solid 1px; border-radius:40px;}
.main_pro01_btn a:hover { background:#000; color:#fff;}

.main_slogan_box { position:relative; height:600px; background:url(/kor/img/main_slogan_bg.jpg) center no-repeat; background-size:cover; position:relative;}
.main_slogan_box .container { position:relative;}
.main_slogan_text { position:absolute; right:0; width:500px; padding:100px 60px; font-size:25px; text-align:center; color:#fff; background:#000;}
.main_slogan_text span { font-size:25px; color:#2cffa3; font-weight:700;}

.main_slogan_bar01 { position:absolute; width:70%; height:2px; background:#fff; left:0; top:60px;}
.main_slogan_bar02 { position:absolute; width:2px; height:280px; background:#2cffa3; left:200px; top:100px;}
.main_slogan_bar03 { position:absolute; width:2px; height:280px; background:#fff; left:250px; top:30px;}
.main_slogan_bar04 { position:absolute; width:30%; height:2px; background:#fff; right:0; top:320px;}
/* 메인 */

/* 서브 */
.sub_top { height:400px; margin-top:-80px; position:relative; z-index:1;}
.sub_top01 { background:url(/kor/img/sub/subtop01.jpg) center no-repeat; background-size:cover;}
.sub_top02 { background:url(/kor/img/sub/subtop02.jpg) center no-repeat; background-size:cover;}
.sub_top03 { background:url(/kor/img/sub/subtop03.jpg) center no-repeat; background-size:cover;}
.sub_top04 { background:url(/kor/img/sub/subtop04.jpg) center no-repeat; background-size:cover;}
.sub_top_nav { color:#fff; margin-top:340px;}
.sub_top_nav li { display:inline-block; margin:0 10px;}

.sub_nav ul { padding:0; margin:20px 0 0 0; text-align:center;}
.sub_nav ul li { display:inline-block; margin:10px 3px;}
.sub_nav ul li a { color:#fff; padding:10px 25px; background:#bbb; border-radius:6px;}
.sub_nav ul li a:hover { background:#39aa96;}
.sub_nav ul .nav_on a { background:#39aa96;}

.title_bar { width:80px; height:1px; background:#000; margin:40px auto;}

.sub_toptitle { text-align:center; margin:60px 0;}
.title01 { color:#888;}
.title02 { font-size:50px; color:#000; text-transform:uppercase;}
.title02 span { font-size:50px; color:#2cffa3; font-weight:700;}

.sub_contents { margin-bottom:120px;}
.sub_contents .container { line-height:2;}
.board_contents { margin:-60px 0 100px 0;}

.com_slogan01 { font-size:30px; font-weight:300;}
.com_slogan01 span { font-size:30px; font-weight:700;}
.com01_img { margin:40px 0; color:#59bad2; font-size:40px;}
.com01_img span { font-size:40px; color:#1a90ad; font-weight:700;}
.sign { margin-top:40px; font-size:22px;}

.kgmp_box_left { background:#fafafa; border-top:#ddd solid 1px; border-right:#ddd solid 1px; padding:20px 30px; position:relative; margin-right:20px; margin-top:-20px; text-align:right;}
.kgmp_box_left img { position:absolute; right:-12px; top:-1px;}
.kgmp_box_left .kgmp_box_dot { position:absolute; width:12px; height:12px; border-radius:6px; background:#1a90ad; right:-42px; top:0;}
.kgmp_box_right { background:#fafafa; border-top:#ddd solid 1px; border-left:#ddd solid 1px; padding:20px 30px; position:relative; margin-left:20px; margin-top:-20px; text-align:left;}
.kgmp_box_right img { position:absolute; left:-12px; top:-1px;}
.kgmp_box_right .kgmp_box_dot { position:absolute; width:12px; height:12px; border-radius:6px; background:#1a90ad; left:-42px; top:0;}
.kgmp_box_title { color:#1a90ad; font-size:30px; font-weight:800;}
.kgmp_line01 { border-right:#ccc solid 1px;}
.kgmp_line02 { border-left:#ccc solid 1px; margin-left:-1px;}
.kgmp_box_left span, .kgmp_box_right span { font-weight:700; color:#000;}

.map_bottom { margin:30px 0;}
.map_bottom div { font-size:20px; font-weight:700; color:#666;}

.sub_title01 { text-align:left; margin-bottom:10px; font-size:22px; font-weight:700;}

.bus01_box { height:250px; padding:80px 20px; font-size:20px; color:#fff; border-radius:30px; text-shadow: 0 0 10px rgba(0,0,0,0.7); border:#fff solid 10px; box-shadow:0 0 30px rgba(0,0,0,0.2);}
.bus01_box_title { font-size:30px; font-weight:700;}
.bus01_bg01 { background:url(/kor/img/sub/bus01_bg01.jpg) center no-repeat; background-size:cover;}
.bus01_bg02 { background:url(/kor/img/sub/bus01_bg02.jpg) center no-repeat; background-size:cover;}
.bus01_bg03 { background:url(/kor/img/sub/bus01_bg03.jpg) center no-repeat; background-size:cover;}
.bus01_bg04 { background:url(/kor/img/sub/bus01_bg04.jpg) center no-repeat; background-size:cover;}
.bus01_img01 { height:250px; text-align:left; padding-top:100px;}
.bus01_img02 { height:250px; text-align:right; padding-top:100px;}

.pro_box01 { padding-top:40px; position:relative;}
.pro_toptile01 { font-size:55px; font-weight:300; color:#000; line-height:1.2;}
.pro_toptile01 span { font-size:20px;}
.pro_toptext01 { font-size:17px; margin:10px 0 20px 0;}

.pro_toptile02 { font-size:55px; font-weight:300; color:#000; line-height:1.2; margin-top:30%;}
.img_right img { margin:0 0 0 auto;}

.probox01_pointline { background:#2cffa3; width:50%; height:2px; position:absolute; left:0; top:55%; margin-top:-1px;}
.probox01_point_border { width:40px; height:40px; border-radius:20px; border:rgba(45,255,150,0.2) solid 10px; position:absolute; top:53%; left:50%; margin-left:-10px; margin-top:-10px;}
.probox01_point { background:#2cffa3; width:20px; height:20px; border-radius:10px;}

.probox01_pointline02 { background:#2cffa3; width:55%; height:2px; position:absolute; left:0; top:51%; margin-top:-1px;}
.probox01_point_border02 { width:40px; height:40px; border-radius:20px; border:rgba(45,255,150,0.2) solid 10px; position:absolute; top:49%; left:55%; margin-left:-10px; margin-top:-10px;}
.probox01_point02 { background:#2cffa3; width:20px; height:20px; border-radius:10px;}

.pro_box02 { background:#f9f9f9; position:relative;}
.pro_box02_top { margin-top:25%;}
.pro_box02_bottom { margin-top:25%;}

.probox02_pointline { background:#2cffa3; width:39%; height:2px; position:absolute; right:0; top:25%; margin-top:-1px;}
.probox02_point_border { width:40px; height:40px; border-radius:20px; border:rgba(45,255,150,0.2) solid 10px; position:absolute; top:24%; left:61%; margin-left:-10px; margin-top:-10px;}
.probox02_point { background:#2cffa3; width:20px; height:20px; border-radius:10px;}

.probox02_pointline02 { background:#000; width:38%; height:2px; position:absolute; left:0; top:70%; margin-top:-1px;}
.probox02_point_border02 { width:40px; height:40px; border-radius:20px; border:rgba(0,0,0,0.2) solid 10px; position:absolute; top:69%; left:38%; margin-left:-10px; margin-top:-10px;}
.probox02_point02 { background:#000; width:20px; height:20px; border-radius:10px;}

.pro_box03 { padding:80px 0; background:url(/kor/img/sub/pro_box03_bg.png) right no-repeat;}
.pro_box03_title { font-size:33px; font-weight:700;}
.pro_box03_text {}
.pro_box03_text span { font-weight:700;}
.pro_box03_text img { float:left; margin:0 15px 0 0;}

.pro_subtitle { font-size:60px;}
.pro_subtext { margin:10px 0 40px 0;}
.pro_subtext span { color:#888;}

.pro_all {
	position:relative;
	padding:100px 0;
	background-image: -webkit-linear-gradient(-90deg, #f3fffa 80%, #fff 50%);
    background-image: -moz-linear-gradient(-90deg, #f3fffa 80%, #fff 50%);
    background-image: -o-linear-gradient(-90deg, #f3fffa 80%, #fff 50%);
    background-image: -ms-linear-gradient(-90deg, #f3fffa 80%, #fff 50%);
}
.pro_all .pro_all_bg { position:absolute; width:70%; height:500px; left:0; top:60px; background:url(/kor/img/sub/proall_bg.jpg) center no-repeat; background-size:cover;}
.pro_all .container { position:relative;}
.pro_all_bar01 { position:absolute; width:2px; height:1000px; background:#2cffa3; left:0; bottom:-300px;}
.pro_all_bar02 { position:absolute; width:300px; height:2px; background:#000; left:-50px; bottom:-100px;}
.pro_all_ul { text-align:right;}
.pro_all_ul li { display:inline-block; text-align:center;}
.pro_all_ul li .pro_all_bt { margin-top:30px;}
.pro_all_ul li .pro_all_bt a { padding:10px 20px; border:#000 solid 1px; border-radius:40px;}
.pro_all_ul li .pro_all_bt a:hover { background:#000; color:#fff;}

.pro_ul03_width { max-width:800px; margin:0 auto;}
.pro_ul03 li { display:inline-block; margin:0 10px 40px 10px; width:340px;}
.pro_ul03 li img { margin:0 auto; border-radius:10px; border:#ccc solid 1px; cursor:crosshair;}
.pro_ul03 li div { font-weight:700; color:#000; margin-top:10px;}

.pro_ul04 li { display:inline-block; margin:0 10px 40px 10px; width:260px;}
.pro_ul04 li img { margin:0 auto; border-radius:10px; border:#ccc solid 1px; cursor:crosshair;}
.pro_ul04 li div { font-weight:700; color:#000; margin-top:10px;}

.pro_ul05 { max-width:850px; margin:0 auto;}
.pro_ul05 .pro_ul05_title01 { font-size:17px; font-weight:700; color:#3098ba; text-align:left;}
.pro_ul05 .pro_ul05_title02 { font-size:15px; font-weight:300; color:#888; text-align:left; margin-bottom:10px;}
.pro_ul05 li { display:inline-block; margin:0 10px 40px 10px; width:400px; vertical-align:bottom;}
.pro_ul05 li img { margin:0 auto; border-radius:10px; border:#ccc solid 1px; cursor:crosshair;}

.pro_ul_point { color:#F00;}

.pro_bottom { padding:60px 0;}
.pro_bottom_img div { font-weight:700; color:#000; margin-top:10px;}
.pro_bottom_img img { margin:0 auto;}
/* 서브 */

/*표*/
.table_style table { width:100%; border-spacing:0; border-collapse:collapse; border-top:#1a90ad solid 2px; border-bottom:#888 solid 2px;}
.table_style table tr td { border-bottom:#ddd solid 1px; padding:10px 20px; font-size:17px; line-height:1.5; vertical-align:middle; font-weight:300;}
.table_style .table_title01 { background:#e8eff1; color:#1a90ad; font-weight:700;}
.table_style .table_title02 { background:#fafafa; font-weight:500;}
/*표*/

/*팝업*/
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:555;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop-layer-pro {display:none;}
.pop-layer-pro .btn-r { position:absolute; right:10px; top:10px;}
.pop-layer-pro .btn-r a { font-size:20px; color:#000;}
.pop-layer-pro .pop-container {position:fixed; top:20%; width:700px; left:50%; margin-left:-350px; z-index:999;}
.pop-layer-pro .pop-container img {width:700px; box-shadow: 0 0 20px rgba(0,0,0,0.5);}
/*팝업*/

@media screen and (max-width:991px){
	.main_pro_box_color { display:none;}
	.main_pro_box_img { position:relative; width:100%; padding:0 20px;}
	.main_pro01 { padding:20px 0 0 0;}
	
	.bottom_inq01 .container, .bottom_inq02 .container, #footer .container { margin:0; padding:0;}
	
	.pro_all_ul li { width:32%;}
	.pro_toptile01 { font-size:40px;}
	.pro_toptile02 { font-size:40px;}
	.pro_box02_top { margin-top:20%;}
}


@media screen and (max-width:767px){
	.bottom_inq01 { background:none;}
	.bottom_inq01 .qna_text { font-size:180px; right:20px; bottom:-60px;}
	.bottom_inq02 { background:none;}
	
	.bottom_inq_img01 { height:220px;}
	.bottom_inq_img02 { height:260px;}
	.bottom_inq_img_text { padding:20px;}
	.bottom_inq_img_text .bottom_inq_btn a { left:20px; bottom:20px;}
	
	.main_slogan_text { font-size:20px; width:100%; height:600px; padding:200px 60px; background:rgba(0,0,0,0.5);}
	.main_slogan_bar02 { left:20px;}
	.main_slogan_bar03 { left:40px;}
	.main_slogan_bar04 { top:460px;}

	.footer_text02 { display:none;}
	
	.kgmp_box_left { margin-right:0; margin-left:10px; text-align:left; border-right:none; border-left:#ddd solid 1px; margin-top:0; margin-bottom:20px;}
	.kgmp_box_left img { position:absolute; left:-12px; top:-1px;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";}
	.kgmp_box_left .kgmp_box_dot { left:-32px;}
	.kgmp_box_right { margin-left:10px; margin-top:0; margin-bottom:20px;}
	.kgmp_box_right img { position:absolute; left:-12px; top:-1px;}
	.kgmp_box_right .kgmp_box_dot { left:-32px;}
	.kgmp_line01 { border-right:none; border-left:#ccc solid 1px; margin-left:10px;}
	.kgmp_line02 { border-left:#ccc solid 1px; margin-left:10px;}
	.kgmp_line_none { margin-left:10px;}
	
	.map_bottom div img { margin-top:20px;}
	
	.pro_subtitle { font-size:30px;}
	.pro_all_ul li .pro_all_bt a { font-size:15px; padding:7px 15px;}
	
	.pro_box01_img img { width:440px; margin:0 auto;}
	.probox01_pointline { width:25%; top:69%;}
	.probox01_point_border { top:67%; left:25%;}
	.probox01_pointline02 { width:25%; top:69%;}
	.probox01_point_border02 { top:67%; left:25%;}
	
	.pro_box02_img img { margin:0 auto;}
	.pro_box02_bottom { margin-top:20px; margin-bottom:15%;}
	.probox02_pointline { width:25%; top:30%;}
	.probox02_point_border { top:29.3%; left:75%;}
	.probox02_pointline02 { width:23%; top:60%;}
	.probox02_point_border02 { top:59.3%; left:23%;}
	
	.pro_box03 { background:url(/kor/img/sub/pro_box03_bg02.png) right top no-repeat;}
	
	.pro_toptile02 { text-align:center; margin-top:10px;}
	.img_right img { margin:0 auto;}
	
	.pro_ul04 li { width:340px;}
	
	/*팝업*/
	.pop-layer-pro .pop-container {width:400px; margin-left:-200px;}
	.pop-layer-pro .pop-container img {width:400px;}
	/*팝업*/
}