@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;  }
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 ******************/
.content_wrap{max-width:1200px; margin:0 auto; padding:0 25px; box-sizing:border-box;}
.content_wrap:after{content:"";display:block; clear:both;}
body{word-break:break-word;}

/* header*/
#top_bar{background:#107cc5; padding:13px 0;}
#top_bar .lang{text-align:right;}
#top_bar .lang li{display:inline-block;}
#top_bar .lang li a{color:#fff; padding-right:7px; display:block; font-size:13px;}
#top_bar .lang li a:after{content:"/"; padding-left:7px;}
#top_bar .lang li:last-child a{padding-right:0;}
#top_bar .lang li:last-child a:after{content:none; padding-left:0;}
#header{position:relative; text-align:right;}
#h_logo{position:absolute; top:-43px; left:0; padding:45px 25px 0; background:#fff;}
#nav_btn{display:none;}
#nav{display:inline-block; padding:40px 0 0; position:relative;}
#nav > li{float:left; padding:0 35px;}
#nav > li > a{font-size:17px; letter-spacing:-0.5px;  display: block; border-bottom:5px solid #fff; padding-bottom:25px;}
#nav > li:last-child{padding-right:0;}
#nav > li:nth-child(1) .sub_menu{left:-60px !important;}
#nav > li:nth-child(2) .sub_menu{left:-320px !important;}
#nav > li:nth-child(3) .sub_menu{left:120px !important;}
#nav > li:nth-child(4) .sub_menu{left:-60px !important;}
#nav > li:hover > a{border-bottom:5px solid #24ccf6;}
#nav > li:last-child .sub_menu{text-align:right; right:0;}
#nav .sub_menu{position:absolute; top:100%; left:23px; padding-top:12px; display:none;}
#nav .sub_menu li{display:inline-block;}
#nav .sub_menu li a{font-size:16px; color:#787878; padding: 0 20px; display:block;}
#nav .sub_menu li a:hover{color:#107cc5;}
#nav_bottom{background:#f5f5f5; height:45px; margin-top:-3px;}

/* container*/
#m_slider{overflow:hidden; position:relative;}
#m_slider .breadcrumb{position:absolute; max-width:1200px; bottom:18%; left:50%; margin-left:-600px; padding-left:30px; box-sizing:border-box;}
#m_slider .breadcrumb li{float:left; margin-left:5px;}
#m_slider .breadcrumb li span{display:block ;width:30px; height:4px; background:#fff; border-radius:10px; cursor:pointer;}
#m_slider .breadcrumb li.on span{background:#24ccf6;}
#m_slider .content{width:300%;}
#m_slider .content li{text-align:center; float:left; width:calc(100% / 3)}
#m_slider .content li:nth-child(1){background:url(../image/m_slider01_bg.jpg) no-repeat center center /cover;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider02_bg.jpg) no-repeat center center /cover;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider01_bg.jpg) no-repeat center center /cover;}
#container_wrap{background:url(../image/body_bg.png) repeat-y top center;}
#container{min-height:400px; border-right:1px solid #eee; border-left:1px solid #eee; background:#fff;}

