@charset "utf-8";
/*컨텐츠*/

/*기본*/
.border {border:1px solid #ddd;}

.sub_container p.title {font-size:20px; border-left:3px solid #357ed7; padding:0 0 0 6px; margin:0 0 16px 0; color:#333;}

.sub_container h3{ font-size:22px;  padding:10px 0; letter-spacing:-1px; line-height:normal ; color:#333 }
.sub_container h4{ font-size:20px ; padding:10px 0;  letter-spacing:-1px;  color:#333 }
.sub_container h5{ font-size:18px ; padding:10px 0;  letter-spacing:-1px; color:#333 }

.sub_container .text_lar1{ font-size:28px; letter-spacing:-1px; line-height:normal ; line-height:1.3em;} /*포인트 큰 글자*/
.sub_container .text_lar2{ font-size:25px; letter-spacing:-1px; line-height:normal; line-height:1.3em;} /*포인트 큰 글자*/
.sub_container .text_lar3{ font-size:20px; letter-spacing:-1px;/* line-height:normal*/ color:#333} /*포인트 큰 글자*/
.sub_container .text_lar4{ font-size:18px; letter-spacing:-1px;/* line-height:normal*/ color:#333} /*포인트 큰 글자*/

.basic_tab{ display:block; text-align:center;  width:100%;overflow:hidden; margin:0 0 2em 0;/*float:left;*/}/*탭: 공통*/
.basic_tab:after { clear:both; display:block; content:"";}
.basic_tab ul {border-bottom:1px solid #333;}
.basic_tab ul:after {clear:both; display:block; content:"";}
.basic_tab ul li {width:16.666%; float:left;}
.basic_tab.tab5 ul li {width:20%;}
.basic_tab.tab4 ul li {width:25%;}
.basic_tab.tab3 ul li {width:33.333%;}
.basic_tab.tab2 ul li {width:50%;}
.basic_tab ul li:first-child{margin-left:0%; background:none}
.basic_tab ul li a {display:block; color:#555; background:#fff; cursor:pointer; text-align:center;  line-height:42px; border-left:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:15px; text-align:center; }
.basic_tab ul li:last-child a {border-right:1px solid #ddd; }
.basic_tab ul li a:hover {border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333;}
.basic_tab ul li.on a {font-weight:500; color:#fff; background:#333; border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; }
.basic_tab_con{ }

.basic_table_area { overflow-x: auto; width:100% }/*표*/
.basic_table_area .guide {color:#939393; font-size:13px;}
.basic_table_area .guide.right {text-align:right;}
.basic_table_area .guide.left {text-align:left;}
.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; vertical-align:middle;}
.basic_tb tr th { padding:10px 20px; border-top:1px solid #c5c5c5; border-bottom:2px solid #c5c5c5 ; line-height:1.2em;  text-align:center; vertical-align:middle; font-size:13px; background:#fcfcfc;}
.basic_tb tr td  { padding:10px 20px; border-bottom:1px solid #e9e9e9 ; line-height:1.2em;  text-align:center;vertical-align:middle;}
.basic_tb tr th.line_l {border-left:1px solid #e9e9e9 ;}
.basic_tb tr td.line_l {border-left:1px solid #e9e9e9 ;}
.basic_tb tr th.line_r {border-right:1px solid #e9e9e9 ;}
.basic_tb tr td.line_r {border-right:1px solid #e9e9e9 ;}
.basic_tb tr th:last-child {border-right:0px;}
.basic_tb tr td:last-child {border-right:0px;}
.basic_tb .left { text-align: left }
.basic_tb .right { text-align: right }
.basic_tb td img{ max-width:100%}
.basic_tb tr td p {line-height:1.5em;}

@media screen and (max-width:1000px){
.sub_container p.title {font-size:18px;margin:0 0 12px 0; }

.sub_container h3{ font-size:20px; padding:5px 0 }
.sub_container h4{ font-size:18px; padding:5px 0}
.sub_container h5{ font-size:16px; padding:5px 0 }

.sub_container .text_lar1{ font-size:19px;}
.sub_container .text_lar2{ font-size:17px;}
.sub_container .text_lar3{ font-size:16px;}
.sub_container .text_lar4{ font-size:16px;}
}
@media screen and (max-width:640px){
.sub_container h3{ font-size:18px;  }
.sub_container h4{ font-size:16px}
.sub_container h5{ font-size:15px ; }

.sub_container .text_lar1{ font-size:17px;}
.sub_container .text_lar2{ font-size:16px}
.sub_container .text_lar3{ font-size:15px}
.sub_container .text_lar4{ font-size:15px}

.basic_tab {margin:0 0 1em 0; }
.basic_tab ul li a{ font-size:14px;}
.basic_tab ul li a span{ display:none}

.basic_tb tr th,.basic_tb tr td  { padding:5px 8px; }
}
@media screen and (max-width:600px){
.basic_tab ul {border-bottom:0px solid #333; margin:0 0 0 -5px;}
.basic_tab ul li {width:33.333%; }
.basic_tab.tab5 ul li {width:33.333%;}
.basic_tab.tab4 ul li {width:33.333%;}
.basic_tab.tab3 ul li {width:33.333%;}
.basic_tab ul li a {margin:0 0 5px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.basic_tab ul li a:hover {border-bottom:1px solid #333;}
.basic_tab ul li.on a {border-bottom:1px solid #333;}
}

@media screen and (max-width:420px){
.basic_tb {font-size:14px;}
.basic_tb tr th br {display:none;}
}
@media screen and (max-width:380px){
.basic_tab ul {margin:0 0 0 -3px;}
.basic_tab ul li a {margin:0 0 3px 3px;}
}


/*
.line_tab {text-align:center;}
.line_tab ul {font-size:0;}
.line_tab ul li {display:inline-block;letter-spacing:0;}
.line_tab ul li a {display:block; padding:0 24px; line-height:36px; border-bottom:1px solid #ddd; font-size:15px; cursor:pointer;}
.line_tab ul li.on a {border-bottom:3px solid #555; line-height:32px; }

@media screen and (max-width:1000px){
.line_tab ul {margin:0 0 0 -5px;}
.line_tab ul:after {clear:both; display:block; content:"";}
.line_tab ul li {float:left; width:20%;}
.line_tab ul li a {padding:0 0; line-height:36px; border:1px solid #ddd; margin:0 0 5px 5px;}
.line_tab ul li.on a {border:1px solid #555; background:#555; color:#fff; line-height:36px;}
}
@media screen and (max-width:640px){
.line_tab ul li {width:33.333%;}
.line_tab ul li a {font-size:14px;}
}
@media screen and (max-width:400px){
.line_tab ul li {width:50%;}
.line_tab ul li a {line-height:32px;}
.line_tab ul li.on a {line-height:32px;}
}
*/



/* COMPANY */
/* Overview */
.overview p {font-size:16px;}
.overview p.view_lar {font-size:20px; line-height:1.4em;}
.overview p.view_lar span {font-weight:500;}

.overview .view_list:after {clear:both; display:block; content:"";}
.overview .view_list .view_list_img {float:left; width:40%; }
.overview .view_list .view_list_txt {float:left; width:60%; }
.overview .view_list .view_list_txt ul li dl {line-height:36px; border-bottom:1px solid #e9e9e9; margin:0 0 0 24px;}
.overview .view_list .view_list_txt ul li dl:after {clear:both; display:block; content:"";}
.overview .view_list .view_list_txt ul li dl dt {float:left; width:30%;}
.overview .view_list .view_list_txt ul li dl dt p {font-size:14px; color:#777}
.overview .view_list .view_list_txt ul li dl dd {float:left; width:70%;}
.overview .view_list .view_list_txt ul li dl dd p {font-size:15px;}

@media screen and (max-width:800px){
.overview .view_list .view_list_txt ul li dl { margin:0 0 0 12px;}
}
@media screen and (max-width:640px){
.overview p.view_lar {font-size:17px;}
.overview p {font-size:14px;}
.overview p br {display:none;}

.overview .view_list .view_list_img {width:100%; }
.overview .view_list .view_list_txt {width:100%; margin:10px 0 0 0;}
.overview .view_list .view_list_txt ul li dl { margin:0 0 0 0;}
.overview .view_list .view_list_txt ul li dl dd p {font-size:14px;}
}

/* Greeting */
.greeting p {font-size:16px;}

.greeting .greeting_img {position:relative;}
.greeting .greeting_img .greeting_text {position:absolute; z-index:22; width:100%; top:50%; transform:translate(0%, -50%);}
.greeting .greeting_img .greeting_text p {font-size:25px; font-weight:200; padding:0 30px; line-height:1.3em;}
.greeting .greeting_img .greeting_text p.eng_point {font-size:10px; font-weight:600; letter-spacing:1px; margin:0 0 20px 0; color:rgba(0, 0, 0, .3); line-height:1.4em;}
.greeting .greeting_img .greeting_text p.eng_point span {border-bottom:1px solid rgba(0, 0, 0, .3);}
.greeting .greeting_img .img_bg {position:relative; z-index:20; background:#f4f4f4; text-align:right;}

.greeting p.name{display: inline-block; float: right; font-size: 18px;}
.greeting p.name img{vertical-align: middle; margin-left: 5px;}

@media screen and (max-width:1200px){
.greeting p {font-size:15px;}
}
@media screen and (max-width:900px){
.greeting .greeting_img .greeting_text p {font-size:22px; padding:0 20px;}
.greeting .greeting_img .img_bg img {height:280px;}
}
@media screen and (max-width:640px){
   .greeting .greeting_img .img_bg{height: 100px; background: #fff;}
   .greeting .greeting_img .img_bg img{display: none;}
   .greeting .greeting_img .greeting_text p{padding: 0;}
   .greeting .greeting_img .greeting_text p.eng_point{display: none;}
}


/* philosophy */
.philosophy .phil_list ul li:after {clear:both; display:block; content:"";}
.philosophy .phil_list ul li p.number {width:10%; float:left;}
.philosophy .phil_list ul li p.number span {display:block; background:url("../img/common/square_blue.png") center center no-repeat; color:#fff; font-size:16px; font-weight:500; line-height:30px; vertical-align:middle; width:47px; text-align:center; margin:8px 0 0 0;}
.philosophy .phil_list ul li dl {width:90%; float:right; margin:0 0 30px 0;}
.philosophy .phil_list ul li:last-child dl {margin:0 0 0 0;}
.philosophy .phil_list ul li dl dt p {font-size:20px; margin:0 0 15px 0;}
.philosophy .phil_list ul li dl dd p {color:#666; font-weight:200; margin:0 0 5px 0; }

@media screen and (max-width:640px){
.philosophy .phil_list ul li p.number {width:20%;}
.philosophy .phil_list ul li dl {width:80%; margin:0 0 24px 0;}
.philosophy .phil_list ul li dl dt p {font-size:17px; margin:0 0 8px 0;}
.philosophy .phil_list ul li dl dd p {font-size:14px; font-weight:300; margin:0 0 4px 0; }
}



/* history */
.history{}
.history_box {  background: url('../img/contents/history_line.gif') repeat-y center top; overflow:hidden; padding:10px 0; padding-top:20px }
.history_box:after { content: ""; display: block; clear: both; }
.history_box dl{ clear:both; }
.history_box dl.left{ clear:both}
.history_box dl.right{ }
.history_box dl dt{ position: relative; padding: 5px 0  15px 0px;  margin-top:0px ; line-height: 23px;font-size: 28px; color:#0052a6;  }
.history_box dl dt span.circle { position: absolute; top: 8px; display: block; width: 12px; height: 15px; background: url('../img/contents/history_dot.gif') no-repeat left top; }
.history_box dl.left dt span.circle{left: -5px; }
.history_box dl.right dt span.circle{right: -7px; }
.history_box dl.left { float: right; width: 50%;   }
.history_box dl.right { float: left; width: 50%;  text-align: right; }
.history_box dl dd{ position:relative; margin-bottom:5px}
.history_box dl p.date { width:32px; border:1px solid transparent; color:#999;}
.history_box dl.left dd p.date { float:left; margin-right:15px ;}
.history_box dl.right dd p.date { float:right; margin-left:15px;}
.history_box dl.left dt, .history_box dl.left dd{ padding-left:30px; clear:both}
.history_box dl.right dt, .history_box dl.right dd{ padding-right:30px; clear: both; }

.history_box dl.left dd span,  .history_box dl.right dd span { display: block; }
.history_box dl dd span.img{ display:inline-block; margin-top:10px; margin-bottom:10px; clear:both}
.history_box dl dd span.bg_point {display:inline; background:#ddedff; padding:0 8px;}
.history_box dl dd.image {margin:20px 0 0 0;}

.history_box dl.delay {transition: 1.4s; opacity: 0; transform: translate(0px, 50px); fiter: 1.4s ease; }
.history_box dl.delay.active { opacity: 1; transform: translate(0px, 0px); }

@media screen and (max-width:1000px){
.history_box {  background: url('../img/contents/history_line.gif') repeat-y 2% top; overflow:hidden; padding:10px 0; padding-top:20px ; padding-left:2%}

.history_box dl dt{ line-height: 20px;font-size: 20px;  }
.history_box dl dt span.circle { position: absolute; top: 8px; }
.history_box dl.left dt span.circle{left: -4px; }
.history_box dl.right dt span.circle{left: -4px; }
.history_box dl.left { float: right; width: 100%;   }
.history_box dl.right { float: right; width: 100%;  text-align: left; }
.history_box dl.left dd p.date { float:left; margin-right:5px }
.history_box dl.right dd p.date { float:left; margin-left:0px; margin-right:5px }
.history_box dl.left dt, .history_box dl.left dd{ padding-left:15px; clear:both}
.history_box dl.right dt, .history_box dl.right dd{ padding-left:15px; clear:both}
.history_box dl.right dt, .history_box dl.right dd{ padding-right:15px; clear: both}
}
@media screen and (max-width:640px){
.historys .image_grid3 {display:none;}
.history_box dl dd {font-size:14px;}
.history_box dl dd p br {display:none;}
.history_box dl dd.image {margin:;}
.history_box dl dd.image img {width:70%;}
}



/* ci */
.ci .ci_img {text-align:center;}
.ci .ci_img p {padding:90px 0 48px 0; border:1px solid #e9e9e9;}
.ci .ci_img p img {width:200px;}
.ci .ci_download {position:absolute; left:28px; top:28px;}
.ci .ci_download a {display:inline-block; line-height:36px; vertical-align:middle; margin:0 5px 0 0; padding:0 42px 0 18px; font-size:13px; background: #f6f6f6 url('../img/contents/download.png') 89% center no-repeat;}

.ci .ci_intro .ci_lar {font-size:20px; line-height:1.4em; margin:0 0 12px 0;}
.ci .ci_intro .ci_sma {color:#777;}
.ci_line {width:100%; height:1px; background:#e9e9e9;}

.ci_ex:after { content: ""; display: block; clear: both; }
.ci_ex .cex_title {width:15%; float:left; font-size:18px; font-weight:500;}
.ci_ex .cex_title span {display:block; font-weight:200; font-size:10px; letter-spacing:1px;}
.ci_ex .cex_con {width:85%; float:left;}
.ci_ex .cex_con .cex_img {margin:28px 0 0 0;}
.ci_ex .cex_con .cex_img_list {margin:28px 0 0 0;}

.ci .symbol img {width:140px;}
.ci .type img {width:220px;}
.ci .color_sys ul li {margin:0 0 12px 0;}
.ci .color_sys ul li:last-child {margin:0 0 0 0;}
.ci .color_sys ul li dl dt {margin:0 0 6px 0;}
.ci .color_sys ul li dl dt span {background:#444; color:#fff; font-size:12px; letter-spacing:0px; line-height:1.5em; vertical-align:middle; padding:0 8px;}
.ci .color_sys ul li dl dd span {margin:0 5px 0 0;}

@media screen and (max-width:640px){
.ci p br {display:none;}
.ci p {font-size:14px;}
.ci .ci_intro .ci_lar {font-size:17px;}
.ci_ex .cex_title {width:25%; font-size:16px;}
.ci_ex .cex_con {width:75%;}
.ci .symbol img {width:100px;}
.ci .type img {width:180px;}
.ci_ex .cex_con .cex_img {margin:12px 0 0 0;}
.ci_ex .cex_con .cex_img_list {margin:12px 0 0 0;}
}



/* partners */
.partners .partners_list {text-align:center;}
.partners .partners_list ul:after { content: ""; display: block; clear: both; }
.partners .partners_list ul li {width:33.333%; float:left;}
.partners .partners_list ul li dl {border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:20px;}
.partners .partners_list ul li dl a {display:block;}
.partners .partners_list ul li.right dl {border-right:0px;}
.partners .partners_list ul li dl dt {padding:0 0 10px 0;}
.partners .partners_list ul li dl dt img {width:220px;}
.partners .partners_list ul li dl dd p {font-size:13px; letter-spacing:0px;}

@media screen and (max-width:640px){
.partners .partners_list ul li {width:50%;}
.partners .partners_list ul li dl {border-right:0px solid #e9e9e9; padding:16px;}
}





/* BUSINESS */
.technology ul li{margin-bottom: 30px; border-bottom: 1px solid #e9e9e9; padding-bottom: 30px;}
.technology dl::after{content: ''; display: block; clear: both;}
.technology dt{float: left; width: 43%; margin-right: 2%; height: 200px; overflow: hidden; position: relative;}
.technology dt img{position: absolute; top: 0; bottom: 0; margin: auto;}
.technology dd{float: left; width: 53%; margin-left: 2%;}
.technology dd div{font-size: 1.2em; margin: 25px 0; font-weight: 500; color: #0052a6;}

.property_co{ text-align:right;  color: #999;  padding:0 2%; font-size:12px}

ul.certify_list{  overflow: hidden; *width:90%; border-left:1px solid #e4e4e4 ; padding-top:1px }
ul.certify_list:after{content:"";display:block;clear:both;}
ul.certify_list > li{float:left;  width:33.3%;  text-align:center; }
ul.certify_list > li a{ padding:0 15px;  text-align:center;   display:inline-block ;position:relative ; overflow:hidden}
ul.certify_list > li:after{content:"";display:block;clear:both;}
ul.certify_list > li span.thumb{  max-width:140px; height: 198px !important; width:100%;  overflow:hidden ; position:relative; height:100% ; float:left; margin:0 auto; box-shadow:2px 2px 3px rgba(0, 0, 0, .2); margin-bottom:3px; border:1px solid #e7e7e7}
ul.certify_list > li span.thumb img{ max-width:100%; width:100%; height: 100%;  }
ul.certify_list li div{ margin: -1px 0px 0px -1px; border:1px solid #e4e4e4; padding:30px 5% ; }
ul.certify_list li p{  font-size:14px; font-weight:normal;  margin:0; padding:0 ;overflow:hidden;  padding:0 15px; color:#999; }
ul.certify_list li p.sort{ clear:both; font-size:16px; padding:10px 0 0px 0;  padding:0 15px; color:#023894; margin-top: 10px;}

#lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; /* IE Fallback (Solid Colour) */  background: rgba(0, 0, 0, 0.8); -webkit-filter: none !importfolioant; z-index:1000000; }
#lightbox img { display: block; position: absolute;}

.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lightbox-close { right: 10px; top: 10px; background-image: url('../img/contents/btn_close.png'); }
.lightbox-next { right: 10px; top: 48%; background-image: url(''); }
.lightbox-previous { left: 10px; top: 48%; background-image: url(''); }


@media screen and (max-width:1000px){
ul.certify_list > li{ width:33.333%;}
ul.certify_list li div{  padding:20px 10% ; }
}

@media screen and (max-width:640px){
ul.certify_list > li{ width:50%;}
ul.certify_list li div{  padding:20px 10% ; }
}



.map_list .map_img {text-align:center;}
.map_list .map_img area {cursor:pointer !important;}
.map_list .map_txt li {margin:0 0 20px 0 !important;}
.map_list .map_txt li:last-child {margin:0 0 0 0 !important;}
.map_list .map_txt li dl {border-bottom:0px !important;}
.map_list .map_txt li dl dt {width:100% !important;}
.map_list .map_txt li dl dt p {font-size:20px; font-weight:600; border-left:3px solid #444; line-height:1.2em !important; margin:0 0 16px 0; padding:0 0 0 6px;}
.map_list .map_txt li dl dt p span {color:#999;}
.map_list .map_txt li dl dd {width:100% !important; border-top:1px solid #555; border-bottom:1px solid #e9e9e9; padding:20px 0;}
.map_list .map_txt li dl dd:after { content: ""; display: block; clear: both; }
.map_list .map_txt li dl dd.map_info .map_info_pic {width:30%; float:left;}
.map_list .map_txt li dl dd.map_info .map_info_pic p{text-align: center;}
.map_list .map_txt li dl dd.map_info .map_info_pic p img {width:100%; max-width: 350px;}
.map_list .map_txt li dl dd.map_info .map_info_ts {width:65%; float:right}
.map_list .map_txt li dl dd.map_info .map_info_ts p {line-height:1.6em !important;}
.map_list .map_txt li dl dd.map_info .map_info_ts .map_info_overview {padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dashed #eee;}
.map_list .map_txt li dl dd.map_info .map_info_ts .map_info_overview p {line-height:1.4em !important;}
.map_list .map_txt li dl dd.map_info .map_info_ts p span {display:block;}
.map_list .map_txt li dl dd.map_info .map_info_ts p:after { content: ""; display: block; clear: both; }
.map_list .map_txt li dl dd.map_info .map_info_ts p .info_t {width:28%; float:left; font-weight:600; text-transform: capitalize;}
.map_list .map_txt li dl dd.map_info .map_info_ts p .info_s {width:72%; float:left; color:#888;}
.map_list .map_txt li dl dd.map_info .map_info_ts:after { content: ""; display: block; clear: both; }
.map_list .map_txt li dl dd.map_info .map_view {position:relative; clear:both; }
.map_list .map_txt li dl dd.map_info .map_view .view_button {display:block; width:90px; color:#fff; background:#555; line-height:34px !important; vertical-align:middle; text-align:center; font-size:13px; cursor:pointer; margin:-20px 0 0 0; float:right; }

.google_map {display:none; clear:both;}
.google_map iframe {width:100%; height:350px; margin:20px 0 0 0; clear:both;}

.title_s{font-size: 20px !important; font-weight: 600; border-left: 3px solid #444; line-height: 1.2em !important; padding: 0 0 0 6px;}
.spacing_updown{padding: 2em 0;}

@media screen and (max-width:860px){
.map_list .map_txt li dl dd.map_info .map_info_pic{width: 100%;}
.map_list .map_txt li dl dd.map_info .map_info_ts{width: 100%;}
.spacing_updown dt{width: 100% !important;}
.spacing_updown dd{width: 100% !important;}
}
@media screen and (max-width:640px){
.map_list .map_txt li dl dt p {font-size:17px;}
}
@media screen and (max-width:480px){
.map_list .map_txt li dl dt p{font-size: 18px; margin: 0 0 10px 0;}
.title_s{font-size: 18px !important}

.map_list .map_txt li dl dd.map_info .map_info_ts p .info_t {width:30%; font-weight:400;}
.map_list .map_txt li dl dd.map_info .map_info_ts p .info_s {width:70%;}
.map_list .map_txt li dl dd.map_info .map_view .view_button {margin:10px 0 0 0;}
}




/* PRODUCT */
.product .pex_intro .pex_intro_img {text-align:center;}
.product .pex_intro .pex_intro_img p {padding:40px 20px; border:1px solid #e9e9e9;}
.product .pex_intro .pex_intro_img p.circular_none {padding:0 0 40px 50px; border:1px solid #e9e9e9;}
.product .pex_intro .pex_lar {font-size:25px; font-weight:500; line-height:1.4em; color:#333; margin:0 0 2px 0;}
.product .pex_intro .pex_lar span {font-weight:300;}
.product .pex_intro .pex_intro_img .pex_intro_img_ex {font-size:14px; display:block; margin:10px 0 0 0;}
.product .pex_intro .pex_sma {color:#777;}
.product .pex_line {width:100%; height:1px; background:#e9e9e9;}

.product .p_ex:after { content: ""; display: block; clear: both; }
.product .p_ex .pex_title {width:24%; float:left; font-size:18px; font-weight:500; color:#0052a6;}
.product .p_ex .pex_con {width:76%; float:left;}

.product .p_ex .pex_con .pex_list dl {margin:0 0 20px 0;}
.product .p_ex .pex_con .pex_list dl:last-child {margin:0 0 0 0;}
.product .p_ex .pex_con .pex_list dl dt {font-weight:500; font-size:16px;}
.product .p_ex .pex_con .pex_list dl dt span {border-bottom:1px solid #555;}
.product .p_ex .pex_con .pex_list dl dd {margin:8px 0 0 0;}

.product .p_ex .pex_con .pex_dot_list p {background:url("../img/common/dot_gray.png") left 10px no-repeat; font-size:16px; padding:0 0 0 10px;}
.product .p_ex .pex_con .border_line {border:1px solid #e9e9e9;}

.product .p_ex .pex_con .pex_grid ul {margin:0 0 0 -5px;}
.product .p_ex .pex_con .pex_grid ul:after { content: ""; display: block; clear: both; }
.product .p_ex .pex_con .pex_grid ul li {float:left;}
.product .p_ex .pex_con .pex_grid.pex_grid1 ul li {width:100%;}
.product .p_ex .pex_con .pex_grid.pex_grid2 ul li {width:50%;}
.product .p_ex .pex_con .pex_grid.pex_grid3 ul li {width:33.3333%;}
.product .p_ex .pex_con .pex_grid.pex_grid4 ul li {width:25%;}
.product .p_ex .pex_con .pex_grid.pex_grid5 ul li {width:20%;}
.product .p_ex .pex_con .pex_grid.pex_grid6 ul li {width:33.333%;}
.product .p_ex .pex_con .pex_grid ul li p {margin:0 0 0 5px;}
.product .p_ex .pex_con .pex_grid.pex_grid6 ul li p {margin:0 0 5px 5px;}
.product .p_ex .pex_con .pex_grid ul li dl {margin:0 0 0 5px !important; text-align:center;}
.product .p_ex .pex_con .pex_grid ul li dl dt {margin:0 0 5px 0;}
.product .p_ex .pex_con .pex_grid.lining ul li p {border:1px solid #eee;}
.product .p_ex .pex_con .pex_grid.lining ul li dl {border:1px solid #eee;}
.product .p_ex .pex_con .pex_grid.line_box ul li dl dt {border:1px solid #eee;}

.product .p_ex .pex_con .pex_subtxt ul li {margin:0 0 10px 0;}
.product .p_ex .pex_con .pex_subtxt ul li:last-child {margin:0 0 0 0;}
.product .p_ex .pex_con .pex_subtxt ul li dl:after { content: ""; display: block; clear: both; }
.product .p_ex .pex_con .pex_subtxt ul li dl dt {width:30%; float:left;}
.product .p_ex .pex_con .pex_subtxt ul li dl dd {width:70%; float:left;}
.product .p_ex .pex_con .pex_subtxt ul li dl dd p {margin:0 0 0 10px;}
.product .p_ex .pex_con .pex_subtxt ul li dl dd p.pex_subtxt_lar {font-weight:500; font-size:16px; padding:0 0 8px 0;}

.product .product_kinds ul {margin:0 0 0 -10px;}
.product .product_kinds ul:after { content: ""; display: block; clear: both; }
.product .product_kinds ul li {float:left; width:33.333%;}
.product .product_kinds ul li dl {margin:0 0 10px 10px; border:1px solid #e9e9e9;    height: 545px;}
.product .product_kinds ul li dl dt {width:100%;}
.product .product_kinds ul li dl dd {padding:24px;}
.product .product_kinds ul li dl dd p {font-size:15px; font-weight:300; background:url("../img/common/dot_gray.png") left 10px no-repeat; padding:0 0 0 10px;}
.product .product_kinds ul li dl dd p.kinds_title {font-weight:500; font-size:16px; padding:0 0 8px 0; background:none;}

.product .more_view p {font-size:20px; font-weight:500;}
.product .more_view p.moreview_button a {display: inline-block; margin: 0 auto; font-size: 12px; font-weight: 400; letter-spacing: 1px; color: ; border: 1px solid #ddd; padding: 0 32px; line-height: 40px; vertical-align: middle;}
.product .more_view p.moreview_button a:hover {border:1px solid #333; color:#fff; background:#333;}


@media screen and (max-width:840px){
.product .product_kinds ul li {width:50%;}
.product .product_kinds ul li dl dd {padding:12px;}
}
@media screen and (max-width:700px){
.product br.m_no{display: none;}
}
@media screen and (max-width:640px){
.product .pex_intro .pex_lar {font-size:20px;}
.product .pex_intro .pex_intro_img .pex_intro_img_ex {font-size:13px; margin:5px 0 0 0;}
.product .p_ex .pex_title {width:100%; font-size:16px; margin:0 0 8px 0;}
.product .p_ex .pex_title br {display:none;}
.product .p_ex .pex_con {width:100%;}
.product .p_ex .pex_con .pex_img {margin:12px 0 0 0;}
.product .p_ex .pex_con .pex_img_list {margin:12px 0 0 0;}
.product .p_ex .pex_con .pex_grid.pex_grid3 ul li {width:50%;}
.product .p_ex .pex_con .pex_grid.pex_grid4 ul li {width:50%;}
.product .p_ex .pex_con .pex_grid.pex_grid5 ul li {width:50%;}
.product .p_ex .pex_con .pex_grid ul li.m100 {width:100% !important;}
.product .p_ex .pex_con .pex_grid ul li p {margin:0 0 5px 5px;}
.product .p_ex .pex_con .pex_list dl dt {font-size:15px;}
.product .p_ex .pex_con .pex_subtxt ul li dl dd p.pex_subtxt_lar {font-size:15px; padding:0 0 4px 0;}
.product .more_view p {font-size:17px;}
}
@media screen and (max-width:480px){
.product .product_kinds ul li {width:100%;}
.product .product_kinds ul li dl{height: auto;}
}
@media screen and (max-width:400px){
.product .p_ex .pex_con .pex_subtxt ul li dl dt {width:100%; margin:0 0 8px 0;}
.product .p_ex .pex_con .pex_subtxt ul li dl dd {width:100%;}
.product .p_ex .pex_con .pex_subtxt ul li dl dd p {margin:0 0 0 0;}
}


.product_visual .bx-wrapper { margin:0 auto; padding: 0px; position: relative; width:100%; overflow:hidden ; }
.product_visual .bx-wrapper {}
.product_visual .bx-wrapper .bx-controls .bx-pager {text-align: center;  bottom: 20px; position: absolute;  z-index:1000; width:100%;}
.product_visual .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.product_visual .bx-wrapper .bx-default-pager.bx-pager a { margin: 0px 5px; outline: 0px; width: 8px; height: 8px; text-indent: -9999px; display: block; border:1px solid #333; border-radius:5px;} /*라운드,글자*/
.product_visual .bx-wrapper .bx-default-pager.bx-pager a.active { background:#333 !important;}
.product_visual .bx-wrapper .bx-controls .bx-controls-direction a {position:absolute; display:block; width:50px; height:50px; top:50%; margin:-30px 0 0 0;  text-indent: -9999px; z-index:1000; background-size:100%;}
.product_visual .bx-wrapper .bx-prev { background: url("../img/contents/slide_prev.png") no-repeat; left: 0;} /*화살표*/
.product_visual .bx-wrapper .bx-next { background: url("../img/contents/slide_next.png") no-repeat; right: 0;} /*화살표*/
.product_visual .bx-wrapper .bx-controls .bx-controls-auto {display:none;}

.product_visual ul li {position: relative;}
.product_visual ul li .text {position: absolute; z-index:55; top:50%; transform: translate(0%, -50%); width:100%;}
.product_visual ul li .text.white{color: #eee;}
.product_visual ul li .text p {margin:0 60px;}
.product_visual ul li .text p.text_lar {font-size:24px; font-weight:500; padding:0 0 20px 0;}
.product_visual ul li .img {position: relative; z-index:50;}
.product_visual ul li .mobile_dim {position: absolute;  width:100%; height:100%; z-index:53; background:rgba(0, 0, 0, .5); display:none;}

.product_image_solo {position:relative;}
.product_image_solo:after { content: ""; display: block; clear: both; }
.product_image_solo .badge_txts {position:absolute; z-index:42; width:100%; top:50%; transform: translate(0%, -70%);}
.product_image_solo .solo_imgbg {position:relative; z-index:40; float:right;}
.product_image_solo .solo_imgbg img {width:372px;}
.product_image_solo .badge_txts .badge_line {width:32px; height:1px; background:#0052a6; margin:20px 0;}

.product .guide_txt {font-size:13px; color:#999;}


@media screen and (max-width:800px){
.product_image_solo .badge_txts {position:relative; margin:0 0 12px 0; transform: translate(0%, 0%);}
.product_image_solo .solo_imgbg {float:none; clear:both; width:100%;}
.product_image_solo .solo_imgbg img {width:100%;}
}
@media screen and (max-width:640px){
/*
.product_visual .bx-wrapper .bx-controls .bx-controls-direction {display:none;}
.product_visual .bx-wrapper .bx-default-pager.bx-pager a { margin: 0px 3px; width: 6px; height: 6px; border:1px solid #fff;}
.product_visual .bx-wrapper .bx-default-pager.bx-pager a.active { background:#fff !important;}
.product_visual ul li .mobile_dim {display:block;}
*/
.product_visual .bx-wrapper .bx-controls .bx-pager {bottom: 8px;}
.product_visual ul li .text {display:none;} /*텍스트 안보이기*/
.product_visual ul li .text p {text-align:center; color:#fff;}
.product_visual ul li .text p br {display:none;}
.product_visual ul li .text p.text_lar {font-size:20px; padding:0 0 10px 0;}
.product_visual ul li .text p.text_sma {color:#e3e3e3;}

.speed_fact tr th{font-size: 11px;}
.speed_fact tr td{font-size: 11px;}
}
@media screen and (max-width:400px){
.product_visual ul li .text p.text_sma {display:none;}
}



.product .strong_point {position:relative; width:100%;}
.product .strong_point ul li {margin:0 0 12px 0;}
.product .strong_point ul li:last-child {margin:0 0 0 0;}
.product .strong_point ul li dl {position:relative;}
.product .strong_point ul li dl:after { content: ""; display: block; clear: both; }
.product .strong_point ul li dl dt {width:40%; float:left;}
.product .strong_point ul li dl dd {width:60%; float:left; }
.product .strong_point ul li dl dd div {margin:10px 0 0 30px;}
.product .strong_point ul li dl dd p.strong_t {font-size:16px; font-weight:600; margin:0 0 8px 0;}
.product .strong_point ul li dl dd p.strong_s {}

@media screen and (max-width:720px){
.product .strong_point ul li dl dd div {margin:0 0 0 24px;}
.product .strong_point ul li dl dd p.strong_t {font-size:15px; margin:0 0 6px 0;}
.product .strong_point ul li dl dd p.strong_s {font-size:14px;}
}
@media screen and (max-width:520px){
.product .strong_point ul li {margin:0 0 20px 0;}
.product .strong_point ul li dl dt {width:100%; margin:0 0 12px 0;}
.product .strong_point ul li dl dt img {width:100%;}
.product .strong_point ul li dl dd {width:100%;}
.product .strong_point ul li dl dd div {margin:0 0 0 0;}
}






/* COMMUNITY */

.gift_shop {position:relative; width:100%;}
.gift_shop ul {margin:0 0 0 -40px;}
.gift_shop ul:after { content: ""; display: block; clear: both; }
.gift_shop ul li {width:50%; float:left;}
.gift_shop ul li dl {margin:0 0 0 40px; border-bottom:1px solid #e9e9e9;}
.gift_shop ul li dl a {display:block; width:100%;}
.gift_shop ul li dl dt {position: relative; overflow: hidden;}
.gift_shop ul li dl dt img { margin: 0 auto; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.gift_shop ul li dl dt img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.gift_shop ul li dl dd {padding:20px 0;}
.gift_shop ul li dl dd p.gift_lar {font-weight:600; font-size:16px;}
.gift_shop ul li dl dd p.gift_sma {color:#888;}


@media screen and (max-width:1200px){
.gift_shop ul {margin:0 0 0 -20px;}
.gift_shop ul li dl {margin:0 0 20px 20px;}
}
@media screen and (max-width:640px){
.gift_shop ul li dl dd {padding:12px 0;}
.gift_shop ul li dl dd p.gift_lar {font-size:15px;}
.gift_shop ul li dl dd p.gift_sma {font-size:14px;}
}

.gift_info {position:relative;}
.gift_info .gift_info_header {padding:0 0 20px 0; border-bottom:1px solid #e9e9e9;}
.gift_info .gift_info_header:after { content: ""; display: block; clear: both; }
.gift_info .gift_title {font-size:24px; font-weight:600; width:60%; float:left;}
.gift_info .gift_price {width:40%; float:left; text-align:right;}
.gift_info .gift_price span {font-weight:600;}
.gift_info .gift_contact {color:#888; font-size:14px; padding:12px 0 0 0; }

.gift_pic {position:relative;}
.gift_pic .bx-controls .bx-controls-auto {display:none;}
.gift_pic .bx-pager {position:relative; margin:10px 0 0 0;}
.gift_pic .bx-pager ul {margin:0 0 0 -5px;}
.gift_pic .bx-pager ul:after { content: ""; display: block; clear: both; }
.gift_pic .bx-pager ul li {width:12.5%; float:left;}
.gift_pic .bx-pager ul li p {margin:0 0 0 5px;}
.gift_pic .bx-pager ul li p a {display:block; border:2px solid #fff;}
.gift_pic .bx-pager ul li p a.active {border:2px solid #0052a6;}
.gift_pic .bx-wrapper .bx-controls .bx-controls-direction a {position:absolute; display:block; width:50px; height:50px; top:50%; margin:-50px 0 0 0;  text-indent: -9999px; z-index:1000; background-size:100%;}
.gift_pic .bx-wrapper .bx-prev { background: url("../img/contents/slide_prev.png") no-repeat; left: 0;} /*화살표*/
.gift_pic .bx-wrapper .bx-next { background: url("../img/contents/slide_next.png") no-repeat; right: 0;} /*화살표*/


@media screen and (max-width:640px){
.gift_info .gift_info_header {padding:0 0 12px 0; }
.gift_info .gift_title {font-size:18px; width:100%;}
.gift_info .gift_price {width:100%; text-align:left;}
.gift_pic .bx-pager ul {margin:0 0 0 -3px;}
.gift_pic .bx-pager ul li {width:20%;}
.gift_pic .bx-pager ul li p {margin:0 0 0 3px;}
.gift_pic .bx-pager ul li p a img {width:100%;}
}






/* CONTACT US */

/* recruit */
.recruit p.view_lar{font-size: 20px; line-height: 1.4em;}
.recruit p.view_lar span { font-weight: 500;}
.recruit .person_systeam:after { content: ""; display: block; clear: both; }
.recruit .person_systeam li {float:left; width:25%;}
.recruit .person_systeam li dl {text-align:center;}
.recruit .person_systeam li:last-child dl {border-right:0px;}
.recruit .person_systeam li dl dt {margin:0 0 12px 0;}
.recruit .person_systeam li dl dd .vision_t {font-size:16px; font-weight:400; padding:0 0 2px 0; white-space: nowrap;}
.recruit .person_systeam li dl dd .vision_s {color:#999; font-size:14px;}

.recruitment_process li{float: left; width: 20%;}
.recruitment_process dl{margin: 0 auto; width: 110px; height: 110px; text-align: center; position: relative;}
.recruitment_process dl::after{content: ''; display: inline-block; border: solid #ddd; border-width: 0 1px 1px 0; padding: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 34px; left: -31px;}
.recruitment_process li:first-child dl::after{display: none;}
.recruitment_process dt{border-bottom: 1px dashed #ddd; font-size: 24px;     display: inline-block;     padding: 10px 37px 11px; color: #0052a6;}
.recruitment_process dd{line-height: 16px; font-size: 14px;    padding-top: 10px;}

.vision ul:after { content: ""; display: block; clear: both; }
.vision ul li {float:left; width:25%;}
.vision ul li dl {border-right:1px solid #e9e9e9; text-align:center;}
.vision ul li:last-child dl {border-right:0px;}
.vision ul li dl dt {margin:0 0 12px 0;}
.vision ul li dl dd .vision_t {font-size: 15px; font-weight: 500; color: #0052a6;}
.vision ul li dl dd .vision_s {color:#999; font-size:14px;}
.vision.tech ul li {width:33.333%;}
.vision.welfare ul li dl{border-right: 0; border-left: 1px solid #e9e9e9; padding: 1em 0; min-height: 200px; max-height: 200px; box-sizing: border-box;}
.vision.welfare ul li:nth-child(3n-2) dl{border-left: 0;}
.vision.welfare ul li:nth-child(n+4) dl{border-top: 1px solid #e9e9e9;}
.vision ul li dl dd .welfare_t{padding: 0.5em 2em; font-size: 13px;}

@media screen and (max-width:640px){
.recruit .person_systeam li {width:50%; }
.recruit .person_systeam li dl {padding:20px;}
.recruit .person_systeam li:nth-child(2) dl {border-right:0px; border-bottom:1px solid #e9e9e9;}
.recruit .person_systeam li:first-child dl {border-bottom:1px solid #e9e9e9;}
.recruit .person_systeam li dl dd .vision_t {font-size:16px;}

.vision.tech ul li {width:100%; }
.vision ul li dl {padding:20px;}
.vision ul li:nth-child(2) dl {border-right:0px; border-bottom:1px solid #e9e9e9;}
.vision ul li:first-child dl {border-bottom:1px solid #e9e9e9;}
.vision ul li dl dd .vision_t {font-size:16px;}
.vision.tech ul li dl {border-right:0px;}
}
@media screen and (max-width:480px){
.recruit .person_systeam li dl dd .vision_t {font-weight:400; font-size:15px;}
.recruit .person_systeam li dl dd .vision_s  {display:none;}

.vision ul li dl dd .vision_t {font-weight:400; font-size:15px;}
.vision ul li dl dd .vision_s  {display:none;}
}

@media screen and (max-width:1280px){
   .recruitment_process dl::after{display: none;}
}
@media screen and (max-width:840px){
   .recruitment_process dl{width: 120px; height: 120px;}
   .recruitment_process dt{font-size: 20px; padding: 15px 25px 10px;}
   .recruitment_process dd{font-size: 14px;}

   .vision.tech.welfare ul li{width: 50%;}
   .vision.welfare ul li:nth-child(3n-2) dl{border-left: 1px solid #e9e9e9;}
   .vision.welfare ul li:nth-child(odd) dl{border-left: 0;}
   .vision.welfare ul li:nth-child(n+3) dl{border-top: 1px solid #e9e9e9;}
}
@media screen and (max-width:720px){
   .recruitment_process li{width: 25%; margin-bottom: 15px;}
}
@media screen and (max-width:620px){
   .recruitment_process li{width: 33.3%;}

   .vision.welfare ul li dl{ min-height: auto;}
   .vision ul li dl dd .welfare_t{display: none;}
}
@media screen and (max-width:460px){
   .recruitment_process li{width: 50%;}
}

/* location */
.map_img iframe {width:100%; height:400px;}
.maps ul {border-top:1px solid #555; margin:24px 0 0 0;}
.maps ul li {border-bottom:1px solid #e9e9e9;}
.maps ul li dl {padding:10px 0; display:table; width:100%;}
.maps ul li dl:after { content: ""; display: block; clear: both; }
.maps ul li dl dt {width:10%; display:table-cell; vertical-align:middle !important; text-align:center;}
.maps ul li dl dd {display:table-cell; vertical-align:middle; width:90%; }

@media screen and (max-width:780px){
.map_img iframe {height:340px;}
.maps ul li dl dt {width:20%;}
.maps ul li dl dd {width:80%; }
}
@media screen and (max-width:400px){
.map_img iframe {height:240px;}
.maps ul li dl dd {font-size:14px;}
}


/* GUIDE */







/* SEARCH */
.basic_search_box2{width:50%; text-align:center; margin:4px auto 0 auto}
.basic_search_box2 img{ padding:5px}
.basic_search_box2 input[type=text]{ width:50%; border:0; height:36px; line-height:36px; padding:0 5px; margin:0 ; background:none; border-bottom: 1px solid #ccc;}
.basic_search_box2 .search_gobtn{ background:#666; color:#fff; width:50px; text-align:center; display:inline-block; border:0; height:36px; line-height:36px; border-radius:3px}

@media screen and (max-width:640px) {
.basic_search_area2{}
.basic_search_box2{width:90%;}
.basic_search_box2 input{ width:60%; }
}



.basic_tab2{ display:block; text-align:center;  font-size:0;}/*탭: 공통: 네모박스 라인 붙은 디자인*/
.basic_tab2 ul{ margin:0 0 0 0; padding:0; font-size:0;line-height:0 }
.basic_tab2 ul:after{ clear:both; display:block; content:"";}
.basic_tab2 ul li {width:20%; float:left;}
.basic_tab2 ul li a {display:block; color:#333;background:#fff; cursor:pointer; text-align:center;  line-height:45px; border:1px solid #e9e9e9; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:15px; margin:0 0 0 0;}
.basic_tab2 ul li.on a {color:#fff; background:#0052a6 ;  border:1px solid #0052a6 !important; z-index:1}
.basic_tab2 ul li a span.num {opacity:0.6; font-size:14px;}
.basic_tab2_con {clear:both;}
.basic_tab2{ text-align:left;}

@media screen and (max-width:640px){
.basic_tab2 ul{ margin:0 0 0 -5px;}
.basic_tab2 ul li {width:33.333%;}
.basic_tab2 ul li a {font-size:14px; margin:0 0 5px 5px;}
}
@media screen and (max-width:400px){
.basic_tab2 ul li a {font-size:13px; }
}



.disease_tab{ position:relative; border-top:1px solid #333333}
.disease_tab .hgroup{position: absolute; right:0; width:100px;}
.disease_tab .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-7px 0 0 0;padding:0;border:0;cursor:pointer; color:#666; font-size:11px; }
.disease_tab > ul{border-top:1px solid #ddd; }
.disease_tab .q{margin:0;border-bottom:1px solid #ddd;}
.disease_tab .q a strong{ }
.disease_tab .q span{ color:#999; font-size:0.9em; margin-top:8px; display:inline-block}
.disease_tab .q a{display:block;padding:2% 4%;color:#333;text-align:left;text-decoration:none !important;background:url("../img/common/tab_more.gif") no-repeat 98%  50%; font-size:1.2em;  }
.disease_tab .a{display: none; margin:0;border-bottom:1px solid #ddd;line-height:1.5; background:#F6F6F6;}
.disease_box {padding:2% 4%; color:#666}
.disease_box:after{ clear:both; display:block; content:"";}
.disease_box p {overflow: hidden; white-space: normal; line-height: 1.4em; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size:1em; }
.disease_box .click_icon {display:none; width:5%; float:left; text-align:right; margin:10px 0 0 0;}

@media screen and (max-width:860px){
.disease_tab .q a{display:block;padding:4% 4% 4% 4%; font-size:1.1em; }
.disease_tab .q a{background:url("../img/common/tab_more.gif") no-repeat 98%  50%; background-size:20px}
}