@charset "utf-8";

/*** common ***/
.dn {display:none;}
#wrap {position:relative; height:100%; min-width:1330px; background:url("../images/sub/top_bg.gif") repeat-x; }
.btn_sm {background:#aaa;color:#fff;font-size:12px;font-weight:500;display:inline-block;width:auto;padding:0 10px;height:30px;box-sizing:border-box;line-height:30px;border:0;text-align:center;}
.bd_none {border:0 none !important;}
b {font-weight:bold;}

.clear {*zoom:1;}
.clear:after {content:"";display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.clear_fl {clear:both;float:left;}


/*───────────────────────────────────────────────────────────

	 전역 인풋 및 셀렉트박스 css

───────────────────────────────────────────────────────────*/

input[type="text"], input[type="password"], input[type="number"], input[type="date"] {height:30px; line-height:28px;font-size: 12px; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin:0; padding:0 10px; vertical-align:middle; text-align:left; border-radius:0; }

select {cursor:pointer; height:30px; line-height:28px; font-size: 12px; color: #666; border: 1px solid #ddd;box-sizing: border-box; margin:0;  padding:0 0 0 10px; vertical-align:middle; text-align:left; border-radius:0; -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
select option { line-height:28px; padding:5px 0; }
select option:checked, select option:hover { line-height:28px; background:#e0e0e0; font-size: 12px; color: #555; } /* check, hover 스타일 설정 IE, Chrome */
select option:checked, select option:hover { line-height:28px; box-shadow: 0 0 10px 100px #e0e0e0 inset; font-size: 12px; color: #555; } /* check, hover 스타일 설정 FireFox */

.select_box_wrap {display:inline-block;height:30px;line-height:30px;position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0;}
.select_box_wrap .select_box_arrow {cursor:pointer;position:absolute;z-index:5;width:0px;height:0px;right:7px;top:12px;border-right:6px solid transparent;border-bottom:6px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/images/icon_select_arrow.png) 0 0 no-repeat;*/

input[type="checkbox"] { display:none; }
input[type="checkbox"] + label {cursor:pointer;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:15px; height:15px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../../../../lib/images/icon_input_check.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url(../../../../lib/images/icon_input_check_on.png) left top no-repeat; }

input[type="radio"] { display:none; }
input[type="radio"] + label {cursor:pointer;}
input[type="radio"] + label:before, input[type="radio"] + label::before { display:inline-block; content:""; width:13px; height:13px; margin:-2px 5px 0 20px; vertical-align:middle; background:url(../../../../lib/images/icon_input_radio.png) left top no-repeat; cursor:pointer; }
input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background:url(../../../../lib/images/icon_input_radio_on.png) left top no-repeat; }
input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}

 textarea {font-size: 12px; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin:0; padding:0 10px; vertical-align:middle; text-align:left; border-radius:0; }









* { font-family:'simhei', 'STHeiti', 'simsun','malgun gothic','돋움',Dotum,AppleGothic,sans-serif; }

div, p, span, li, ol, ul, dl, dd, td, input, textarea, select, a {font-family:'simhei', 'STHeiti', 'simsun','malgun gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:400;}
h1, h2, h3, h4, h5, h6, dt, th, strong, em {font-family:'simhei', 'STHeiti', 'simsun','malgun gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:700;}

div, p, span, li, ol, ul, dl, dd, td, input, textarea, select, a, h1, h2, h3, h4, h5, h6, dt, th, strong, em {box-sizing:border-box;}

a, a:hover {text-decoration:none;}

img { border:0; vertical-align:top;}
body, html { margin:0px; padding:0px;}
div, p, span, li, ol, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
ol, ul, dd, dl { list-style:none;}
table {border-collapse:separate; border-spacing:0 none;}
table,th,td {word-break: break-all;}
caption,th,td { font-weight:normal; }
hr { display:none;}
address, em { font-style:normal;}

.after_div {*zoom:1;}
.after_div:after { clear:both; content:""; display:block;}
.float_l { float:left;}
.float_r { float:right;}
.clear {*zoom:1;}
.clear:after { clear:both; content:""; display:block;}
.fl { float:left;}
.fr { float:right;}
.clear_fl {clear:both;float:left;}

.w_layout {width:100%;margin:0;padding:0;}
.w_custom {width:1100px;margin:0 auto;padding:0;}

/*** 정렬 ***/
.ta_left {text-align:left !important;}
.ta_center {text-align:center !important;}
.ta_right {text-align:right !important;}

.va_top {vertical-align:top !important;}
.va_middle {vertical-align:middle !important;}
.va_bottom {vertical-align:bottom !important;}

/*** 폰트 컬러 ***/
.fc_point {color:#fa2e14 !important;}
.fc_basic {color:#333;}

/*** 폰트 굵기 ***/
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}
.fw_eb {font-weight:800;}

/*** border ***/
.border_top_non {border-top:0 none !important;}
.border_rig_non {border-right:0 none !important;}
.border_bot_non {border-bottom:0 none !important;}
.border_left_non {border-left:0 none !important;}

/*** display ***/
.dis_block {display:block !important;}
.blind {display:none !important;}
.dis_none {display:none !important;}
.dis_inblock {display:inline-block !important;}
.dis_table {display:table !important;}
.dis_tablerow {display:table-row !important;}
.dis_tablecell {display:table-cell !important;}

.relative {position:relative !important;}
.absolute {position:absolute !important;}

.border_box {box-sizing:border-box;}

.ti_0 {text-indent:0 !important;}

/*** 간격 조절 ***/
.mt_0 {margin-top:0px !important;}
.mt_3 {margin-top:3px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mt_65 {margin-top:65px !important;}
.mt_70 {margin-top:70px !important;}
.mt_75 {margin-top:75px !important;}
.mt_-5 {margin-top:-5px !important;}
.mt_-10 {margin-top:-10px !important;}
.mt_-20 {margin-top:-20px !important;}
.mr_0 {margin-right:0 !important;}
.mr_3 {margin-right:3px !important;}
.mr_5 {margin-right:5px !important;}
.mr_7 {margin-right:7px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_5p {margin-right:5% !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.mb_65 {margin-bottom:65px !important;}
.mb_70 {margin-bottom:70px !important;}
.mb_75 {margin-bottom:75px !important;}
.ml_0 {margin-left:0 !important;}
.ml_3 {margin-left:3px !important;}
.ml_5 {margin-left:5px !important;}
.ml_7 {margin-left:7px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_5p {margin-left:5% !important;}
.mlr_5 {margin-left:5px !important; margin-right:5px !important;}

.pt_0 {padding-top:0px !important;}
.pt_3 {padding-top:3px !important;}
.pt_5 {padding-top:5px !important;}
.pt_7 {padding-top:7px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}
.pt_65 {padding-top:65px !important;}
.pt_70 {padding-top:70px !important;}
.pl_0 {padding-left:0px !important;}
.pl_3 {padding-left:3px !important;}
.pl_5 {padding-left:5px !important;}
.pl_7 {padding-left:7px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pb_0 {padding-bottom:0px !important;}
.pb_3 {padding-bottom:3px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_7 {padding-bottom:7px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}
.pb_65 {padding-bottom:65px !important;}
.pb_70 {padding-bottom:70px !important;}
.pr_0 {padding-right:0px !important;}
.pr_3 {padding-right:3px !important;}
.pr_5 {padding-right:5px !important;}
.pr_7 {padding-right:7px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}




/*** input box 모음 ***/
input, select, textarea {color:#666;font-size:12px;border:1px #ccc solid;background:#fff;}
input[type="text"]::-webkit-input-placeholder {color:#666;font-size:12px;}
input[type="text"]::-moz-placeholder {color:#666;font-size:12px;}
input[type="text"]:-ms-input-placeholder {color:#666;font-size:12px;}
input[type="text"]:-moz-placeholder {color:#666;font-size:12px;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(251, 251, 251) !important;
    background-image: none !important;
    color: rgb(136, 136, 136) !important;
}

form {border:0 none;margin:0;padding:0;}
fieldset {border:0 none;margin:0;padding:0;}
fieldset legend {display:none;}




/*----------------------------------------------
공통 CSS 시작
----------------------------------------------*/

#wrap {width:100%;margin:0;padding:0;position:relative;z-index:1;overflow:hidden;}
#header,
#footer,
#content_wrap {width:100%;margin:0;padding:0;text-align:center;position:relative;z-index:1;}
#content_wrap {overflow:hidden;min-height:300px;}
#content_box  {width:1100px;margin:0 auto;text-align:left;padding:39px 0;}
#content {width:1100px;margin:0 auto;text-align:left;padding:0;}
#side {width:220px;float:left;}
#side + #content {float:left;margin-left:50px;width:830px;}

dl.sub_nav {height:45px;border-bottom:1px #333 solid;margin-top:-6px;margin-bottom:30px;}
dl.sub_nav dt,
dl.sub_nav dd {height:44px;}
dl.sub_nav dt {line-height:31px;padding:0px 0 13px 0;color:#333;font-size:25px;font-weight:600;}
dl.sub_nav dd {line-height:17px;padding:10px 0 17px 0;font-size:0;text-align:right;}
dl.sub_nav dd a,
dl.sub_nav dd span,
dl.sub_nav dd strong {height:17px;line-height:17px;display:inline-block;vertical-align:middle;}
dl.sub_nav dd a:after,
dl.sub_nav dd strong:before {content:"";display:inline-block;width:4px;height:17px;line-height:17px;background:url(../img/icon_navi_arrow.gif) no-repeat 0 6px;vertical-align:top;}
dl.sub_nav dd a:after {margin-left:10px;}
dl.sub_nav dd strong:before {margin-right:11px;}
dl.sub_nav dd a.nav_home {height:17px;width:36px;padding-right:11px;font-size:0px;text-indent:11px;overflow:hidden;background:url(../img/icon_navi_home.gif) no-repeat 0 4px;}
dl.sub_nav dd span {color:#777;font-size:12px;font-weight:400;}
dl.sub_nav dd strong {padding-left:10px;color:#222;font-size:12px;font-weight:600;}

/*----------------------------------------------
공통 CSS 끝
----------------------------------------------*/




/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/

.skip_nav {position:relative;z-index:9999;}
.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

#header {border-top:3px #2882e1 solid;height:141px;background:#fff;box-shadow:0 3px 6px #d9d9d9;z-index:5;}
#header .hd_logo {height:83px;}
#header h1 {width:475px;padding:30px 0 0 0;text-align:left;}
#header h1 a {}
#header h1 a img {margin-top:2px;}
#header h1 a span {display:inline-block;margin:0 0 0 14px;line-height:16px;height:32px;text-align:left;font-size:13px;font-weight:400;color:#666;}
#header ul.hd_lang {padding:38px 0 25px 0;line-height:18px;text-align:right;font-size:0;}
#header ul.hd_lang li {height:18px;line-height:18px;display:inline-block;vertical-align:middle;padding:0 0 0 12px;}
#header ul.hd_lang li + li {}
#header ul.hd_lang li + li:before {content:"";display:inline-block;width:1px;height:8px;background:#ccc;vertical-align:middle;margin:-9px 12px 0 0;}
#header ul.hd_lang li a {color:#666;font-size:12px;font-weight:600;}
#header ul.hd_lang li.on a {color:#2882e1;}
#header .hd_gnb {height:55px;padding:0 0 17px 0;line-height:36px;position:relative;z-index:5;width:100%;border-bottom:1px #d9d9d9 solid;}
#header .hd_gnb .w_custom {height:54px;}
#header .hd_gnb .gnb_wrap {height:54px;line-height:54px;font-size:0;text-align:left;}
#header .hd_gnb .gnb_wrap .gnb_dep1 {display:inline-block;vertical-align:top;}
#header .hd_gnb .gnb_wrap .gnb_dep1 + .gnb_dep1 {padding-left:74px;}
#header .hd_gnb .gnb_wrap .gnb_dep1 > a {display:inline-block;vertical-align:top;height:36px;line-height:34px;color:#333;font-size:18px;font-weight:700;border-bottom:2px #fff solid;}
#header .hd_gnb .gnb_wrap .gnb_dep1 > a:hover {border-bottom:2px #2882e1 solid;color:#2882e1;}
#header .hd_gnb .hd_gnb_layer {transition: all .4s ease-out 0s;overflow:hidden;height:0;position:absolute;left:0;right:0;top:44px;padding:10px 0 0 0;background:#fff;z-index:5;}
#header .hd_gnb .hd_gnb_layer.on {transition: all .4s ease-out 0s;height:350px;z-index:5;}
#header .hd_gnb .hd_gnb_layer .hd_gnb_box {background:#f8f8f8;border-top:1px solid #d9d9d9;width:100%;height:350px;}
#header .hd_gnb .hd_gnb_layer .hd_gnb_box .w_custom {background:#f8f8f8 url(../img/bg_hd_layer.gif) no-repeat 50% 0;text-align:left;font-size:0;padding:10px 0 35px 0;height:350px;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 {display:inline-block;text-align:left;vertical-align:top;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 + dl.gnb_dep2 {}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2.gnb01 {width:285px;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2.gnb02 {width:287px;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2.gnb03 {width:285px;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2.gnb04 {width:243px;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dt {height:63px;line-height:63px;font-size:18px;color:#333;font-weight:600;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dd {}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dd ul {padding:18px 0 0 0;position:relative;z-index:1;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dd ul:after {content:"";display:inline-block;width:36px;height:2px;background:#333;position:absolute;left:0;top:0;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dd li {line-height:28px;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dd li a {display:inline-block;height:28px;line-height:28px;vertical-align:middle;color:#666;font-size:13px;font-weight:400;}
#header .hd_gnb .hd_gnb_layer dl.gnb_dep2 dd ul li:hover a {color:#2882e1;font-weight:600;}
#header .hd_gnb .hd_search {border:1px #ccc solid;height:36px;line-height:34px;width:200px;}
#header .hd_gnb .hd_search form {}
#header .hd_gnb .hd_search form fieldset {}
#header .hd_gnb .hd_search form fieldset input[type="text"] {float:left;width:154px;border:0 none;text-indent:14px;height:34px;line-height:34px;}
#header .hd_gnb .hd_search form fieldset input[type="image"] {float:right;border:0 none;margin:10px 15px;}



/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {background:#363839;}
#footer .ft_sitemap {height:370px;font-size:0;width:825px;}
#footer .ft_sitemap dl {padding:35px 0 0 0;vertical-align:top;display:inline-block;}
#footer .ft_sitemap dl + dl {}
#footer .ft_sitemap dl.sitemap01 {width:250px;}
#footer .ft_sitemap dl.sitemap02 {width:205px;}
#footer .ft_sitemap dl.sitemap03 {width:150px;}
#footer .ft_sitemap dl.sitemap04 {width:215px;}
#footer .ft_sitemap dt {height:21px;line-height:21px;text-align:left;font-size:15px;color:#fff;font-weight:600;}
#footer .ft_sitemap dd {padding:23px 0 0 0;}
#footer .ft_sitemap dd ul {}
#footer .ft_sitemap dd ul li {line-height:20px;text-align:left;}
#footer .ft_sitemap dd ul li a {color:#afafb0;font-size:13px;}
#footer .ft_sitemap dl.sitemap04 dd ul li {line-height:14px; margin-bottom:10px;}
#footer .ft_cs {height:370px;background:#5b6062;width:275px;}
#footer .ft_cs dl.catalogue_down {background:#4a4e50;padding:24px 30px 20px 30px;}
#footer .ft_cs dl.catalogue_down dt {height:16px;line-height:16px;margin:0 0 17px 0;text-align:left;color:#fff;font-size:14px;font-weight:600;background:url(../img/btn_ft_down.gif) no-repeat 100% 0;}
#footer .ft_cs dl.catalogue_down dd {height:33px;line-height:33px;font-size:0;}
#footer .ft_cs dl.catalogue_down dd a {display:inline-block;width:65px;text-align:center;font-family:'Nanum Gothic';font-weight:700;font-size:13px;color:#333;line-height:30px;height:30px;background:#fff;border-radius:4px;box-shadow:0px 3px 3px #16191b;}
#footer .ft_cs dl.catalogue_down dd a + a {margin-left:10px;}
#footer .ft_cs .cs_info {}
#footer .ft_cs .cs_info dl {margin:14px 30px 0 30px;}
#footer .ft_cs .cs_info dl + dl {}
#footer .ft_cs .cs_info dt {
	color:#fff;
	font-size:15px;
	font-weight:600;
	text-align:left;
	height:33px;
	line-height:33px;
	padding-left:19px;
	background:url("../img/icon_ft_arrow.gif") no-repeat left center;
}
#footer .ft_cs .cs_info dd {line-height:19px;height:19px;text-align:left;}
#footer .ft_cs .cs_info dd + dd {}
#footer .ft_cs .cs_info dd,
#footer .ft_cs .cs_info dd a {color:#bcbec0;font-size:13px;}
#footer .ft_copy {background:#242526;padding:12px 0 24px 0;}
#footer .ft_copy .ft_logo {width:275px;padding:16px 0 0 0;text-align:left;}
#footer .ft_copy .ft_copyright {}
#footer .ft_copy .ft_copyright p {line-height:20px;padding:0 0 28px 0;text-align:left;color:#ccc;font-size:12px;}
#footer .ft_copy .ft_copyright address {line-height:20px;text-align:left;color:#ccc;font-size:12px;}





/*----------------------------------------------
측면 CSS 시작
----------------------------------------------*/

#side {}
#side dl {border-top:6px #143f6c solid;}
#side dt {line-height:17px;background:#2882e1;text-align:left;padding:25px 0 30px 20px;color:#fff;font-size:13px;font-weight:400;}
#side dt em {display:inline-block;height:32px;line-height:30px;padding:0 0 2px 0;width:100%;color:#fff;font-size:28px;font-weight:600;}
#side dd {}
#side dd ul {}
#side dd li {background:#fbfbfb;border-bottom:1px #ccc solid;text-align:left;}
#side dd li + li {}
#side dd li a {color:#777;font-size:14px;font-weight:400;display:inline-block;width:100%;height:51px;line-height:20px;padding:16px 20px 15px 28px;vertical-align:middle;}
#side dd li.line2 a {padding-top:11px;padding-bottom:10px;height:61px;}
#side dd li.on a,
#side dd li:hover a {color:#333;font-weight:600;background:url(../img/bg_lnb_arrow.gif) no-repeat 199px 50%;}

/*----------------------------------------------
측면 CSS 끝
----------------------------------------------*/




/*───────────────────────────────────────────────────────────

	 INDEX | index.html

───────────────────────────────────────────────────────────*/
/* 메인 비주얼영역 */
.main_visual {position:relative; height:469px; margin:0 0 40px;}
.main_visual .bx-viewport {position:absolute !important; left:50%; top:0; width:2000px !important; margin-left:-1000px;}
.main_visual .bx-controls {}
.main_visual .bx-controls .bx-controls-direction {}
.main_visual .bx-controls .bx-controls-direction a.bx-prev {
	position:absolute;
	left:50%;
	top:50%;
	margin:-30px 0 0 -667px;
	display:block;
	width:60px;
	height:60px;
	background:url("../img/btn_main_prev.png") no-repeat left top;
	text-indent:-9999px;
}
.main_visual .bx-controls .bx-controls-direction a.bx-prev:hover {background:url("../img/btn_main_prev_on.png") no-repeat left top;}
.main_visual .bx-controls .bx-controls-direction a.bx-next {
	position:absolute;
	right:50%;
	top:50%;
	margin:-30px -667px 0 0;
	display:block;
	width:60px;
	height:60px;
	background:url("../img/btn_main_next.png") no-repeat left top;
	text-indent:-9999px;
}
.main_visual .bx-controls .bx-controls-direction a.bx-next:hover {background:url("../img/btn_main_next_on.png") no-repeat left top;}

/* 메인 배너영역 */
.main_bnr_list {width:1100px; margin:0 auto; padding:0 0 30px;}
.main_bnr_list ul {}
.main_bnr_list ul:after {clear:both; content:""; display:block;}
.main_bnr_list ul li {float:left; width:25%; height:305px;}
.main_bnr_list ul li.bnr01 {background:url("../img/bnr_main01.gif") no-repeat 50% 50%;background-size:100% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr02 {background:url("../img/bnr_main02.gif") no-repeat 50% 50%;background-size:100% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr03 {background:url("../img/bnr_main03.gif") no-repeat 50% 50%;background-size:100% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr04 {background:url("../img/bnr_main04.gif") no-repeat 50% 50%;background-size:100% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr01:hover {background:url("../img/bnr_main01.gif") no-repeat 50% 50%;background-size:120% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr02:hover {background:url("../img/bnr_main02.gif") no-repeat 50% 50%;background-size:120% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr03:hover {background:url("../img/bnr_main03.gif") no-repeat 50% 50%;background-size:120% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li.bnr04:hover {background:url("../img/bnr_main04.gif") no-repeat 50% 50%;background-size:120% auto;transition: all .4s ease-out 0s;}
.main_bnr_list ul li a {display:block; width:100%; height:100%; background:url("../img/btn_more.png") no-repeat 30px 240px;}
.main_bnr_list ul li h2 {color:#fff; font-size:25px; font-weight:500; line-height:27px; padding:33px 0 0 30px;}

/* 메인 슬라이드배너영역 */
.main_bnr_slide {width:1098px; margin:0 auto; padding:0 0 34px;}
.main_bnr_slide .bx-controls {display:table; margin:16px auto 0;}
.main_bnr_slide .bx-controls .bx-pager {}
.main_bnr_slide .bx-controls .bx-pager:after {clear:both; content:""; display:block;}
.main_bnr_slide .bx-controls .bx-pager .bx-pager-item {float:left; margin:0 4px;}
.main_bnr_slide .bx-controls .bx-pager .bx-pager-item a {
	display:block;
	width:10px;
	height:10px;
	background:#aaa;
	text-indent:-9999px;
}
.main_bnr_slide .bx-controls .bx-pager .bx-pager-item a.active {background:#1c5cb0;}

@media screen and (max-width: 1300px) and (min-width: 1200px) {
	.main_visual .bx-controls {display:none;}
}





/*───────────────────────────────────────────────────────────

	 SUB

───────────────────────────────────────────────────────────*/
/*** 서브상단메뉴 ***/
#content_sub {max-width:1300px; margin:0 auto; padding:110px 50px 130px 50px; text-align:center;}
#content_sub.add {padding-top:137px;}
#content_sub .sub_tit {border-bottom:1px solid #e1e1e1; margin-bottom:26px;line-height:52px;padding:0 0 23px 0;position:relative;z-index:1;font-size:50px; font-weight:800; font-family:'Lato', 'Nanum Gothic';}
#content_sub .sub_tit:after,
#content_sub .sub_tit::after {display:inline-block;width:70px;height:3px;background:#f8a92e;margin-left:-35px;position:absolute;left:50%;bottom:-2px;content:"";}
#content_sub ul.submenu {display:inline-block; width:auto; height:auto; text-align:center; margin-bottom:50px; border-left:1px solid #dddddd;}
#content_sub ul.submenu li {float:left; border:1px solid #dddddd; border-left:none;}
#content_sub ul.submenu li a {display:inline-block; width:150px; height:38px; line-height:38px; font-size:14px; color:#888888; font-weight:600;}
#content_sub ul.submenu li a.on {background-color:#f8a92e; color:#fff;}

#content_sub .sub_cont {}


/*** 인사말 회사소개 | company/index.html ***/
#content_sub .company_title {font-size:0;width:1100px;margin:0 auto;padding:0 0 30px 0;}
#content_sub .company_title dt, #content_sub .company_title dd {height:135px;text-align:left;vertical-align:middle;box-sizing:border-box;display:inline-block;}
#content_sub .company_title dt {padding:26px 0 0 28px;line-height:31px;color:#333;font-size:28px;font-weight:700;width:141px;margin-right:56px;background:#f8a92e;position:relative;z-index:1;}
#content_sub .company_title dt:after {position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;content:"";display:inline-block;background:url(../images/sub/bg_sub_point.png) no-repeat 0 0;}
#content_sub .company_title dd {padding:28px 28px 0 0px;line-height:26px;color:#666;font-size:14px;font-weight:400;width:903px;}
#content_sub .company_wide {position:relative;z-index:1;width:1100px;margin:0 auto;height:338px;background:#f8a92e;}
#content_sub .company_wide img {}
#content_sub .company_wide p {width:510px;height:100%;padding:142px 0 0 0;line-height:32px;font-size:22px;color:#fff;font-weight:400;letter-spacing:-0.04em;text-align:center;position:absolute;right:0;top:0;box-sizing:border-box;}
#content_sub .company_bnr {padding:50px 0 0 0;width:1100px;margin:0 auto;}
#content_sub .company_bnr li {width:353px;box-sizing:border-box;position:relative;z-index:1;}
#content_sub .company_bnr li + li {margin-left:20px;}
#content_sub .company_bnr li span.company_bnr_icon {width:60px;height:60px;overflow:hidden;display:inline-block;position:absolute;left:0;top:0;z-index:2;font-size:0;}
#content_sub .company_bnr li.bnr01 span.company_bnr_icon {background:#f8a92e url(../images/sub/icon_sub_company1.png) no-repeat 0 0;}
#content_sub .company_bnr li.bnr02 span.company_bnr_icon {background:#f8a92e url(../images/sub/icon_sub_company2.png) no-repeat 0 0;}
#content_sub .company_bnr li.bnr03 span.company_bnr_icon {background:#f8a92e url(../images/sub/icon_sub_company3.png) no-repeat 0 0;}
#content_sub .company_bnr li p {color:#888;font-size:13px;font-weight:400;line-height:22px;padding:30px 18px 0 75px;width:100%;height:240px;text-align:left;border:1px #d3d3d3 solid;border-bottom:0;box-sizing:border-box;background:#fff;}
#content_sub .company_bnr li p em {color:#333;font-size:16px;font-weight:700;line-height:22px;height:22px;width:100%;display:inline-block;margin-bottom:9px;}
#content_sub .company_bnr li img {}
#content_sub .company_bnr li.bnr01 {}
#content_sub .company_bnr li.bnr02 {}
#content_sub .company_bnr li.bnr03 {}


/*** 오시는길 | company/location.html ***/
#content_sub div.sub_map {}
#content_sub div.sub_map div.map_api {border:2px solid #dddddd; margin-bottom:52px; height:550px;}
#content_sub div.sub_map .map_cont {}
#content_sub div.sub_map .map_cont h3 {color:#333; font-size:32px; font-weight:600; font-family: "Noto Sans KR", sans-serif !important; padding:0 0 6px;}
#content_sub div.sub_map .map_cont p {color:#666; font-size:17px; font-weight:600; font-family: "Noto Sans KR", sans-serif !important;}
#content_sub div.sub_map .map_cont p span {position:relative; display:block; color:#999; font-size:13px; font-weight:500; font-family: "Noto Sans KR", sans-serif !important; padding:0 0 20px;}
#content_sub div.sub_map .map_cont p span::before {position:absolute; left:50%; bottom:0; content:""; display:block; width:70px; height:1px; background:#aaa; margin-left:-35px;}
#content_sub div.sub_map .map_cont > ul {display:table; margin:26px auto 0;}
#content_sub div.sub_map .map_cont > ul li {text-align:left; color:#666; font-size:14px; font-weight:500; line-height:38px; padding-left:40px;}
#content_sub div.sub_map .map_cont > ul li.map01 {background:url("../images/sub/icon_map01.png") no-repeat left center;}
#content_sub div.sub_map .map_cont > ul li.map02 {background:url("../images/sub/icon_map02.png") no-repeat left center;}
#content_sub div.sub_map .map_cont > ul li.map03 {background:url("../images/sub/icon_map03.png") no-repeat left center;}
#content_sub div.sub_map .map_cont > ul li em {color:#444; font-size:14px; font-weight:600;}




/*───────────────────────────────────────────────────────────

	 TABLE | 서브페이지 전체 사용

───────────────────────────────────────────────────────────*/

/*** TABLE 작성 ***/
table.board_write {border-top:1px solid #333; border-bottom:1px solid #bbbbbb; font-size:13px; text-align:left; margin-bottom:20px;}
table.board_write tr + tr th, table.board_write tr + tr td {border-top:1px solid #ddd;}
table.board_write th,
table.board_write td {font-size:12px;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;padding-top:10px;padding-bottom:10px;padding-left:20px; padding-right:20px;line-height:30px;}
table.board_write th {color:#444; font-weight:600; font-size:14px; padding-left:25px; padding-right:25px; background-color:#fafafa; position:relative;}
table.board_write td {}
table.board_write td p {padding:5px 0 0;}
table.board_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}

table.board_write td label {color:#666;font-size:12px;font-weight:600;}
table.board_write td select,
table.board_write td input[type="text"],
table.board_write td input[type="password"],
table.board_write td input[type="number"],
table.board_write td input[type="date"] {min-width:25%; margin-right:10px; }
table.board_write td input[name="title"] {width:90%;}
table.board_write td input.tel {min-width:50px;}
table.board_write td textarea {min-width:100%; height:200px; }

.btn_right {position:absolute; bottom:-70px; right:0;}
.btn_center {text-align:center;}
.btn_center a {margin:0 2px;}
.btn {display:inline-block; font-size:15px; color:#ffffff; font-weight:600; width:120px; height:40px; line-height:40px; text-align:center;}
.gray {background-color:#666666; border:1px solid #595959;}
.orange {background-color:#f8a92e; border:1px solid #f49b10;}
.btn_center input {margin-top:-4px;}
span.join_btn {display:inline-block; margin-left:5px; width:110px; height:28px; text-align:center; line-height:26px; font-size:13px; color:#ffffff; font-weight:600; background-color:#aaaaaa; border:1px solid #999999;}




/*───────────────────────────────────────────────────────────

	 BOARD

───────────────────────────────────────────────────────────*/

/*** 게시판 리스트 | board/board_list.html ***/
.sub_board {position:relative;}
.sub_board .board_search {background-color:#f4f4f2; padding:20px; text-align:right; margin-bottom:30px; font-size:13px;}
.sub_board .board_search select {border:1px solid #ddd; background-color:#fff; height:34px; line-height:32px;  min-width:130px; padding:0 5px; color:#666;}
.sub_board .board_search input.input_text {border:1px solid #ddd; background-color:#fff; height:34px; line-height:32px; min-width:200px; padding:0 5px; color:#666; margin-right:10px; margin-left:2px;}
.sub_board table.board_list {margin-bottom:30px; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #bbb;}
.sub_board table.board_list tr {}
.sub_board table.board_list th {font-size:14px; color:#222; font-weight:600; padding:15px 0; border-bottom:1px solid #333;}
.sub_board table.board_list td {font-size:13px; color:#666666; font-weight:100; line-height:50px; padding:0 20px; border-bottom:1px solid #ddd;}
.sub_board table.board_list td.left {text-align:left;}
.sub_board table.board_list tr:last-child td {border:none;}
.sub_board .paging {text-align:center; height:42px;}
.sub_board .paging a {display:inline-block; font-size:13px; color:#666666; font-weight:100;}
.sub_board .paging a img {margin-top:-3px;}
.sub_board .paging span {display:inline-block; margin:0 5px; height:34px; line-height:34px;}
.sub_board .paging span a {display:block; border:1px solid #d9d9d9; border-right:none; width:35px; padding:0 !important;}
.sub_board .paging span + a {padding:0 10px;}
.sub_board .paging + a {padding:0 10px;}
.sub_board .paging a:first-child {padding:0 10px;}
.sub_board .paging span a:last-child { border-right:1px solid #d9d9d9;}
.sub_board .paging span a.selected {font-weight:600; border-bottom:2px solid #f8a92e; height:33px;}

.sub_board h2.btn_writing {position:absolute; right:0; bottom:0}

/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view {margin-bottom:30px; border-top:1px solid #333333; border-bottom:1px solid #bbbbbb; text-align:left;}
.sub_board .board_view div.view_tit {height:20px; line-height:20px; padding:17px 30px; border-bottom:1px solid #333333;}
.sub_board .board_view div.view_tit h2 {float:left; width:85%; font-size:17px; color:#222222; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board .board_view div.view_tit h3 {display:inline-block;}
.sub_board .board_view div.view_tit p {float:right; width:15%; font-size:13px; color:#666666; text-align:right;}
.sub_board .board_view div.view_cont {padding:30px; font-size:13px; line-height:25px; min-height:300px;}
.sub_board .board_view h4 {border-top:1px solid #ddd; padding:17px 30px; font-size:13px; color:#666666;}
.sub_board .board_view h4 span {display:inline-block; color:#444; font-weight:600; padding-right:15px; margin-right:15px; background:url("../images/sub/view_line.gif") no-repeat right center;}
.sub_board .view_btn {height:40px;}
.sub_board .view_btn div {float:left;}
.sub_board .view_btn p {float:right;}

/*** 게시판 댓글 ***/
.sub_board .board_comment {position: relative; border: 1px solid #d3d3d3; padding: 20px; margin:0 0 20px;}
.sub_board .board_comment .comment_name {color:#555; padding:0 0 010px; text-align:left;}
.sub_board .board_comment .comment_name span {}
.sub_board .board_comment .comment_name span input {border:1px solid #d3d3d3; padding:5px;}
.sub_board .board_comment textarea {border:1px solid #d3d3d3; width:91%; padding:5px; min-height:60px; margin-left:-101px;}
.sub_board .board_comment .comment_btn {display:inline-block;position: absolute;  right: 20px; top:57px; height: 72px; text-align: center; width: 92px; background-color: #f8a92e; line-height: 72px;color:#fff; font-size:14px; font-weight:600;}

.sub_board .board_comment_list {position:relative; margin:0 0 20px;}
.sub_board .board_comment_list .comment_title {border-bottom:1px solid #d3d3d3; color:#888; padding:15px 0 7px 0; text-align:left;}
.sub_board .board_comment_list .comment_title span {color:#f59a03;}
.sub_board .board_comment_list .comment {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .board_comment_list .comment .comment_writer {color:#333; padding-bottom:3px; text-align:left;}
.sub_board .board_comment_list .comment span.board_line {display:inline-block; width:1px; height:9px; background:#999; margin:0 8px;}
.sub_board .board_comment_list .comment .com_btn {position:absolute; right:0; top:9px;}
.sub_board .board_comment_list .comment .com_btn a {color:#999;}
.sub_board .board_comment_list .comment .com_txt {color:#888; text-align:left;}
.sub_board .board_comment_list .comment .com_txt_reply {color:#888; text-align:left; border-top:1px solid #d3d3d3; padding:16px 0 10px 40px; margin:10px 0 0; background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;}
.sub_board .board_comment_list .comment .com_modify {position:relative; margin:5px 0 0;}
.sub_board .board_comment_list .comment .com_modify:after {clear:both;content:""; display:block;}
.sub_board .board_comment_list .comment .com_modify textarea {float:left; width:90%; height:50px; border:1px solid #d3d3d3;}
.sub_board .board_comment_list .comment .com_modify .btn_modify {float:right; width:9.2%; height:52px;display:inline-block; line-height:52px; background:#aaa; color:#fff; font-size:15px; font-weight:600; text-align:center;}
.sub_board .board_comment_list .comment .comment_password {position:absolute; right:25px; top:0; width:300px; border:2px solid #757575; padding:7px; background:#fff; z-index:100; text-align:left;}
.sub_board .board_comment_list .comment .comment_password.modify {right:72px;}
.sub_board .board_comment_list .comment .comment_password span {display:inline-block; height:20px; line-height:20px; font-weight:600; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password input {width:195px; height:19px;}
.sub_board .board_comment_list .comment .comment_password h5 {display:inline-block; width:39px; height:20px; line-height:20px; border:1px solid #ccc; background:#fff; text-align:center; border-radius:5px; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password a.close {position:absolute; right:2px; top:2px;}
.sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}

/*** 게시판 개인정보취급 ***/
.policy_cont {}
.policy_cont > div {text-align:left; margin-top:15px;}
.policy_cont > div input[type=checkbox] {}
.policy_cont > div label {color:#333; font-size:12px; font-weight:500; cursor:pointer;}
.policy_cont > div a {display: inline-block; line-height: 20px; border: 1px #ccc solid; padding: 0 8px; height: 22px; box-sizing: border-box; color: #666; font-size: 12px; text-decoration: none; background: #fff; margin: 0 0 0 10px;}
.policy_cont > div textarea {display:block !important; width:100% !important; margin:10px 0 0 !important; text-align:left !important; color:#666 !important; font-size:12px !important; line-height:18px !important; box-sizing:border-box;}
.policy_cont > div textarea.write {min-width:80% !important; width:100% !important; padding:10px !important; height:100px !important;}

/*.sub_board ul.gallery_list {margin-left:-20px;}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {float:left; width:353px; margin-left:20px; padding-bottom:35px;}
.sub_board ul.gallery_list li h2 {border:1px solid #d9d9d9;}
.sub_board ul.gallery_list li h3 {font-size:14px; color:#444444; font-weight:600; padding:15px 0 8px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board ul.gallery_list li p {font-size:13px; color:#666666; font-weight:100;}
.sub_board ul.gallery_list li p span {display:inline-block; font-weight:600; padding-right:10px; margin-right:10px; background:url("../images/sub/view_line.gif") no-repeat right center;}
.sub_board ul.gallery_list li p span.pl30 {padding-left:30px;}
*/

/*** 게시판(리스트형) | layout/board/kist_default.html ***/
/*
	일반 테이블 CSS 사용중
*/

/*** 게시판(갤러리형) | layout/board/list_gallery01.html ***/
.sub_board ul.gallery_list {text-align:left; padding-bottom:20px;}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {border:1px #eee solid;box-sizing:border-box;float:left; margin-right:1.4%; margin-bottom:1.4%; width:32.4%;position:relative;z-index:1;}
.sub_board ul.gallery_list li > a {position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;display:inline-block;}
.sub_board ul.gallery_list li.last {margin-right:0;}
.sub_board ul.gallery_list li.last + li {clear:both;}
.sub_board ul.gallery_list li .thumb {}
.sub_board ul.gallery_list li .thumb img {width:100%;}
.sub_board ul.gallery_list li .txt_info {box-sizing:border-box;font-weight:600; padding:22px;}
.sub_board ul.gallery_list li .txt_info h3 {font-size:15px; color:#333333;margin-bottom:20px;box-sizing:border-box;position:relative;z-index:1;line-height:22px;text-overflow:ellipsis; /* display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; */ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sub_board ul.gallery_list li .txt_info h3:after, .sub_board ul.gallery_list li div h4::after {position:absolute;left:0;bottom:-15px;width:30px;height:2px;content:"";display:inline-block;background:url("../images/main/gallery_line.gif") no-repeat left bottom;}
.sub_board ul.gallery_list li .txt_info p,
.sub_board ul.gallery_list li .txt_info p * {font-size:13px !important; color:#aaaaaa!important; line-height:20px !important;overflow:hidden; height:20px;background:none !important;text-decoration:none !important; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub_board ul.gallery_list li .txt_info p br,
.sub_board ul.gallery_list li .txt_info p img {display:none;}
.sub_board ul.gallery_list li .txt_info a.btn_bbs_read {font-family: "Lato"; font-weight: 700; font-size: 13px; color: #f8a92e; line-height: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-top: 13px; }
.sub_board ul.gallery_list li .txt_info a.btn_bbs_read:before,
.sub_board ul.gallery_list li .txt_info a.btn_bbs_read::before {width: 13px; height: 18px; line-height: 18px; content: ""; display: inline-block; background: url(../images/main/btn_readmore.gif) no-repeat 0 30%; vertical-align: middle;}

/*** 게시판(갤러리형) | layout/board/board_secret.html ***/
.sub_pw_input {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_pw_input .ok_box {width:1000px; margin:0 auto; padding:70px 0; font-family:'Nanum Gothic', sans-serif; }
.sub_pw_input .ok_box h2 {padding-bottom:20px; font-size:16px; font-weight:600; color:#333;}
.sub_pw_input .ok_box div.input_box {padding-bottom:40px;}
.sub_pw_input .ok_box div.input_box input {width:200px;height:30px; padding:5px 10px; border:1px solid #aaa;}
.sub_pw_input .ok_box a.ok_bt {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#f49b10; border:1px solid #f8a92e; text-align:center; line-height:40px; color:#fff; font-weight:600;}




/*───────────────────────────────────────────────────────────

	 GOODS(상품)

───────────────────────────────────────────────────────────*/

/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
#content_sub .sub_tit.board span {color:#282828; font-size:50px; font-weight:800; font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
#content_sub .sub_tit span {display:inline-block; padding-bottom:23px; margin-bottom:-2px; background:url("../images/sub/tit_line.gif") no-repeat center bottom;}
.sub_list {}
.sub_list .list_search {width:100%; height:74px; background:#f4f4f2; margin:50px 0 30px;}
.sub_list .list_search:after {clear:both; content:""; display:block;}
.sub_list .list_search > div {float:right; padding-right:20px;}
.sub_list .list_search > div:after {clear:both; content:""; display:block;}
.sub_list .list_search > div > span {float:left; display:inline-block; height:74px; line-height:74px; margin-right:15px;}
.sub_list .list_search > div > span label {color:#777; font-size:12px; font-weight:500; padding-left:5px;}
.sub_list .list_search .search_form {float:left;}
.sub_list .list_search .search_form .search {margin:20px 0 0;}
.sub_list .list_search .search_form .search select {width:100px;height:32px;line-height:30px;}
.sub_list .list_search .search_form .search input {width:218px; height:32px; line-height:32px; border:1px solid #ddd; background:#fff; text-indent:12px;}
.sub_list .list_search .search_form .search a {display:inline-block; width:60px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; font-size:13px; font-weight:600; margin-left:3px;}
.sub_list .list_array {margin:0 0 20px;}
.sub_list .list_array:after {clear:both; content:""; display:block;}
.sub_list .list_array .list_count {float:left; height:30px; line-height:30px; color:#555; font-size:15px; font-weight:600;}
.sub_list .list_array .list_count span {color:#f8a92e; font-size:15px; font-weight:600;}
.sub_list .list_array ul {float:right;}
.sub_list .list_array ul:after {clear:both; content:""; display:block;}
.sub_list .list_array  ul li {float:left; width:28px; height:28px; border:1px solid #ccc; background:#fff; text-indent:-9999px; cursor:pointer;position:relative;z-index:1;}
.sub_list .list_array  ul li:before, .sub_list .list_array  ul li::before {content:"";display:inline-block;width:28px;height:28px;position:absolute;cursor:pointer;left:0;top:0;bottom:0;right:0;}
.sub_list .list_array  ul li.typeA:before {background:url("../images/sub/icon_list_typeA.png") no-repeat left top;}
.sub_list .list_array  ul li.typeA.on:before {background:#f8a92e url("../images/sub/icon_list_typeA_on.png") no-repeat left top;}
.sub_list .list_array  ul li.typeB:before {background:url("../images/sub/icon_list_typeB.png") no-repeat left top;}
.sub_list .list_array  ul li.typeB.on:before {background:#f8a92e url("../images/sub/icon_list_typeB_on.png") no-repeat left top;}
.sub_list .list_array  ul li.on {border:1px solid #f8a92e; background:#f8a92e;}
.sub_list .list {}

/*** 검색결과없음 ***/
.sub_list .list .list_no {padding:10px; background:#eee;}
.sub_list .list .list_no .no_data {height:90px; line-height:90px; background:#fff; text-align:center; color:#555; font-size:15px; font-weight:600;}

/*** 페이징 ***/
.paging {text-align:center; margin:20px 0 0;}
.paging span {}
.paging span.arrow {display:inline-block; width:34px; height:34px; line-height:42px; margin:0 2px;}
.paging span.arrow.prev {margin-right:22px;}
.paging span.arrow.next {margin-left:22px;}
.paging span img {vertical-align:top; border:1px solid #d9d9d9; margin-top:3px;}
.paging span.arrow.prev + span a {border-left:1px solid #d9d9d9;}
.paging span.page_num {}
.paging span.page_num > a {display:inline-block; width:34px; height:34px; line-height:34px; border:1px solid #d9d9d9; border-left:none; color:#666; font-size:13px; font-weight:300;}
.paging span.page_num:first-of-type > a {border-left:1px solid #d9d9d9;}
.paging span.page_num.on > a {font-weight:600; border-bottom:2px solid #f8a92e; font-weight:600;}

/*** 갤러리형 | layout/goods/gallery.html ***/
.sub_list .list .list_Galleryform {}
.sub_list .list .list_Galleryform > ul {}
.sub_list .list .list_Galleryform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Galleryform > ul li {float:left; width:23.5%; margin:0 2% 30px 0;}
.sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:0;}
.sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:both; content:""; float:left;}
.sub_list .list .list_Galleryform > ul li dl {}
.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc; margin:0 0 18px; height:auto; min-height:183px;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd > em {display:inline-block;box-sizing:border-box;color:#333; font-size:16px; font-weight:600; padding:0 0 6px;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777; font-size:14px; font-weight:500; line-height:22px;}

/*** 리스트형 | layout/goods/list.html ***/
.sub_list .list .list_Listform {}
.sub_list .list .list_Listform > ul {}
.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li {float:left; width:48.7%; border:1px solid #ccc; margin:0 2.2% 30px 0;}
.sub_list .list .list_Listform > ul li:nth-child(2n) {margin-right:0;}
.sub_list .list .list_Listform > ul li:nth-child(2n+1) {clear:both; content:""; float:left;}
.sub_list .list .list_Listform > ul li dl {display:table;height:100%;min-height:148px;}
.sub_list .list .list_Listform > ul li dl:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li dl dt {max-width:301px; border-right:1px solid #ccc; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd {min-width:301px; text-align:left; padding:0 0 0 30px; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd > em  {display:inline-block;box-sizing:border-box;position:relative; color:#333; font-size:16px; font-weight:600; padding:0 0 25px; margin:0 0 16px;}
.sub_list .list .list_Listform > ul li dl dd > em::before {position:absolute; left:0; bottom:0; content:""; display:block; width:30px; height:2px; background:#f8a92e;}
.sub_list .list .list_Listform > ul li dl dd p {color:#777; font-size:14px; font-weight:500; line-height:22px; width:280px;}

/*** 상세페이지 | goods/goods_view.html  ***/
.sub_view {}
.sub_view .info {}
.sub_view .info dl {}
.sub_view .info dl:after {clear:both; content:""; display:block;}
.sub_view .info dl dt {float:left; width:40%; border:1px solid #ccc; padding:19px; margin-right:3%;}
.sub_view .info dl dd {float:left; width:52.9%;}
.sub_view .info dl dd .tit {border-top:2px solid #222; border-bottom:1px solid #ccc; background:#eee; text-align:left; padding:27px 0 23px 30px;}
.sub_view .info dl dd .tit h3 {color:#222; font-size:34px; font-weight:600; padding:0 0 7px;}
.sub_view .info dl dd .tit p {color:#777; font-size:15px; font-weight:500; line-height:30px;}
.sub_view .info dl dd ul.detail {padding:34px 0 0; border-bottom:1px solid #ccc;}
.sub_view .info dl dd ul.detail li {text-align:left; padding:0 0 25px 30px;}
.sub_view .info dl dd ul.detail li:after {clear:both; content:""; display:block;}
.sub_view .info dl dd ul.detail li span {float:left; display:inline-block; width:80px; height:24px; line-height:24px; color:#555; font-size:13px; font-weight:600}
.sub_view .info dl dd ul.detail li div {float:left; color:#777; font-size:13px; font-weight:500; line-height:24px;}
.sub_view .detail_info {margin:63px 0 0; text-align:left;}
.sub_view .detail_info > div {margin:0 0 100px;}
.sub_view .detail_info div h4.tit {color:#222; font-size:25px; font-weight:600; padding:0 0 16px; margin:0 0 40px; border-bottom:1px solid #222; text-align:left;}
.sub_view .detail_info div img {margin-bottom:24px;}
.sub_view .detail_info div p {color:#666; font-size:14px; font-weight:500; line-height:26px; letter-spacing:-0.5px;}




/*───────────────────────────────────────────────────────────

	 MEMBER(회원)

───────────────────────────────────────────────────────────*/

/*** 로그인 | member/login.html ***/
.sub_login {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_login .login_box {width:420px; margin:0 auto; padding:80px 0;}
.sub_login .login_box h3 {padding-bottom:25px;color:#888;font-size:16px;line-height:21px;text-align:center;font-weight:400;letter-spacing:-0.04em;font-family:"Noto Sans KR";}
.sub_login .login_box h3 em {color:#333;font-size:36px;line-height:44px;padding:0 0 6px 0;display:inline-block;width:100%;letter-spacing:0;font-weight:500;font-family:"Noto Sans KR";}
.sub_login .login_box ul {}
.sub_login .login_box ul li {padding-bottom:12px;}
.sub_login .login_box ul li input {padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:600;}
.sub_login .login_box ul li:last-of-type {padding-top:10px;}
.sub_login .login_box ul li button[type="submit"] {font-family:"Lato";font-weight:700;font-size:17px;letter-spacing:0.02em;display:inline-block;width:100%;height:50px;line-height:50px;background:#f79907;color:#fff;text-align:center;}
.sub_login .login_box ul.login_link {border-top:1px solid #cccccc; width:420px; margin-top:40px; text-align:center; height:20px; line-height:20px; padding-top:17px;}
.sub_login .login_box ul.login_link li {display:inline-block; padding:0 25px 0 0;}
.sub_login .login_box ul.login_link li + li:before {display:inline-block;content:"";width:1px;height:12px;background:#ddd;vertical-align:middle;margin-right:25px;}
.sub_login .login_box ul.login_link li a {color:#999999; font-size:14px; font-weight:600;}
.sub_login .login_box ul.login_link li.first {background:none;}

/*** 회원가입동의 | member/join_agreement.html ***/
.sub_agree {}
.sub_agree .agree_box {padding-bottom:20px; text-align:left;}
.sub_agree .line {margin-bottom:40px; padding-bottom:42px; border-bottom:2px solid #eeeeee;}
.sub_agree .agree_box h3 {font-size:18px; color:#222222; font-weight:600; padding-bottom:15px;}
.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:13px; color:#666666; width:96%; height:180px; font-weight:100; line-height:22px; padding:2%;}
.sub_agree .agree_box p {color:#333333; font-size:15px; padding-top:15px;}

/*** 회원가입 | member/join.html ***/
h3.join_tit {font-size:18px; color:#222222; font-weight:600; text-align:left; padding-bottom:12px;}
h3.join_tit.pt20 {padding-top:20px;}
.sub_join table.board_write td input[name="zip"] {width:80px;min-width:70px;}
.sub_join table.board_write td input[name="address"],
.sub_join table.board_write td input[name="address2"] {width:55%;min-width:450px;}
.sub_join table.captcha {}
.sub_join table.captcha th {text-align:center;}
.sub_join table.captcha td {line-height:50px;}

table.board_write th .require_dot {position:absolute;left:14px;top:50%;margin-top:-15px;line-height:30px;height:30px;}
table.board_write th .require_dot:before {content:'*';font-size:14px;color:#f8a92e;line-height:14px;display:inline-block;width:auto;height:14px;}

.sub_memberout {}
.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

select.mail_select {height:28px; line-height:28px; border:1px solid #ddd; margin-right:5px;}

/*** 회원가입 완료 | member/join_ok.html ***/
.sub_ok {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_ok .ok_box {width:1000px; margin:0 auto; padding:70px 0; font-family:'Nanum Gothic', sans-serif; }
.sub_ok .ok_box h3 {padding-bottom:20px; font-size:36px; font-weight:700; color:#333;}
.sub_ok .ok_box h4 {padding-bottom:40px; font-size:16px; color:#777; line-height:26px; font-weight:500;}
.sub_ok .ok_box h4 span {color:#f8a92e; font-weight:600;}
.sub_ok .ok_box .home_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#f49b10; border:1px solid #f8a92e; text-align:center; line-height:40px; color:#fff; font-weight:600;}
.sub_ok .ok_box .login_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#f49b10; border:1px solid #f8a92e; text-align:center; line-height:40px; color:#fff; font-weight:600;}

/*** 회원탈퇴 | member/withdrawal.html ***/
p.memberout {color:#666; font-size:14px; line-height:20px; padding-bottom:30px;}


/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
.sub_login.add {max-width:1135px;}
.sub_login.add .login_box {width:100%; padding:191px 0 84px; background:url("../images/member/icon_password.png") no-repeat center 83px;}
.sub_login.add .login_box h2 {color:#282828; font-size:23px; font-weight:600; line-height:32px;}
.sub_login.add .login_box h2 span {color:#f8a92e; font-size:23px; font-weight:600;}
.sub_login.add .login_box table.board_write {width:662px; margin:58px auto 40px;}
.sub_login.add .login_box table.board_write caption {
	overflow:auto;
	text-indent:0;
	height:20px;
	line-height:20px;
	color:#777;
	font-size:14px;
	font-weight:500;
	text-align:left;
	padding-bottom:14px;
}
.sub_login.add .login_box table.board_write caption span {color:#444; font-size:14px; font-weight:600;}
.sub_login.add .login_box table.board_write input {width:396px;}
.sub_login.add .login_box .btn_center {}
.sub_login.add .login_box .btn_center button {width:160px;}
.sub_login.add .login_box .btn_center button.gray {margin-left:16px; background:#999; border:1px solid #999;}


/*───────────────────────────────────────────────────────────

	 SERVICE

───────────────────────────────────────────────────────────*/

/*** 이용약관 | service/agreement.html ***/
/*** 개인정보취급방침 | service/usepolicy.html ***/
.member_agree {font-size:13px; line-height:23px; padding:0 80px;text-align:left;}





/*───────────────────────────────────────────────────────────

	 ETC

───────────────────────────────────────────────────────────*/

/*** 에러페이지 | errors/index.html ***/
.error_cont {position:relative; min-height:900px; background:url("../images/sub/error_bg.gif") repeat-x left top;}
.error_cont .error_form {position:absolute; left:50%; top:123px; margin-left:-450px; width:910px; height:610px; background:url("../images/sub/error_form_bg.png") no-repeat left top; text-align:center;}
.error_cont .error_form h2 {color:#333; font-size:20px; font-weight:500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; padding:296px 0 10px;}
.error_cont .error_form p {color:#777; font-size:14px; font-weight:400; line-height:22px; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.error_cont .error_form h5 {width:156px; height:44px; border:2px solid #333; background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center; margin:38px auto 0;}
.error_cont .error_form h5 a {display:block; width:100%; height:44px; line-height:44px; color:#333; font-size:17px; font-weight:500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; text-align:left; text-indent:38px;}





/* 정확한 용도파악 불가 */

/**********팝업***********/
.password_popup {text-align:center;}
.password_popup p {color:#888; padding:40px 0 10px 0;}
.password_popup h2 {}
.password_popup h2 input {border:1px solid #d3d3d3; padding:3px 5px; width:150px;}
.password_popup h3 {padding-top:15px;}

/**********댓글***********/
.sub_board .comment {}
.sub_board .comment .comment_box {position:relative; border:1px solid #d3d3d3; padding:20px;}
.sub_board .comment .comment_box h2 {color:#555; padding-bottom:10px;}
.sub_board .comment .comment_box h2 span {padding-right:20px;}
.sub_board .comment .comment_box h2 span input {border:1px solid #d3d3d3; padding:5px;}
.sub_board .comment .comment_box textarea {border:1px solid #d3d3d3; width:87%; padding:5px; min-height:60px;}
.sub_board .comment .comment_box h3 {position:absolute; right:20px; bottom:20px; height:72px; text-align:center; width:72px; background-color:#1e83eb; line-height:72px;}
.sub_board .comment .comment_box h3 a {font-size:14px; color:#fff; font-weight:600;}
.sub_board .comment .comment_cont {position:relative;}
.sub_board .comment .comment_cont h2 {color:#888; border-bottom:1px solid #d3d3d3; padding:15px 0 7px 0;}
.sub_board .comment .comment_cont div {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .comment .comment_cont div h3 {color:#333; padding-bottom:3px;}
.sub_board .comment .comment_cont div h4 {color:#888;}
.sub_board .comment .comment_cont div p {position:absolute; right:0; top:9px;}
.sub_board .comment .comment_cont div p a { color:#666;}






/*----------------------------------------------
서브 solution CSS 시작
----------------------------------------------*/

.solution_wrap {}
.solution_wrap div.thumb_title {border:1px #ccc solid;padding:9px;position:relative;z-index:1;}
.solution_wrap div.thumb_title em {position:absolute;left:49px;top:49px;display:inline-block;width:auto;line-height:36px;text-align:left;color:#333;font-size:30px;font-weight:600;}
.solution_1.solution_wrap div.thumb_title em {color:#fff;}
.solution_4.solution_wrap div.thumb_title em {color:#fff;text-shadow: 0px 0px 6px rgba(0,0,0,0.4);}
.solution_wrap div.thumb_title img {}
.solution_wrap p.thumb_title {line-height:25px;padding:15px 0 54px 0;color:#777;font-size:17px;font-weight:600;}
.solution_wrap p.thumb_title + .small_thumb {background:url(../img/bg_sub_dot.gif) repeat-x 0 0;padding:61px 0 20px 0;}
.solution_wrap .small_thumb {}
.solution_wrap .small_thumb li {width:260px;border:1px #aaa solid;border-bottom:3px #aaa solid;margin-bottom:25px;}
.solution_wrap .small_thumb li + li {margin-left:25px;}
.solution_wrap .small_thumb li.clear_fl {margin-left:0;}
.solution_wrap .small_thumb li div.sm_thumb {border-bottom:1px #aaa solid;position:relative;}
.solution_wrap .small_thumb li div.sm_thumb em {transition: all .2s;opacity:0;line-height:21px;padding-top:68px;z-index:1;display:inline-block;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;text-align:center;color:#fff;font-size:20px;font-weight:600;vertical-align:middle;cursor:pointer;background: rgba(0,0,0,0.7);}
.solution_wrap .small_thumb li:hover div.sm_thumb em {transition: all .2s;opacity:1;}
.solution_wrap .small_thumb li div.sm_thumb img {}
.solution_wrap .small_thumb li p {padding:30px 0 0 0;height:82px;line-height:23px;font-size:17px;font-weight:600;color:#777;text-align:center;}
.solution_wrap .small_thumb li p.line2 {padding:16px 0 0 0;}

/*----------------------------------------------
서브 solution CSS 끝
----------------------------------------------*/




/*----------------------------------------------
서브 product CSS 시작
----------------------------------------------*/

.product_wrap {}
.product_wrap div.thumb_title {border:1px #ccc solid;background:#eee;padding:9px;position:relative;z-index:1;}
.product_wrap div.thumb_title em {position:absolute;left:49px;top:49px;display:inline-block;width:auto;line-height:55px;text-align:left;color:#333;font-size:45px;font-weight:600;}
.product_wrap div.thumb_title img {}
.product_wrap p.thumb_title {line-height:25px;padding:15px 0 54px 0;color:#777;font-size:17px;font-weight:600;}

.product_wrap p.thumb_title + .small_thumb,
.product_wrap p.thumb_title + .no2_thumb,
.product_wrap .no2_thumb + .no1_thumb,
.product_wrap .no1_thumb + .no1_thumb,
.product_wrap.product_4 .table_info + .table_info_bg,
.product_wrap .no1_thumb + .table_info {background:url(../img/bg_sub_dot.gif) repeat-x 0 0;padding:56px 0 60px 0;}
.product_wrap p.thumb_title + .small_thumb {padding:61px 0 20px 0;}
.product_wrap.product_4 .table_info + .table_info_bg {margin-top:30px;padding-bottom:0;}

.product_wrap .no1_thumb {font-size:0;}
.product_wrap .no1_thumb dt {width:410px;}
.product_wrap .no1_thumb dt em {color:#333;font-size:20px;font-weight:600;line-height:24px;padding:0px 0 11px 21px;background:url(../img/sub_icon_title.gif) no-repeat 0 7px;display:inline-block;width:100%;}
.product_wrap .no1_thumb dt ul {font-size:0;}
.product_wrap .no1_thumb dt ul li {line-height:20px;text-align:left;color:#777;font-size:15px;font-weight:600;vertical-align:middle;position:relative;z-index:1;padding:5px 0 5px 10px;}
.product_wrap .no1_thumb dt ul li:before {content:"";display:inline-block;width:3px;height:3px;background:#888;margin:0;vertical-align:top;position:absolute;left:0;top:14px;}
.product_wrap .no1_thumb dt ul li + li {}
.product_wrap .no1_thumb dd {margin-top:5px;width:400px;border:1px #ccc solid;background:#eee;padding:9px;}
.product_wrap .no1_thumb dt + dt {width:50%;}

.product_wrap .no2_thumb {}
.product_wrap .no2_thumb dt {color:#333;font-size:20px;font-weight:600;line-height:24px;padding:0px 0 20px 21px;background:url(../img/sub_icon_title.gif) no-repeat 0 7px;}
.product_wrap .no2_thumb dd {}
.product_wrap .no2_thumb dd ul {}
.product_wrap .no2_thumb dd ul li {border:1px #ccc solid;background:#eee;padding:9px;}
.product_wrap .no2_thumb dd ul li + li {margin-left:25px;}
.product_wrap .no2_thumb dd p {padding:3px 0 0 0;color:#888;font-size:15px;font-weight:600;line-height:20px;text-align:left;}

.product_wrap .table_info {}
.product_wrap .table_info dt {color:#333;font-size:20px;font-weight:600;line-height:24px;padding:0px 0 20px 21px;background:url(../img/sub_icon_title.gif) no-repeat 0 7px;}
.product_wrap .table_info dd {}
.product_wrap .table_info dd table {border:0;width:100%;}
.product_wrap .table_info dd table th,
.product_wrap .table_info dd table td {font-size:15px;line-height:21px;border:1px #ccc solid;border-left:0;border-right:0;vertical-align:middle;text-align:center;}
.product_wrap .table_info dd table tr td {border-top:0 none;}
.product_wrap .table_info dd table th + th,
.product_wrap .table_info dd table td + td {border-left:1px #ccc solid;}
.product_wrap .table_info dd table th {height:63px;font-weight:600;color:#333;border-top:2px #2882e1 solid;background:#eee;}
.product_wrap .table_info dd table td {padding:13px 0 12px 0;font-weight:400;color:#777;}
.product_wrap .table_info dd p {color:#888;font-size:15px;font-weight:600;line-height:20px;text-align:left;padding:15px 0 20px 10px;position:relative;z-index:1;}
.product_wrap .table_info dd p:before {content:"";display:inline-block;width:3px;height:3px;background:#888;position:absolute;left:0;top:24px;}

.search_wrap {}
.search_wrap .small_thumb {}
.search_wrap .small_thumb li {width:260px;border:1px #aaa solid;border-bottom:3px #aaa solid;margin-bottom:25px;}
.search_wrap .small_thumb li + li {margin-left:25px;}
.search_wrap .small_thumb li.clear_fl {margin-left:0;}
.search_wrap .small_thumb li div.sm_thumb {border-bottom:1px #aaa solid;position:relative;}
.search_wrap .small_thumb li div.sm_thumb em {transition: all .2s;opacity:0;line-height:21px;padding-top:68px;z-index:1;display:inline-block;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;text-align:center;color:#fff;font-size:20px;font-weight:600;vertical-align:middle;cursor:pointer;background: rgba(0,0,0,0.7);}
.search_wrap .small_thumb li:hover div.sm_thumb em {transition: all .2s;opacity:1;}
.search_wrap .small_thumb li div.sm_thumb img {}
.search_wrap .small_thumb li p {padding:30px 0 0 0;height:82px;line-height:23px;font-size:17px;font-weight:600;color:#777;text-align:center;}
.search_wrap .small_thumb li p.line2 {padding:16px 0 0 0;}

/*----------------------------------------------
서브 product CSS 끝
----------------------------------------------*/





/*----------------------------------------------
서브 about CSS 시작
----------------------------------------------*/
.about_wrap {padding:0 0 87px;}

/* Our Company */
.about_wrap .tit {height:280px; background:url("../img/bnr_about01_01.gif") no-repeat left top; margin:0 0 40px;}
.about_wrap .tit span {display:inline-block; color:#fff; font-size:30px; font-weight:600; line-height:40px; padding:80px 0 0 50px;}
.about_wrap .cont {}
.about_wrap .cont .cont_sec01 {padding:0 0 30px; margin:0 0 60px; background:url("../img/about_bg_line.png") repeat-x left bottom;}
.about_wrap .cont .cont_sec02 {padding:0 0 60px; margin:0 0 60px; background:url("../img/about_bg_line.png") repeat-x left bottom;}
.about_wrap .cont .cont_sec02 h3 {color:#333; font-size:18px; font-weight:600; line-height:25px; padding:0 0 9px;}
.about_wrap .cont .cont_sec02 h3 span {color:#2882e1; font-size:18px; font-weight:600;}
.about_wrap .cont .cont_sec02 p {color:#777; font-size:15px; font-weight:500; line-height:23px;}
.about_wrap .cont .cont_sec03 {}
.about_wrap .cont .cont_sec03 p {
	text-align:center;
	border:9px solid #f5f5f5;
	outline:1px solid #ccc;
	color:#777;
	font-size:15px;
	font-weight:500;
	line-height:23px;
	padding:45px 0;
}
.about_wrap .cont .cont_sec03 p span {color:#333; font-size:15px; font-weight:600; text-decoration:underline;}

.about_wrap .cont dl {}
.about_wrap .cont dl dt {
	color:#333;
	font-size:20px;
	font-weight:600;
	line-height:24px;
	padding:0px 0 20px 21px;
	background:url(../img/sub_icon_title.gif) no-repeat 0 7px;
}
.about_wrap .cont dl dd {}

table.tbl_about {border-top:2px solid #555; margin:0 0 30px;}
table.tbl_about tr {}
table.tbl_about tr th {color:#333; font-size:14px; font-weight:700; line-height:23px; background:#f5f5f5; border-right:1px solid #ccc; text-align:left;}
table.tbl_about tr th span {color:#333; font-size:14px; font-weight:700;}
table.tbl_about tr td {color:#777; font-size:13px; font-weight:400;}
table.tbl_about tr th,
table.tbl_about tr td {border-bottom:1px solid #ccc; padding:14px 0 15px 15px;}
table.tbl_about tr td em,
table.tbl_about tr td span {color:#666; font-size:13px; font-weight:400;}

/* CEO Greetings */
.about_wrap .ceo_cont {}
.about_wrap .ceo_cont h2 {position:relative; color:#333; font-size:30px; font-weight:600; padding:9px 0 20px; margin:0 0 30px;}
.about_wrap .ceo_cont h2::before {
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	display:block;
	width:40px;
	height:3px;
	background:#2882e1;
}
.about_wrap .ceo_cont h2 span {color:#2882e1; font-size:30px; font-weight:600;}
.about_wrap .ceo_cont p {color:#777; font-size:15px; font-weighT:500; line-height:25px; letter-spacing:-0.5px; margin:0 0 25px;}
.about_wrap .ceo_cont span.sign {display:block; text-align:right; padding:30px 0 0;}

/* History */
.about_wrap .history_cont {}
.about_wrap .history_cont h1 {position:relative; text-align:center; padding:0 0 8px; margin:0 0 20px;}
.about_wrap .history_cont h1::before {
	position:absolute;
	left:50%;
	bottom:0;
	content:"";
	display:block;
	width:32px;
	height:2px;
	background:#000;
	margin-left:-16px;
}
.about_wrap .history_cont .cont {position:relative; height:1990px;}
.about_wrap .history_cont .cont::before {
	position:absolute;
	left:50%;
	top:42px;
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#ccc;
}
.about_wrap .history_cont .cont h2 {text-align:center; color:#333; font-size:22px; font-weight:500;}
.about_wrap .history_cont .cont > div {}
.about_wrap .history_cont .cont > div:after {clear:both; content:""; display:block;}
.about_wrap .history_cont .cont .history_img {position:relative;}
.about_wrap .history_cont .cont .history_img img {padding:9px; border:1px solid #ccc; max-width:auto !important;}
.about_wrap .history_cont .cont .history_sec01 {padding:40px 0 0;}
.about_wrap .history_cont .cont .history_sec01 .history_img {float:left;}
.about_wrap .history_cont .cont .history_sec01 .history_img img.img01 {position:absolute; left:0; top:3px;}
.about_wrap .history_cont .cont .history_sec01 .history_img img.img02 {position:absolute; left:219px; top:80px;}
.about_wrap .history_cont .cont .history_sec01 .history_img img.img03 {position:absolute; left:89px; top:310px;}
.about_wrap .history_cont .cont .history_sec02 .history_img img.img01 {position:absolute; right:166px; top:80px;}
.about_wrap .history_cont .cont .history_sec02 .history_img img.img02 {position:absolute; right:0; top:310px;}
.about_wrap .history_cont .cont .history_sec03 .history_img img.img01 {position:absolute; left:0; top:3px;}
.about_wrap .history_cont .cont .history_sec03 .history_img img.img02 {position:absolute; left:124px; top:220px;}
.about_wrap .history_cont .cont .history_sec03 .history_img img.img03 {position:absolute; left:0; top:390px;}
.about_wrap .history_cont .cont .history_sec01 .history {float:right;}
.about_wrap .history_cont .cont .history_sec02 {padding:20px 0 0;}
.about_wrap .history_cont .cont .history_sec02 .history_img {float:right;}
.about_wrap .history_cont .cont .history_sec02 .history {float:left; text-align:right;}
.about_wrap .history_cont .cont .history_sec03 {padding:18px 0 0;}
.about_wrap .history_cont .cont .history_sec03 .history_img {float:left;}
.about_wrap .history_cont .cont .history_sec03 .history {float:right;}
.about_wrap .history_cont .cont .history {}
.about_wrap .history_cont .cont .history dl {position:relative; padding:0 0 30px;}
.about_wrap .history_cont .cont .history dl::before {
	position:absolute;
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:url("../img/icon_history.png") no-repeat left top;
}
.about_wrap .history_cont .cont .history_sec01 .history dl::before {left:-9px; top:8px;}
.about_wrap .history_cont .cont .history_sec02 .history dl::before {right:-28px; top:8px;}
.about_wrap .history_cont .cont .history_sec03 .history dl::before {left:-12px; top:8px;}
.about_wrap .history_cont .cont .history dl dt {
	position:relative;
	color:#444;
	font-size:26px;
	font-weight:600;
	padding-left:11px;
	padding-bottom:12px;
	margin-left:11px;
	background:none;
}
.about_wrap .history_cont .cont .history dl dt::before {
	position:absolute;
	content:"";
	display:block;
	width:12px;
	height:1px;
	background:#ccc;
}
.about_wrap .history_cont .cont .history_sec01 .history dl dt::before {left:-8px; top:13px;}
.about_wrap .history_cont .cont .history_sec02 .history dl dt::before {right:-16px; top:13px;}
.about_wrap .history_cont .cont .history_sec03 .history dl dt::before {left:-11px; top:13px;}
.about_wrap .history_cont .cont .history dl dd {padding-left:11px;}
.about_wrap .history_cont .cont .history dl dd ul {}
.about_wrap .history_cont .cont .history dl dd ul li {
	position:relative;
	color:#777;
	font-size:15px;
	font-weight:500;
	line-height:22px;
	padding:0 0 6px 10px;
	margin-left:11px;
}
.about_wrap .history_cont .cont .history_sec02 .history dl dd ul li {padding-right:11px;}
.about_wrap .history_cont .cont .history dl dd ul li::before {
	position:absolute;
	content:"";
	display:block;
	width:3px;
	height:3px;
	background:#999;
}
.about_wrap .history_cont .cont .history_sec01 .history dl dd ul li::before {left:0; top:11px;}
.about_wrap .history_cont .cont .history_sec02 .history dl dd ul li::before {right:0; top:11px;}
.about_wrap .history_cont .cont .history_sec03 .history dl dd ul li::before {left:0; top:11px;}
/*----------------------------------------------
서브 about CSS 끝
----------------------------------------------*/




/*----------------------------------------------
서브 location CSS 시작
----------------------------------------------*/
.loca_wrap {}
.loca_wrap .map {padding:9px; border:1px solid #ccc;}
.loca_wrap .map .root_daum_roughmap .wrap_controllers {display:none;}
.loca_wrap .map_info {padding:30px 0 0;}
.loca_wrap .map_info dl {}
.loca_wrap .map_info dl dt {
	color:#333;
	font-size:20px;
	font-weight:600;
	line-height:24px;
	padding:0px 0 20px 21px;
	background:url(../img/sub_icon_title.gif) no-repeat 0 7px;
}
.loca_wrap .map_info dl dd {}
.loca_wrap .map_info div {padding:0 0 25px; margin:0 0 30px; border-bottom:1px dotted #888;}
.loca_wrap .map_info div:last-child {border:none;}
.loca_wrap .map_info div h2 {
	color:#333;
	font-size:17px;
	font-weight:600;
	padding-left:14px;
	margin-bottom:15px;
	background:url("../img/bg_sub_arrow.gif") no-repeat left center;
}
.loca_wrap .map_info div ul {}
.loca_wrap .map_info div ul:after {clear:both; content:""; display:block;}
.loca_wrap .map_info div ul li {float:left; height:25px; line-height:25px; color:#777; font-size:14px; font-weight:500; padding:0 100px 0 35px;}
.loca_wrap .map_info div:first-child ul li {padding-right:0;}
.loca_wrap .map_info div ul li.addr {background:url("../img/bnr_location01_01.gif") no-repeat left top;}
.loca_wrap .map_info div ul li.tel {background:url("../img/bnr_location01_02.gif") no-repeat left top;}
.loca_wrap .map_info div ul li.fax {background:url("../img/bnr_location01_03.gif") no-repeat left top;}
.loca_wrap .map_info div ul li.mail {background:url("../img/bnr_location01_04.gif") no-repeat left top;}
.loca_wrap .map_info div ul li span {color:#333; font-size:14px; font-weight:500;}
.loca_wrap .map_info div ul li span.bold {font-weight:600;}
/*----------------------------------------------
서브 location CSS 끝
----------------------------------------------*/