.m_title{font-size:25px; letter-spacing:-1px; color:#5c5c5c;}
#m_banner:after{content:"";display:block; clear:both;}
#m_banner{padding:60px 0;}
#m_pro{float:left; width:60%;}
#m_pro .img{float:left; width:50%; text-align:center; padding-top:60px;}
#m_pro .text{float:left; width:50%; padding:70px 10px 0; box-sizing:border-box;}
#m_pro .text h2{font-size:20px; font-weight:600; margin-bottom:10px;}
#m_pro .text p{font-size:14px; line-height:22px; margin-bottom:50px;}
#m_pro .text .view{font-size:14px; border:1px solid #ccc; padding:7px 40px; display:inline-block;}
#m_icon{float:left; width:40%; margin-top:30px;}
#m_icon li{float:left; width:50%; text-align:center;}
#m_icon li:nth-child(1),#m_icon li:nth-child(4){background:#107cc5;}
#m_icon li:nth-child(2),#m_icon li:nth-child(3){background:#096caf;}
#m_icon li a{display:block;  padding:30px 0 20px;}
#m_icon li h2{color:#fff; font-size:18px; font-weight:500; margin-top:10px;}
#m_icon li.cs{width:100%; padding-top:20px; letter-spacing:-1px; font-size:23px;}
#m_icon li.cs svg{font-size:30px; color:#107cc5; vertical-align: top;}
#m_icon li.cs b{color:#096caf; font-weight:500;}
#m_latest{border-top:1px solid #eee; padding:75px 25px; margin:0 -25px;}
#m_latest:after{content:"";display:block; clear:both;}
#m_latest .latest{float:left; width:50%; box-sizing:border-box; padding:0 10px;}
#m_latest .news{padding-right:50px;}
#m_latest .down{padding-left:50px;}
#m_latest .latest .m_title{margin-bottom:25px; position:relative;}
#m_latest .latest .m_title .more{position:absolute; top:0; right:0; font-size:25px; font-weight:500; color:#b0b0b0;}

/*sub*/
#s_top{padding:150px 0 65px; color:#fff;}
#s_top.bg01{background:url(../image/s_top_bg01.jpg) no-repeat center center;}
#s_top.bg02{background:url(../image/s_top_bg01.jpg) no-repeat center center;}
#s_top.bg03{background:url(../image/s_top_bg01.jpg) no-repeat center center;}
#s_top.bg04{background:url(../image/s_top_bg01.jpg) no-repeat center center;}
#s_top h2{font-size:50px; letter-spacing:-2px; font-weight:500;}
#s_top p{font-size:18px;}

#snb{width:25%; float:left; padding:65px 25px 0 0; box-sizing:border-box;}
#snb ul li:last-child a{border-bottom:0;}
#snb ul li a{font-size:16px; display:block; padding:10px 15px; border-bottom:1px solid #eee; position:relative;}
#snb ul li a.on , #snb ul li a:hover{color:#107cc5;}
#snb ul li a.on:after{position:absolute; right:15px; bottom:10px; content:'>'; color:#ccc; font-size:13px}

#sub{width:75%; float:left; box-sizing:border-box; min-height:500px; border-left:1px solid #eee; padding:58px 25px 100px 50px; font-size:15px;}
p{line-height:26px;}
.p_title{font-size:35px; letter-spacing:-1px; font-weight:500; margin-bottom:30px;}
.p_title_02{font-size:35px; letter-spacing:-1px; font-weight:500; margin-bottom:5px;}
.strapline{margin-bottom:30px;}
/*.p_title:first-letter{color:#107cc6;}*/

.s_table{width:100%; border-top:2px solid #107cc6;}
.s_table tr th{background:#f5f5f5;}
.s_table tr th , .s_table tr td{padding:7px 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;}


/*sub01*/
.sub01 h3{margin-bottom:25px; font-size:25px; color:#787878; font-weight:500; letter-spacing:-1px;}
.sub01 h3 span{color:#107cc5;}
.sub01 .text{margin-top:25px;}

/*sub01_02*/
.history{background:url(../image/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:25px;height:25px; background:#107cc6; border:5px solid #eee; 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:-4px; font-weight:500;margin-bottom:10px; padding-bottom:10px ; border-bottom:1px dashed #ddd;}
.history li p{padding-left:22px; color:#737373;}
.history li p b{margin-left:-22px; color:#555;}

.awards section{margin-bottom:50px;}
.awards li{float:left; width:50%; box-sizing:border-box; margin-bottom:40px;}
.awards li:nth-child(odd){padding-right:15px; clear:both;}
.awards li:nth-child(even){padding-left:15px;}
.awards li div{margin-bottom:10px; min-height:100px;}
.awards li div img{max-height:100px;}
.awards li h2{margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ddd; font-size:16px;}
.awards li p{line-height:20px; font-size:14px; padding-left:15px;margin-left:-15px;}

/*sub01_03*/
.sub01_03 section{margin-bottom:50px;}
.sub01_03 .title{font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:10px;}
.sub01_03 .title svg{font-size:18px; color:#107cc6;}
.sub01_03 .text{margin-bottom:10px; font-size:17px; color:#787878; font-weight:500;line-height:26px; letter-spacing:-1px;}
.sub01_03 .text span{color:#107cc5;}
.sub01_03 .num li{line-height:26px;}
.sub01_03 .num p{line-height:26px; margin-top:10px;}

/*sub01_04*/
.sub01_04{text-align:center; padding-top:30px;}

/*sub01_05*/
.map{margin-top:50px;}
.map li{float:left; width:33.33%;  text-align:center; padding: 0 10px; box-sizing:border-box;}
.map li div{width:80px; height:80px; line-height:90px; display:inline-block; background:#107cc6; border-radius:150px;}
.map li svg{font-size:30px; color:#fff;}
.map li h2{font-size:16px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:7px 0; margin:20px 0 15px;}
.map li p{line-height:18px; font-size:14px; }

/*product  sub02*/
.product section{margin-bottom:50px;}
.product .title{font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:10px; }
.product .title svg{font-size:18px; color:#107cc6;}
.product .list li{float:left; width:50%; box-sizing:border-box; margin-bottom:40px;}
.product .list li:nth-child(odd){padding-right:15px; clear:both;}
.product .list li:nth-child(even){padding-left:15px;}
.product .list li div{margin-bottom:10px; min-height:100px; padding-left:15px;}
.product .list li div img{max-height:100px;}
.product .list li h2{margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ddd; font-size:16px; padding-left:12px;}
.product .list li p{line-height:20px; font-size:14px; padding-left:15px;}
.product .list li p span{margin-left:-15px;}
.product .center{text-align:center;}
.product .s_table2 tr td{text-align:center;}
.product .s_table2 tr td:first-child{text-align:left;}

.sub02 .line{color:#eee;  overflow:hidden; height:15px;margin-bottom:50px;}
.sub02_05 .center{padding-top:15px;}

/*tech   sub03*/
.tech section{margin-bottom:50px;}
.tech .title{font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:10px; }
.tech .title svg{font-size:18px; color:#107cc6;}

.sub03 .s_table tr td{text-align:center;}
.sub03_02 h3{margin-bottom:25px; font-size:20px; color:#787878; font-weight:500; letter-spacing:-1px;}
.sub03_02 h3 span{color:#107cc5;}
.sub03_02 .num li{padding:8px 0; border-bottom:1px dashed #eee;}
.sub03_02 .box01 li{float:left; width:50%;}
.sub03_02 .box01 li.img{border:1px solid #ddd;}
.sub03_02 .box01 li.text{padding-left:20px; line-height:26px;}
.sub03_02 .box02 b{font-size:18px;}
.sub03_02 .box02 img{margin:20px auto; display:block;}
.sub03_02 .box02 .border{border:1px solid #eee;}
.sub03_02 .box03 img{margin:20px auto 0; display:block;}
.sub03_03 .block li{float:left;width:33.33%; padding:0 3px 7px; box-sizing:border-box;}
.sub03_03 .block li p{background:#246fa2; padding:5px 0;color:#fff; text-align:center; border-radius:10px;}
.sub03_03 .box01 img{margin:20px auto; display:block;}
.sub03_03 .box02 img{margin:20px auto 0; display:block;}
.sub03_03 .box03 img{margin:20px auto 0; display:block;}

/*bbs*/
.bbs{font-size:13px;}

/*sub04_05*/
.sub04_05{text-align:center;}

/* footer*/
#footer{background:#f5f5f5; padding:60px 0;}
#footer .content_wrap{position:relative;}
#footer .address{font-size:15px; line-height:26px;}
#footer .logos{position:absolute; right:25px; bottom:0;}

@media (min-width:769px) and (max-width:1200px){/*테블릿*/
}

@media (max-width:768px){/*모바일*/
	.content_wrap{padding:0 10px;}

	/*header*/
	#header{text-align:center; padding:0;}
	#top_bar{background:none; padding:10px 0 0;}
	#top_bar .lang{text-align:center}
	#top_bar .lang li a{color:#444;}
	#h_logo{position:static; padding:20px 0;}
	#nav_btn{display:block; background:#107cc5; color:#fff; font-size:17px; padding:10px 0;font-weight:600; cursor:pointer;}
	#nav{position:absolute; top:100%; left:-100%; z-index:99; background:rgba(255,255,255,0.95); width:100%; padding:0;}
	#nav > li{width:100%; padding:0; border-bottom:1px solid #ddd;}
	#nav > li:hover > a{background:#888; color:#fff; border-bottom:0;}
	#nav > li > a{padding: 12px 0; font-size:15px; border-bottom:0;}
	#nav .sub_menu{position:relative; width:100%; padding:0;}
	#nav > li:nth-child(1) .sub_menu{left:0 !important;}
	#nav > li:nth-child(2) .sub_menu{left:0 !important;}
	#nav > li:nth-child(3) .sub_menu{left:0 !important;}
	#nav > li:nth-child(4) .sub_menu{left:0 !important; text-align:center;}
	#nav .sub_menu li{width:100%; }
	#nav .sub_menu li a{padding:8px 0; font-size:14px;}
	#nav .sub_menu li a:before{content:"- ";}
	#nav .sub_menu li a:hover{color:#107cc5;}
	#nav_bottom{display:none;}

	/*main*/
	#m_banner{padding:30px 0;}
	#m_pro{width:100%;}
	#m_pro .img{padding-top:20px; width:100%;}
	#m_pro .text{padding:30px 0 0 10px; width:100%;}
	#m_pro .text p{margin-bottom:20px;}
	#m_icon{width:100%; margin-top:30px;}
	#m_icon li a{padding:30px 0 20px;}
	#m_icon li h2{font-size:18px; margin-top:10px;}
	#m_icon li.cs{font-size:18px;}
	#m_latest{margin:0 -10px; padding:30px 10px 0;}
	#m_latest .latest{width:100%; margin-bottom:30px; padding:0;}

	/*sub*/
	.p_title{margin-bottom:15px; font-size:30px;}
	#s_top{padding:30px 0; text-align:center; background-size:cover !important;}
	#s_top h2{font-size:30px;}
	#s_top p{font-size:13px;}
	#snb{display:none;}
	#sub{width:100%; border-left:0; padding:20px 0 30px;}

	/*sub01_02*/
	
	.history li{width:100%; margin:0 0 40px !important; padding:10px !important; background:#fff; text-align:center; border:1px solid #eee;}
	.history li:nth-child(even){text-align:center;}
	.history li span{position:static; margin:-20px auto 5px;}
	.history li h2{border-bottom:0; padding-bottom:0;}
	.history li p{padding:0;}
	.history li p b{margin-left:0;}

	/*sub01_05*/
	.map{margin-top:30px;}
	.map li{width:100%;padding:0; margin-bottom:30px;}

	/*product  sub02*/
	.product .list li{width:100%;margin-bottom:40px;}
	.product .list li:nth-child(odd){padding-right:0;}
	.product .list li:nth-child(even){padding-left:0;}

	/*Tech sub03*/
	.sub03_02 .box01 li{width:100%;}
	.sub03_02 .box01 li.text{padding-left:0; padding-top:10px;}
	.sub03_03 .block li{width:50%; font-size:13px;}


	/*footer*/
	#footer{padding:20px 0;}
	#footer .logos{position:static; margin-top:10px; max-width:50%;}
}