@charset "utf-8";
/* I can do everything through him who gives me strength.-Phil4:13-+*/

/*******************헤더*******************************/
#headerwrap{}
.topheader{position:relative;width:100%; z-index:10000;}
.logo{text-align:center;padding:20px 0;}
.t_btn{width:35px; height:26px; position:absolute; top:50%; margin-top:-13px;left:10px;}
.gnbul{width:200px;height:100%;box-sizing:border-box; background:#2659a2;position:absolute;left:-200px;top:80px;z-index:6000;}
.gnbli a.mainT{width:100%;height:45px;line-height:45px; text-align:left;text-indent:20px; font-size:18px;font-size:1.5rem; color:#fff;font-weight:bold;background:#2659a1; border-top:1px solid #1e5097;border-bottom:1px solid #4672af}
.depthul{display:none;}
.depthli{width:100%;height:40px; text-align:left;text-indent:15px;background:#1475c0;border-top:1px solid #0b579d;border-bottom:1px solid #378ac9;}
.depthli a{line-height:40px;font-size:15px;font-size:1.250rem; color:#fff;font-weight:bold;}
#darkLayer {width:100%; height: 100%; position: fixed; top:80px; left: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none; z-index:5000; }
/********************Footer****************************/
#footer{width:100%; background:#f8f8f8;border-top:1px solid #ccc;margin-top:30px;}
.fnbul{border-bottom:1px solid #ccc;margin-bottom:25px;}
.fnbli{width:25%;height:40px; border-right:1px solid #ccc; box-sizing:border-box;float:left;text-align:center;}
.fnbli a{width:100%;line-height:40px;font-size:14px;font-size:1.167rem; color:#666;font-weight:bold;}
.addr{font-size:12px;font-size:1rem; color:#999; text-align:center;padding-bottom:30px; }
/***************메인 컨텐트**********************/
.visual{width:100%;margin-bottom:30px;}
.visual img{width:100%; height:auto;}
.conwrap{padding:10px;}
.slash{height:5px;background:url(/images/main/slush.png) repeat center;position:relative;margin-bottom:25px;}
.h3title{font-family:'Nanum Square', '나눔-스퀘어';font-size:22px;font-size:1.833rem; font-weight:bold;color:#333;position:absolute;left:0; top:-10px; background:#fff;padding-right:10px;}
.boxul{height:215px; border-left:1px solid #ccc;/*border-right:1px solid #ccc;*/}
.boxli{width: calc(100% - 21px);height:193px;padding:20px 0 0 20px; border:1px solid #ccc;border-left:none; float:left;}
.boxli a{width:100%;}
.imgwrap{margin-top:15px;text-align:right;max-height:125px;overflow:hidden;}
.dbli{width:calc(50% - 7px); float:left;margin-right:14px;}
.iconwrap{width:100px;float:left;margin-right:15px;}
.fLtable{width:calc(100% - 115px);float:left;}
.transT, .countT{width:100%;}
.transT td{text-align:left;font-size:15px;font-size:1.250rem; font-weight:bold;color:#666;padding-bottom:2px;}
.countT th{width:80px; height:35px; text-align:center;color:#fff;font-weight:bold;font-size:14px;background:#766c62;}
.countT td{height:35px; text-align:center;color:#333;font-weight:bold;font-size:14px;font-size:1.167rem;background:#f4f4f4;}
.countT th.bgBlue{background:#2659a1;}

/**********Subcontents BASIC*****************/
.subtitle{padding:17px 0;font-size:18px;font-size:1.5rem; color:#fff;font-weight:bold;background:#1b6ab3;background:linear-gradient(#2659a1,#1475c0);line-height:1;text-align:center;}
.subwrap{padding:20px 10px;}
.boardN{text-align:center; margin-bottom:20px;margin-top:20px;}
.boardN a {margin:0 3px; color:#aaaaaa;font-size:11px;}
.boardN a:hover {color:#333;font-weight:bold;}
.boardN .select {color:#333;font-weight:bold;}
.selC{height:22px; border:1px solid #ccc;background:#fff;}
.inC{height:20px; border:1px solid #ccc;padding-left:5px;}
.basic_L, .basic_C{width:100%; border-top:1px solid #ccc;}
.basic_C2{width:100%; }
.basic_L tr, .basic_C tr, .basic_C2 tr{border-bottom:1px solid #ccc;}
.basic_L th{padding:8px;text-align:left; font-size:12px;font-size:1rem; color:#666;border-right:1px solid #ccc;background:#fafafa;font-weight:bold;}
.basic_L td{padding:8px 10px;text-align:left; font-size:12px;font-size:1rem; color:#666;}
.basic_L th.bL1{border-left:1px solid #ccc;}

.basic_C3{width:100%; table-layout: fixed; border: 1px solid #ddd; }
.basic_C3 tr{border-bottom:1px solid #ddd;}
.basic_C3 tr.active{background: #f4f4f4;}
.basic_C3 th{height:30px; text-align:center;font-size:13px;font-size:1.083rem; color:#333; font-weight:bold;background:#f4f4f4;}
.basic_C3 td{padding:8px;text-align:center; font-size:13px;font-size:1.083rem;  color:#696969;}
.basic_C3 td.td1{text-align:left; padding-left:15px;font-size:13px; color:#696969; }

.boardT{width:100%; border-top:2px solid #1c2a4c; margin-bottom:30px;}
.boardT tr{border-bottom:1px solid #ddd;}
.boardT th{height:30px; text-align:center;font-size:13px;font-size:1.083rem; color:#333; font-weight:bold;background:#f4f4f4;}
.boardT td{padding:8px;text-align:center; font-size:13px;font-size:1.083rem;  color:#696969;}
.boardT td.td1{text-align:left; padding-left:15px;font-size:13px; color:#696969; }
.searchbox{height:40px; border:1px solid #ddd; background:#fafafa; text-align:center;padding-top:20px;}
/**************Subpage**********************/
.hisT, .proT{width:100%;background:#fff;}
.hisT tr{border-bottom:1px solid #ccc;}
.hisT th{font-size:18px;font-size:1.5rem; font-weight:bold; color:#2659a1;text-align:center;vertical-align:top;padding-top:10px;}
.hisT td{font-size:13px;font-size:1.083rem; font-weight:bold; color:#666;text-align:left;padding:10px;line-height:1.7;}
.hisT td.tdm{font-size:14px;font-size:1.167rem; font-weight:bold; color:#b8b8b8;text-align:center;}
.process{background:#f0f0f0;padding:8px; border-radius:11px; margin-bottom:12px;}
.proT th{font-size:14px; font-size:1.167rem;font-weight:bold;color:#2759a2;text-align:left;padding:10px 0 0 10px;vertical-align:top;}
.no{font-size:16px;font-size:1.333rem; font-weight:bold;color:#c8c8c8; font-style:italic;}
.proT td{font-size:13px;font-size:1.083rem; color:#666;text-align:left;padding:10px;line-height:1.7;}
.imgli{width:calc(50% - 5px);float:left;margin-right:10px;margin-bottom:15px;}
.map, .map iframe{width:100%;height:300px; overflow:hidden;}
.shopul{border:1px solid #ccc;border-right:none;border-bottom:none;}
.shopli{width:50%; float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;padding:10px;box-sizing:border-box;}
.shopli a{width:100%;}
.imgwrap2{height:110px;text-align:center;position:relative;overflow:hidden;}
.imgwrap2 img{width:100%; position:absolute;top:50%;left:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.d_txt{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f4f4f4;padding:15px 10px;font-size:14px;font-size:1.167rem; color:#666;margin-top:10px;}
.viewbox{padding:15px 10px;text-align:left; font-size:13px; color:#888; min-height:120px; }
.listgo{padding:0 15px;height:30px; color:#fff; text-align:center; line-height:30px;font-size:14px; font-weight:bold; background:#1c2a4c; }
.faqul{border-top:2px solid #1c2a4c;margin-bottom:30px; }
.faqdt{height:35px; border-bottom:1px solid #ddd; }
.faqdt .td1{width:35px;height:35px;float:left;  display:inline-block; text-align:center; background:#f2f6fa;font-size:14px; font-weight:bold;color:#333;border-right:1px solid #ddd;line-height:35px;}
.faqdt .td2{ display:inline-block;float:left; height:35px; font-size:14px; color:#333; text-align:left;line-height:35px;padding-left:15px;}
.faqdd{border-bottom:1px solid #ddd;  padding:10px 10px 10px 30px;display:none;font-size:14px;color:#666;}
/**********제품 / 주문 페이지************/
.bigimg{border:1px solid #ccc;padding:15px; }
.bigimg img{width:100%;}
.infowrap{border:1px solid #ccc;border-top:none;padding:10px;}
.detailh4{font-size:18px;font-size:1.5rem; font-weight:bold;color:#333;padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.detailT, .transT{width:100%;}
.detailT th{ font-size:13px;font-size:1.083rem;  color:#333;font-weight:bold;text-align:left;}
.transT th{font-size:13px;font-size:1.083rem; color:#333;text-align:left;letter-spacing:-0.5px;}
.detailT td, .transT td{font-size:12px;font-size:1rem; color:#666; padding:7px 0px 6px 15px; text-align:left;letter-spacing:-0.5px;}
.detail_ul{height:40px;margin-top:30px;margin-bottom:30px; border-left:1px solid #ccc;}
.detaili{width:25%;height:40px;float:left;  text-align:center; border:1px solid #ccc;border-left:none;line-height:40px;background:#fafafa;font-size:13px;font-size:1.083rem;font-weight:bold; color:#888;cursor:pointer;box-sizing:border-box;}
.detaili.select{height:40px;background:#fff;color:#333;border-top:2px solid #2659a1;}
.detailview{display:none;}
.writewrap{border:1px solid #ccc;background:#f9f9f9;padding:10px; color:#666;}
.afterT{width:100%;border:1px solid #ccc;border-bottom:none;background:#fff;}
.afterT th{height:30px; width:100px;text-align:center;  font-size:12px;font-size:1rem; color:#333;border-right:1px solid #ccc;}
.afterT td{text-align:left; font-size:12px; color:#666;}
.a_InC{width:100%;padding-left:10px; height:30px; border:none;box-sizing:border-box;}
.area{width:100%;height:50px;border:1px solid #ccc; background:#fff; padding:15px; font-size:12px;font-size:1rem; color:#666;box-sizing:border-box;}
.area2{width:100%;height:100px;border:1px solid #ccc; background:#fff; padding:15px; font-size:12px;font-size:1rem; color:#666;box-sizing:border-box;}
.dlul{margin:20px 0;border:1px solid #ccc;border-bottom:none;}
.dlli{}
.dtul{border-bottom:1px solid #ccc;padding:8px; }
.tabdd{display:none;border-bottom:1px solid #ccc;  padding:10px 15px; text-align:left; font-size:12px;font-size:1rem; color:#666;min-height:80px;background:#f7f7f7;position:relative;}
.btnpos{text-align: right;}

.logpop{width:90%; border:2px solid #2659a1; padding:20px;position:fixed;top:50px;left:5%;background:#fff;display:none;z-index:12000;box-sizing:border-box;}
.close{position:absolute;top:15px; right:20px; font-size:25px; font-weight:bold;color:#333;}
.inputbox{width:calc(100% - 80px);float:left;margin-right:10px;}
.loginC{width:100%;height:30px; border:1px solid #ccc;padding-left:10px;box-sizing:border-box;}
.loginC2{width:calc(100% - 100px);height:30px; border:1px solid #ccc;padding-left:10px;box-sizing:border-box;}
.loginC3{width:calc(33% - 42px);height:30px; border:1px solid #ccc;padding-left:10px;box-sizing:border-box;}
.loginC4{width:calc(50% - 10px);height:30px; border:1px solid #ccc;padding-left:10px;box-sizing:border-box;}
.logbtn{width:70px;height:70px; background:#2659a1; color:#fff;text-align:center;line-height:70px;font-weight:bold;font-size:15px;font-size:1.250rem;}
.logbtn2{width:95px;height:30px; background:#555; color:#fff;text-align:center;line-height:30px;font-weight:bold;font-size:13px;font-size:1.083rem;}
.findbtn{width:100%;height:30px;line-height:30px;background:#2659a1; color:#fff;text-align:center;font-weight:bold;font-size:14px;font-size:1.167rem;}


.popwrap{width:90%; border:2px solid #2659a1; padding-bottom:20px;position:fixed;top:50px;left:5%;background:#fff;text-align:center;display:none; z-index:12000;}
.close2{position:absolute;top:15px; right:20px; }
.popT{height:40px;font-size:14px;font-size:1.167rem; font-weight:bold;color:#333;background:#fafafa;border-bottom:1px solid #ddd;padding-left:10px;line-height:40px;text-align:left;}
.imgwrap3{width:90px; height:90px;border:1px solid #ccc;text-align:center;float:left;margin-right:10px;  position:relative;overflow:hidden;box-sizing:border-box;}
.imgwrap3 img{width:94%; position:absolute;top:50%;left:3%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.ordername{width:calc(100% - 100px); padding:15px;  border-top:1px solid #ccc;box-sizing:border-box;float:left;font-weight:bold;font-size:15px;font-size:1.250rem;color:#333;}
.imgwrap3 a, .ordername a{width:100%;}
.count{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fafafa;padding:15px 10px;margin-top:20px;font-size:14px;font-size:1.167rem;font-weight:bold;color:#666;line-height:1.7;text-align:right;}
.fabox{background:#fafafa;padding:10px;border-bottom:1px solid #ccc;}
.inbox{background:#fff;padding:10px;border:1px solid #ccc;font-size:13px;font-size:1.083rem;color:#666;}
.intitle{padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px;font-weight:bold;font-size:15px;font-size:1.250rem;colcor:#696969;}
.plusbtn{width:100%; border:1px solid #ccc; color: #333;font-size: 14px;font-size:1.167rem;font-weight:bold;text-align:center;padding:5px 0;}
.finish{border:2px solid #555;padding:20px;font-size:14px;font-size:1.167rem;color:#333;text-align:center;}
.count01{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fafafa; padding:12px 15px;margin-top:20px;font-size:14px;font-size:1.167rem;font-weight:bold;color:#333;position:relative;}
.count01 a{width:100%;}
.next{position:absolute;top:20px; right:15px;}
.probox{padding:20px;border-bottom:1px solid #ccc;}
.bdbox{border:1px solid #ccc;padding:20px;}
.tab2ul{border-top:1px solid #ccc;border-left:1px solid #ccc;height:35px;}
.tab2li{width:50%;height:35px;line-height:35px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;background:#f4f4f4;font-size:14px;font-size:1.167rem;color:#666;float:left;cursor:pointer;}
.tab2li.select{background:#fff;border-bottom:none;color:#2659a1;font-weight:bold;}
.tab2view{display:none; border:1px solid #ccc; border-top:none;padding:20px;font-size:13px;font-size:1.083rem;color:#666;}
.terms{height:120px;overflow-x:auto;overflow-y:scroll;  border:1px solid #ccc; padding:15px;font-size:13px;font-size:1.083rem;color:#666;margin-top:5px;}
.terms2{height:220px;overflow-x:auto;overflow-y:scroll;  border:5px solid #ccc; padding:15px;font-size:13px;font-size:1.083rem;color:#666;margin-top:5px;}
.tab3li{width:33.3%;height:35px;line-height:35px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;background:#f4f4f4;font-size:14px;font-size:1.167rem;color:#a8a8a8;float:left;}
.tab3li.select{background:#fff;color:#2659a1;font-weight:bold;}
/*****************************자주쓰는 스타일*******************************************/
.line{height:1px;background:#ccc;margin:20px 0;}
.delbtn{width:100%; border:1px solid #dedede; color: #333;font-size: 14px;font-size:1.167rem;font-weight:bold;text-align:center;padding:5px 0;background:#f1f1f1;background:linear-gradient(#fff,#e3e3e3); cursor: pointer;}
.subtn{height:23px;  padding:0 10px;  line-height:23px; color:#fff;background:#555; font-size:12px;font-size:1rem;cursor:pointer;}
.subtn2{display:inline-block;padding:0px 10px;height:22px;line-height:22px; background: #666; color: #fff;font-size: 12px;font-weight:bold; cursor: pointer;}
.rbtn01{padding:4px 15px; border:1px solid #ccc; background:#fff; line-height:1;font-size:12px;font-size:1rem; color:#666; font-weight:bold;border-radius:13px;}
.rbtn02{padding:4px 15px; border:1px solid #ccc; background:#ccc; line-height:1;font-size:12px;font-size:1rem; color:#666; font-weight:bold;border-radius:13px;}
.pchbtn{width:60px;text-align:center; padding:3px 0px;display:inline-block; line-height:1; color:#fff;font-size:11px;font-size:0.917rem;background:#ff8417;}
.threebtn{width:calc(33.3% - 6.66px);float:left; height:40px; background:#2659a1;text-align:center;line-height:40px; color:#fff;font-weight:bold;font-size:14px;font-size:1.167rem;}
.halfbtn{width:calc(50% - 5px);height:35px;line-height:35px; background:#2659a1;text-align:center; color:#fff;font-weight:bold;font-size:14px;font-size:1.167rem;}
.gobtn{height:24px;  padding:0 10px;  line-height:24px; color:#fff;background:#2659a1; font-size:13px;font-weight:bold;}
.bg88{background:#888;}
.bgee{background:#eee;}
.bgreen{background:#339933;}

.bRnone{border-right:none;}
.pT10{padding-top:10px;}
.mR00{margin-right:0;}
.mR10{margin-right:10px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}

.fs12{font-size:12px;font-size:1rem;}
.fs13{font-size:13px;font-size:1.083rem;}
.fs14{font-size:14px;font-size:1.167rem;}
.basictxt{font-size:14px;font-size:1.167rem; color:#666;}
.fs14B33{font-size:14px;font-size:1.167rem; color:#333;font-weight:bold;}
.fs14C88{font-size:14px;font-size:1.167rem; color:#888;}
.fs1433sq{font-family:'Nanum Square', '나눔-스퀘어', sans-serif;font-size:14px;font-size:1.167rem; color:#333;}
.fs18B33sq{font-family:'Nanum Square', '나눔-스퀘어', sans-serif;font-size:18px;font-size:1.5rem; color:#333;font-weight:bold;}

.C_blue{color:#2659a1;}
.C_red{color:#c00000;}
.C_88{color:#888;}
.C_orange{color:#ff7e00;}
.C_sky{color:#0b95c2;}

.fwB{font-weight:bold;}
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}
.fL{float:left;}
.fR{float:right;}


.label {border: 1px solid #dedede;}
.label { display: inline; padding: .2em .6em .3em; font-size: 100%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
.label[href]:hover, .label[href]:focus { color: #fff; text-decoration: none; cursor: pointer;}
.label:empty {display: none;}
.label-default {background-color: #999;}
.label-default[href]:hover, .label-default[href]:focus {background-color: #808080;}
.label-primary {background-color: #428bca;}
.label-primary[href]:hover, .label-primary[href]:focus {background-color: #3071a9;}
.label-success {background-color: #5cb85c;}
.label-success[href]:hover, .label-success[href]:focus {background-color: #449d44;}
.label-info {background-color: #5bc0de;}
.label-info[href]:hover, .label-info[href]:focus {background-color: #31b0d5;}
.label-warning {background-color: #f0ad4e;}
.label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f;}
.label-danger {background-color: #d9534f;}
.label-danger[href]:hover, .label-danger[href]:focus {background-color: #c9302c;}

.bbsbtn{vertical-align:middle;background-color:#888888;border:1px solid #777777;color:#ffffff;font-size:11px;letter-spacing:-1px;padding:1px 8px 1px 8px;}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { display: inline-block; width: 100% \9; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.img-circle { border-radius: 50%; }

.sbtn { width: 12px; height: 11px; display: inline-block; border: 1px solid #c1c1c1; font-size: 8px; color: #5f5f5f; cursor: pointer; line-height: 11px; text-align: center; }
.inCfL { width: 30px; float: left; margin-right: 3px; background: #fff; border: 1px solid #dfdfdf; height: 23px; text-align: center; }

.star_rating { font-size: 0; letter-spacing: -4px; }
    .star_rating a { font-size: 16px; letter-spacing: 0; display: inline-block; margin-left: 3px; color: #ccc; text-decoration: none; }
        .star_rating a:first-child { margin-left: 0; }
        .star_rating a.on { color: #ff7e00; }

.ReplyContents { background-color: #fff; padding: 10px 5px 5px 10px; margin: 15px 0 15px 0; border: 1px solid #ccc; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; }

.qtybtnbox{width: 14px;}
.qtybtn { width: 12px; height: 11px; display:block; border: 1px solid #c1c1c1; font-size: 8px; color: #5f5f5f; cursor: pointer; line-height: 11px; text-align: center; }