@charset "UTF-8";
/* ------------------------------------------------ */
/*                      Layout                      */
/* ------------------------------------------------ */

.sub-visual {width:100%; min-width:1000px; overflow:hidden; margin:0 auto; position:relative; display:table; background:url(../../images/contents/sub-vis01.jpg) no-repeat 50% 50%; text-align:center;}
.sub-visual div{display:table-cell; text-align:center; width:100%; vertical-align:middle; height:250px;}
.sub-tt:before{display:block; background:#fff; width:30px; height:5px; content:""; margin:0 auto 10px;}
.sub-tt{font-size:56px; color:#fff; line-height:1.45em;}
.sub-visual#sub-visual001{background-image:url(../../images/contents/sub-vis01.jpg)}
.sub-visual#sub-visual002{background-image:url(../../images/contents/sub-vis02.jpg)}
.sub-visual#sub-visual003{background-image:url(../../images/contents/sub-vis03.jpg)}
.sub-visual#sub-visual004{background-image:url(../../images/contents/sub-vis04.jpg)}
.sub-visual#sub-visual005{background-image:url(../../images/contents/sub-vis05.jpg)}
.sub-visual#sub-visual006{background-image:url(../../images/contents/sub-vis06.jpg)}
.sub-visual#sub-visual007{background-image:url(../../images/contents/sub-vis07.jpg)}

#navi{height:56px; line-height:56px; border:1px #ddd solid; border-width:1px 0;}
#navi p{width:1000px; margin:0 auto;}
#navi p span{display:inline-block; border-right:1px #ddd solid; padding:0 35px;}
#navi p span:first-child{border-left:1px #ddd solid;}
#navi p span i{background:#f5f5f5; width:30px; height:30px; text-align:center; line-height:30px; font-size:16px; border-radius:50%; margin-right:8px;}

#breadcrumb {position:absolute;width:100%; min-width:1000px;height:68px;z-index:5;background:#2b3e50;}
#breadcrumb.fixed {position:fixed;top:0;left:0;width:100%}
#breadcrumb.fixed .go-top {position:fixed;top:7px;left:50%;z-index:10;width:56px;height:54px;margin-left:388px;background:url(../../images/common/img-common.png) no-repeat -120px -170px}
#snb li {float:left}
#snb li a {position:relative;z-index:10;display:block;height:68px;margin-left:-1px;padding:0 45px;border-right:1px solid #525c6a;color:#abafb5;text-decoration:none;text-align:center}
#snb li:first-child a {border-left:1px solid #525c6a}
#snb li .eng {display:block;*display:inline-block;width:18px;margin:0 auto;padding-top:6px;border-bottom:2px solid #abafb5;font-size:1.076em;font-weight:700;text-align:center}
#snb li .tit {display:block;padding-top:3px;font-size:1.153em}
#snb li.active a {border-right:1px solid #21b0bd;background:#21b0bd;color:#fff}
#snb li.active:first-child a {border-left:1px solid #525c6a}
#snb li.active .eng {border-bottom:0}
#snb li.active .tit {border-top:2px solid #fff}
#container{min-width:1000px;}
.sec {min-height:900px;}
.sec .inner {padding:80px 0 100px;}
.sec-first .inner {padding-top:148px}
.sec-bg {background:#f2f2f2}
.sec .title {float:left;width:200px;}
.sec .title h3 {color:#2d3746;text-align:right;font-family:'Noto Sans','NBG','돋움',dotum,sans-serif}
.sec .title h3 .eng {display:block;border-bottom:3px solid #2d3746;font-size:2.307em;font-weight:700}
.sec .title h3 em {display:block;padding-top:20px;font-size:2.769em;line-height:1.1;}
.sec .contents {float:left;width:740px;margin-left:60px;padding-top:48px}
#sub-tab {float:right;width:150px;margin-top:30px}
#sub-tab li a {position:relative;z-index:1;display:block;height:38px;padding-right:20px;margin-top:-1px;border:1px solid #d2d2d2;border-top:0;font-size:1.153em;color:#2d3746;text-align:right;text-decoration:none;line-height:38px}
#sub-tab li:first-child a {border-top:1px solid #d2d2d2}
#sub-tab {float:right;width:150px}
#sub-tab li .active {border-color:#21b0bd;background:#21b0bd;color:#fff}

.sub-width{width:1000px; margin:50px auto 100px;}
.img-width img{width:100%;}

.subw{width:100%;}

#sub10,
#sub20,
#sub30,
#sub40{width:100%; margin:0;}

#sub10 .sub-Title,
#sub20 .sub-Title,
#sub30 .sub-Title,
#sub40 .sub-Title{display:none;}

.sub-Title{text-align:center; margin-bottom:70px;}
.sub-Title span{display: inline-block; color: #0b569e; font-size: 3.214em; border-bottom: 3px #0b569e solid;}
/* ------------------------------------------------ */
/*                      Board                       */
/* ------------------------------------------------ */
/*input공통*/
.blind{display: none;}
input[type="text"],input[type="password"],select, textarea{border:1px #e1e1e1 solid; height:30px; line-height:30px;padding:0 5px;}
select{height:32px; padding-right:0;}
.input_s{width:70px;}
.input_e{width:120px;}
.input_t{width:90%;}
.input_c{width:150px; margin-right:7px;}
.input_f{display:block;}

/*search*/
.search{text-align:right; }
.search select{border:1px #d6d6d6 solid; height:32px; width:78px;}
.input_box{position:relative;border:1px solid #d6d6d6; height:30px; line-height:28px; display:inline-block;}
.input_box input[type="text"]{width:220px; height:26px; line-height:26px; padding-left:5px; margin-right:45px; border:0;}
.input_box input[type="submit"]{display:block;position:absolute;*top:2px; top:-1px;right:-1px;width:60px;height:32px; line-height:32px; border:1px #444 solid ;background:#505050;cursor:pointer; color:#fff;}

/*list*/
.board_list{margin-top:10px; margin-bottom:20px; border-bottom:1px #b7b7b7 solid; border-top:2px #232220 solid;}
.board_list li{position:relative; line-height:65px; height:65px; overflow:hidden; border-top:1px #e5e5e5 solid;}
.board_list li:first-child{border-top:0;}
.board_list li .num{font-family:'Ubuntu'; font-size:1.1em; text-align:center; display:block; position:absolute; left:0; width:50px; color:#a6a6a6; height:100%; display:block;}
.board_list li .num .notice{}
.board_list li div{margin-left:50px; font-size:1em; display:block; width:650px; overflow:hidden;}
.board_list li div a{display:inline-block; max-width:90%; height:65px; overflow:hidden;}
.board_list li .data{position:absolute; top:0; right:5px; color:#cecece; font-size:0.95em;}
.board_list li .data span{color:#8a8a8a; padding:0 4px;}
.board_list li .L_name{}
.no_icon{display:inline-block; *display:block; overflow:hidden; text-indent:-9999px;   width:16px; height:45px;position:absolute; top:0px; left:16px; background:url(../../images/contents/board_img.png) no-repeat 0 -140px;vertical-align:middle;}
.new_icon{display:inline-block; width:13px; height:65px; overflow:hidden; text-indent:-9999px; background:url(../../images/contents/board_img.png) no-repeat -20px -142px; margin-left:7px; vertical-align:top; padding:0;}
.file_icon{display:inline-block; width:14px; height:65px; overflow:hidden; text-indent:-9999px; background:url(../../images/contents/board_img.png) no-repeat -50px -142px; margin-left:7px; vertical-align:top; padding:0;}
.secret_icon{display:inline-block; width:13px; height:65px; overflow:hidden; text-indent:-9999px; background:url(../../images/contents/board_img.png) no-repeat -35px -142px; margin-left:7px; vertical-align:top; padding:0;}
.board_list .list_answer{color:#333; margin-right:5px;}
.board_list .list_answer_ok{color:#21b0bd; margin-right:5px; display:inline-block;  background:url(../../images/contents/board_img.png) no-repeat left -190px; padding-left:13px;}

.g_data  span{height:18px; background-position:-20px -166px;}
.g_data  span.file_icon{background-position:-50px -166px;}
.g_data  span.secret_icon{background-position:-35px -166px;}

/*paging*/
.paging{text-align:center; height:30px; line-height:30px; overflow:hidden;}
.paging button{display:inline-block; background:url(../../images/contents/board_img.png) no-repeat left -50px; width:30px; height:30px; vertical-align:top; font-size:0;}
.paging button.prev{background-position:-30px -50px; width:31px; margin-right:13px;}
.paging button.next{background-position:-61px -50px; width:31px; margin-left:13px;}
.paging button.last{background-position:-92px -50px;}
.paging strong{display:inline-block; padding:0 11px; line-height:28px; border:1px #0168b7 solid; color:#0168b7;}
.paging a{display:inline-block; margin:0 10px; height:100%;}

/*button*/
.button{text-align:center; padding-top:30px;}
.button a{display:inline-block; height:40px; line-height:40px; padding:0 20px; background:#74787d; border:1px transparent solid; border-radius:3px; color:#fff; font-family:'NBGB'; margin:0 2px;}
.button a.btn_ok{background:#2e76b3 ;}
.button a.btn_write{background:#2e76b3 ;}
.button a.btn_list{background:#333;}


/*view*/
.view_title{ border-top:2px #232220 solid; border-bottom:1px #dcdde1 solid; padding:18px 0; position:relative; width:100%;}
.view_title em{width:75%; overflow:hidden; font-family:'NBGB'; margin-left:14px;}
.view_title .data{position:absolute; top:18px;right:5px; color:#cecece; font-size:0.95em;}
.view_title span{color:#8a8a8a; padding:0 4px;}
.view_title .L_name{}
.view_title dt,.view_title dd{display:inline; color:#898989; line-height:14px; height:14px; font-size:11px;}
.view_title dt{background:url(../../images/common/board_img.png) no-repeat right -80px; font-family:'NBGB'; padding-right:7px; margin-right:6px; font-size:12px}

.view_file{border-bottom:1px #b7b7b7 solid; position:relative; padding:12px 0 10px; line-height:15px;}
.view_file dt{position:absolute; left:0px; top:17px; background:url(../../images/contents/board_img.png) no-repeat 60px -407px; color:#898989;  padding-right:13px; margin-left:14px;}
.view_file dd{margin-left:90px;font-size:0.95em;}
.view_file dd span{color:#8f8e8e; margin-left:7px;}
.view_file dd a{display:block; padding:5px 0;}
.view_file dd a:hover{text-decoration:none;}

.view_cont{margin:45px 0 20px; border-bottom:1px #b7b7b7 solid}
.view_text{margin-left:14px; margin-bottom:35px;}
.view_answer{border:2px #b6b7b5 solid; padding:16px; padding-top:0;color:#8a8a8a;margin-bottom:20px;}
.view_answer dt{font-family:NBGB; background:url(../../images/contents/board_img.png) no-repeat -92px -150px; padding-left:35px; color:#0088cc; height:40px; line-height:40px; padding-top:2px; border-bottom:1px #cccdcd dashed; margin-bottom:10px;}

.view_reply_box{margin-bottom:20px;}
.view_reply_write{border:1px #dedede solid; background:#f9f9f9; padding:18px; position:relative; margin-bottom:16px;}
.name_input{border:1px #cfcfd3 solid; background:#fff; width:172px; height:32px; line-height:32px;padding-left:14px; display:inline-block; zoom:1; *display:inline}
.name_input label{border-right:1px #d6d6d6 solid; padding-right:8px;}
.name_input input{width:110px; height:20px; line-height:20px; border:0;}
.pass_input{border:1px #cfcfd3 solid; background:#fff; width:182px; height:32px; line-height:32px;padding-left:14px; display:inline-block; zoom:1; *display:inline}
.pass_input label{border-right:1px #d6d6d6 solid; padding-right:8px;}
.pass_input input{width:100px; height:20px; line-height:20px;margin-left:5px; border:0;}
.reply_text_area{width:100%; border:1px #cfcfd3 solid; height:81px; margin-top:10px;}
.view_reply_write button{position:absolute; width:72px; height:34px; background:#888f96; color:#fff; right:18px; top:18px; border:1px transparent solid; border-radius:3px;}
.view_reply_cont{border-top:1px #e6e6e6 solid;}
.view_reply_cont dl{border-top:1px #dfe4e8 dashed; padding:18px 0 14px; font-size:0.85em;}
.view_reply_cont dl:first-child{border-top:0px;}
.view_reply_cont dt, .view_reply_cont dd{margin-left:15px;}
.view_reply_cont dt{color:#094d9a; margin-bottom:16px;}
.view_reply_cont dt span{color:#999; border-left:1px #dbe0e3 solid; margin:0 7px; padding-left:9px;}
.view_reply_cont dt button{padding:0 10px; height:18px; font-size:10px; border:1px #e0e0e0 solid; border-radius:2px; color:#777; margin-left:3px;}


.re_textarea{border:1px #e0e0e0 solid; background:#fff; height:64px;margin-top:20px; width:100%}
.re_textarea textarea{width:80%; height:54px; padding:5px 10px;left:0; float:left;}
.re_textarea input[type="button"]{ display:block; background:#888f96; width:85px; height:64px; text-align:center; line-height:64px; border:1px #7c838b solid; font-size:13px; color:#fff; float:right;}
.re_list li{border-top:1px #e0e0e0 solid; position:relative; padding:10px;}
.re_list{border-bottom:1px #a9b2bb solid;}
.re_button{position:absolute; right:10px; top:15px; z-index:888;}
.re_button button{border:1px #bdbdbd solid; border-radius:3px; font-size:11px; padding:2px; margin-left:3px; color:#777;}
.re_txt{padding:5px 0 10px; color:#4f4f4f; font-size:0.85em;}
.re_info{margin:5px 0; line-height:13px;}


.prev_next{border-top:2px #969a9b solid; border-bottom:1px #b7b7b7 solid; margin-top:48px;}
.prev_next dl{border-top:1px #dcdde1 solid; position:relative; height:44px; line-height:44px;}
.prev_next dl:first-child{border-top:0px;}
.prev_next dt{position:absolute; color:#848484;left:0;}
.prev_next dt .prev_st{background-position:right -450px; }
.prev_next dt strong{background-image:url(../../images/contents/board_img.png); background-repeat:no-repeat; background-position:right -494px; display:block; margin-left:20px; margin-right:20px; padding-right:24px;}
.prev_next dd{margin-left:102px;}

/*write*/
.write_form{border-top:2px #232220 solid; border-bottom:1px #b7b7b7 solid; margin-bottom:20px}
.write_form dl, .write_edite{border-top:1px #c0c0c0 solid;}
.write_form dl:first-child{border-top:0px;}
.write_form dl{position:relative; padding:13px;}
.write_form dt{font-family:'NBGB';background:#f5f5f5; display:block; height:100%; line-height:55px; width:150px; position:absolute; left:0px; top:0px; padding-left:25px; border-right:1px #dedede solid; }
.write_form dd{margin-left:175px;}
.not_agree{margin-left:15px;}
.write_text_area{width:98%; border:1px #cfcfd3 solid; height:81px; margin:10px 0px 10px 0px;}
.required{color:#ed1c24; display:inline-block; margin-right:5px;}
.agree_box{margin-bottom:50px;}
.agree_txt {padding: 25px; border: 2px #e1e1e1 solid; border-bottom: 0; color: #666; background: #fff; }
.agree_txt h4 {font-family: 'NBGB'; color: #333; margin-top: 10px; }
.agree_check {background: #4e5052; height: 42px; line-height: 42px; text-align: right;}
.agree_check label {padding-right: 20px; color: #e1e1e1;}
.con_textarea{width:95%; height:200px; padding:5px 15px; border:1px #e0e0e0 solid;}

/*password*/
.password{padding:25px; text-align:center;}
.password p{font-size:18px; color:#2e76b3; }
.pass_title{position:absolute; top:126px; left:160px;}
.PW_input{margin-top:25px;}
.password input{width:150px;border:1px #e1e1e1 solid; height:34px; line-height:34px;padding:0 5px;}
.password input[type="button"]{border:1px transparent solid; border-radius:3px;height:34px; background:#009790; color:#fff; width:55px;}


/*gallery*/
#gallery{margin:35px 0; width:100%; overflow:hidden;}
#gallery ul li{width:33.3%;  overflow:hidden;  float:left;margin-bottom:40px; *zoom:1;}
#gallery ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gallery_ul a{display:block; width:94%; max-width:410px;/*overflow:hidden;*/margin:10px auto;}
.gallery_ul .g_img{width:100%; max-width:410px; overflow:hidden; border:1px #e0e0e0 solid;}
.gallery_ul .g_img img{width:100%;}
/*.gallery_ul .g_img img{transition:transform 0.2s ease 0s}
.gallery_ul a:hover .g_img img{-ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}*/
.gallery_ul .g_title{line-height:30px; height:30px; overflow:hidden; margin-top:10px;  text-align:left; font-size:18px;}
.gallery_ul .nada{position:relative; height:18px; line-height:18px; margin-top:10px; overflow:hidden; text-align:left;}
.gallery_ul .nada .g_name{ width:150px; overflow:hidden; color:#2f71a5; text-align:left; }
.g_data{color:#888; display:block; margin-top:10px; font-size:13px;}

/*Search page*/
.search-tab{text-align:center; margin:30px 0;}
.search-tab li{display:inline-block; margin:10px 3px 0;}
.search-tab li a{display:block; border:1px #e1e1e1 solid; border-radius:99999px; padding:5px 20px;}
.search-tab li a.current{background:#059ec4; border-color:transparent; color:#fff;}


/* ------------------------------------------------ */
/*                   Product list                    */
/* ------------------------------------------------ */
.product-search{border:3px #114a80 solid; position:relative;line-height:55px; padding-right:100px;}
.product-search input{border-width:0px; width:92%; padding:0 4%; height:55px; }
.product-search button{position:absolute; right:0; top:0; line-height:60px; width:100px; font-size:26px; color:#114a80; text-align:center;}
.product-list{width:1000px; margin:50px auto 100px;}
.product-list ul{margin:50px 0;}
.product-list ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.product-list li{float:left; width:30%; margin-left:5%; margin-bottom:30px; text-align:center;}
.product-list li:nth-child(3n+1){margin-left:0;}
.product-list li img{width:100%; max-width:640px;}
.product-list li a{padding:20px; border: 0; box-sizing: border-box; display:block; box-shadow: inset 0 0 0 3px #fff; position: relative;vertical-align: middle; transition: color 0.25s;}
.product-list li a:before,
.product-list li a:after {box-sizing: inherit; content: ''; position: absolute; width: 0%; height: 0%; border: 3px solid transparent;}
.product-list li a:before {top: 0; left: 0; }
.product-list li a:after {bottom: 0; right: 0; }
.product-list li a:hover:before,
.product-list li a:hover:after { width:100%; height:100%; }
.product-list li a:hover:before {border-top-color: #059ec4; border-right-color: #059ec4; transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; }
.product-list li a:hover:after {border-bottom-color:#059ec4; border-left-color:#059ec4; transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; }
.product-list li p{font-size:1.429em; color:#2d3746; height:1.6em; line-height:1.6em; overflow:hidden; margin-top:10px;}
.product-list li span{color:#777777; letter-spacing:0.05em;height:1.6em; line-height:1.6em; overflow:hidden; display:block;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}


/* ------------------------------------------------ */
/*                   Product view                    */
/* ------------------------------------------------ */
.product-view{margin-bottom:100px;}
.PV-top{background:#f5f5f5; padding-bottom:83px; position:relative;}
.PVT-tit{text-align:center; padding-top:90px;}
.PVT-tit p{display:inline-block; color:#0b569e; font-size:3.214em; border-bottom:3px #0b569e solid; padding-bottom:10px;}
.PVT-tit span{display:block; font-size:1.786em; letter-spacing:0.01em; margin-top:30px;}
.PV-middle{background:#2a70a6;}
.PVM-area{width:1000px; margin:0 auto; padding:60px 0; color:#fff; font-size:1.071em;}
.PV-color01{color:#ffa9a9;}
.PV-color02{color:#fff368;}
.PV-bottom{width:1000px; margin:0 auto;}
.PVB-link{padding:72px 0 42px; border-bottom:1px #e1e1e1 solid}
.PVB-link li{width:50%; float:left;}
.PVB-link li a{display:block; font-family:'Ubuntu'; font-size:1.429em; line-height:100px; padding-left:120px; color:#2d3746; position:relative;}
.PVB-link li a div{position:absolute; width:100px; height:100px;  top:0; left:0;background:url(../../images/contents/link-ico02.png) no-repeat #f0f0f0; background-size:100px; border-radius:50%;transition:background .3s;}
.PVB-link li:hover a div{background-position:0 100%; background-color:#2a70a6;}
.PVB-link li:first-child a div{background-image:url(../../images/contents/link-ico01.png)}
.PVB-link li:hover a{color:#2a70a6;}
.PVB-link ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.PVB-arrow{position:relative; text-align:right; padding-top:35px;}
.PVB-list-btn{position:absolute;}
.PVB-arrow a{display:block; font-size:0; border:1px #e1e1e1 solid;}
.PVB-arrow a i{font-size:22px; line-height:48px; width:48px; text-align:center;}
.PVB-arrow ul{display:inline-block;}
.PVB-arrow ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.PVB-arrow ul li{float:left; width:50px; margin-left:15px;}

.product-buttons{position:absolute; bottom:20px; right:20px;}
.btn-success{font-size:0; color:#738b9d;}
.btn-success i{font-size:25px;}

.PVM-tit01{text-align:center; font-size:2.286em; font-family:'Ubuntu'; }
.PVM-type01 > ul{padding-top:20px;}
.PVM-type01 > ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.PVM-type01 ul > li{float:left; width:50%; padding:10px 0;}
.PVM-type01 ul > li p{ background:url(../../images/contents/pro-i.png) 0 0 no-repeat; background-size:25px; padding-left:30px;}
.PVM-type01 ul > li i{font-size:25px; vertical-align:middle; margin-right:10px;}
.PVM-type02 p{margin-bottom:10px;}
.PVM-type03 table th,
.PVM-type03 table td{border:1px rgba(255,255,255,0.85) solid; padding:10px; text-align:left; font-weight:400;}
.PVM-type03 table th{background:rgba(255,255,255,0.1); width:25%; font-family:'NBGB'; }
.PVM-type03 table thead th{text-align:center; border-bottom-width:0; background-color:#266494; border-top-width:2px;}
.PVM-type03 table thead th:first-child{ }


/*20180726 추가*/
.PVM-txt-thin{display:block; font-size:0.9em;}
.PVM-type01 ul.PVm-W100 li{width:100%;}
.PVM-tit02{font-size:1.2em; border-left:2px #fff solid; padding-left:10px; line-height:1em; font-weight:700;}
.PVM-box01{border-top:1px rgba(255,255,255,0.5) dashed; padding-top:50px; margin-top:30px;}
.PVM-box01 .PVM-type01{width:48%; margin-left:4%; float:left;}
.PVM-box01 .PVM-type01:first-child{margin-left:0;}
.PVM-box01 .PVM-type01 ul{padding-top:20px;}
.PVM-box01 .PVM-type01 ul > li{width:100%;}
.PVM-type01 ul > li > ul > li{margin-left:30px; padding:0;}
.PVM-box01:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.PVM-box-line{border-top:1px rgba(255,255,255,0.5) dashed; padding-top:50px; margin-top:30px;}
.ma-top5{margin-top:5px;}
.ma-top30{margin-top:30px;}
.ma-bottom10{margin-bottom:10px;}
.PVM-tit03{text-align:left; font-size:1.4em;}

/*20180726 추가 01-1, 01-7, 02-3*/
.PVM-type01.s_01{margin-bottom:20px;}
.PVM-type01 .title_01{font-size:18px;}
/*.PVM-type01.s_01 ul{padding-top:10px}*/
.PVM-type01.s_01_top{margin-top:50px;}
.PVM-type01.one_line li{float:none; width:100%;}

.lSSlideOuter{margin-top:30px;}
.lSAction > a{border:1px #ddd solid; background:rgba(255,255,255,0.95); display:block;}
.lSAction > a > i{display:block; width:140px; line-height:110px; text-align:center; font-size:50px;}
.product-gallery{ text-align:center;}
.product-gallery li img{width:100%; max-width:640px;}
.lSSlideOuter .lSPager.lSGallery{text-align:center; margin:0 auto; padding-top:30px;}
.lSSlideOuter .lSPager.lSGallery li{background:#fff;}
.lSSlideOuter .lSPager.lSGallery li a{border:1px #ddd solid; display:block;}


/* ------------------------------------------------ */
/*                5.1 회사소개/연혁                 */
/* ------------------------------------------------ */
.ci{border:1px #d7d7d7 solid; background:url(../../images/contents/bg-line.gif); text-align:center; padding:109px 0;margin-bottom:20px; }
.ci img{width:80%; max-width:500px;}
.about-img li{float:left; width:24%; margin-left:1.25%;}
.about-img li:first-child{margin-left:0;}
.about-img li img{width:100%;}
.about{margin-top:60px;}
.about ul{margin-top:30px;border:2px #1b7cbf solid; border-width:2px 0;}
.about li{width:50%; float:left; border-top:1px #d7d7d7 solid; padding:20px 0;}
.about li:first-child, .about li:nth-child(2){border-top-width:0;}
.about li p, .about li div{display:inline-block;}
.about li p{width:110px; border-right:1px #d7d7d7 solid; margin-right:15px; text-align:center; color:#1b7cbf;}
.about li:last-child{width:100%;}
.history{margin-top:50px;}
.history ul{margin-top:10px;}
.history li{float:left; width:30%; margin-left:5%; text-align:center; margin-bottom:30px;}
.history li:nth-child(3n+1){margin-left:0;}
.history li p{color:#1b7cbf; font-family:'Ubuntu'; font-size:1.5em;}
.history li div{border-bottom:1px #d7d7d7 solid; border-top:2px #1b7cbf solid;  padding:20px 0; margin-top:10px;}
.about-img ul:after,
.history ul:after,
.about ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.sub-tit{font-size:2.5em;}


/* ------------------------------------------------ */
/*                   5.3 인증서                    */
/* ------------------------------------------------ */

.cert-list li{width:30%; float:left; margin-left:5%; margin-bottom:50px;}
.cert-list li:nth-child(3n+1){margin-left:0;}
.cert-list li img{width:100%; }
.cert-list li a{display:block;border:6px #ebebeb solid; border-bottom:0;}
.cert-list li p{background:#ebebeb; text-align:center; width:100%; padding:15px 0;}
.cert-list:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}


/* ------------------------------------------------ */
/*                   5.4 오시는길                    */
/* ------------------------------------------------ */

.googgle_map{height:500px; border:1px #e2e2e2 solid; border-radius:3px;}
.location-info-box{position:relative;}
.location-tit{position:absolute; font-family:'Ubuntu'; color:#0b569e; display:table; width:200px; height:100%;  text-transform:uppercase;}
.location-tit div{display:table-cell;vertical-align:middle;}
.location-tit p{font-size:12px; letter-spacing:0.3em;}
.location-tit .lo-tit01{font-weight:700; font-size:36px; letter-spacing:0;}
.location-info{padding-left:245px; margin-top:15px;}
.location-info li{font-size:14px; line-height:30px; margin-top:10px; border-bottom:1px #e1e1e1 dashed;}
.location-info li span{display:inline-block; padding-right:15px; color:#1b7cbf;}
.location-info li span.fax_span{margin-left:20px;}

/* ------------------------------------------------ */
/*               7.1 개인정보처리방침               */
/* ------------------------------------------------ */
.privacy-box{border:1px #dedede solid; padding:20px; margin-bottom:20px; color:#222;}
.pri01 p{margin:10px 0; color:#555;}
.privacy-box p{color:#222;}
.privacy h1{font-size:15px;background-color:#f0f0ef; margin-top:25px; padding:15px 0; text-indent:10px;color:#222; font-family:'NBGB';}




/* ------------------------------------------------ */
/*                     mobile                       */
/* ------------------------------------------------ */
@media (max-width:640px) {

.sub-visual{min-width:100%; background-size:cover;}
.sub-visual div{height:120px;}
.sub-tt{font-size:32px;}
.sub-visual div img{display:none;}
#navi{height:35px; line-height:35px; display:none;}
#navi p{width:100%; text-align:center;}
#navi p span{padding:0 15px;}
#container{min-width:100%;}
.sub-width{width:94%; margin:50px 3%;}
.sub-tit{font-size:1.8em;}
.product-list{width:94%; margin:50px 3%;}
.sub-Title{margin-bottom:30px;}
.sub-Title span{font-size:2.5em;}

/*search*/
.input_box input[type="text"]{width:150px;}

/*list*/
.board_list .list_answer_ok{background:none; padding-left:0;}
.board_list li .num{display:none;}
.board_list li div{margin-left:5px; width:100%;}
.board_list li div a{max-width:95%; padding-right:5px; height:16px; line-height:16px; display:inline-block; vertical-align:top;}
.new_icon,
.file_icon,
.secret_icon
{height:16px;background-position:-20px -166px; margin-left:0; margin-right:5px; }
.file_icon{background-position:-50px -166px;}
.secret_icon{background-position:-35px -166px;}
.board_list li .data{display:none;}
.board_list li{height:100%; line-height:1em; overflow:visible; padding:20px 0;}

/*view*/
.pass_input{display:block; margin:10px 0;}
.view_reply_write button{position:relative; width:100%; right:auto; top:auto; margin-top:10px;}
.reply_text_area{padding:0;}
.re_textarea{height:100%; border:0;}
.re_textarea textarea{float:none; width:96%; padding:5px 2%;}
.re_textarea input[type="button"]{float:none; width:100%; margin-top:10px; height:34px; line-height:34px;}
.view_title .data{position:relative; top:5px; right:auto;}
.view_title em{width:100%; margin-left:0; }
.view_file dd{font-size:0.8em;}

/*write*/
.write_form dt{position:relative; width:100%; text-indent:10px; padding-left:0;}
.write_form dl{padding:0;}
.write_form dd{margin-left:0; padding:10px;}

/*gallery*/
#gallery ul li{margin-left:0px; margin-bottom:20px; float:none; width:100%; height:100%;}
.gallery_ul a{width:100%;}
.gallery_ul .g_img{width:100%; height:100%; max-width:410px;}
.gallery_ul .g_img img{width:100%;}
.gallery_ul .nada{margin-top:5px;}
.gallery_ul .nada .g_name{display:none;}
.gallery_ul .nada .g_data{font-size:1.2em; position:relative; text-align:right; display:block;}
.gallery_ul .g_title{margin:10px; font-size:15px;}
.g_data{margin:10px;}

/*product list*/
.product-search{padding-right:50px;}
.product-search button{width:50px;}
.product-list li{width:100%; margin-left:0; margin-top:15px;}

/*product view*/
.PV-top{padding-bottom:50px;}
.PVT-tit{padding-top:40px;}
.PVT-tit p{margin:5px; font-size:1.8em; word-break:normal}
.PVT-tit span{font-size:1.217em;}
.PVM-tit01{font-size:2em;}
.PVM-type01 ul{padding-top:15px;}
.lSSlideOuter .lSPager.lSGallery{display:none;}
.lSAction{text-align:center; margin-top:10px;}
.lSAction > a,
.lSAction > .lSNext,
.lSAction > .lSPrev{position:relative; display:inline-block; left:auto; right:auto; width:40%; margin:0 5px;}
.lSAction > a i{width:100%; line-height:50px; font-size:30px;}
.product-buttons{bottom:10px; right:10px;}
.PVM-area,
.PV-bottom{width:94%;}
.PVM-area{padding:30px 0;}
.PVM-type01 ul li{width:100%;}
.PVB-link{padding:0;}
.PVB-link li{width:100%;}
.PVB-link li a{padding-left:75px; line-height:80px; font-size:1.214em;}
.PVB-link li a div{background-size:50px; width:50px; height:50px; top:50%; margin-top:-25px;}
.PVB-link li:first-child a{border-bottom:1px #e1e1e1 solid;}

.PVM-box01 .PVM-type01{width:100%; margin-left:0; margin-top:30px;}
.PVM-box01 .PVM-type01:first-child{margin-top:0;}
.PVM-box01 .PVM-type01 ul{padding-top:10px;}
.PVT-tit span{margin-top:15px;}
.PVM-tit01{font-size:1.7em; word-break:normal;}


/*회사소개/연혁*/
.ci{padding:50px 0;}
.about-img li{width:49%; margin-left:2%; margin-top:2%;}
.about-img li:nth-child(2n+1){margin-left:0;}
.about{margin-top:50px;}
.about ul{margin-top:15px;}
.about li{float:none; width:100%; margin-left:0;}
.about li div{display:block;}
.about li:nth-child(2){border-top-width:1px;}
.history li{float:none; width:100%; margin-left:0; text-align:left;}
.about li p{width:100%; border-right-width:0; text-align:left; margin:0;}

/*인증서*/
.cert-list li{width:100%; margin-left:0; margin-bottom:20px;}

/*오시는길*/
.location-tit{display:none;}
.location-info{padding-left:0;}

}