@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@charset "utf-8";
*{font-family: 'Nanum Gothic',"나눔고딕", 'Montserrat Alternates', sans-serif;}
/* Reset CSS  */
html { height: 100%;overflow-y:scroll; background-color: #fff;  }
body { font-size: 12px; font-family: 'Nanum Gothic',"나눔고딕", 'Montserrat Alternates', sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs*/
#container_title{display:none;}
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

/************* css ******************/
body:after{content:""; display:block; clear:both;}
body {}
#footainer { min-height: 100%; }
/* header*/
#header { width: 15%; position: fixed; background-color: #efaa2c; height: 100%;  }
#header #header_tnb { padding: 10px; padding-left: 20px; }
#header #header_tnb li { float: left; padding-right: 5px; color: #fff; font-size: 12px; }
#header #header_tnb li:after { content: " / "; }
#header #header_tnb li:last-child:after { content: ""; }
#header #header_tnb li a { color: #fff; }
#header #logo { background-color: #fceed5;}
#header #logo img { padding: 30px 10% 30px 5%;}
#header #menu { padding-top: 50px;}
#header #menu > li { color:#fff; padding-top:10px; padding-bottom: 10px; font-size: 16px; border-bottom: solid 1px #edc478; margin-right: 5%; margin-left: 5%; padding-right: 5%; padding-left: 5%; }
#header #menu > li a { color:#fff; }
#header #menu > li > a { display: block; }
#header #menu > li .arrow { float:right; font-size: 12px; position: relative; top:2px; }
#header #menu > li.menu_icon { display: none; border-bottom: 0; font-size: 16px; text-align: center; cursor: pointer; }
#header #menu > li:last-child { border-bottom: 0; }
#header #menu > li .detail { display: none;}

#header #menu > li.on_menu { background: #df9a1b; margin: 0; padding-right: 10%; padding-left: 10%; }
#header #menu > li.on_menu .detail { display: block; padding-bottom: 5px; }
#header #menu > li:hover { background: #df9a1b; margin: 0; padding-right: 10%; padding-left: 10%; transition: 0.2s; overflow: hidden; }
/* #header #menu > li:hover .detail { display: block; padding-bottom: 5px; } */

#header #menu .detail li { font-size: 13px; padding-top: 13px; padding-left: 15px; }
#header #menu .detail li:before { content: "- "; }


/* container*/
#footainer { background-color: #fff; overflow: hidden; padding-left: 15%; }

#container { position: relative; }
#container #slide { width:500%; }
#container #slide li {position: relative; text-align:left; float:left; width:calc(100% / 5);}
#container #slide li:nth-child(1) { background: url('../img/slide_bg1.png') no-repeat center left / cover; }
#container #slide li:nth-child(2) { background: url('../img/slide_bg2.png') no-repeat center left / cover; }
#container #slide li:nth-child(3) { background: url('../img/slide_bg3.png') no-repeat center left / cover; }
#container #slide li:nth-child(4) { background: url('../img/slide_bg4.png') no-repeat center left / cover; }
#container #slide li:nth-child(5) { background: url('../img/slide_bg5.png') no-repeat center left / cover; }
 
#container #slide a {position: absolute;bottom:32%;left: 4.8%; background-color: #b1b1b2; color:#fff; padding:10px 60px; font-size: 15px;  }

#container #pos { position: absolute; bottom:27%; left:4.6%;}
#container #pos li { float: left; height: 5px; width: 27px; background-color: #ebebeb; margin: 4px; cursor: pointer;}
#container #pos li.on { background-color: #ff9c4d; }

#container #side_menu {position: absolute; right:0; top:18%;}
#container #side_menu .box { padding: 35px 30px;margin-bottom:10px;text-align:center;}
#container #side_menu .box:nth-child(1){background-color:#efaa2c;}
#container #side_menu .box:nth-child(2){background-color:#a2a2a2;}
#container #side_menu .box:nth-child(3){background-color:#034a80;}
#container #side_menu .box p{font-size:14px;color:#fff;margin-top:10px;}

#container .content_wrap{margin-top:55px; }



/* pro */
div.pro_banner { padding: 55px; background: url('../img/pro_banner.png') no-repeat center center / cover; }
div.pro_banner.intro { background: url('../img/pro_banner.png') no-repeat center center / cover; }
div.pro_banner.pro { background: url('../img/pro_banner02.png') no-repeat center center / cover; }
div.pro_banner.domes { background: url('../img/pro_banner03.png') no-repeat center center / cover; }
div.pro_banner.distri { background: url('../img/pro_banner03.png') no-repeat center center / cover; }
div.pro_banner.news { background: url('../img/pro_banner04.png') no-repeat center center / cover; }
div.pro_banner.cont { background: url('../img/pro_banner05.png') no-repeat center center / cover; }
div.pro_banner p { color: #fff; font-size: 30px; letter-spacing: -1.5px; }

#sub_content{margin:55px;}
#sub_content .p_title { border-bottom: 1px solid #dddddd; margin-bottom: 30px; padding-bottom: 10px; }
#sub_content .p_title h1 { font-size: 35px; font-weight: bold; letter-spacing: -1.7px;color: #4c4c4c; }
#sub_content .p_title h2 { font-size: 17px; color: #686868; font-weight: 400; letter-spacing: -1px; }

#bo_cate {
    background: #fff;
    padding: 0;
    margin: 0;
    border: 0;
}


#bo_cate_ul li { width: 12%; text-align: center; border: 1px solid #dddddd; margin: 5px; font-size: 15px; letter-spacing: -0.8px; padding:0;}
#bo_cate_ul li:first-child { margin-left: 0; }
#bo_cate_ul li a { padding:5px; color: #000; }
#bo_cate_ul li a:hover { border-radius: 0; }
#bo_cate #bo_cate_on {
    background: #333333;
    font-weight: 400;
    border-bottom-color: #333333;
    -webkit-box-shadow: inset 0 2px 5px #333333;
    -moz-box-shadow: inset 0 2px 5px #333333;
    box-shadow: inset 0 2px 5px #333333;
    border-radius: 0;
}

div.hr { height: 1px; background-color: #dddddd; }

.gall_text_href * { text-align: center; }

#bo_gall .gall_box { border: 0; }

#bo_gall .gall_img { border: solid 1px #dddddd; }


#bo_gall .gall_img img { width: 100%; }

#fboardlist { padding-top: 15px;}

#bo_gall a.bo_tit { font-size: 16px; font-weight: 600; padding-bottom: 2px;width: auto;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#bo_gall a.bo_tit_p{ font-size: 17px; font-weight: 600; padding-bottom: 2px;width: auto;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#000;}
.bo_tit a.bo_tit{width: auto;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;max-width: 70%;}
#bo_gall .gall_text_href { font-weight: 400; padding-bottom: 2px; text-align: center; color: #000;}
.gall_text_href p { color: #7d7d7d; font-size: 14px; letter-spacing: -0.5px; }

.pg_wrap .pg a { border: 0; background: none; color: #262525; }
.pg_wrap .pg a.pg_end { background: none; display: inline; font-size: 9px; padding-left: 10px; }
.pg_wrap .pg a.pg_start { background: none; display: inline; font-size: 9px; padding-right: 10px; }
.pg_wrap .pg_current { background: #d1d1d1; border: 0; box-shadow:none; -webkit-box-shadow:none; border-radius: 0; line-height: 29px; }

/* .pg_end { background: none; } */


/*sub*/
#sub {box-sizing: border-box;font-size: 16px;line-height:140%}

#sub h3{margin-bottom: 30px; font-size: 25px;color: #787878;font-weight: 500;letter-spacing: -1px;}
#sub h4{font-size:25px;float:left;text-align:center;color:#686868;}
#sub p{word-break:keep-all;}

.s_table{width:100%; border-top:2px solid #efaa2c;margin-top:20px;}
.s_table tr th{background:#f5f5f5;}
.s_table tr th , .s_table tr td{padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:13px;}
.s_table tr th:last-child , .s_table tr td:last-child{border-right:0;}

/*introduction*/
.sub01{overflow:hidden;}

.text_in{float:left;}
.text_in span{color:orange;}
.text_in .ceo_sign{color: #222; font-weight:bold;padding: 30px 0 40px 0;float:left;display:inline-block;}
.text_in img{margin:20px 10px;width: 150px;}

/*history*/
.history{margin-bottom:33px;padding-bottom:33px;overflow: hidden;}
.font{overflow:hidden; padding-left:30px;}

.font li p{overflow:hidden;}

.history{background:url(../img/history_line.jpg) repeat-y center center; padding:30px 0;}
.history li{width:50%; box-sizing:border-box; margin-bottom:40px; position:relative;}
.history li:nth-child(odd){margin-left:50%; padding-left:25px;}
.history li:nth-child(even){margin-right:50%; padding-right:25px; text-align:right;}
.history li span{display:block; width:23px;height:23px; background:#fff; border:5px solid #efaa2c; border-radius:50px; position:absolute; top:7px;}
.history li:nth-child(odd) span{left:-12px;}
.history li:nth-child(even) span{right:-12px;}
.history li h2{font-size:30px; letter-spacing:-1px; font-weight:500;margin-bottom:10px; padding-bottom:10px ;}
.history li p{padding-left:13px; color:#737373;overflow:hidden; max-width:500px; display:inline-block;text-align: left;}
.history li p b{margin-left:-9px; color:#555;}

/*vision*/
.sub01_v {text-align:center;}

/*dosmestic*/
.sub03_dos:after{content:""; display:block; clear:both;}
.sub03_dos #dos_img{float:left;width:40%;}
.sub03_dos .s_table{float:right;width:60%;}
.sub03_dos .s_table td{width:33.3%}


#dos h2{font-size:25px;color:#686868;margin-bottom:20px;}
#dos li{display:block;float:left; width:33.3%;line-height:200%}
#dos span{padding-right: 10px;font-size:13px;}

#seoul{color:#ee4745;}
#gyeonggi-do{color:#34b8ea;}
#chungcheong{color:#2d4a9e;}
#jeolla-do{color:#88c43f;}
#gyeongsang-do{color:#ed7522;}
#gangwon-do{color:#f4ab1c;}
#jejudo{color:#45b87c;}

/*Global*/
.sub03{display:block;}
.g_img {margin-bottom:30px;text-align: center;}


#glo h2{font-size:25px;color:#686868;margin-bottom:20px;}
#glo li{display:block;float:left; width:33.3%;line-height:200%}
#glo span{padding-right: 10px;font-size:13px;}

#brazil{color:#cbdc48;}
#mexico{color:#8f181f;} 
#spain{color:#2ec0f0;}
#portugal{color:#8e97cc;}
#uk{color:#2555a6;}
#russia{color:#f69a24;}
#ukraine{color:#20a3a3;}
#australia{color:#f3e82d;}
#iran{color:#cb5495;}
#kuwait{color:#ef4845;}
#thailand{color:#5bbc62;}
#ecuador{color:#6e5320;}

/*contact us*/
.map_box {display:block;text-align:center;margin:20px 0;}
.map_box h3{font-size: 30px;color: #787878; font-weight: 500; margin: 30px 0 30px;}
.map_box p{border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 20px 0;}


#sub05 p{text-align:center;line-height:23px; margin-top:10px;}
#sub05 table {width:100%;border-collapse: collapse;margin-top: 20px; width:100%; border-top:2px solid #efaa2c;margin-top:20px;}
#sub05 th {width:20%;border:1px solid #ddd;text-align:center;font-size:13px; background:#f5f5f5;}
#sub05 td {border:1px solid #ddd;padding: 6px;font-size:13px;color:#666;line-height: 25px;}
#sub05 .btn_submit {color:#000;border-radius:3px;border:solid 1px #ddd;background:#fff;padding:8px 0px;font-size:14px; text-align:center;width:100px;}
#sub05 input , #sub05 textarea{width:100%; border-radius:5px; padding:7px;box-sizing: border-box;}
#sub05 .send{background:#efaa2c;;color:#fff}
#sub05 th:last-child , .s_table td:last-child{border-right:0;}


/* footer*/
#footer { background-color: #fff; }
#footer p { padding: 40px; padding-left: 65px; line-height: 25px; color: #777777; font-size: 14px; display: inline-block; }
#footer img { float:right; top:45px; right: 60px; position: relative;}

@media (min-width:1201px) and (max-width:1300px){
	#header #header_tnb li { font-size: 11px; }
	#header #menu > li a { font-size: 13px; }


	#footer p { font-size: 12px; }
	#footer img { width: 220px; top: 50px; }
}

@media (min-width:769px) and (max-width:1200px){/*테블릿*/
	#header { width: 100%; position: static; }
	#header #header_tnb { float: right; }
	#header #header_tnb li { color: #000; }
	#header #header_tnb li a { color: #000; }

	#header #logo img { padding:20px; width: 250px; }
	#header #menu { padding-top: 5px; padding-bottom: 5px; }
	
	#header #menu > li { display: none; }
	#header #menu > li.menu_icon { display: block; }
	#header #menu > li.menu_icon img { width:20px; }
	#header #menu > li:last-child { padding-bottom: 20px; }
	

	#sub_content{margin:30px;}


	#container #pos{bottom:16%;}

	#footainer { padding-left: 0; }
	
	#footer p { font-size: 12px; }
	#footer img { display: none; }

	.gall_row .col-gn-10{width: 33.33%;}
}

@media (max-width:768px){/*모바일*/
	#header { width: 100%;  position: static; }
	#header #header_tnb { float: right; }
	#header #header_tnb li { color: #000; }
	#header #header_tnb li a { color: #000; }

	#header #logo{ text-align:center;}
	#header #logo img{padding:20px 0; max-width:70%;}
	#header #menu { padding-top: 5px; padding-bottom: 5px; }
	
	#header #menu > li { display: none; }
	#header #menu > li.menu_icon { display: block; }
	#header #menu > li.menu_icon img { width:20px; }
	#header #menu > li:last-child { padding-bottom: 20px; }

	#sub_content{margin:20px 10px;}

	
	#container #slide a { margin: 0; bottom:20%;}
	#container #side_menu { position: relative; width:100%;}
	#container #side_menu .box { float: left; width:33.3%; padding: 20px 0;margin: 0;}
	#container #side_menu .box a { width:100%;}

	#container #pos {display:none;}
	#footainer { padding-left: 0; }
	
	#footer { text-align: center; }
	#footer p { padding: 10px; line-height: 25px; font-size: 11px; float:none; text-align:center;word-break: keep-all;max-width: 330px;}
	#footer img { display: none; }

	
	#container #pos li { width: 17px; }

	.gall_row .col-gn-4 { width: 50%; }
	#bo_cate_ul li { width: 23%; }
	#bo_cate_ul li:first-child { margin-left: 5px; }

	.gall_row .col-gn-10{width: 50%;}

	#bo_gall a.bo_tit {font-size: 14px;}

@media (max-width:620px) {
	#bo_cate_ul li { width: 22.5%; }
	div.pro_banner { padding: 20px; }
	div.pro_banner p { font-size: 23px; text-align: center; }
	div.title {
    margin: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
	}
	div.title h1 { font-size: 27px; text-align: center; }
	div.title h2 { font-size: 15px; text-align: center; }


}

@media (max-width:546px) {
	#container #side_menu li img { padding:0 !important; }
	nav.pg_wrap { margin-top: 0; }
	.sub03_dos .s_table {width: 100%;}
	.sub03_dos #dos_img {width: 100%;}
}

@media (max-width:516px) {
	#container #pos { left: 75%; }

	#bo_cate_ul li { width: 22%; }
	div.pro_banner p { font-size: 20px; }
	div.title h1 { font-size: 23px; }
	div.title h2 { font-size: 13px; }

	#bo_gall .gall_text_href { font-size: 15px; }
	.gall_text_href p { font-size: 12px; letter-spacing: -0.2px; }
	#sub05 th {width: 35%;}
}

@media (max-width:431px) {
	#header #logo img { padding: 10px; width: 180px; }

	#container #slide a { padding: 5px 30px 5px 30px; font-size: 12px; bottom: 20%; }
	
	#container #pos { top: 260px; left: 70%;}

	#bo_cate_ul li { width: 21.5%; }
	#bo_cate_ul li a { font-size: 12px; }

	#sub05 th {width: 35%;}

}