@charset "utf-8";
body{min-width:320px; -webkit-text-size-adjust:none;background:#f2f2f2;}
#bodywrap{max-width:700px; margin:0 auto;overflow:hidden;background:#f2f2f2;padding:0 12px; }
/*******************헤더*******************************/
#headerwrap{width:100%;position:relative; }
.logo{padding-top:20px;padding-left:15px;}
.logo img{max-width:60%;}
.gnbul{position:absolute; top:50px; right:20px;}
.gnbli{float:left; font-size:17px; color:#636c84;}
.gnbli a{font-size:17px; color:#636c84;}
.lnbul{margin-top:15px;background:#d3d3d3; padding:6px 7px; }
.lnbli{width:calc(20% - 1px);height:40px;float:left;margin-right:1px;background:radial-gradient(#42495a, #323846);text-align:center;}
.lnblia{width:100%; color:#fff; line-height:40px;font-size:17px;font-weight:bold;}
.lnbli:hover, .lnbli.select{background:radial-gradient(#095ea1, #085693);}
.sub_menu{width: 101px;padding: 20px 15px 20px 20px;background: #3b4253;position: absolute;right: 9px;top: 132px;display: none;}
.sub_menu li a{width: 100%;color: #fff;font-size: 17px;text-align: center;line-height: 26px;}



/***************메인 컨텐트**********************/
#contentwrap{width:100%;padding:20px 0 15px 0;}
.boxli{width:calc(50% - 8px);float:left; margin-right:8px; margin-bottom:12px;background:#fff; box-shadow:1px 1px 2px 1px #dcdcdc;text-align:center;padding:0 0 8px 0;}
.boxh3{padding:12px 0 8px 12px; font-size:14px; color:#828282;text-align:left;}
.boxli img{width:calc(100% - 14px);height:auto;}
.footer{text-align:center; margin-bottom:30px; font-size:16px; color:#404757;}

/**********Subcontents*****************/
/*.infoP{margin-top:50px; margin-bottom:35px; text-align:center; font-size:15px; color:#342f3c;}*/
.code{width:65%;margin:0 auto; margin-bottom:40px;}
.code img{width:100%;}

/**************************** 제품소개***************************/
.history{ border-bottom:1px solid #a3acaa;padding-bottom:10px;}
.fs32h3{float:left; font-size:20px; color:#3e4140;}
.arrow{display:block; float:left; margin:0 20px; font-size:18px;color:#9da8a5; padding-top:5px;}
.searchbox{width:100%; margin:20px auto;background:#f8f8f8;  padding:15px 0;text-align:center;}
.inC{height:23px; border:1px solid #ccc; background:#fff; padding-left: 5px;}
.inText{border:1px solid #ccc; background:#fff; padding: 5px 5px 5px 5px; margin: 10px 5px 10px 0px; }
.subtn{display:inline-block; padding:3px 7px; background:#1c1c1c; color:#fff;font-size:16px;  cursor:pointer; }
.proul{width:calc(100% - 10px); margin:20px auto;}
.proli{width:calc(50% - 5px); float:left;margin-right:10px;margin-bottom:20px;}
.imgbox{border:2px solid #eee; text-align:center;}
.imgbox a, .imgbox a img{width:100%;}
.topbox{/*height:30px;*/ border-bottom:1px solid #ddd; padding-bottom:10px;}
.bigtitle{float:left; padding-left:10px; font-size:20px; color:#333;}

.details, .subpadding{width:calc(100% - 20px); margin:0 auto; }
.bigimg{width:100%; border:1px solid #ccc;}
.bigimg>img{width:100%;}
.p_logo{text-align:center; vertical-align:middle;padding-bottom:15px;}
.p_logo > img{width:100%;}
.namebar{width:calc(100% - 20px); height:30px; background:#0a1a42;overflow:hidden;padding-left:10px; padding-right:10px;}
.fs16Bff{font-size:17px; font-weight:bold; color:#fff; line-height:30px;}
.fs12Cf5{font-size:17px; color:#f5f5f5; line-height:30px;}
.detailT{width:100%; margin:0 auto;margin-top:20px;border-top:1px solid #ccc;  }
.detailT tr{border-bottom:1px solid #ccc;}
.detailT th{height:30px;color:#1a1617; font-size:17px;text-align:center;}
.detailT td{height:27px;color:#7f7f7f; font-size:15px;text-align:center;}
.detailT td.td1{text-align:left; padding-left:10px;}
.thumbul{margin-top:20px;position:relative;}
.thumbli2{width:60px; height:60px; float:left; margin-right:3px;border:1px solid #ccc;text-align:center;vertical-align:middle;cursor:pointer;}
.thumbli2 img{width:100%;}
.portray{width:145px; padding:0px 10px;border:1px solid #ccc; display:none; position:absolute; left:50%;margin-left: -73px; top:-300px;background:#fff;z-index:500;}
#overLayer{width:100%;height:100%; background-color:transparent; position:fixed; top:0; left:0; display: none; }
.p_li{width:100%; padding:10px 0;border-bottom:1px solid #ccc;}
.plitext{font-size: 17px; line-height: 1.6; text-align: left; cursor:default;}
.sotitle2{margin-top:10px;font-size:16px; color:#777;padding-left:10px; height: 36px; overflow: hidden;}

/***********Member***********/
.tabul{border-bottom:5px solid #484c5d;margin-top:20px; }
.tablii, .tablii2{width:20%;float:left; background:#fff;text-align:center;border-top:1px solid #ccc;}
.tablii a, .tablii2 a{width:100%; line-height:39px; color:#484c5d; font-size:14px;}
.tablii.select, .tablii2.select{background:#484C5D; }
.tablii.select a, .tablii2.select a{color:#fff;}

.tabli, .tabli2{width:24%;height:33px;padding-right:5px; float:left; background:url(../images/sub/tab2.png) no-repeat center;background-size:100% 100%; text-align:center;}
.tabli a, .tabli2 a{width:100%;height:100%; line-height:33px; color:#484c5d; font-size:16px;font-weight:bold;}
.tabli.select, .tabli2.select{background:url(../images/sub/tab1.png) no-repeat center; background-size:100% 100%;}
.tabli.select a, .tabli2.select a{color:#fff;}
.bakbox{background:#f8f8f8; padding:20px 10px 20px 10px;position:relative;}
.logT, .logT2{width:100%;}
.logT th{height:35px; padding-left:5px; text-align:left;font-size:16px; color:#a3acaa;}
.logT2 th{height:35px; padding-left:10px; text-align:left;font-size:16px; color:#a3acaa;background:#eaeaea;}
.logT tr, .logT2 tr{border-bottom:1px solid #dad9d9;}
.logT td, .logT2 td{padding:5px 5px 5px 10px;text-align:left;background:#f8f8f8;font-size:16px; color:#a3acaa;}
.imgab2{position:absolute;bottom:75px; right:48px; }
.imgab3{position:absolute;bottom:0px; right:0px;z-index:100; cursor: pointer; }
.logT tr.bBnone, .logT2 tr.bBnone{border-bottom:none;}
.bakbox2{background:#f8f8f8; padding:30px 10px;}
.searchh4{font-size:25px; color:#bac1cb; line-height:25px;padding-left:20px;}
.searchh4 span{line-height:43px;vertical-align:baseline;}
.box2{background:#eaeaea;padding:30px 10px;border-bottom:1px solid #ccc;}
.findT{width:100%;}
.findT th, .findT td{text-align:left;font-size:16px; color:#a3acaa;padding:5px;}
.findT td.navy, .fs15P{font-size:16px; color:#63728b;}
.que{width:15px; height:15px;display:inline-block;text-align:center;line-height:15px; background:#63728B; border-radius:15px; color:#fff;}
.boxgo{width:93px;height:22px;line-height:22px; display:inline-block; background:url(../images/sub/boxgo.png) no-repeat center; padding-left:10px; text-align:left;font-size:16px; color:#f4e70a;}
.bakbox5{background:#f8f8f8; padding:57px 0px 100px 0px;}
.write{padding:3px 10px; background:#484c5d; color:#fff;font-size:17px; border-radius:5px; }
.tag{width:59px; height:47px;position:absolute;top:-5px; left:5px}
.sotitle{font-size:15px; color:#888;padding-left:10px; }
.h4title{font-size:14px; color:#333;padding-left:10px;}
.height300{height: 300px;}
.height240{height: 240px;}
.loginbtn{display:inline-block; padding:5px 10px;background:#63728B; color:#f4e70a; font-size:17px; font-weight:bold;border-radius:5px;}
.logT td input[type=checkbox]{background:#fff!important; border:1px solid #ccc;/*width:10px; height:10px;*/}
/****************낚시대회*****************/
.titlebar{border-top:1px solid #e5e5e5; border-bottom:1px dotted #e5e5e5;padding:10px;margin-top:15px;margin-bottom:15px; }
.event_T{font-size:16px; color:#404758;font-weight:bold;}
.redbtn{padding:4px 10px; background:#ef1c1c; color:#fff; font-size:16px;display:inline-block;}
.eventbox{padding:15px 10px;border-bottom:1px solid #cdcdcd; }
.imgbox2, .imgbox2 img{width:100%; height:auto;}
.e_table{width:100%; }
.e_table th{width:65px;height:35px; font-size:16px; color:#45245b;text-align:left;}
.e_table td{font-size:16px; color:#404758;text-align:left;padding-left:10px;}
.navybar{background:#3f4656; color:#fff; font-size:17px;padding:3px 10px; }
.e_ul{width:100%;height:40px; margin:0 auto; margin-top:20px; }
.e_li{width:23%; float:left; margin-right:3px; background:url(../images/sub/e_tab.png) no-repeat center;background-size:100% 100%; color:#fff; font-size:14px; text-align:center; line-height:40px;cursor:pointer;}
.e_li.select{background:url(../images/sub/select.png) no-repeat center;background-size:100% 100%; }
.e_view{min-height:200px;margin:0 auto; background:#fff;box-shadow:1px 1px 3px 1px #e1e1e1;padding:20px 10px;display:none;text-align:center;}
.e_view img{width:100%;}
.applybtn{display:inline-block; padding:2px 7px; border-radius:8px; background:#ef1c1c; color:#fff; font-size:14px; font-weight:bold; }
#applypop{width:380px; margin:0 auto;}
.appT{padding:20px 0px; background:#f8f8f8;font-size:20px; color:#63728b; }
.appTY{padding:10px 0 0 700px; background:#f8f8f8;font-size:43px; color:#63728b;}
.appTX{padding:0px 0 0 40px; background:#f8f8f8;font-size:43px; color:#63728b; }
.apply_T{width:100%; margin:0 auto; margin-top:15px; }
.apply_T tr{border-bottom:1px solid #eaeaea;}
.apply_T th{width:80px; height:35px; background:#63728b; color:#d9dade; font-size:16px;text-align:center; border-right:1px solid #eaeaea;}
.apply_T td{background:#d9dade; padding-left:10px; text-align:left;}
/**********************자주쓰는 스타일**************************/
.pos_rel{position:relative;}
.mR00{margin-right:0;}
.mR10{margin-right:10px;}
.mR20{margin-right:20px;}
.mR70{margin-right:70px;}
.mB30{margin-bottom:30px;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT50{margin-top:50px;}
.mT70{margin-top:70px;}
.mT40{margin-top:40px;}

.pR20{padding-right:20px;}
.pT10{padding-top:10px;}

.bBnone{border-bottom:none;}

.fwB{font-weight:bold;}

.C_gray{color:#909090;}
.C_red{color:#f00452}
.C_jade{color:#0ce0b1}
.C_navy{color:#63728b;}
.C_bri{color:#bac1cb;}

.fs5{font-size:5px;}
.event_D{font-size:15px; color:#a291ad;}
.fs12C5c{font-size:16px; color:#5c5c5c;}
.fs13C66{font-size:17px; color:#666;}
.fs12navy{font-size:16px; color:#404758;}
.secndP{font-size:17px; color:#9da8a5;font-weight:bold;}
.fs15C{font-size:15px; color:#3e4555;}
.fs30C{font-size:30px; color:#3f4656;}
.fs36DC{font-size:36px; color:#63728b;}
.fs36LC{ font-size:20px; color:#bac1cb;}

.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: 80%; 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;}


.bbsbutton {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#fae478;
	font-size:17px;
	font-weight:bold;
	padding:5px 18px 5px 18px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.bbsbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.bbsbutton:active {
	position:relative;
	top:1px;
}

.bbsbtn{vertical-align:middle;height:16px;background-color:#888888;border:1px solid #777777;color:#ffffff;font-size:15px;letter-spacing:-1px;padding:5px 5px 5px 5px;}
.EditText{text-align: left; padding: 16px 50px 20px 50px; font-size: 17px; line-height: 1.6;}
.EditText table.text-basic th{font-weight:bold;border:1px solid #ced2d2; background-color: #eaeaea; height: 30px; text-align: center;}
.EditText table.text-basic td{border:1px solid #ced2d2; height: 30px; padding-left: 10px; text-align: center;}

.table_scr {
    position: relative;
    overflow: auto;

    margin: 0 auto;
    width: 620px;
    padding: 16px 0px 20px;
}

.table_scr::-webkit-scrollbar {
    height: 30px;
}
.table_scr::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 50px;

    background-clip: padding-box;
    border: 14px solid transparent;
}
.table_scr::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.5);
    border-radius: 50px;
    overflow: hidden;
    padding: 50px;

    /* margin: 0 50px; */
}


.t_s_width {
    width: 1920px;
}


.prod_wrap {
    padding: 20px 10px;
}

.prod_wrap ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

    padding: 0 36px;
}

.pd_li {
    display: inline-block;

    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 220px;
    border: 1px solid #ccc;
}

.pd_li:not(:nth-child(2n)) {
    margin-right: 8%;
}

.pd_li h3 {
    margin-bottom: 5px;
    padding: 5px 0;
    font-size: 15px;
    font-weight: bold;

    border-bottom: 1px solid #ccc;

    word-break: break-all;

    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap;
}

.pd_li p {
    word-break: break-all;
}

.pd_img {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 220px;
    height: 140px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.pd_img img {
    max-width: 100%;
}

/*font-family:AppleSDGothicNeo, 'Nanum Gothic','나눔-고딕', sans-serif;*/

/******************고객지원************************/
.selC{height:25px; border:1px solid #ccc; background:#fff;}
.boardT{width:100%; border-top:2px solid #e5e5e5; margin-bottom:25px;}
.boardT tr{border-bottom:1px solid #e5e5e5;}
.boardT tr.bBnone{border-bottom:none;}
.boardT th{height:34px;font-size:17px;  color:#a3acaa;text-align:center;}
.boardT td{height:34px; font-size:16px;  color:#747474;text-align:center;}
.boardT td.td1{padding-left:7px; text-align:left;font-size:16px;  color:#747474;}
.boardN{text-align:center; margin-bottom:20px;}
.boardN a {margin:0 3px; color:#aaaaaa;font-size:16px;}
.boardN a:hover, .boardN .select {color:#333;font-weight:bold;}
.bN_T{width:100%; margin:15px auto;}
.bN_T td{height:30px; font-size:16px;  color:#747474; text-align:center;}
.bN_T td.td1{padding-left:30px; text-align:left;font-size:16px;color:#404758; }
.stboardT{width:100%;}
.contxt{margin:15px; min-height:200px; font-size: 17px; line-height: 1.6; color: #333; font-family: sans-serif, Arial, Verdana, "Trebuchet MS";}
.contxt a, .contxt img{width:100%; overflow:hidden;}
.contxt2{margin:20px; min-height:300px; border:1px solid #ddd;}

.boardP td{height:40px; font-size:16px;  color:#747474; text-align:left;}

/*.dlul{width:900px; margin:30px auto; border-top:1px solid #ccc;}
.dlli{width:100%;  border-bottom:1px solid #ccc;}
.dtul{height:45px;}
.dtli{float:left;}
.td1{width:60px; font-size:15px; font-weight:bold; color:#39a7b3; text-align:center; line-height:45px;}
.td2{width:760px;padding-left:20px; font-size:17px; font-weight:bold; color:#717171; text-align:left; line-height:45px;cursor:pointer;}
.td3{width:60px; font-size:15px; font-weight:bold; color:#d2d2d2; text-align:center; line-height:45px;}
.tabdd{ border-top:1px solid #ccc; min-height:80px;padding:15px 20px; text-align:left;font-size:17px;color:#717171;display:none;}*/
.infobox{height:370px;padding:30px 100px; background:#f8f8f8;position:relative;}
.lensab{position:absolute; left:0; top:-60px;}
.fs60h3{font-size:60px;color:#bac1cb;padding-left:100px;line-height:60px; margin-top:60px;}
.abimg{position:absolute; top:0; right:0;}
.mapview{margin-top:70px; display:none;}

/************보증서********************/
.bakbox3{background:#f8f8f8; padding:30px 20px;}
.box3{background:#eaeaea;padding:20px 20px 50px 20px;position:relative;}
.abimg2{position:absolute; top:50px; right:25px;}
.gbox{background:#eaeaea;padding:60px 0px;text-align:center;}
.bgbox{background:#f8f8f8; padding:0px 40px 50px 40px;}
.bakbox4{background:#fff; padding:20px 0px;}
.bakbox4 > img{width:100%;}
.box4{background:#ffffff;padding:20px 30px 90px 30px;position:relative;}

/*************Company**************/
.conwrap{background:#f8f8f8; padding:30px 15px;}
.addbox{margin-top:20px; padding:20px 20px;background:#eaeaea;}
.addh6{font-size:14px; font-weight:bold;color:#1C9EA4; }
.addP{font-size:17px; font-weight:bold;color:#555;margin-top:5px;}
.mapposi{margin:0 auto!important;}
.infoP{display:inline-block; font-size:14px; color:#666;margin-right:10px;}
.btn1{/*width:50px; height:23px;*/display:inline-block;padding:3px 5px;  border-radius:3px;background:#606060; color:#fff; /*text-align:center; line-height:23px;*/font-size:15px;}
.btn2{display:inline-block;padding:3px 5px; border:1px solid #e6e6e6; border-radius:3px;background:#fff; color:#767676;/* text-align:center; line-height:23px;*/font-size:15px;}
.box3ul{padding:30px 10px; background:#fff;}
.box3li{width:100%;position:relative;margin-bottom:20px;}

.youtubeWrap {position: relative; width: 100%; padding-bottom: 56.25%; background-color: #91b8b3; margin-top: 30px;}
.youtubeWrap iframe {position: absolute; width: 100%; height: 100%;}

.U_box{background:#eaeaea;padding:13px 5px 40px 5px; }
.my_T{width:100%; margin:0 auto; margin-top:35px; background:#fff; }
.my_T tr{border-bottom:1px solid #e3e3e3;}
.my_T th{height:30px;font-size:12.5px; color:#a3acaa; text-align:center; }
.my_T td{height:30px; font-size:12.5px; color:#a3acaa; text-align:center; }