@charset "utf-8";
@import "basic.css";
@import "layout.css";
@import "display.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500);
@import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);


/* 170221 추가 */
#contents.prod_wrap {position:relative;float:none;width:100%;}
#contents.prod_wrap *, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#contents.prod_wrap #pg_tit {margin:0;padding:0;font-family:Oswald;font-size:2em;font-weight:normal;line-height:1em;text-transform:uppercase;text-indent:0;}
.prod_hr {margin:40px 0;border:none;border-top:1px solid #e5e5e5;box-shadow:0 2px 4px #ccc;}

#tabsholder {}
#tabsholder ul.tabs {list-style:none;width:100%;margin:25px auto 40px;padding:0;zoom:1;}
#tabsholder ul.tabs:after {display:block;clear:both;content:"";}
#tabsholder ul.tabs li {float:left;width:25%;border:1px solid #ccc;margin:0 -1px -1px 0;padding:7px 0;font-size:1.1em;line-height:1.1em;text-align:center;cursor:pointer;}
#tabsholder ul.tabs li:hover {color:#1259c3;background:#f5f5f5;}
#tabsholder ul.tabs li.current {color:#fff;background:#1259c3;}
#tabsholder ul.tabs li span.en {display:block;font-size:.85em;color:#1259c3;font-family:"Roboto";font-weight:400;text-transform:uppercase;}
#tabsholder ul.tabs li:hover span.en {color:#999;}
#tabsholder ul.tabs li.current span.en {color:#94bbf4;}
.tabscontent {display:none;}

.prod_cont {}
.cont_tit {margin-bottom:15px;font-size:1.6em;text-align:left;}
.cont_tit:before {font-family:'FontAwesome';content:"\f2d0";font-weight:normal;margin-right:10px;color:#1c83be;}
.cont_tit span.en {display:inline-block;margin-left:7px;font-family:Oswald;font-size:.9em;font-weight:normal;text-transform:uppercase;}
.cont_tit span.en:before {content:"|";color:#ccc;font-family:'Noto Sans Kr','Nanum Gothic';font-weight:300;font-size:.8em;vertical-align:bottom;padding-right:15px;}
.cont_h3 {display:block;height:auto;margin:20px 0 5px;padding:10px 0;border-radius:0 30px 0 0;color:#fff;text-align:center;text-indent:0 !important;background-color:#1259c3;}
.cont_h3 span.en {display:inline-block;margin-left:7px;font-family:Oswald;font-size:.9em;font-weight:normal;color:#c2daff;text-transform:uppercase;}
.cont_h3 span.en:before {content:"|";color:#ccc;font-family:'Noto Sans Kr','Nanum Gothic';font-weight:300;font-size:.8em;vertical-align:bottom;padding-right:15px;}
.prod_cont ul {list-style:none;margin:0;padding:0;}
.prod_ul {list-style:none;margin:0;padding:0;padding-left:5px !important;zoom:1;}
.prod_ul:after {display:block;clear:both;content:"";}
.prod_ul li.prod_li {float:left;width:202px;margin:10px;border:1px solid #ccc;overflow:hidden;}
.prod_ul li.prod_li:hover {border:1px solid #36c;}
.prod_ul li.prod_li ul.prod_item {list-style:none;margin:0;padding:0;}
.prod_ul li.prod_li ul.prod_item li.img {height:200px;}
.prod_ul li.prod_li ul.prod_item li.img img {}
.prod_ul li.prod_li ul.prod_item li.txt {min-height:50px;padding-bottom:10px;font-family:Roboto,'Noto Sans Kr','Nanum Gothic',NanumGothic;font-weight:normal;text-align:center;background:linear-gradient(#fff,#ededed);}
.prod_ul li.prod_li ul.prod_item li.txt strong {font-weight:500;font-size:1.2em;color:#000;}