@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: 13px; 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 ******************/
.wrap{margin:0 auto; max-width:1200px; box-sizing:border-box; padding:0 25px;}


/* header*/
#header{position:relative;}
#header .logo{position:absolute; top:25px; left:50%; margin-left:-97px;}
#header .lang{padding:70px 0 55px; text-align:right;}
#header .lang li{display:inline-block;}
#nav_btn{display:none;}
#header nav{border-top:1px solid #ddd;}
#nav{background:url(../image/nav_line.png) no-repeat right 25px top 20px;}
#nav > li{float:left; width:20%; position:relative;text-align:center; background:url(../image/nav_line.png) no-repeat left top 20px;}
#nav > li > a{font-size:16px; color:#292929; padding:17px 0; display:block; letter-spacing:-1px;}
#nav > li > a.mob { display: none; cursor: pointer; }
#nav > li:hover > a{color:#fff; background:#1073bd;}
#nav > li:nth-child(3) .sub_menu > li > a:after{content:">"; right:12px; position:absolute; color:#ccc; font-size:12px;}
#nav .sub_menu{position:absolute; left:0; top:100%; background:rgba(255,255,255,0.98); width:100%; z-index:99; display:none;}
#nav .sub_menu > li{position:relative; border-bottom:1px solid #eee;}
#nav .sub_menu > li > a{font-size:14px; padding:10px 0;display:block;}
#nav .sub_menu > li:hover > a{color:#fff; background:rgba(0,0,0,0.7);}
#nav .ss{display:none; position:absolute;left:100%;top:0; width:100%; z-index:99; background:rgba(255,255,255,0.98); border:1px solid #eee;}
#nav .ss li a{font-size:14px; padding:7px 0;display:block;}
#nav .ss li a:hover{color:#1073bd; background:rgba(225,225,225,0.4);}
.ss_menu ul{margin:25px 0 -10px; border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%}
.ss_menu li{float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  width:33.333%; text-align:center; box-sizing:border-box}
.ss_menu li a{display:block; font-size:16px;padding: 10px 0;}
.ss_menu li:hover > a{color:#fff; background:#1073bd;}
.ss_menu .on{background:#1073bd;}
.ss_menu .on a:link{color:#fff}
.ss_menu .on a:visited{color:#fff}
.mobile_menu{display:none;}

/*main*/
#m_slider{position:relative; overflow:hidden;}
#m_slider .arrow{position:absolute; top:50%; margin-top:-23px; cursor:pointer;}
#m_slider .arrow.next{right:0;}
#m_slider .arrow.prev{left:0;}
#m_slider .content{width:300%;}
#m_slider .content li{text-align:center; float:left; width:33.33%;}
#m_slider .content li:nth-child(1){background:url(../image/m_slider01_bg.png) no-repeat center center / cover;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider02_bg.png) no-repeat center center / cover;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider01_bg.png) no-repeat center center / cover;}

#m_banner:after{content:""; display:block; clear:both;}
#m_banner{padding:65px 0 85px;}
#m_banner .box.w30{width:30%;}
#m_banner .box.w40{width:40%;}
#m_banner .box.w70{width:70%;}
#m_banner .box.w60{width:60%;}
#m_banner .box{float:left; padding:0 10px 20px; box-sizing:border-box;}
#m_banner .box .content{min-height:280px; color:#fff; padding:50px 20px 0; box-sizing:border-box;}
#m_banner .box .content .title{font-size:25px; font-weight:500; letter-spacing:-1px;}
#m_banner .box .content .text{margin-top:15px;}
#m_banner .box .content .view{color:#fff; border:1px solid rgba(255,255,255,0.5); padding:5px 20px; display:inline-block; margin-top:25px;}
#m_banner .box01 .content{background:#082559 url(../image/m_banner_box01.png) no-repeat right bottom;}
#m_banner .box02 .content{background:url(../image/m_banner_box02.jpg) no-repeat center center / cover; text-align:center;}
#m_banner .box02 .content .title{margin-top:15px; line-height: 28px;}
#m_banner .box03 .content{background:#2f73b3 url(../image/m_banner_box03.png) no-repeat right bottom;}
#m_banner .box04 .content{background:#526079 url(../image/m_banner_box04.png) no-repeat right bottom;}
#m_banner .box05 .content{border:1px solid #ebebeb; color:#333; position:relative; overflow:hidden;}
/*#m_banner .box05 .content ul{max-width:1000px;}*/
#m_banner .box05 .content ul li{float:left; width:250px; text-align:Center; margin:10px 0;}
#m_banner .box05 .content ul li a{display:block;}
#m_banner .box05 .content ul li .img_wrap{height:160px; line-height:160px;}
#m_banner .box05 .content ul li .subject{font-size:15px; color:#888; letter-spacing:-1px;}
#m_banner .box05 .content ul li:last-child { display: none; }
#m_banner .box05 .content .arrow2{position: absolute;top: calc(50% - 15px); width: 30px; height: 30px; text-align: center; display: inline-block; line-height: 30px; z-index: 10; color:#ccc; font-size:17px; cursor:pointer; z-index:99;}
#m_banner .box05 .content .arrow2.left{left:10px;}
#m_banner .box05 .content .arrow2.right{right:10px;}
#m_banner .box06 .content{border:1px solid #ebebeb; color:#333; position:relative;}
#m_banner .box07 .content{background:#8e8e8e; padding:0 20px !important;}
#m_banner .box07 ul li:after{content:""; display:block; clear:both;}
#m_banner .box07 ul li:first-child{border-bottom:1px solid #fff;}
#m_banner .box07 ul li{padding:20px 10px;}
#m_banner .box07 ul li p{float:left;}
#m_banner .box07 ul li p b{font-size:20px; display:block; font-weight:500; letter-spacing:-1px; margin:15px 0 10px;}
#m_banner .box07 ul li a{float:right;}
#m_banner .box08 .content{background:url(../image/m_banner_box08.jpg) no-repeat center center / cover; text-align:center;}
#m_banner .box08 .content img{margin:25px 0 15px;}


/*sub*/
#s_top{text-align:center;padding:80px 0 70px; color:#fff;}
#s_top.bg01{background:url(../image/sub_top_bg01.png) no-repeat center center / cover;}
#s_top.bg02{background:url(../image/sub_top_bg02.png) no-repeat center center / cover;}
#s_top.bg03{background:url(../image/sub_top_bg03.png) no-repeat center center / cover;}
#s_top.bg04{background:url(../image/sub_top_bg04.png) no-repeat center center / cover;}
#s_top h2{font-size:40px; font-weight:400; margin-bottom:15px; letter-spacing:-2px;}
#s_top p{font-size:15px;}
.sub_wrap:after{content:""; display:block; clear:both;}
.sub_wrap{padding:85px 25px 100px;}
#snb{float:left; width:23%;}
#snb > li{border-bottom:1px solid #ebebeb;}
#snb > li:last-child{border-bottom:0;}
#snb > li > a{font-size:15px; display:block; padding:10px 20px; transition:.1s;}
#snb > li:hover > a , #snb > li > a.on{background:#1758a2; color:#fff;}
#snb .sub_menu{padding:5px 0 10px; display:none;}
#snb .sub_menu li a{font-size:13px; padding:5px 20px; display:block;}
#snb .sub_menu li a:before{content:"- ";}
#snb .sub_menu li a:hover , #snb .sub_menu li a.on{color:#1758a2;}

#sub_wrap{float:left; width:77%; box-sizing:border-box; padding-left:45px;}
#p_title{margin-bottom:20px;}
#p_title h2{color:#000; font-size:35px; letter-spacing:-3px; font-weight:500;margin-left: -3px;}
#p_title span{display:block; width:20px; height:1px; background:#1758a2; margin:10px 0 7px;}
#p_title p{color:#a8a8a8; font-size:15px;}
#sub{min-height:200px; font-size:15px; line-height:22px;}
.s_title{font-size:20px; letter-spacing:-2px; margin-bottom:7px;}
.s_title:first-letter{border-top:1px solid #105d99; padding-top:7px;}
.s_subject{margin:30px 0 5px; }
#tab_menu{border-left:1px solid #eee; margin-bottom:20px;}
#tab_menu li{float:left; text-align:center; padding:7px 0; border:1px solid #eee; border-left:0;box-sizing:border-box; cursor:pointer;}
#tab_menu li.on{background:#484848; color:#fff;}
#tab_menu.w20 li{width:calc(100%/6);}

.overs1 { background-color: #1758a2; color: white !important;}
.overs2 > a { color: #1758a2 !important; font-size: 14px !important;}
.overs3 { display: block !important; }

/*ceo*/
.ceo .text01{font-size:25px; letter-spacing:-1px; font-weight:400; margin-top:30px; line-height:32px;}
.ceo .text01 b{color:#105d99;}
.ceo .text02{margin:20px 0 60px;}
.ceo .text02 b{color:#105d99;}

/*History*/
.history{padding:30px 0; background:url(../image/nav_line.png) repeat-y center center}
.history li{float:left; width:50%; position:relative; padding:0 0 50px; box-sizing:border-box;}
.history li:nth-child(odd){margin-left:50%; padding-left:45px;}
.history li:nth-child(even){text-align:right; padding-right:45px;}
.history li:nth-child(1) .year{border-color:#105d99;}
.history li:nth-child(2) .year{border-color:#999;}
.history li .year{font-size:28px; letter-spacing:-3px; font-weight:500; border:10px solid #eee; width:80px; height:80px; line-height:80px; position:absolute; text-align:center; top:0; border-radius:140px; background:#fff;}
.history li:nth-child(odd) .year{left:-50px;}
.history li:nth-child(even) .year{right:-50px;}
.history li p{ line-height: 28px; margin-top:30px; padding:10px 15px; border-top:1px solid #eee; color:#888;}
.history li p b{color:#000;}
.history li p b:after{content:""; padding-left:5px; font-weight:400; }
.history li:nth-child(odd) p{padding-left:47px; }
.history li:nth-child(odd) p b{margin-left:-15px;}

/*조직도*/
.sub01_03{text-align:center; padding-top:30px;}

/*CI*/
.sub01_04 .logo_wrap{border:1px solid #f1f1f1; margin-bottom:50px;}
.sub01_04 .ci_list{margin:20px 0 60px; border-top:1px solid #eee; border-left:1px solid #eee;}
.sub01_04 .ci_list li{float:left; width:50%; text-align:center; padding:20px 10px; box-sizing:border-box; border-right:1px solid #eee;border-bottom:1px solid #eee;}
.sub01_04 .color_list li{float:left; width:25%; box-sizing:border-box; padding-right:5px;}
.sub01_04 .color_list li span{display:block; width:100%; color:#fff; padding:10px 0; text-align:center;}
.sub01_04 .color_list li span.color01{background:#00b9ef;}
.sub01_04 .color_list li span.color02{background:#036eb9;}
.sub01_04 .color_list li span.color03{background:#132178;}
.sub01_04 .color_list li span.color04{background:#4c4848;}
.sub01_04 .color_list li span.color05{background:#cbb100;}
.sub01_04 .color_list li span.color06{background:#bebfbb;}
.sub01_04 .color_list li p{font-size:12px; line-height:16px; margin-top:5px;}

/*벤더*/
.sub01_07 .s_subject{font-size:18px}
.sub01_07 .ven{margin:10px 0;font-weight:500;color:#333 !important;font-size:15px !important}
.sub01_07 .logo_list{border-top:1px solid #eee; border-left:1px solid #eee;margin-bottom: 40px;}
.sub01_07 .logo_list li{float:left; width:25%;  padding:20px 10px;  box-sizing:border-box;font-size:14px;color:#888;
border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;position: relative;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub01_07 p{font-size:14px;color:#888;}
.sub01_07 .logo_list_02{border-left:1px solid #eee;margin-bottom: 40px;}
.sub01_07 .logo_list_02 li{float:left; width:25%;  padding:20px 10px;  box-sizing:border-box;font-size:14px;color:#888;
border-right:1px solid #eee;border-bottom:1px solid #eee;border-top:1px solid #eee;text-align:center;position: relative;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*BI*/
.sub01_09 .logo_wrap{border:1px solid #f1f1f1; margin-bottom:50px;}
.sub01_09 .s_title{margin-top:40px;}
.sub01_09 .s_title:first-child:first-letter{border-top:none}
.sub01_09 .ci_list{margin:20px 0 60px; border-top:1px solid #eee; border-left:1px solid #eee;}
.sub01_09 .ci_list li{float:left; width:50%; text-align:center; padding:20px 10px; box-sizing:border-box; border-right:1px solid #eee;border-bottom:1px solid #eee;}
.sub01_09 .color_list li{float:left; width:25%; box-sizing:border-box; padding-right:5px;}
.sub01_09 .color_list li span{display:block; width:100%; color:#fff; padding:10px 0; text-align:center;}
.sub01_09 .color_list li span.color01{background:#293276;}
.sub01_09 .color_list li span.color02{background:#1b75bb;}
.sub01_09 .color_list li span.color03{background:#27a9e1;}
.sub01_09 .color_list li span.color04{background:#5dc6cf;}
.sub01_09 .color_list li span.color05{background:#b4e1d8;}
.sub01_09 .color_list li span.color06{background:#fff; color:#000}
.sub01_09 .color_list li span.color07{background:#231f20;}
.sub01_09 .color_list li span.color08{background:#a29061;}
.sub01_09 .color_list li span.color09{background:#808284;}
.sub01_09 .color_list li p{font-size:12px; line-height:16px; margin-top:5px;}
.sub01_09 .logo_list{border-top:1px solid #eee; border-left:1px solid #eee;margin-bottom: 10px;}
.sub01_09 .logo_list li{float:left; width:33.3%;  padding:20px 10px;  box-sizing:border-box;font-size:14px;color:#888;
border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;position: relative;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub01_09 .logo_list_02{border-top:1px solid #eee; border-left:1px solid #eee;margin-bottom: 10px;}
.sub01_09 .logo_list_02 li{float:left; width:25%;  padding:20px 10px;  box-sizing:border-box; border-right:1px solid #eee;border-bottom:1px solid #eee;
text-align:center;position: relative;overflow: hidden;}

/*핵심가치*/
.sub01_05 .s_title:first-child:first-letter{border-top:none}
.sub01_05 .s_title{margin-top:40px;}
.sub01_05 .ideology{font-size:22px; letter-spacing:-3px; color:#1073bd; font-weight:500;margin:20px 5px 0 0;float:left}
.sub01_05 ul{padding-left:25px;}
.sub01_05 ul li{float:left; width:29.3%; padding-right:28px; margin-bottom:20px;}
.sub01_05 ul li:last-child{padding-right:0; }
.sub01_05 ul li .text{font-size:15px; margin-top:10px;}
.sub01_05 li .ide_s_title{padding-top:23px; color:#8a8a8a;}
.sub01_05 ul:nth-child(5){background:#f1f1f1; }
.sub01_05 ul:nth-child(5) li .text{margin-left:10px}
.sub01_05 ul:nth-child(5) li span{float:left; margin-top:10px;}
.sub01_05 ul:nth-child(5) .ideology{float:none;}
.sub01_05 .goal span{float:left; margin-left:15px;}
.sub01_05 .goal .text{font-size:15px;margin-left:25px}
.sub01_05 .goal{border:1px solid #eee; padding:0 20px 20px;}
.goal .s_subject{margin:20px 0 5px;}
.sub01_05 img{border:1px solid #eee; padding:20px 0;}

/*사업장소개*/
.sub01_06 .map{display:none;}
.sub01_06 .map01{display:block;}
.sub01_06 .map .address{padding-top:20px; }
.sub01_06 .map .address .icon li{float:left; width:33.33%; text-align:center; box-sizing:border-box; padding:20px 10px;}
.sub01_06 .map .address .icon li div{width:70px; height:70px; margin:0 auto 10px; border:2px solid #eee; line-height:80px; border-radius:100px;}
.sub01_06 .map .address .icon li svg{font-size:25px; color:#8c8c8c;}
.sub01_06 .map .address .icon li h2{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:5px 0; font-size:18px; letter-spacing:-1px; font-weight:500;}
.sub01_06 .map .address .icon li p{margin-top:10px; font-size:13px; }

/*기술개발*/
.sub03 .logo_list{border-top:1px solid #eee; border-left:1px solid #eee;margin-bottom: 10px;}
.sub03 .logo_list li{float:left; width:25%;  padding:20px 10px;  box-sizing:border-box;font-size:14px;color:#888;
border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;position: relative;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub03 p{font-size:14px;color:#888;}
.sub03 .yeon_text li{list-style-type:disc; margin-left:15px;}
.sub03 .y_item{width:100%;}
.sub03 .y_item td{color:#8c8c8c}
.sub03 .y_item td:last-child{text-align:center;padding:3px 0;}
.sub03 .y_item th{ border-top:1px solid #888;border-bottom:1px solid #888; padding:5px 0;}




/*연구장비소개*/
.sub03_02 .list li{float:left; width:33.33%; box-sizing:border-box; padding:0 5px 30px;}
.sub03_02 .list li div{border:1px solid #eee;}
.sub03_02 .list li h2{font-size:18px; font-weight:500; padding:10px 10px 0; border-top:1px solid #eee;}
.sub03_02 .list li p{padding:5px 10px 10px; color:#888; font-size:13px; line-height:18px;}

/*기술협력*/
.sub03_03 .map{text-align:center; padding-top:30px; margin-bottom:30px;}
.sub03_03 .logo_list{border-top:1px solid #eee; border-left:1px solid #eee;}
.sub03_03 .logo_list li{float:left; width:25%;  padding:20px 10px;  box-sizing:border-box;  border-right:1px solid #eee;border-bottom:1px solid #eee;}

/*제품소개*/
#sub .pro_title{font-size:18px; color:#1758a2; margin:35px 0 5px; }
#sub .pro_sub_title{border-left:3px solid #1758a2; font-size:16px; padding:0 0 0 10px; margin:25px 0 15px;}
#sub .pro_sub_01{float:left; padding:0 20px 30px;box-sizing:border-box; }
#sub .pro_sub_01 li{padding-left:5px;}
#sub .pro_wrap{margin:20px 0 50px; overflow:hidden; border:1px solid #ddd; padding:20px 0;}
#sub .pro_sub_02{float:left; padding:0 20px;width:100%;box-sizing:border-box;}
#sub .pro_sub_02 li{padding-left:5px;}
#sub .pro_sub_03{float:left; padding:0 20px 30px;width:50%;box-sizing:border-box;}
#sub .pro_sub_03 li{padding-left:5px;}

.pro02 .pro02_sub_title{color:#1073bd; font-size:15px;}
.pro02 .t_pro02{width:100%; text-align:center; font-size:12px; margin-bottom:20px;}
.pro02 .t_pro02 th:first-child{border-left:1px solid #1073bd;}
.pro02 .t_pro02 th{width:25%;padding:5px 10px; color:#1073bd; border-top:1px solid #1073bd; border-right:1px solid #1073bd;}
.pro02 .t_pro02 td{padding:5px 10px; border:1px solid #1073bd}
.pro02 .t_pro02_02{width:100%; text-align:center; font-size:12px; margin:20px 0;}
.pro02 .t_pro02_02 th:first-child{border-left:1px solid #1073bd;}
.pro02 .t_pro02_02 th{padding:5px 10px; color:#1073bd; border-top:1px solid #1073bd; border-right:1px solid #1073bd;}
.pro02 .t_pro02_02 td{width:12.5%;padding:5px 10px; border:1px solid #1073bd}
.pro02_wrap ul{margin:5px 0 15px;}
.pro02_wrap ul span{float:left;}
.pro02_wrap ul li{margin-left:10px;}
.pro02_wrap ul li li{font-size:13px;}
.pro02_wrap .stext{color:#8a8a8a; font-size:13px;}
.pro02_wrap .ul_02 li ul li{color:#8a8a8a; list-style-type:none;}
.pro02_wrap .ul_02 li ul{margin-bottom:3px;}
.pro02_wrap .ul_02 li {list-style-type:decimal;}
.pro02 .img_list{border-top:1px solid #eee; border-left:1px solid #eee;margin-top: 20px;}
.pro02 .img_list li{float:left; width:33.3%; padding:10px 0;  box-sizing:border-box;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;position: relative;
overflow: hidden}

#sub .pro03 {width:100%; text-align:center; margin-bottom:60px; font-size:12px}
#sub .pro03 th{background:#1073bd; color:#fff; border:1px solid #fff;padding:3px 5px;}
#sub .t_title {border-left:3px solid #1073bd; padding-left:10px; margin:35px 0 10px; font-size:20px; }
#sub .pro03 td{ padding:3px 5px; border:1px solid #1073bd;}
#sub .table_s_text{margin-top:-52px;}
#sub .pro03 tr td:nth-child(1){width:10%;}
#sub .pro03 tr td:nth-child(2){width:13%;}
#sub .pro03 tr td:nth-child(3){width:5%;}
#sub .pro03 tr td:nth-child(4){width:5%;}
#sub .pro03 tr td:nth-child(5){width:5%;}
#sub .pro03 tr td:nth-child(6){width:5%;}
#sub .pro03 tr td:nth-child(7){width:5%;}
#sub .pro03 tr td:nth-child(8){width:5%;}
#sub .pro03 tr td:nth-child(9){width:5%;}
#sub .pro03 tr td:nth-child(10){width:5%;}
#sub .pro03 tr td:nth-child(11){width:5%;}
#sub .pro03 tr td:nth-child(12){width:5%;}
#sub .pro03 tr td:nth-child(13){width:10%;}
#sub .pro03 tr td:last-child{width:17%;}

#sub .pro03_02 {width:100%; text-align:center; margin-bottom:60px; font-size:12px}
#sub .pro03_02 th{background:#1073bd; color:#fff; border:1px solid #fff;padding:3px 5px;}
#sub .pro03_02 td{ padding:3px 5px; border:1px solid #1073bd;}
#sub .pro03_02 tr td:nth-child(1){width:10%;}
#sub .pro03_02 tr td:nth-child(2){width:10%;}
#sub .pro03_02 tr td:nth-child(3){width:30%;}
#sub .pro03_02 tr td:nth-child(4){width:50%;}

#sub .pro03_03 {width:100%; text-align:center; margin-bottom:60px; font-size:12px}
#sub .pro03_03 th{background:#1073bd; color:#fff; border:1px solid #fff;padding:3px 5px;}
#sub .pro03_03 td{ padding:3px 5px; border:1px solid #1073bd;}
#sub .pro03_03 tr td:nth-child(1){width:10%;}
#sub .pro03_03 tr td:nth-child(2){width:5%;}
#sub .pro03_03 tr td:nth-child(3){width:5%;}
#sub .pro03_03 tr td:nth-child(4){width:5%;}
#sub .pro03_03 tr td:nth-child(5){width:5%;}
#sub .pro03_03 tr td:nth-child(6){width:5%;}
#sub .pro03_03 tr td:nth-child(7){width:5%;}
#sub .pro03_03 tr td:nth-child(8){width:5%;}
#sub .pro03_03 tr td:nth-child(9){width:5%;}
#sub .pro03_03 tr td:nth-child(10){width:5%;}
#sub .pro03_03 tr td:nth-child(11){width:5%;}
#sub .pro03_03 tr td:nth-child(12){width:5%;}
#sub .pro03_03 tr td:nth-child(13){width:5%;}
#sub .pro03_03 tr td:nth-child(14){width:5%;}
#sub .pro03_03 tr td:nth-child(15){width:5%;}
#sub .pro03_03 tr td:last-child{width:20%;}


#sub .pro03_d {width:100%; text-align:center; margin-bottom:60px;}
#sub .pro03_d th{padding:3px 5px; border:1px solid #1073bd;}
#sub .pro03_d td{padding:3px 5px; border:1px solid #1073bd}
#sub .pro03_d .line{height:5px; background:#1073bd}

.s_container .pro04_text_wrap{overflow:hidden}
.s_container{width:100%;margin-top:20px; position:relative;}
.s_container p{margin-bottom:10px;}
.s_container .strong { font-weight:bold}
.s_container .strong b{font-size:15px;color:#3d7ec0}
.s_container ul{width:97.5%; border:1px solid #ccc; padding:10px;}
.s_container ul li ul{width:97.5%; border:none; padding:0; color:#8a8a8a; margin-bottom:10px;}
.s_container ul li{margin: 4px 0;font-size:14px; list-style-type:decimal; margin-left:20px;}
.s_container span{color:#8a8a8a; font-size:13px; }
.s_container .img_box{text-align:center;}
.s_container img{margin:10px 0 20px;}
.s_container .pro04_text_wrap ul{ border:none; padding:10px; background:#f1f1f1; margin-bottom:20px;}
.s_container .pro04_text_wrap li{color:#3d7ec0; list-style-type:none; margin-left:0px;}
.s_container .pro04_text_wrap li p{color:#000; }
.s_container .pro04_text_wrap p:last-child{font-size:13px; color:#8a8a8a}
.s_container h3{font-size:1.1em; color:#1758a2}

.s_container .t_pro04{width:100%; text-align:center;}
.t_pro04 th{color:#fff; background:#1073bd; padding:5px 0;}
.t_pro04 td:first-child{color:#1073bd;}
.t_pro04 td{padding:5px 0;}
.t_pro04 tr:last-child td{border-bottom:1px solid #1073bd;}
.pro04 .line{display:block; width:100%; height:2px; background:#3d7ec0; margin-top:5px;}
.s_container .line{display:block; width:99%; height:1px; background:#3d7ec0; margin-top:20px;}
.pro04 .s_title{font-size:16px; color:#a8a8a8; padding-top:20px;}
.pro04_catalog{position:absolute; right:0; bottom:-12px;}
.pro04_catalog p{font-size:16px; margin-bottom:50px; line-height:29px;}
.pro04_catalog a{font-size:15px; background:#fff; padding:20px; border:1px solid #3d7ec0; color:#3d7ec0; border-radius:20px;}
.pro04_catalog a:hover{color:#fff; background:#4798ea;border:none}


#sub .contact_us{width:100%; padding:150px 0 ;text-align:center;  background:#f5f5f5;}
#sub .contact_us p{font-size:16px; margin-bottom:50px; line-height:29px;}
#sub .contact_us a{font-size:15px; background:#3d7ec0; padding:20px; color:#fff; border-radius:20px;}
#sub .contact_us a:hover{color:#fff; background:#4798ea;}

.pro04_01 .pro04_text_wrap ul span{float:left; }
.pro04_01 .pro04_text_wrap ul li{padding-left:10px;}
.pro04_01 .s_container ul li{list-style-type:none;margin-left:0px;}
.s_container .pro04_text_wrap ul li ul li{color:#8a8a8a;}

 .s_container .pro04_t{width:100%;margin-bottom:50px;}
.pro04_t th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 0;}
.pro04_t td{border:1px solid #1073bd;padding:7px 10px;height:40px;}
.pro04_t td:first-child{width:30%;color:#1073bd;text-align:left;}
.pro04_t td:last-child{width:35%;}


 .s_container .pro04_02_04_t table{width:100%;text-align:center;margin-bottom:50px;}
.pro04_02_04_t table th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 20px;}
.pro04_02_04_t table td{border:1px solid #1073bd;padding:7px 5px;font-size:13px;}
.pro04_02_04_t table tr:first-child td{color:#1073bd;}
.pro04_02_04_t .t01 td:first-child{width:20%;}
.pro04_02_04_t .t01 td:nth-child(6){width:10%;}
.pro04_02_04_t .t01 td:last-child{width:20%;}
.pro04_02_04_t .t02 td:first-child{width:33%;}
.pro04_02_04_t .t02 td:last-child{width:33%;}
.pro04_02_04_t .t03 td:first-child{width:20%;}
.pro04_02_04_t .t03 tr:first-child td:last-child{width:45%;}
.pro04_02_04_t .t03 tr:last-child td:last-child{width:22%;}
.pro04_02_04_t .t04 td{width:50%;}

.pro04_02_05_t{width:100%;text-align:center;margin:10px 0 50px;}
.pro04_02_05_t th{width:25%; padding:7px; 20px; background:#1073bd; color:#fff}
.pro04_02_05_t td{padding:7px; 20px; border:1px solid #1073bd;}
.pro04_02_05_t td:first-child{color:#1073bd;}
.pro04_02_07_box{margin-bottom:50px;}
.pro04 .t_stitle{font-weight:bold;font-size:14;color:#8a8a8a;margin-bottom:10px;}

.pro04_05 .s_container .pro04_text_wrap span{float:left;}
.pro04_05 .s_container .pro04_text_wrap li{margin-left:15px;}
.pro04_05 .s_container li{list-style-type:none;}

.pro05{position:relative;}
.pro05 .back{width:100%; height:100%;background:#000; opacity:0.5; position:absolute; top:0;}
.pro05 .contact{width:100%;text-align:center; position:absolute; top:40%;}
.pro05 .contact p{font-size:16px; margin-bottom:50px; line-height:29px; color:#fff}
.pro05 .contact a{font-size:15px; background:#3d7ec0; padding:20px; color:#fff; border-radius:20px;}
.pro05 .contact a:hover{color:#fff; background:#4798ea;}

.pro06 h2{margin:40px 0 10px; font-size:18px; }

.pro06_04 .s_subject{font-size:18px}
.pro06_04 .logo_list{border-top:1px solid #eee; border-left:1px solid #eee;margin-bottom: 40px;}
.pro06_04 .logo_list li{float:left; width:25%;  padding:20px 10px;  box-sizing:border-box;font-size:14px;color:#888;
border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;position: relative;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro06_04 p{font-size:14px;color:#888;}


 .s_container .pro07_01_t table{width:100%;text-align:center;}
.pro07_01_t table th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 0;}
.pro07_01_t table td{border:1px solid #1073bd;padding:7px 0;font-size:13px;}
.pro07_01_t table tr:first-child td{color:#1073bd;}
.pro07_01_t td:first-child{width:15%;}
.pro07_01_t .t03 td:nth-child(2){width:35%;}
.pro07_01_t .t03 td:nth-child(3){width:20%}

.pro07_01 .img_box{border:1px solid #eee; padding:10px 0 5px; margin-bottom:60px;}
.pro07_02 .img_box{border:1px solid #eee; padding:10px 0 5px;margin-bottom:60px;}
.pro07_04 .img_box{border:1px solid #eee; padding:10px 0 5px; margin-bottom:60px;}
.pro07_05 .img_box{border:1px solid #eee; padding:10px 0 5px;margin-bottom:60px;}
.pro07_01_t{margin-bottom:60px;}
.pro07_04 table{margin-bottom:60px;}
.pro07_03{position:relative;}
.pro07_03 .back{width:100%; height:100%;background:#000; opacity:0.5; position:absolute; top:0;}
.pro07_03 .contact{width:100%;text-align:center; position:absolute; top:45%;}
.pro07_03 .contact p{font-size:18px; margin-bottom:50px; line-height:29px; color:#fff}
#sub .sss_title{font-size:15px; margin:10px 0 5px 20px;}
#sub .ss_title{font-size:15px; color:#8a8a8a;}
#sub .pro07_01 .pro_title{font-size:15px;}
#sub .pro07_04 i{float:left}
 .s_container .pro07_04_t table{width:100%;text-align:center;}
.pro07_04_t table th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 0;}
.pro07_04_t table td{border:1px solid #1073bd;padding:7px 0;font-size:13px;}
.pro07_04_t table tr:first-child td{color:#1073bd;}
.pro07_04_t td:nth-child(1){width:10%;}
.pro07_04_t td:nth-child(2){width:15%;}
.pro07_04_t td:nth-child(3){width:20%;}

 .s_container .pro07_04_t02 table{width:100%;text-align:center;}
.pro07_04_t02 table th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 0;}
.pro07_04_t02 table td{border:1px solid #1073bd;padding:7px 0;font-size:13px;}
.pro07_04_t02 table tr:first-child td{color:#1073bd;}
.pro07_04_t02 td:nth-child(1){width:10%;}
.pro07_04_t02 td:nth-child(2){width:15%;}
.pro07_04_t02 td:nth-child(3){width:20%;}
.pro07_04_t02 tr:first-child td:nth-child(4){width:40%;}
.pro07_04_t02 tr:nth-child(2) td{width:20%; color:#1073bd}
.pro07_04_t02 td:nth-child(5){width:15%;}

 .s_container .pro07_04_t03 table{width:100%;text-align:center;}
.pro07_04_t03 table th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 0;}
.pro07_04_t03 table td{border:1px solid #1073bd;padding:7px 0;font-size:13px; width:20%}
.pro07_04_t03 table tr:first-child td{color:#1073bd;}
.pro07_04_t03 table tr:last-child td:first-child{color:#1073bd;}

 .s_container .pro07_04_t04 table{width:100%;text-align:center;}
.pro07_04_t04 table th{background:#1073bd; color:#fff;border:1px solid #1073bd; padding:7px 0;}
.pro07_04_t04 table td{border:1px solid #1073bd;padding:7px 0;font-size:13px;}
.pro07_04_t04 table tr:first-child td{color:#1073bd;}
.pro07_04_t04 table tr:nth-child(2) td{color:#1073bd;}
.pro07_04_t04 table tr:first-child td:nth-child(2){width:46%}
.pro07_04_t04 table tr:first-child td:nth-child(3){width:23%}
.pro07_04_t04 table tr:first-child td:nth-child(4){width:21%}

.pro08 .logo_list{border-top:1px solid #eee; border-left:1px solid #eee;margin-top: 20px;}
.pro08 .logo_list li{float:left; width:25%; height:100px;padding:7px 10px 10px;  box-sizing:border-box;font-size:14px;
color:#888;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;position: relative;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro08 .pro08_title{margin-top:40px;}
.pro08 .pro08_title:first-child{border-bottom:1px solid #3d7ec0; padding-bottom:7px;}
.pro08 .pro08_s_title{margin-top:60px;}
.pro08_title h3{font-size:24px; color:#3d7ec0; float:left; margin-right:10px;}
.pro08_title p{font-size:16px; color:#4b4b4b4; padding:2px 0 0;}
.pro08_title span{font-size:14px; color:#a8a8a8;}
.pro08 .pro08_text{margin:20px 0 10px; font-size:16px; line-height:25px;}
.pro08 img{border:1px solid #ccc; }
.pro08 .logo_list img{border:none;}
.pro08_s_title h4{font-size:20px;border-left:3px solid #3d7ec0; padding-left:5px; float:left; margin-right:10px; }
.pro08_s_title p{font-size:16px; color:#4b4b4b4; padding:2px 0 0;}
.pro08_s_title span{font-size:14px; color:#a8a8a8;}

.pro08 .oem_text{margin-top:20px;}
.pro08 .oem_text li{width:48%; float:left; margin-right:15px;}
.pro08 .oem_text ul li{width:100%}
.pro08 .oem_text ul{margin-top:5px;}

.pro09_01_title{font-size:20px; margin-top:40px; border-left:3px solid #3d7ec0; padding-left:12px;}
.pro09_01 img{margin-bottom:20px}
.pro09_01_content{margin-top:15px; border:1px solid #ccc; width:100%; font-size:14px}
.pro09_01_content img{margin-bottom:0}
.pro09_01_content th{background:#ccc; padding:5px 0;}
.pro09_01_content th:first-child{border-right:1px solid #fff; width:10%;}
.pro09_01_content th:last-child{border-left:1px solid #fff; width:50%;}
.pro09_01_content td{font-size:12px;padding:5px 7px; border-bottom:1px solid #ccc}
.pro09_01_content td:first-child{border-right:1px solid #ccc; text-align:center;}
.pro09_01_content td:nth-child(3){width:15%; text-align:center;}
.pro09_01_content td:last-child{border-left:1px solid #ccc;}

.pro09_03{overflow:hidden; margin-bottom:60px;}
.pro09_03 .test_title{margin-top:20px;}
.pro09_03 .test_title h3{font-size:20px; color:green; float:left; margin-right:5px;}
.pro09_03 .test_title p{ color:#4b4b4b; font-weight:bold; padding:2px 0 0 7px;}
.pro09_03 .test_title span{font-size:13px; color:#a8a8a8}
.pro09_03 img{width:48%; float:left; }
.pro09_03_text .pro09_contact{position:absolute; right:20px; bottom:20px}
.pro09_03_text .pro09_contact a{margin-top:60px;font-size:14px; padding:15px 30px; border:1px solid #4b4b4b; border-radius:12px; line-height:56px;}
.pro09_03_text .pro09_contact a:hover{color:#fff; background:#4b4b4b}
.pro09_03 .pro09_03_text{overflow:hidden; position:relative; border:1px solid #ccc; margin-top:10px}
.pro09_03 .pro09_03_text ul {width:48%; float:right; padding:20px 15px 0;}
.pro09_03 .pro09_03_text ul span{float:left; color:#4b4b4b}
.pro09_03 .pro09_03_text ul li{font-size:16px; color:green;}
.pro09_03 .pro09_03_text li ul{width:99%; padding:4px 0 4px 15px;}
.pro09_03 .pro09_03_text li ul li{padding-left:10px;font-size:14px; color:#4b4b4b; }
.pro09_03 .pro09_03_text li ul li ul li{padding-left:10px;font-size:12px; color:#696969; }
.pro09_03:last-child .pro09_03_text .pro09_contact{float:right; position:static;}
.pro09_03:last-child .pro09_03_text{ position:static; padding-left:20px;}
.pro09_03:last-child .pro09_03_text ul {width:99%; float:left;}
.pro09_03:last-child .pro09_contact{float:right; position:static; margin: 0 20px 20px 0}

/*사이버홍보관*/
.board_sub_menu{width:100%; margin-bottom:50px;}
.board_sub_menu li{float:left; width:33.3%;border:1px solid #eee; border-right:none; box-sizing:border-box; text-align:center; }
.board_sub_menu li:last-child{border-right:1px solid #eee;}
.board_sub_menu a{display:block; padding:15px 0; font-size:14px;}
.board_sub_menu .on{background:#1073bd; color:white;}
.board_sub_menu a:hover{background:#1073bd; color:white;}

/*bbs공통*/
#sub.bbs{font-size:13px;}

/* footer*/
#sitemap{background:#f5f5f5; padding:52px 0 70px;}
#sitemap .nav > li{float:left; width:20%;}
#sitemap .nav > li > a , #sitemap .nav > li > h2{font-size:18px; color:#363636; font-weight:600;}
#sitemap .nav .sub_menu{margin-top:18px;}
#sitemap .nav .sub_menu li a{font-size:13px; color:#686868; display:block; padding:4px 0;}
#sitemap .nav .sub_menu li a:hover{color:#1073bd;}
#sitemap .nav .link{margin:18px 0 40px;}
#sitemap .nav .link li{margin:10px 10px 0 0;}
#sitemap .nav .link li ul li{float:left; margin-top:5px}
#sitemap .nav select{margin-top:18px; display:block; min-width:145px; border:1px solid #dbdbdb;}
#footer{background:#1d1d1d; padding:30px 0; color:#9c9c9c;}
#footer .wrap{position:relative;}
#footer .address{margin-bottom:25px; line-height:20px;}
#footer .logo{position:absolute; right:25px; bottom:0;}



@media (min-width:769px) and (max-width:1200px){/*테블릿*/
		/*header*/
		#nav{padding:0; background:none;}
		#nav > li{background: url(../image/nav_line.png) no-repeat left top 17px;}
		#nav > li > a{font-size:15px; padding:15px 0;}

		/*main*/
		#m_banner{padding: 10px 5px;}
		#m_banner .box{padding:0 5px 10px;}
		#m_banner .box.w30{width:50%;}
		#m_banner .box.w40{width:50%;}
		#m_banner .box.w70 , #m_banner .box06.w40, #m_banner .box.w60 {width:100%;}
		#m_banner .box05 .content ul li{width:29.375vw;}

		.pro05 .contact{top:35%;}

}

@media (max-width:1200px){/*테블릿+모바일*/
		.pro09_03 img{width:100%; float:none;margin-right:0;}
		.pro09_03 .pro09_03_text ul {width:90%; float:none; padding-top:20px;}
		.pro09_03_text .pro09_contact{float:right; position:static; margin: 0 20px 20px 0}
		.pro08 .oem_text li:first-child ul li:last-child{margin-bottom:20px;}
		.pro08 .oem_text li{width:100%;}
		.pro04_02_02 img{float:none;}


}

@media (max-width:1086px){
		.ss_menu li{width:50%;}
		.pro04_01 .ss_menu li{width:33.333%}


}

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

		/*header*/
		#header .lang{padding:10px 0 0;}
		#header .logo{position:static;  margin:0 0 15px;}
		#header .logo img{max-width:150px;}
		#nav_btn{display:block; font-size:25px; border:1px solid #ddd; display:inline-block; padding:3px 10px; position:absolute; right:10px; top:45px; cursor:pointer;}
		#nav{background:none; padding:0; position:absolute; z-index:99;background:rgba(0,0,0,0.8); width:100%; right:-100%;}
		#nav > li{width:100%; background:none; position:static;}
		#nav > li > a{color:#fff; font-size:15px; padding:10px 0;}
		#nav .sub_menu{ position: relative; }
		#nav .ss{left:100%; top:0; border:0;}


		/*main*/
		#m_slider .arrow{max-width:30px; margin-top:-15px;}
		#m_banner{padding:0;}
		#m_banner .box{padding:0;}
		#m_banner .box.w30,#m_banner .box.w40,#m_banner .box.w70, #m_banner .box.w60 {width:100%;}
		#m_banner .box .content{min-height:0; padding:30px 10px;}
		#m_banner .box02 .content .title{margin-top:0;}
		#m_banner .box05 .content ul li{width:46.375vw;}
		#m_banner .box08 .content img{margin-top:0;}

		/*sub*/
		#s_top{padding:25px 10px;}
		#s_top h2{font-size:30px; margin-bottom:0;}
		#s_top p{font-size:13px; letter-spacing:-1px; line-height:15px;}
		.sub_wrap{padding:20px 10px 50px;}
		#snb{display:none;}
		#sub_wrap{width:100%; padding-left:0;}
		#p_title h2{font-size:30px;}
		#p_title span{margin:5px 0 3px;}
		#p_title p{font-size:13px;}
		#sub{font-size:13px; line-height:20px;}
		.pro_table{overflow-x:scroll;}
		.t01{overflow-x:scroll}
		.sub01_05 ul li{width:100%; }
		.pro05 .contact{top:30%;}
		.pro08 .logo_list li{height:80px;}
		.mobile_menu{display:block;}
		.mobile_menu ul{margin:0 0 30px;}
		.mobile_menu ul li{text-align:center;  width:100%; border:1px solid #eee; border-bottom:none; box-sizing:border-box}
		.mobile_menu ul li:last-child{border-bottom:1px solid #eee;}
		.mobile_menu ul .on a {background:#484848; color:#fff}
		.mobile_menu ul li a{display:block; padding:12px 0; width:100%; }

		/*ceo*/
		.ceo .text01{margin-top:15px; font-size:20px; line-height:25px;}
		.ceo .text02{margin:10px 0 30px;}

		#tab_menu.w20 li{width:50%}
		.sub01_06 .map .address .icon li{width:100%;float:none}

		.sub01_07 .logo_list li{width:50%}
		.sub01_07 .logo_list_02 li{width:50%}
		.sub01_07 .logo_list_02 li:last-child{border-top:none;}
		.sub03 .logo_list li{width:50%}
		.pro06_04 .logo_list li{width:50%}


		/*footer*/
		#sitemap{display:none;}
		#footer .logo{display:none;}

		#nav > li > a { display: none; }
		#nav > li > a.mob { display: block; }
}