@charset "utf-8";

/*---
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';
---*/

/*-----------------------공통-----------------------*/
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; word-break:keep-all;}
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: 'NanumSquareNeo'; font-size:15px; line-height:1.7; -webkit-text-size-adjust:none;}

html, body { height:100% !important;}

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;}

/*-----드래그----*/
::-moz-selection {
   background: #e40421;
   color: #fff;
}
::selection {
   background: #e40421;
   color: #fff;
}
/*-----드래그----*/

/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#e40421;}
/*-----스크롤----*/

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear200 {clear:both; height:200px;}
.clear_dot {clear:both; height:80px; margin-bottom:80px; border-bottom:#ddd dashed 1px;}

.text_center { text-align:center;}

.container { font-family: 'NanumSquareNeo'; max-width:1300px; width:100%; position:relative; margin:0 auto; padding:0 20px;}
h1 { font-family: 'NanumSquareNeoHeavy';}
h2 { font-family: 'NanumSquareNeoBold';}
h3 { font-family: 'NanumSquareNeoLight';}

#top_btn {position:absolute; top:0; right:0; z-index:90; opacity:0.5; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; background:none; border:none;}
#top_btn:hover { opacity:1; background:none;}

.footer { vertical-align: top; width:100%; background:#624444; padding:80px 0;}
.footer_ul { position:relative; font-size:0;}
.footer_ul .footer_li:first-child img { display:block; width:150px; opacity:0.5; margin-bottom:30px;}
.footer_ul .footer_li { display:inline-block; vertical-align:bottom; width:60%;}
.footer_ul .footer_li p { font-size:15px; color:rgba(255,255,255,0.75); line-height:1.8; margin:3px 0; letter-spacing:0.5px;}
.footer_ul .footer_li .footer_copyright { font-size:15px; color:rgba(255,255,255,0.3); margin-top:15px;}
.footer_ul .footer_li:last-child { width:40%; text-align:right;}
.footer_ul .footer_li:last-child ul li { display:inline-block; vertical-align:middle; margin-left:20px; opacity:0.5;}

.bottom_icon li img { width:33px;}

.pc_img { margin:0 auto;}
.ta_img { display:none;}
.mo_img { display:none;}
/*-----공통----*/


.top_logo { position:absolute; width:100%; text-align:center; top:20px; z-index:999;}
.top_logo img { position:absolute; width:120px; left:50%; margin-left:-60px;}

.lang { float:right; margin-top:10px;}
.lang .btn-open { display:inline-block; font-size:15px; color:#fff; padding-right:20px; background:url("/kor/img/lang_arrow.png") right center no-repeat;}
.lang_layer {
	display: none;
	position: absolute;
	top: -20px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
}
.lang_layer.show { display: block;}
.modal-cont { position:relative; max-width:1300px; margin:0 auto;}
.modal-dialog { position:absolute; top:70px; right:10px; background:#fff; padding:5px 25px; text-align: center; border-radius:0; border:#000 solid 2px;}
.modal-dialog a { display:block; font-size:12px; letter-spacing:1px; border-bottom:#fff solid 1px; color:#000; line-height:1.5; margin:5px 0;}
.modal-dialog a:hover { border-bottom:#e40421 solid 1px; color:#e40421;}

/* 메인 */
.main_top { padding:330px 0; position:relative; text-align:center; background:url("/kor/img/main/main_bg.jpg") fixed center center no-repeat; background-size:cover;}
.main_top .main_title01 { font-size:28px; color:#fff;}
.main_top .main_title02 { font-size:48px; color:#fff; margin-top:20px;}

.main_top_icon { position:absolute; width:100%; bottom:50px; text-align:center;}
.main_top_icon li { display:inline-block; vertical-align:middle; margin:0 10px;}
.main_top_icon li img { width:33px;}

.main_middle { position: relative; padding:150px 0; background:url("/kor/img/main/main_bg02.jpg") right bottom no-repeat;}
.main_middle h2 { font-size:35px; max-width:550px; line-height:1.6; margin-bottom:20px;}
.main_middle .main_btn a { font-size:18px; color:#e40421;}
/* 메인 */



/* 서브 */
.sub_top { padding:250px 0 40px 0; position:relative;}
.sub_top .sub_top_title01 { font-size:48px; color:#fff; text-align:center;}

.sub_topimg01 { height:450px; background:url("/kor/img/sub/sub_top01.jpg") center center no-repeat; background-size:cover;}
.sub_topimg02 { height:auto; background:url("/kor/img/sub/sub_top02.jpg") center center no-repeat; background-size:cover;}
.sub_topimg03 { height:450px; background:url("/kor/img/sub/sub_top03.jpg") center center no-repeat; background-size:cover;}
.sub_topimg04 { height:450px; background:url("/kor/img/sub/sub_top04.jpg") center center no-repeat; background-size:cover;}


.sub_nav { position:absolute; left:0; bottom:0; width:100%; text-align:center; border-top:#fff solid 1px; background:rgba(0,0,0,0.05);}
.sub_nav ul li { display:inline-block; vertical-align:top; padding:15px 30px;}
.sub_nav ul li a { font-size:17px; color:#fff;}
.sub_nav ul .sub_nav_on { border-top:#e40421 solid 2px; margin-top:-2px;}
.sub_nav ul li:hover { border-top:#e40421 solid 2px; margin-top:-2px;}
.sub_nav ul .sub_nav_on a { color:#e40421;}
.sub_nav ul li:hover a { color:#e40421;}

.sub_title_box { padding:100px 0 40px 0;}
.sub_title_box .sub_title01 { font-size:18px; color:#dd6f5d;}
.sub_title_box .sub_title02 { font-size:40px; color:#000;}

.com01_top {}
.com01_top .com01_title01 { width:50%; margin-left:auto; margin-right:0; font-size:38px; line-height:1.5; padding:60px 0;}
.com01_top .com01_top_bg { position:relative; background:#fbf2e8; padding:80px 0;}
.com01_top .com01_top_bg .bg_img { position:absolute; left:0; bottom:0; width:45%;}
.com01_top .com01_top_bg .com01_top_bg_text { width:50%; margin-left:auto; margin-right:0; font-size:17px; line-height:1.8;}
.com01_top .com01_top_bg .com01_top_bg_text .sign { margin-top:40px; font-size:20px;}
.com01_top .com01_top_bg .com01_top_bg_text .sign img { width:80px; margin-right:20px;}

.com01_m { padding:120px 0; background:url("/kor/img/sub/com01_02.jpg") fixed center center no-repeat; background-size:cover;}
.com01_m .com01_m_text01 span { font-size:32px; color:#fff; padding-bottom:5px; border-bottom:#fff solid 2px;}
.com01_m .com01_m_text02 { font-size:48px; color:#fff; margin:20px 0 0 0;}
.com01_m .com01_m_text03 { font-size:28px; color:#fff;}

.com01_b { padding:120px 0;}
.com01_b_text01 { margin-bottom:20px;}
.com01_b_text01 span { font-size:32px; color:#dd6f5d;  padding-bottom:5px; border-bottom:#dd6f5d solid 2px;}
.com01_b_text02 { font-size:25px;}
.com01_b_text02 span { font-size:25px; font-weight:bold; color:#dd6f5d;}

.com01_b_ul {}
.com01_b_ul li {
	display:inline-block;
	width:300px;
	height:300px;
	padding:40px;
	background:#f5eeeb;
	border-radius:50%;
	margin:10px;
}
.com01_b_ul li p { font-family: 'NanumSquareNeoBold'; font-size:20px; margin-top:80px; word-break:keep-all;}

.sub_contents { padding:60px 0 100px 0;}

.com03_ul01 { font-size:0; text-align:left;}
.com03_ul01 .com03_ul01_li { display:inline-block; vertical-align:top; width:50%;}
.com03_ul01 .com03_ul01_li img { padding-right:40px;}
.com03_ul01 .com03_ul01_li ul { margin-top: 60px;}
.com03_ul01 .com03_ul01_li ul li { margin:10px 0 10px 15px; color:#666; list-style:disc;}
.com03_ul01 .com03_ul01_li ul li strong { color:#dd6f5d;}

.gray_box { background:#f2f2f2;}

.ul3ea { font-size:0; margin:0 -1%;}
.ul3ea .ul3ea_li { display:inline-block; vertical-align:top; width:31.3%; max-width:350px; margin:0 1% 40px 1%;}
.cer_ul li img { width:150px; box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2); margin:5px;}
.cer_ul li .cer_ul_title { color:#666; margin:20px 0;}

.com04_top01 { padding:120px 0; background:#faf5f3 url("/kor/img/sub/com04_top01.jpg") right center no-repeat; background-size:50%;}
.com04_top01_textbox { width:45%;}
.com04_top02 { padding:120px 0; background:#faf5f3 url("/kor/img/sub/com04_top02.jpg") left center no-repeat; background-size:50%;}
.com04_top02_textbox { width:45%; margin-right:0; margin-left:auto;}
.com04_top02_textbox ul { margin-left:15px;}
.com04_top02_textbox ul li { list-style:disc;}
.com04_titl01 { font-size:27px; color:#333; margin-bottom:20px;}
.com04_titl01 img { width:100px;}
.com04_titl02 span { font-size:20px; color:#dd6f5d; border-bottom:#dd6f5d solid 1px;}

.com04_ul01 { font-size:0; text-align:center; margin-top:40px;}
.com04_ul01 li { display:inline-block; vertical-align:top; width:50%;}
.com04_ul01 li .com04_ul01_box { text-align:left;}
.com04_ul01 li .com04_ul01_box h1 { display:block; margin-top:40px; font-size:20px; color:#d17e7e;}

.com04_ul02 { font-size:0; text-align:center; margin-top:40px;}
.com04_ul02 li { display:inline-block; vertical-align:top; width:33.3%;}
.com04_ul02 li .com04_ul02_box { margin:5px; padding:30px 20px; background:#f3f3f3;}
.com04_ul02 li .com04_ul02_box img { display:block; margin:0 auto 40px auto;}

.map iframe { width:100%; height:550px; box-shadow:rgba(0,0,0,0.2) 0 10px 20px;}
.map_ul { font-size:0; text-align:center; margin-bottom:10px;}
.map_ul li { display:inline-block; vertical-align:top; width:25%; margin-bottom:30px;}
.map_ul li img { display:block; margin:0 auto 15px auto;}


.process_title01 { margin-bottom:-20px;}
.process_title01 span { font-size:22px; color:#fff; padding:15px 40px; background:#dd6f5d;}

.process_ul01 { padding:40px; border:#dd6f5d solid 1px; border-radius:10px;}
.process_ul01 li { position:relative; display:inline-block; vertical-align:middle; width:200px; margin:50px 3%;}
.process_ul01 li .process_ul01_textbox {}
.process_ul01 li .process_ul01_textbox img {}
.process_ul01 li .process_ul01_textbox .process_ul01_title { font-size:18px; margin:10px 0;}
.process_ul01 li .process_ul01_arrow { position:absolute; left:-30px; top:50%; margin-top:-10px;}

.process_title02 span { font-size:22px; color:#fff; padding:15px 40px; background:#dd6f5d;}

.process_ul02 { margin:20px -10px 0 -10px; font-size:0;}
.process_ul02 li { position:relative; display:inline-block; vertical-align:top; width:20%;}
.process_ul02 li .process_ul02_textbox { padding:20px 20px; border:#eee solid 1px; box-shadow:#ddd 10px 10px 10px; border-radius:10px; margin:20px 10px;}
.process_ul02 li .process_ul02_gray { background:#f5f5f5; border:#aaa solid 1px;}
.process_ul02 li .process_ul02_red { border:#a66f5e solid 2px;}
.process_ul02 li .process_ul02_textbox .process_ul02_title { font-size:18px; margin-bottom:5px;}
.process_ul02 li .process_ul01_arrow { position:absolute; left:-10px; top:50%; margin-top:-10px;}

.process_ul02_arrow { position:absolute; z-index:1;}
.process_ul02_arrow img {}
.process_ul02_arrow span { display:block; width:5px; background:#efaba0; border-radius:50px; margin-top:-15px; margin-left:8px;}

.process_arrow01 { transform: rotate(-90deg); left:-145px; bottom:-125px;}
.process_arrow01 span { height:310px;}
.process_arrow02 { transform: rotate(45deg); right:-10px; top:-60px;}
.process_arrow02 span { height:100px;}

.pro_title { font-size:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:#ccc dashed 1px;}

.pro_ul01 { font-size:0; margin:0 -1%;}
.pro_ul01 li { display:inline-block; vertical-align:top; width:31.3%; margin:20px 1%; text-align:center;}

.pro_ul02 { font-size:0; margin:0 -1%;}
.pro_ul02 li { display:inline-block; vertical-align:top; width:48%; margin:20px 1%; text-align:center;}

.pro_ul_text { margin-top:10px; font-size:15px;}
/* 서브 */


.captcha label { font-size:0;}
/*-----------------------표-----------------------*/
.table_style02 table { width:100%; border-spacing:0; border-collapse:collapse; border-bottom:#dd6f5d solid 2px; border-top:#dd6f5d solid 2px;}
.table_style02 table tr td { border-bottom:#ddd solid 1px; padding:18px 20px; font-size:15px; line-height:1.5; vertical-align:middle;}
.table_style02 table tr td strong { border-right:#ddd solid 2px; padding-right:15px; margin-right:15px;}
/*-----------------------표-----------------------*/

@media screen and (max-width:1250px){
	.process_arrow01 { left:-130px; bottom:-105px;}
	.process_arrow01 span { height:270px;}
}

@media screen and (max-width:991px){
	.pc_img { display:none;}
	.ta_img { display:block; margin:0 auto;}
	.mo_img { display:none;}
	
	.com01_top .com01_title01 { width:100%; font-size:30px; padding:30px 0; text-align:center;}
	.com01_top .com01_top_bg .bg_img { position:relative; width:auto; margin-bottom:40px;}
	.com01_top .com01_top_bg .com01_top_bg_text { width:100%;}
	
	.ul3ea .ul3ea_li { width:100%; max-width:100%; margin:0 0 40px 0;}
	.cer_ul li img { width:170px;}
	
	.com04_top01 { padding:40px 0; background:#faf5f3; border-bottom:#e6e1e0 solid 1px;}
	.com04_top01_textbox { width:100%;}
	.com04_top02 { padding:40px 0; background:#faf5f3;}
	.com04_top02_textbox { width:100%;}
	.com04_titl01 { font-size:22px;}
	.com04_titl02 span { font-size:18px;}
	
	.com04_ul02 li { width:50%;}
	
	.process_ul02 li { width:25%;}
	
	.process_arrow02 { transform: rotate(360deg); right:50%; top:-40px;}
	.process_arrow02 span { height:60px;}
}


@media screen and (max-width:767px){
	.pc_img { display:none;}
	.ta_img { display:none;}
	.mo_img { display:block; margin:0 auto;}
	
	.footer { padding:60px 0;}
	.footer_ul .footer_li:first-child img { width:120px;}
	.footer_ul .footer_li { width:100%;}
	.footer_ul .footer_li:last-child { width:100%; text-align:left; margin-top:20px;}
	.footer_ul .footer_li:last-child ul li { margin-left:0; margin-right:20px;}
	
	.main_top .main_title01 { font-size:22px;}
	.main_top .main_title02 { font-size:40px;}
	.main_middle h2 { font-size:28px;}
	
	.sub_title_box { padding:80px 0 0 0;}
	.sub_title_box .sub_title01 { font-size:15px;}
	.sub_title_box .sub_title02 { font-size:30px;}
	
	.sub_top .sub_top_title01 { font-size:40px;}
	
	.sub_nav { padding:15px 0;}
	.sub_nav ul li { padding:5px 15px;}
	.sub_nav ul li a { font-size:15px;}
	.sub_nav ul .sub_nav_on { border-top:none; margin-top:0;}
	.sub_nav ul li:hover { border-top:none; margin-top:0;}
	
	.com01_m { background:url("/kor/img/sub/com01_02.jpg") fixed center left no-repeat; background-size:cover;}
	.com01_m .com01_m_text01 span { font-size:25px;}
	.com01_b_text01 span { font-size:25px;}
	
	.com01_b_ul li {
		width:200px;
		height:200px;
		padding:20px;
		margin:5px;
	}
	.com01_b_ul li p { font-size:16px; margin-top:50px;}
	
	.com03_ul01 .com03_ul01_li {  width:100%;}
	.com03_ul01 .com03_ul01_li img { padding-right:0; margin-bottom:30px;}
	
	.com04_ul01 li { width:100%;}
	.com04_ul01 li .com04_ul01_box { margin-bottom:40px;}
	
	.com04_ul02 li { width:100%;}
	.com04_ul02 li .com04_ul02_box { margin:5px 0;}
	
	.process_ul02 li { width:50%;}
	
	.map_ul li { width:50%;}
	
	.pro_ul01 { margin:0;}
	.pro_ul01 li { width:100%; margin:20px 0;}

	.pro_ul02 { margin:0;}
	.pro_ul02 li { width:100%; margin:20px 0;}
	
	.process_arrow01 { transform: rotate(360deg); left:auto; bottom:auto; right:40px; top:-50px;}
	.process_arrow01 span { height:80px;}
	.process_arrow02 { right:20px; top:-270px;}
	.process_arrow02 span { height:300px;}
}