@charset "utf-8";


/*** common ***/
body {overflow-x:hidden;}

.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic', sans-serif !important;}

.ff_open,
.ff_open a,
.ff_open span,
.ff_open div,
.ff_open ul,
.ff_open li,
.ff_open p {font-family: 'Open Sans' !important;}

.ff_noto,
.ff_noto a,
.ff_noto span,
.ff_noto div,
.ff_noto ul,
.ff_noto li,
.ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important;font-weight:400;}

.dn {display:none;}
#wrap { height:100%;min-width:1100px;}
.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;}

.after_div {*zoom:1;}
.after_div:after { clear:both;content:"";display:block;}
.clear {*zoom:1;}
.clear:after { clear:both;content:"";display:block;}
.fl { float:left;}
.fr { float:right;}
.clear_fl {clear:both;float:left;}
a {color:#000;}
a:hover {color:#000;}

.relative {position:relative;}
.absolute {position:absolute;}
.block {display:block;}
.blind, .dn {display:none !important;}

/*** 정렬 ***/
.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;}

/*** 폰트 굵기 ***/
.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_top_000 {border-top:1px #000 solid;}
.border_rig_non {border-right:0 none !important;}
.border_rig_000 {border-right:1px #000 solid !important;}
.border_bot_non {border-bottom:0 none !important;}
.border_bot_000 {border-bottom:1px #000 solid !important;}
.border_left_non {border-left:0 none !important;}
.border_left_000 {border-left:1px #000 solid !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;}


::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
:-moz-placeholder {}


/*** 간격 조절 ***/
.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_32 {margin-top:32px !important;}
.mt_35 {margin-top:35px !important;}
.mt_38 {margin-top:38px !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_100 {margin-top:100px !important;}
.mt_120 {margin-top:120px !important;}
.mt_130 {margin-top:130px !important;}
.mt_-1 {margin-top:-1px !important;}
.mt_-5 {margin-top:-5px !important;}
.mt_-8 {margin-top:-8px !important;}
.mt_-10 {margin-top:-10px !important;}
.mt_-20 {margin-top:-20px !important;}
.mt_-27 {margin-top:-27px !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_4 {margin-bottom:4px !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_36 {margin-bottom:36px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_53 {margin-bottom:53px !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;}
.mb_80 {margin-bottom:80px !important;}
.mb_100 {padding-bottom:100px !important;}
.mb_130 {margin-bottom:130px !important;}
.mb_150 {padding-bottom:150px !important;}
.mb_160 {padding-bottom:160px !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_14 {padding-top:14px !important;}
.pt_15 {padding-top:15px !important;}
.pt_18 {padding-top:18px !important;}
.pt_20 {padding-top:20px !important;}
.pt_21 {padding-top:21px !important;}
.pt_25 {padding-top:25px !important;}
.pt_28 {padding-top:28px !important;}
.pt_30 {padding-top:30px !important;}
.pt_32 {padding-top:32px !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;}
.pt_75 {padding-top:75px !important;}
.pt_80 {padding-top:80px !important;}
.pt_130 {padding-top:130px !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;}
.pl_45 {padding-left:45px !important;}
.pl_47 {padding-left:47px !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_8 {padding-bottom:8px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_23 {padding-bottom:23px !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;}
.pb_80 {padding-bottom:80px !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;}
.pr_3p {padding-right:3% !important;}




/*** input box 모음 ***/
input[type="text"]::-webkit-input-placeholder {}
input[type="text"]::-moz-placeholder {}
input[type="text"]:-ms-input-placeholder {}
input[type="text"]:-moz-placeholder {}



/*** input box 모음 ***/
input[type="text"]::-webkit-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="text"]:-moz-placeholder {}

input[type="password"]::-webkit-input-placeholder,
input[type="password"]::-moz-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="password"]:-moz-placeholder {}

/*** 버튼 ***/
.btn_center {text-align:center;font-size:0;}
.btn_center a {margin:0;}
.btn_center button + button,
.btn_center a + button,
.btn_center button + a,
.btn_center a + a,
.btn + .btn{margin-left:8px;}

/*** 버튼 모음 ***/
.btn_center{text-align:center;padding-top:30px;}
.btn {border-style:solid !important;border-width:1px !important;box-sizing:border-box;vertical-align:top !important;display:inline-block !important;text-align:center;text-indent:0;padding:0 !important;cursor:pointer;box-shadow:none;outline:0 !important;font-family:'Lato','Nanum Gothic', sans-serif;font-size:15px;font-weight:bold;}
.btn {width: 100px;height:40px;display:inline-block;text-align:center;font-size:15px;line-height:36px;font-weight:bold;margin:0 auto;}


.btn_basic, .btn_basic:hover{border-color:#363636 !important;background-color:#363636 !important;color:#fff !important;}
.btn_point, .btn_point:hover {border-color:#fabc09 !important;background-color:#fabc09 !important;color:#fff !important;border:1px solid #fabc09;box-sizing:border-box;font-weight:700;color:#fff;}

.btn_black.btn-payco {text-indent:61px !important;background-image:url(../img/da_image/sub/icon_join_payco.gif);background-repeat:no-repeat !important;background-position:34px 50% !important;border-color:#fa1414 !important;background-color:#fa1414 !important;color:#fff !important;font-size:15px;font-weight:700;text-align:left !important;}
.btn_black.btn-facebook {text-indent:51px !important;background-image:url(../img/da_image/sub/icon_join_facebook.gif);background-repeat:no-repeat !important;background-position:27px 50% !important;border-color:#3b5999 !important;background-color:#3b5999 !important;color:#fff !important;font-size:15px;font-weight:700;text-align:left !important;}

.btn_sm {height:27px;line-height:25px;width:auto !important;padding:0 10px ;}
.btn_reset {background:#fff url(../images/board/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;}

.board_search .btn, 
.board_search .btn:hover{font-size:12px;width:60px;height:30px;color:#fff;line-height:24px;}

/*───────────────────────────────────────────────────────────
 전역 인풋 및 셀렉트박스 css

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

/* input */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"] {height:26px;line-height:26px;border:1px #ddd solid;color:#555;font-size:12px;text-indent:5px;padding:0;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;border-radius:0;font-family: 'Lato','Nanum Gothic', sans-serif;outline:0;vertical-align:top;}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder { color: #555;}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder { color: #555;}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder { color: #555;}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder { color: #555;}
/*크롬 포커스시 배경색*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 50px #fff inset ; -webkit-text-fill-color: #555; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
/*크롬 포커스시 배경색*/

button {outline:0;box-sizing:border-box;vertical-align:top;}

select {outline:0;cursor:pointer;height:27px;line-height:25px;font-size: 12px;color: #555;border: 1px solid #ddd;box-sizing:border-box;margin:0;padding:0 0 0 10px;vertical-align:middle;text-align:left;border-radius:0;font-family: 'Lato','Nanum Gothic', sans-serif;vertical-align:top;}
/*화살표 없애기
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand { display: none;}
select option { line-height:28px;padding:5px 0;}
select option:checked, select option:hover { line-height:25px;background:#e0e0e0;font-size: 12px;color: #555;}
select option:checked, select option:hover { line-height:25px;box-shadow: 0 0 10px 100px #e0e0e0 inset;font-size: 12px;color: #555;}
*/
.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:10px;border-right:7px solid transparent;border-bottom:7px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);display:none;}/*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:18px;height:18px;margin:-2px 5px 0 0;vertical-align:middle;background:url("../images/da_image/icon_chk.png") left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/da_image/icon_chk_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;}

/*───────────────────────────────────────────────────────────
 간격조절 css

───────────────────────────────────────────────────────────*/
.m_t30 {margin-top:30px !important;}
.m_t33 {margin-top:33px !important;}
.m_b40 {margin-bottom:40px !important;}
.m_b50 {margin-bottom:50px !important;}




/*───────────────────────────────────────────────────────────
	layout정리190513 
───────────────────────────────────────────────────────────*/

.w_layout, .wid_100 {width:100%;text-align:center;margin:0;padding:0;}/*text-align은 익스7이하에서 맞추기 위해서 명명*/
.w_set, .w_custom, .wid_cus {width:1100px;;text-align:left;margin:0 auto;padding:0;}

/* header 레이아웃 */
.warpper {width:100%;} /* header 와 footer 제외하고 전체를 감싸는 영역 */
.warpper .contents_wrap {width:1100px;margin:0 auto;padding:0;position:relative;z-index:1;vertical-align:top;font-size:0;min-height:640px;} /* warpper 안에 측면과 컨텐츠를 감싸는 영역 */
.warpper .contents_wrap #aside {width:20%;float:left;vertical-align:top;} /* 측면을 감싸는 영역 */
.warpper .contents_wrap #contents_box {width:100%;padding:30px 0 50px 0;vertical-align:top;} /* 컨텐츠를 감싸는 영역 */
.warpper .contents_wrap #aside + #contents_box {font-size:12px;width:80%;padding:30px 0 50px 40px;box-sizing:border-box;float:left;} /* 측면과 컨텐츠가 함께 나올때 영역 사이즈 재설정 */
.warpper .contents_wrap .nav_wrap {margin-top:-7px;} /* 네비게이션 감싸는 영역. 레이아웃에 따라 위치가 ".contents_wrap > .nav_wrap" 일수도, ".contents_wrap #contents_box > .nav_wrap" 일수도 있음 */
.warpper .contents_wrap #contents_box #content {width:100%;margin:0;padding:0;text-align:left;} /* 컨텐츠 */
.warpper .contents_wrap #contents_box #content:after {clear:both;content:"";display:block;}

/* 네비게이션 영역 */
.nav_wrap {}
.nav_wrap .nav_box {padding: 0 0 3px 0;border:0;margin:0;border-bottom: 1px #858585 solid;margin-bottom: 27px;}
.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
.nav_wrap .nav_box h2 {font-size: 28px;color: #333;line-height: 46px;float: left;font-weight:700;font-family: 'Nanum Gothic', sans-serif;}
.nav_wrap .nav_box ul {float:right;font-size:0;line-height:18px;padding:15px 0 0 0;margin-right: -4px;}
.nav_wrap .nav_box ul li {text-align: right;line-height: 18px;padding:0;color: #aaa;font-size: 8px;display:inline-block;padding-right: 2px;}
.nav_wrap .nav_box ul li + li {padding-left:5px;background: url(../images/da_image/sub_content_arrow.gif) no-repeat left center;padding-right: 7px;padding-left: 11px;}
.nav_wrap .nav_box ul li span,
.nav_wrap .nav_box ul li strong,
.nav_wrap .nav_box ul li a {padding: 0;font-size: 12px;display: inline-block;line-height: 17px;width: auto;color: #666;vertical-align: middle;margin:0;font-family: 'Nanum Gothic', sans-serif;}
.nav_wrap .nav_box ul li a.home {padding:0;margin-right: 4px;background: url(../images/da_image/home.gif) no-repeat 0 45%;width: 9px;height: 18px;text-indent:999px;overflow:hidden;}
.nav_wrap .nav_box ul li:last-child a,
.nav_wrap .nav_box ul li:last-child span,
.nav_wrap .nav_box ul li:last-child strong {color:#222;font-weight:700;}

/*측면영역*/
#aside {padding:30px 0 0 0;}
/*#aside:after {position:absolute;left:0;top:0;bottom:0;width:221px;height:100%;border-left:1px #ddd solid;border-right:1px #ddd solid;box-sizing:border-box;content:"";display:inline-block;z-index:-1;background:none;}*/
#aside .sub_menu {float:left;width:220px;padding:0 0 100px 0;margin:0;z-index:2;}
#aside .sub_menu dl {}
#aside .sub_menu dt,
#aside .sub_menu dd {width:100%;}
#aside .sub_menu dt {text-align:left;color:#fff;font-size:25px;font-weight:600;font-family: "Titillium Web",sans-serif;box-sizing:border-box;min-height:50px;line-height:30px;padding:10px 20px;vertical-align:middle;background:#fabc09;margin:0 0 30px 0;}
#aside .sub_menu dd {text-align:left;border-bottom:1px #d3d3d3 solid;}
#aside .sub_menu dt + dd {border-top:1px #d3d3d3 solid;}
#aside .sub_menu dd a {display:block;text-indent:0;font-size:15px;color:#333;font-weight:700;width:100%;padding:12px 40px 12px 20px;line-height:20px;background:url("../images/da_image/b_plus.gif") no-repeat 92% 50%;font-family:'Nanum Gothic', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;box-sizing:border-box;}
#aside .sub_menu dd:hover a,
#aside .sub_menu dd.on a {color:#fabc09;background:url("../images/da_image/plus.gif") no-repeat 92% 50%;}
/* 측면 공통요소 영역 - left_bnr */

/*───────────────────────────────────────────────────────────
	layout정리190513 
───────────────────────────────────────────────────────────*/







/*───────────────────────────────────────────────────────────
 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 {background:url("../images/da_image/logo_background.gif") no-repeat center;width:100%;min-width: 1100px;position:relative;z-index:5;}
#header #gnb {position:relative;z-index:3;}
#header #gnb .gnb_wrap {padding:26px 0;position:relative;z-index:3;line-height:30px;}
#header #gnb .gnb_wrap h1{position:absolute;left:0;top:50%;transform:translateY(-50%);}
#header #gnb .gnb_wrap .gnb_left {height:30px;margin:0;font-size:0;text-align:right;}
#header #gnb ul.gnb_left li {display:inline-block;line-height:17px;height:30px;padding:6px 0 7px;vertical-align:top;}
#header #gnb ul.gnb_left li a {color:#808080;font-size:12px;vertical-align:top;}
#header #gnb ul.gnb_left li + li {}
#header #gnb ul.gnb_left li + li:before {content:"";display:inline-block;width:1px;height:7px;background:#a1a1a1;vertical-align:top;margin: 5px 20px 0;}
#header #gnb ul.gnb_left li.sch_wrap {width:163px;height:30px;box-sizing:border-box;border:2px #000 solid;line-height:28px;background:none;margin-left: 26px;padding:0;}
#header #gnb ul.gnb_left li.sch_wrap:before {display:none;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search {border:0;height:28px;padding:0 9px 0 0;box-sizing:border-box;width:100%;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box {border:0;line-height:28px;height:28px;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input.sinput {height:28px;border:0;line-height:28px;padding:0 9px;margin:0;width:135px;box-sizing:border-box;color:#444;font-size:12px;font-weight:400;outline:0;background:none;text-indent:0;float:left;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input.sinput::-webkit-input-placeholder {color:#444;font-size:12px;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input.sinput::-moz-placeholder {color:#444;font-size:12px;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input.sinput:-ms-input-placeholder {color:#444;font-size:12px;}
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input.sinput:-moz-placeholder {color:#444;font-size:12px;}
/*크롬 포커스시 배경 삭제*/
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0) inset ; -webkit-text-fill-color: #444; }
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input:-webkit-autofill,
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input:-webkit-autofill:hover,
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input:-webkit-autofill:focus,
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
/*크롬 포커스시 배경 삭제*/
#header #gnb ul.gnb_left li.sch_wrap .hd_search .hd_search_box input[type="submit"] {margin:6px 0 0 0;background:url(../images/da_image/search_btn1.png) no-repeat 50% 50%;width:15px;height:14px;float:right;border:0;outline:0;font-size:0;}

#header #lnb {}
#header #lnb .lnb_nav {position:relative;z-index:5;}
#header #lnb .lnb_all_wrap {width:20%;z-index:10;}
#header #lnb .lnb_all_wrap .lnb_title {background:#fabc09;color:#fff;font-size:16px;font-weight:500;font-family: 'Noto Sans KR';padding:0 50px 0 32px;box-sizing:border-box;width:100%;margin:0;height:50px;line-height:50px;position:relative;z-index:1;cursor:pointer;letter-spacing: -0.040em;}
#header #lnb .lnb_all_wrap .lnb_title:after {border-left:1px #fcd053 solid;background:url(../images/da_image/icon_hd_plus.gif) no-repeat 50% 50%;width:50px;height:50px;box-sizing:border-box;position:absolute;right:0;top:0;content:"";display:inline-block;}
#header #lnb .lnb_all_wrap .drop_menu_wrap {}
#header #lnb .lnb_nav {background:#363636;}
#header #lnb .lnb_nav ul.lnb_dep1 {height: 50px;line-height:50px;font-size:0;text-align:right;width:80%;}
#header #lnb .lnb_nav ul.lnb_dep1 > li {height: 50px;line-height:50px;display:inline-block;width:19.6%;text-align:center;}
#header #lnb .lnb_nav ul.lnb_dep1 > li a {color:#c3c3c3;font-size:14px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;}
#header #lnb .lnb_nav ul.lnb_dep1 > li.on a,
#header #lnb .lnb_nav ul.lnb_dep1 > li.ov a,
#header #lnb .lnb_nav ul.lnb_dep1 > li:hover a {color:#fabc09;}
#header #lnb .lnb_nav ul.lnb_dep1 > li.last {background:#8e8e8e;width:21.6%;}
#header #lnb .lnb_nav ul.lnb_dep1 > li.last a {color:#fff;}

.drop_menu_wrap {position:absolute;z-index:10;left:0;top:50px;width:100%;padding:0;}/*display:none;z-index:999;overflow:hidden;height:0px;*/
.drop_menu_wrap {overflow: hidden;height: 0px;transition: height .3s linear;}
.drop_menu_wrap.toggled {height:182px;}
.drop_menu_wrap .drop_box {background:#f2f2f2;border-bottom:solid 2px #363636;border-right:solid 2px #fabc09;position:relative;z-index:1;box-sizing:border-box;}
.drop_menu_wrap .drop_box:after {display:inline-block;position:absolute;right:0px;bottom:-2px;width:17.3%;z-index:-1;background:#fabc09;height:2px;}
.drop_menu_wrap .drop_box .drop_menu_list {position:relative;z-index:5;background:#f2f2f2;width:100%;padding:0 0 0 20%;box-sizing:border-box;margin:0;vertical-align:top;font-size:0;}
.drop_menu_list > li {display:inline-block;min-height:180px;padding:15px;vertical-align:top;text-align:left;border:0;box-sizing:border-box;padding-left: 51px;}
.drop_menu_list > li.first {padding:0;position:absolute;left:0%;top:0;}
.drop_menu_list > li.sub_menu {width:19.6%;}
.drop_menu_list > li.sub_menu.sub_1 {padding-left: -3%;}
.drop_menu_list > li.sub_menu.sub_2 {padding-left: 16 px;}
.drop_menu_list > li.sub_menu.sub_3 {padding-left: 57px;}
.drop_menu_list > li.sub_menu.sub_4 {padding-left: 51px;}
.drop_menu_list > li.sub_menu.sub_5 {width:21.6%;padding-left: 55px;}
.drop_menu_list > li a {color:#666;font-size:13px;vertical-align:top;}
.drop_menu_list > li a:hover {text-decoration:underline;}
.drop_menu_list > li ul.depth {vertical-align:top;}
.drop_menu_list > li ul.depth li {min-height:20px;height:auto;padding-bottom:8px;line-height:20px;text-align: left;width:100%;}
.drop_menu_list > li ul.depth li a {}
/*
.drop_menu_wrap{width:100%;background:#f5f5f5;z-index:999;height:0px;overflow:hidden;}
.drop_menu_wrap .menu_box{width: 1100px;margin: 0 auto;overflow: hidden;padding-left: 370px;box-sizing: border-box;}
.drop_menu_wrap .menu_box .hd_all_sub{float: left;display: inline-block;padding-left: 70px;vertical-align: top;text-align: left;width: 70px;padding:20px 0 10px 70px;}
.drop_menu_wrap .menu_box .hd_all_sub.sub_4{padding:20px 0px 10px 85px;}
.drop_menu_wrap .menu_box .hd_all_sub.sub_5{display:none;}
.drop_menu_wrap .menu_box .hd_all_sub.sub_6{padding:20px 0px 10px 65px;}
.drop_menu_wrap .menu_box ul{}
.drop_menu_wrap .menu_box ul li{text-align:left;padding:0 0 10px 0;}
.drop_menu_wrap .menu_box ul li a{color:#666 !important;font-size:12px !important;display:block;}
.drop_menu_wrap .menu_box ul li a:hover{color:#fabc09 !important;}
.drop_menu_wrap.on{height:105px;overflow:visible;}
*/





/*───────────────────────────────────────────────────────────
 FOOTER | outline/footer.html

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

#footer {position:relative;border-top:1px solid #d3d3d3;}/*border-top:1px #ddd solid;*/
#footer .w_set{position: relative;font-size: 12px;padding:25px 0 35px;}

#footer .footer_nav ul{list-style:none; margin-bottom:20px;font-size:0;}
#footer .footer_nav li{display:inline; font-size:12px; padding:0;}
#footer .footer_nav li + li {padding-left:13px;}
#footer .footer_nav li + li:before {content:"";display:inline-block;width:1px;height:10px;background:#ccc;vertical-align:top;margin:3px 13px 0 0;}
#footer .footer_nav li a{text-decoration:none; color:black; font-weight:bold;}
#footer .footer_copyright{line-height:20px;}
#footer .footer_copyright address{font-size:12px; color:#888888; line-height:20px; padding-bottom:17px;}
#footer .footer_copyright p{font-size:12px; color:#c3c3c3; line-height:20px;}
#footer .footer_copyright span{padding-left:13px; padding-right:13px; color:#dbdbdb;}




/*───────────────────────────────────────────────────────────
 SUB 공통

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

.sub_visual {position:relative;margin:0 auto;width:100%;min-width:1100px;height: 360px;z-index:1;overflow:hidden;background: url("../images/da_image/subvisual_bg.jpg") no-repeat center top;}
.sub_visual img {position:absolute;width: auto;height: 280px;left:50%;margin-left: -550px;}


.sub_container{width: auto;margin:0 auto;background:#fff;padding-bottom: 140px;box-sizing:border-box;}
.sub_container:after {clear:both;content:"";display:block;}

.sub_navi {background:#eee;width:100%;text-align:center;height:45px;}

.sub_cont .sub_info {font-size:12px;color:#888;line-height:18px;border-bottom:1px #ddd solid;text-align:left;padding:1px 0 20px 0;margin-bottom:50px;display:none;}

/*서브 네비게이션영역*/
.sub_cont .sub_tit {position:relative; margin-bottom:40px; font-size:36px; color:#333333; font-weight:600; border-bottom:2px solid #333333; height:48px;}
.loc_navi {background:url("../images/da_image/route_home.gif") no-repeat left center;position:absolute;right:0;top:0;font-size:12px;color:#555555;font-weight:100;padding-left:11px;}
.loc_navi dt {}
.loc_navi dd {text-align:right;line-height:15px;font-size: 12px;color: #555555;font-weight: 100;}
.loc_navi dd span,
.loc_navi dd strong {color: #555;display:inline-block;padding-left:24px;background:url("../images/da_image/route_bullet.gif") no-repeat 10px center;}
.loc_navi dd span.bold,
.loc_navi dd strong {color:#333;font-weight:600;}







/*───────────────────────────────────────────────────────────
 INDEX | index.html

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

#content.main {text-align:center; background:url("../images/da_image/main_background.gif") no-repeat center top;}
#content.main .main_visual {position:relative;width:100%;min-width:1100px;margin:0;height:504px;}
/* 스크립트 활용시 */
#content.main #slideshowHolder {margin:0 auto;}
#content.main .visual_btn ul{position:absolute; width:100%; left:0; top:62%; text-align:center;}
#content.main .visual_btn li{display:inline;}
#content.main .visual_btn li a{padding-right:6px;}
/* 어드민 기본기능 활용시 주석 해제후 사용
.main .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:504px;}
.main .main_visual .slick-slide a {display:inline-block;height:504px;width:1100px;max-width:1100px;margin:0 auto;text-align:Center;transform:translateX(-50%);position:absolute;left:50%;top:0;outline:0;}
.main .main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1100px;}
.main .main_visual .slick-arrow {display:none !important;display:inline-block;position:absolute;top:50%;margin-top:-30px;text-indent:-9999px;width:59px;height:59px;z-index:10;}
.main .main_visual .slick-arrow.slick-prev {left:0;background:url("../images/da_image/visual_left.png") no-repeat;}
.main .main_visual .slick-arrow.slick-next {right:0;background:url("../images/da_image/visual_right.png") no-repeat;}
.main .main_visual .slick-arrow.slick-prev.on {background:url("../images/da_image/visual_left_on.png") no-repeat;}
.main .main_visual .slick-arrow.slick-next.on {background:url("../images/da_image/visual_right_on.png") no-repeat;}
.main .main_visual .auto_control {display:none;position:absolute;right:20px;bottom:20px;font-size:0px;}
.main .main_visual .auto_control a {display:inline-block;width:auto;height:auto;font-size:25px;font-weight:bold;margin-left:10px;text-shadow:#ffffff 0px 0px 5px;}
.main .main_visual .auto_control a.on {color:#fff;text-shadow:#000 0px 0px 5px;}
.main .main_visual ul.slick-dots {width:auto;font-size:0;position:absolute;top:auto;bottom:10px;left:50%;transform:translateX(-50%);height:14px;text-align:center;display:block;}
.main .main_visual ul.slick-dots:after {clear:both;content:"";display:block;}
.main .main_visual ul.slick-dots li {display:inline-block;padding:0px;position:relative;vertical-align:top;display:inline-block !important;border:0;outline:0;}
.main .main_visual ul.slick-dots li button {vertical-align:top;margin:0 3px;display:inline-block;text-indent:-9999px;background:#c2c2c2;width:14px;height:14px;border-radius:14px;outline:0;overflow:hidden;}
.main .main_visual ul.slick-dots li.slick-active button {background:#fabc09;width:32px;}
*/
#content.main .main_banner {width:1100px; height:494px; margin:25px auto 0;}
#content.main .main_banner:after {clear:both; content:""; display:block;}
#content.main .main_banner .pro{float:left;}
#content.main .main_banner .pro_top{margin-bottom:15px; height:170px;}
#content.main .main_banner .pro_maketing,
#content.main .main_banner .pro_history,
#content.main .main_banner .notice_location {position:relative;z-index:1;box-sizing:border-box;}
#content.main .main_banner .pro_maketing a,
#content.main .main_banner .pro_history a,
#content.main .main_banner .notice_location a {display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;}
#content.main .main_banner .pro_maketing p,
#content.main .main_banner .pro_history p,
#content.main .main_banner .notice_location p {box-sizing:border-box;width:100%;margin:0;padding:0;color:#444;line-height:19px;font-size:15px;font-weight:400;font-family: 'Noto Sans KR',sans-serif;padding:20px;text-align:center;}
#content.main .main_banner .pro_maketing p {font-size:14px;color:#888;font-weight:400;letter-spacing: -0.5px;}
#content.main .main_banner .pro_history p {font-size:14px;text-align:left;color: #fff;}
#content.main .main_banner .notice_location p {text-shadow:0px 0px 4px rgba(255,255,255,1);}
#content.main .main_banner .pro_maketing p strong,
#content.main .main_banner .pro_history p strong,
#content.main .main_banner .notice_location p strong {width:100%;display:inline-block;color:#333;font-size:18px;line-height:24px;font-weight:500;font-family: 'Noto Sans KR',sans-serif;}
#content.main .main_banner .pro_maketing p strong {font-size:21px;line-height:26px;margin:24px 0 7px 0;font-weight: 600;letter-spacing: -0.5px;}
#content.main .main_banner .pro_history p strong {margin:11px 0 10px 0;padding:0 0 27px 0;position:relative;z-index:1;color: #fff;}
#content.main .main_banner .pro_history p strong:after {content:"";display:inline-block;background: #fff;width:30px;height:2px;position:absolute;left:0;bottom:0;}
#content.main .main_banner .notice_location p strong {margin-bottom:3px;margin-top:-3px;font-weight:600;}
#content.main .main_banner .pro_maketing p span {width:auto;margin:17px auto 0 auto;display:inline-block;font-family: 'Titillium Web';font-size:13px;font-weight:600;color:#333;background:url(../images/da_image/icon_arrow_more.gif) no-repeat 100% 50%;padding:0 12px 0 0;}
#content.main .main_banner .pro_maketing{width:300px;height:170px;background:url(../images/da_image/bg_pro_maketing.gif) no-repeat 0 0;float:left; margin-right:15px;}
#content.main .main_banner .pro_history{width:290px;height:309px;background:url(../images/da_image/bg_pro_history.gif) no-repeat 0 0; float:right; margin-left:15px;}
#content.main .main_banner .notice_location{width:300px;height:170px;background:url(../images/da_image/bg_notice_location.gif) no-repeat 0 0;}

#content.main .main_banner .pro_intro{height:170px; float:right;}
#content.main .main_banner h2{position:relative; margin-bottom:9px;height:30px;box-sizing:border-box;font-size:17px;font-weight:600;color:#222;line-height:23px;padding:0;font-family: 'Noto Sans KR';}
#content.main .main_banner h2:after {clear:boht;content:"";display:block;}
#content.main .main_banner h2 a {float:right;font-size:12px;color:#222;font-weight:400;display:inline-block;line-height:18px;height:18px;padding:0 16px 0 0;background:url(../images/da_image/pro_intro_arrow.gif) no-repeat 100% 50%;margin:3px 0 5px 0;vertical-align:top;}
#content.main .main_banner .pro_intro h2{margin-top:-3px;border-bottom:1px #d3d3d3 solid;padding:0 0 6px 0;font-weight: 600;}
#content.main .main_banner .pro_intro ul {width:470px;font-size:0;vertical-align:top;padding: 0;}
#content.main .main_banner .pro_intro ul li {width:110px;padding:0;margin:0;vertical-align:top;display:inline-block;}
#content.main .main_banner .pro_intro ul li + li {margin-left:10px;}
#content.main .main_banner .pro_intro ul li a {font-size:13px;font-weight:700;color:#222;line-height:19px;width:100%;display:inline-block;margin:0;padding:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content.main .main_banner .pro_intro ul li a img {max-width:100%;width:auto;height:85px;margin:0 auto;}
#content.main .main_banner .pro_intro ul li a span {line-height:19px;height:19px;width:100%;display:inline-block;margin:7px 0 0 0;padding:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content.main .main_banner .pro_bottom {height:309px;}
#content.main .main_banner .pro_visual {float:left;}
#content.main .main_banner .notice {float:right; width:300px;}
#content.main .main_banner .notice h2 a {background:url(../images/da_image/notice_news_arrow.gif) no-repeat 100% 50%;}
#content.main .main_banner .notice_news{text-align:left; padding:17px 20px 0 20px; height:309px; margin-bottom:15px; background:#f4f4f4;box-sizing:border-box;}
#content.main .main_banner .notice_news h2 {margin-bottom:0;}
#content.main .main_banner .notice_news ul {}
#content.main .main_banner .notice_news li {}
#content.main .main_banner .notice_news li a {text-align:center;width:100%;display:block;}
#content.main .main_banner .notice_news li img {width:auto;max-width:100%;height:143px;max-height:143px;margin:0 auto;display:inline-block;}
#content.main .main_banner .notice_news li span,
#content.main .main_banner .notice_news li strong {display:block;width:100%;margin:0;padding:0;box-sizing:border-box;text-align:left;overflow:hidden;text-overflow:ellipsis;}
#content.main .main_banner .notice_news li span {margin-top:6px; font-size:11px; line-height:19px;height:57px;color:#888; font-weight:400;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
#content.main .main_banner .notice_news li strong {margin-top:16px; font-weight:700;font-size:12px; color:#5b5b5b;line-height:18px;height:19px;white-space:nowrap;}





/*───────────────────────────────────────────────────────────
 
 SUB

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

/*** 인사말 회사소개 | company/index.html ***/
.sub_cont .intro_img{border:1px solid #d3d3d3; padding:4px;}
.sub_cont .intro_txt{margin-top:51px; margin-bottom:85px;}



/*** 오시는길 | company/location.html ***/
.sub_cont .map{width:840px; height:517px; border:1px solid #d3d3d3;}
.sub_cont .map_api{width:827px; height:504px; margin-top:6px; margin-left:6px; position:relative; background:black;}
.sub_cont .map_api > div {padding:0;border:0;}
.sub_cont .api{width:100%; height:100%; position:absolute;}

.sub_cont .map_info{width:841px; height:185px; margin-top:30px;}
.sub_cont .map_info h2{/* margin-top:13px;  */margin-bottom:10px;color:#333;font-size:17px;font-weight:500;padding:14px 0 0 37px;box-sizing:border-box;line-height:25px;font-family: 'Noto Sans KR';text-align:left;}
.sub_cont .map_info .company h2 {background:url(../images/da_image/bg_company_01.gif) no-repeat 0 0;}
.sub_cont .map_info .car h2 {background:url(../images/da_image/bg_company_02.gif) no-repeat 0 0;}
.sub_cont .company{width:400px; height:185px; float:left;}
.sub_cont .company tbody{font-size:13px; border-top:1px solid #363636;}
.sub_cont .company tr{border-bottom:1px solid #dddddd;}
.sub_cont .company th{font-weight:bold; color:#222222; text-align:left; padding-left:10px;width:73px;}
/*.sub_cont .address{padding-bottom:19px;}*/
.sub_cont .company td{color:#666666; padding-top:10px; padding-bottom:10px; padding-left:5px;}
.sub_cont .car{width:400px; height:172px; margin-left:40px; float:left;}
.sub_cont .car tbody{font-size:13px; border-top:1px solid #363636;}
.sub_cont .car tr{border-bottom:1px solid #dddddd;}
.sub_cont .car th{font-weight:bold; color:#222222; text-align:left; padding-left:10px; padding-bottom:11px;}
.sub_cont .car td{color:#666666; padding-top:10px; padding-bottom:10px; padding-left:10px;}


/*** 회사연혁 | company/history.html ***/
.sub_cont .history_img{border:none; padding:0px;}
.sub_cont .history_txt{margin-top:30px;}


/* 고객센터 */
.sub_content.customer {}
.sub_content.customer .agree_cont {}
.sub_content.customer .agree_cont .cont {border-top:1px solid #333;}
.sub_content.customer .agree_cont .cont textarea {width:840px;border:none;min-height:80px;padding:30px;text-align:left;color:#777;font-size:13px;font-weight:500;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;line-height:20px;background:#f9f9f9;}
.sub_content.customer .agree_cont .cont .agree_chk {position:relative;height:49px;line-height:49px;border:1px solid #ccc;border-width:1px 0;margin:0 0 33px;}
.sub_content.customer .agree_cont .cont .agree_chk input[type="checkbox"] + label:before,
.sub_content.customer .agree_cont .cont .agree_chk input[type="checkbox"] + label::before {position:absolute;left:0;top:18px;}
.sub_content.customer .agree_cont .cont .agree_chk label {color:#333;font-size:16px;font-weight:500;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;padding-left:10px;}

.btn {margin:0 auto;}
.btn.btn_contact {width:100%;}
/* 체크박스 디자인 변경 */
.sub_content.customer .agree_cont .cont .agree_chk input[type="checkbox"] {display:inline-block;width:14px;height:14px;vertical-align:middle;cursor:pointer;margin:0;background:url("../images/da_image/icon_chk.png") no-repeat left top;}
.sub_content.customer .agree_cont .cont .agree_chk input[type="checkbox"]:checked {background:url("../images/da_image/icon_chk_on.png") no-repeat left top;}


/*───────────────────────────────────────────────────────────
 TABLE | 서브페이지 전체 사용

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

/*** TABLE 작성 ***/
table.board_css {border:1px solid #e1e1e1;border-top:2px #363636 solid;border-bottom: 1px solid #bbbbbb;border-left:0;border-right:0px;font-size:12px; text-align:left; margin-bottom:20px;box-sizing:border-box;border-collapse:collapse;}
table.board_css th,
table.board_css td {box-sizing:border-box;border-collapse:collapse;}
table.board_css tr {border-bottom: 1px solid #e1e1e1;}
table.board_css tr:last-of-type {border-bottom:1px solid #bbbbbb;}
table.board_css th {color:#222;font-weight:700;padding:10px 10px 10px 30px;background-color:#fff;width:160px;text-align:left;font-size:12px;}
table.board_css th + td {border-left: 1px solid #d3d3d3;}
table.board_css td {color:#888888;font-weight:100;padding:10px 20px;line-height:25px;}
table.board_css td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
table.board_css td input[type=text],
table.board_css td input[type=password]{min-width: 222px;padding:0 10px;height:25px;border:1px solid #d3d3d3;}
table.board_css td input[regexptext=number]{min-width:50px;}
table.board_css td input[name=title] {width:100%;}
table.board_css td input::-webkit-input-placeholder {color:#aaa;font-size:12px;font-weight:400;}
table.board_css td  input::-moz-placeholder {color:#aaa;font-size:12px;font-weight:400;}
table.board_css td  input:-ms-input-placeholder {color:#aaa;font-size:12px;font-weight:400;}
table.board_css td  input:-moz-placeholder {color:#aaa;font-size:12px;font-weight:400;}
table.board_css td input.tel {min-width:50px;}
table.board_css td textarea {min-width:96%; padding:2%; height:200px; border:1px solid #d3d3d3;}

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 {margin-top:30px;text-align:right;}
.paging + .btn_right {position:absolute;bottom:-70px;right:0;margin-top:0;}
.sub_board .paging + .btn_right {position:absolute;bottom:55px;right:0;}

.btn:hover {color:#fff;}
.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;}

table.tbl_typeA {border-bottom:2px solid #333;}
table.tbl_typeA tr {}
table.tbl_typeA tr th {color:#333;font-size:14px;font-weight:600;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;text-indent:20px;}
table.tbl_typeA tr td {color:#888;font-size:13px;font-weight:500;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;padding:15px 0 15px 15px;}
table.tbl_typeA tr th,
table.tbl_typeA tr td {text-align:left;border-bottom:1px solid #ddd;}
table.tbl_typeA tr:last-child th,
table.tbl_typeA tr:last-child td {border-bottom:none;}

table.tbl_typeB {border-top:1px solid #333;}
table.tbl_typeB tr {}
table.tbl_typeB tr th {color:#333;font-size:13px;font-weight:600;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;background:#eee;text-indent:20px;}
table.tbl_typeB tr td {color:#777;font-size:13px;font-weight:500;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;padding-left:20px !important;}
table.tbl_typeB tr th,
table.tbl_typeB tr td {text-align:left;border-bottom:1px solid #ccc;padding:18px 0;}

table.tbl_typeC {border:1px solid #dadada;}
table.tbl_typeC tr {}
table.tbl_typeC tr th {color:#333;font-size:13px;font-weight:600;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;background:#f5f5f5;text-indent:20px;}
table.tbl_typeC tr td {padding:12px 20px;}
table.tbl_typeC tr th,
table.tbl_typeC tr td {text-align:left;border-bottom:1px solid #dadada;}
table.tbl_typeC tr td input {width:275px;height:28px;line-height:28px;text-indent:10px;}
table.tbl_typeC tr td textarea {width:100%;min-height:200px;}
table.tbl_typeC tr td input,
table.tbl_typeC tr td textarea {color:#777;font-size:13px;font-weight:500;font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;border:1px solid #d9d9d9;}

.change_pw table.board_css th{padding:8px 30px;}
.change_pw table.board_css td{padding: 10px 20px;font-size:0px;}


/*───────────────────────────────────────────────────────────
 BOARD

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

/**********게시판css***********/


.sub_board .view_btn {padding-top:30px;margin-top:0px;position:relative;}
.sub_board .view_btn .btn_center {padding-top:0;}
.sub_board .view_btn h2 {float:right;}
.sub_board .view_btn p {position:absolute;right:0px;top:30px;font-size:0px;font-weight:bold;}


.sub_board .comment {margin:0 0 0px 0;padding:0;}
.sub_board .comment .comment_box {position:relative;padding:30px 20px 30px 20px;border-top:1px #ddd solid;background:#fdfdfd;}
.sub_board .comment .comment_box .comment_name {width:650px;margin-bottom:10px;}
.sub_board .comment .comment_box .comment_name span {width:233px;line-height:25px;display:inline-block;}
.sub_board .comment .comment_box .comment_name span.no_line {background:none;}
.sub_board .comment .comment_box .comment_name span label {font-size:13px;color:#333;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:25px;padding:0;width:auto;margin-right:20px;display:inline-block;}
.sub_board .comment .comment_box .comment_name span input {border:1px solid #ddd;line-height:23px;height:23px;padding:0;text-indent:5px;width:158px;min-width:158px;margin:0;}
.sub_board .comment .comment_box .comment_memo {width:680px;}
.sub_board .comment .comment_box .comment_memo label {font-size:13px;color:#333;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:80px;padding:0;width:43px;display:block;min-height:80px;}
.sub_board .comment .comment_box textarea {border:1px solid #ddd;width:620px;min-width:610px;padding:5px 0 5px 5px;min-height:68px;height:68px;float:left;}
.sub_board .comment .comment_box h3 {position:absolute;right:20px;top:30px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;line-height:78px;padding:0;}
.sub_board .comment .comment_box h3 a {font-size:14px;color:#fff;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;}
.sub_board .comment .comment_cont {position:relative;border-top:1px #ddd solid;}
.sub_board .comment .comment_cont h2 {color:#888;padding:12px 0 12px 20px;line-height:25px;font-size:12px;}
.sub_board .comment .comment_cont div {position:relative;border-top:1px #ddd solid;padding:12px 20px 14px 20px;z-index:1;}
.sub_board .comment .comment_cont div h3 {color:#888;padding-bottom:2px;}
.sub_board .comment .comment_cont div h3 strong {color:#333;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;display:inline-block;margin-right:10px;}
.sub_board .comment .comment_cont div h4 {color:#888;font-size:12px;line-height:19px;}
.sub_board .comment .comment_cont div .comment_btn {position:absolute;right:20px;top:12px;color:#888;font-size:12px;border:0;margin:0;padding:0;}
.sub_board .comment .comment_cont div .comment_btn a { color:#888;font-size:12px;display:inline-block;}
.sub_board .comment .comment_cont div .comment_btn span.bar {color:#9b9b9b;display:inline-block;width:6px;text-align:center;margin:0;background:none;}
.sub_board .comment .comment_cont div.com_reple {border-bottom:1px solid #ddd;background:#fff url("../images/da_image/bg_dot_line.png") repeat-x left top;position:relative;z-index:3;margin-top:-1px;padding:12px 20px 14px 20px;}
.sub_board .comment .comment_cont div.comment_reply {position:relative;z-index:3;margin-top:-1px;padding:12px 20px 14px 20px;}
.sub_board .comment .comment_cont div.comment_box2 {position:relative;padding:10px 0;border:0;}
.sub_board .comment .comment_cont div.comment_box2 .comment_name {width:650px;margin-bottom:10px;padding:0px;border:0;}
.sub_board .comment .comment_cont div.comment_box2 .comment_name span {width:233px;line-height:25px;display:inline-block;}
.sub_board .comment .comment_cont div.comment_box2 .comment_name span.no_line {background:none;}
.sub_board .comment .comment_cont div.comment_box2 .comment_name span label {font-size:13px;color:#333;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:25px;padding:0;width:auto;margin-right:20px;display:inline-block;}
.sub_board .comment .comment_cont div.comment_box2 .comment_name span input {border:1px solid #ddd;line-height:23px;height:23px;padding:0;text-indent:5px;width:158px;min-width:158px;margin:0;}
.sub_board .comment .comment_cont div.comment_box2 .comment_memo {width:680px;padding:0px;border:0;}
.sub_board .comment .comment_cont div.comment_box2 .comment_memo label {font-size:13px;color:#333;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:80px;padding:0;width:43px;display:block;min-height:80px;}
.sub_board .comment .comment_cont div.comment_box2 textarea {border:1px solid #ddd;width:620px;min-width:618px;padding:5px 0 5px 5px;min-height:68px;height:68px;}
.sub_board .comment .comment_cont div.comment_box2 h3 {position:absolute;right:0px;top:47px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;line-height:78px;padding:0;}
.sub_board .comment .comment_cont div.comment_box2 h3 a {font-size:14px;color:#fff;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;}
.sub_board .comment .comment_cont div.com_reserve {border:0;background:#fff url("../images/da_image/bg_dot_line.png") repeat-x left 10px;position:relative;z-index:3;margin-top:-1px;padding:30px 0px 0px 20px;margin:0;margin-left:-20px;margin-right:-20px;width:790px;}
.sub_board .comment .comment_cont div.com_reserve textarea.com_reserve {border:1px solid #ddd;width:653px;min-width:653px;padding:5px 0 5px 5px;min-height:68px;height:68px;margin-right:20px;}
.sub_board .comment .comment_cont div.com_reserve a {position:absolute;right:0px;top:30px;height:78px;text-align:center;width:108px;background-color:#333;border:1px #333 solid;font-size:14px;color:#fff;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;padding:0;}

/* 추가함*/




/*** 게시판 리스트 | board/board_list.html ***/
.sub_board {position:relative;margin:0;padding:0;}
.sub_board .board_num {padding:0px 0 8px 0;display:block;line-height:19px;text-align:left;font-size:13px;color:#666;}
.sub_board .board_num strong {color:#fabc09;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;}
.sub_board .board_search {text-align: center;padding:50px 0 15px;width:100%;box-sizing:border-box;}
.sub_board .board_search:after {clear:both;content:"";display:block;}
.sub_board .board_search span {display:inline-block;color:#888;font-size:12px;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;line-height:18px;padding:6px 0 6px 0;text-align:left;}
.sub_board .board_search span strong {color:#fabc09;}
.sub_board .board_search select {border:1px solid #d3d3d3;height:30px;line-height:28px;min-width:90px;margin-right:0px;color:#666;font-size:12px;padding:0 0 0 3px;font-weight: 400;}
.sub_board .board_search input.input_text {border:1px solid #d3d3d3;height:30px;line-height:28px;min-width:210px;text-indent:10px;margin:0 5px;color:#666;font-size:12px;vertical-align:top;}
.sub_board .board_search input.input_text + .btn_basic_on{background:#363636 !important;font-weight:300;font-size:13px;border:1px solid #363636  !important;height:30px;line-height:28px;}
.sub_board .clear + .btn_right {margin:0;margin-top:25px;}
.gallery_board .board_search {margin:0;text-align:left;padding:0 0 20px 0;}

.sub_board table.board_list {text-align:center;background:#fff;border-top:2px #363636 solid;}
.sub_board table.board_list tr {}
.sub_board table.board_list th {padding:13px 10px;font-size:14px;text-align:center;line-height:20px;font-weight:700;color:#696969;background:#fff;border-bottom:1px #8e8e8e solid;}
/*.sub_board table.board_list th.last {background:none;}*/
.sub_board table.board_list td {font-size:13px;color:#666;line-height:20px;padding:13px 10px !important;vertical-align:top;border-bottom:1px solid #d3d3d3;}
.sub_board table.board_list td a {font-size:13px;color: #444;}
.sub_board table.board_list td.left {text-align:left;padding-left:20px !important;padding-right:10px !important;}
.sub_board table.board_list td a.board_tit {display:inline-block;/* width:290px;*/line-height:21px;height:21px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.sub_board table.board_list td.left span {display:inline-block;line-height:21px;height:21px;margin:0;padding:0;vertical-align:middle;overflow:hidden;}
.sub_board table.board_list td.left span.comment{}
.sub_board table.board_list td .bbs_icon {}
.sub_board table.board_list td .bbs_icon img {vertical-align:middle;width:auto;height:auto;max-width:auto;margin:0;padding:0;}
.sub_board table.board_list tr:last-child th,
.sub_board table.board_list tr:last-child td {border-bottom: 1px #8e8e8e solid;background-image:none;}

.sub_board .paging_wrap {height:30px;position:relative;}
.sub_board .paging_wrap2 {margin-top:35px;margin-bottom:39px;height:40px;position:relative;}
.sub_board h2.btn_writing {position:absolute;right:0;top:-5px;}
/*
.sub_board {position:relative;}
.sub_board .board_search {position:relative;text-align:center;margin-bottom:29px;font-size:13px;background:#fafafa;border:1px solid #ddd;padding:15px 0;}
.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 {text-align:center;border:1px solid #dedede;border-collapse:collapse;width:100%;}
.sub_board table.board_list tr {border-bottom:1px solid #ddd;}
.sub_board table.board_list th {font-size:13px;text-align:center;padding:16px 0;color:#333333;font-weight:600;border-top:1px solid #ddd;background-color:#fafafa;}
.sub_board table.board_list td {font-size:12px;color:#888888;font-weight:100;line-height:42px;padding:0 20px;}
.sub_board table.board_list td.left {text-align:left;padding:0 20px;}

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

/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view {margin-bottom:0px;border-top:2px #363636 solid;text-align:left;}
.sub_board .board_view div.view_tit {font-family: 'Lato','Nanum Gothic', sans-serif;font-size: 13px;border-bottom:1px #363636 solid;font-size:0;}
.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;line-height:20px;padding:15px 0;}
.sub_board .board_view div.view_tit p,
.sub_board .board_view div.view_tit h3 {display:inline-block;box-sizing:border-box;text-align:center;font-weight:600;padding:15px 20px;line-height:20px;vertical-align:top;}
.sub_board .board_view div.view_tit p{width:19%;font-size:13px;color:#333;font-weight:bold;background:#fafafa;display:none;}
.sub_board .board_view div.view_tit h3 {width:100%;color:#222;font-size:14px;}
.sub_board .board_view div.view_info {padding:10px 20px;padding-bottom:3px;line-height:18px;border-bottom:1px #d3d3d3 solid;}
.sub_board .board_view div.view_info dl {font-size:0;position:relative;z-index:1;margin-bottom:7px;}
.sub_board .board_view div.view_info dl dt,
.sub_board .board_view div.view_info dl dd {font-size:12px;font-weight:400;color:#989898;line-height:18px;display:inline-block;vertical-align:top;}
.sub_board .board_view div.view_info dl dt {color:#222;font-weight:700;padding-right:10px;}
.sub_board .board_view div.view_info dl dd {}
.sub_board .board_view div.view_info dl.fr + dl.fr {margin-right:10px;padding-right:10px;}
.sub_board .board_view div.view_info dl.fr + dl.fr:before {content:"";display:inline-block;width:1px;height:10px;background:#d3d3d3;position:absolute;right:0;top:50%;margin-top:-5px;}
.sub_board .board_view div.view_cont {color: #888;width:100%;box-sizing:border-box;font-size: 12px;padding:20px 25px 80px 25px;line-height:20px;min-height:255px;border-bottom:1px #d3d3d3 solid;}
.sub_board .board_view div.view_cont .thumb_img_wrap {width:100%;margin:0;text-align:center;font-size:0;vertical-align:top;}
.sub_board .board_view div.view_cont .thumb_img_wrap img {width:auto;max-width:100%;height:auto;margin:0 0 10px 0;padding:0;vertical-align:top;}
.sub_board .board_view div.view_cont .thumb_img_wrap img + img {}
.sub_board .board_view h4 {border-bottom:1px solid #d3d3d3;border-top:none;padding:17px 30px;font-size:13px;color:#666666;}
.sub_board .board_view h4.thumb_wrap {padding-bottom:7px;}
.sub_board .board_view h4 span {display:inline-block;color:#444;font-weight:600;padding-right:0;margin-right:0;}
.sub_board .board_view h4 span:after {display:inline-block;width:1px;height:10px;background:#d3d3d3;vertical-align:middle;margin:0 15px;padding:0;content:"";}
.sub_board .board_view h4 a {display:inline-block;}
.sub_board .board_view h4 a + a {margin-left:20px;}
.sub_board .board_view .thumb_img_wrap {padding-top:10px;font-size:0;vertical-align:top;}
.sub_board .board_view .thumb_img_wrap img {vertical-align:top;display:inline-block;margin-bottom:10px;}
.sub_board .board_view .thumb_img_wrap img + img {margin-left:20px;}

/*** 게시판 댓글 ***/
.sub_board .board_comment {position: relative;box-sizing:border-box;border: 1px #d3d3d3 solid;padding:20px;margin-top:20px;}
.sub_board .board_comment .comment_name {color:#555;padding:0 0 10px 0;text-align:left;}
.sub_board .board_comment .comment_name span,
.sub_board .board_comment .comment_memo span {display:inline-block;font-size:13px;color: #000;font-family: 'Lato','Nanum Gothic', sans-serif;line-height: 25px;padding: 0;font-weight:700;}
.sub_board .board_comment .comment_name span input {vertical-align:top;border: 1px solid #d3d3d3;padding:5px;margin-left: 2px;}
.sub_board .board_comment .comment_name span + span {margin-left:20px;}
.sub_board .board_comment .comment_memo {}
.sub_board .board_comment .comment_memo span {margin-right:20px;}
.sub_board .board_comment,
.sub_board .board_comment textarea,
.sub_board .board_comment .comment_btn {vertical-align:top;}
.sub_board .board_comment textarea {border: 1px solid #d3d3d3;width:710px;min-width: 610px;padding: 5px 0 5px 5px;min-height:72px;height:72px;box-sizing:border-box;}
.sub_board .board_comment .comment_btn {width:80px;height:72px;background:#fabc09;text-align:center;color:#fff;line-height:72px;font-size:14px;font-weight:bold;display:block;}
.sub_board .board_comment_list {position:relative;margin:0 0 20px;}
.sub_board .board_comment_list .comment_title {border-bottom:1px solid #ddd;color:#888;padding:15px 0 7px 0;text-align:left;font-size:13px;font-weight:700;}
.sub_board .board_comment_list .comment_title span {color:#fabc09;}
.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:#000;padding-bottom:5px;text-align:left;}
.sub_board .board_comment_list .comment span.board_line {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:3px 8px 0 8px;vertical-align:top;}
.sub_board .board_comment_list .comment .com_btn {position:absolute;right:0;top:9px;}
.sub_board .board_comment_list .comment .com_btn a {color:#000;}
.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 #ddd;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 #ddd;}
.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:15px 0 0;}
.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;}


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

/*** 게시판(갤러리형) | layout/board/list_gallery01.html ***/
.sub_board ul.gallery_list {margin-left:0px;padding:17px 0 0 0;box-sizing:border-box;}
.sub_board ul.gallery_list:after {clear:both;content:"";display:block;}
.sub_board ul.gallery_list_top {padding:0 0 30px 0;}
.sub_board ul.gallery_list li {float:left;width:270px;margin:0 15px 15px 0;box-sizing:border-box;border:1px #d3d3d3 solid;border-bottom:1px solid #a7a7a7;}
.sub_board ul.gallery_list li:nth-of-type(3n) {margin-right:0px;}
.sub_board ul.gallery_list li .thumb {text-align:center;width:100%;height:auto;line-height:193px;min-height:193px;border:0;border-bottom:1px #d3d3d3 solid;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;padding:0;margin:0;}
.sub_board ul.gallery_list li .thumb a {vertical-align:middle;}
.sub_board ul.gallery_list li .thumb img {width:100%;height:auto;vertical-align:middle;box-sizing:border-box;}
.sub_board ul.gallery_list li .txt_info {background:#fafafa;width:100%;padding:18px 10px;box-sizing:border-box;text-align:center;margin:0;}
.sub_board ul.gallery_list li .txt_info h3,
.sub_board ul.gallery_list li .txt_info p {display:block;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_board ul.gallery_list li .txt_info h3 {font-size: 13px;color:#5c5c5c;font-weight: 600;padding:0;line-height:19px;height:19px;}
.sub_board ul.gallery_list li .txt_info p {font-size:12px;color:#888;font-weight:100;line-height:18px;display:none;}
.sub_board ul.gallery_list li .txt_info h3 + p {margin-top:4px;}
.sub_board ul.gallery_list li .txt_info p span {display:inline-block;width:1px;height:9px;background:#ddd;margin:6px 8px 0 8px;vertical-align:top;}
.sub_board ul.gallery_list li.no_data {line-height:20px;padding:122px 0;}

/*
.sub_board ul.gallery_list {margin-left:0px;padding:17px 0 0 0;}
.sub_board ul.gallery_list li:nth-of-type(3n) {margin-right:0px;}
.sub_board ul.gallery_list:after {clear:both;content:"";display:block;}
.sub_board ul.gallery_list_top {border-top:2px #373737 solid;padding:20px 0 0 0;}
.sub_board ul.gallery_list li {float:left;width:261px;margin-right:20px;margin-bottom:20px;border:1px solid #ddd;background:#fdfdfd;text-align:center;padding:0 0 18px 0;box-sizing:border-box;height:267px;}
.sub_board ul.gallery_list li .thumb {text-align:center;width:259px;line-height:200px;overflow:hidden;vertical-align:top;font-size:0;padding:0;margin:0;}
.sub_board ul.gallery_list li .thumb img {width:100%;height:auto;vertical-align:top;}
.sub_board ul.gallery_list li .txt_info {font-size:13px;color:#444;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;padding:18px 20px 4px 20px;text-align:center;line-height:20px;background:url("../images/da_image/bg_dot_line.png") repeat-x left top;margin:0;}
.sub_board ul.gallery_list li p {font-size:12px;color:#888;line-height:18px;text-align:center;margin:0 20px;}
.sub_board ul.gallery_list li.no_data {line-height:20px;padding:122px 0;}
/*
.sub_board ul.gallery_list {text-align:left;border:1px solid #ededed;}
.sub_board ul.gallery_list li {border:1px #ededed solid;box-sizing:border-box;width:100%;position:relative;z-index:1;padding:18px;}
.sub_board ul.gallery_list li:after {clear:both;content:"";display:block;}
.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 {float:left;width:250px;margin-right:20px;}
.sub_board ul.gallery_list li .thumb img {width:100%;}
.sub_board ul.gallery_list li .txt_info {float:left;}
.sub_board ul.gallery_list li .txt_info h3 {color:#333;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sub_board ul.gallery_list li .txt_info p,
.sub_board ul.gallery_list li .txt_info p * {color:#888;font-size:12px;font-weight:100;line-height:24px;margin-top:10px;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: #fabc09;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/da_image/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:100%;margin:0 auto;padding:70px 0;text-align:center;}
.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:#fabc09;border:1px solid #fabc09;text-align:center;line-height:40px;color:#fff;font-weight:600;}


/*───────────────────────────────────────────────────────────
 GOODS(상품)

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

/* 190618 카테고리 리스트 추가 */
.sub_cate_wrap {border-top:1px solid #333; border-bottom:1px solid #ccc; margin-bottom:25px;}
.sub_cate_wrap ul.sub_cate {margin:14px 14px;}
.sub_cate_wrap ul.sub_cate:after {clear:both; content:""; display:block;}
.sub_cate_wrap ul.sub_cate li {float:left; box-sizing:border-box; padding:0 14px 0 0; line-height:26px;}
.sub_cate_wrap ul.sub_cate li a {display:inline-block; width:100%; height:26px; font-size:13px; color:#888; font-weight:400;}
.sub_cate_wrap ul.sub_cate li:hover a {color:#333;}
.sub_cate_wrap ul.sub_cate li + li a:before {display:inline-block;content:"";width:1px;height:10px;background:#ccc;vertical-align:middle;margin:0 14px 0 0;}

/*** 상품리스트, 상품검색 | 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;vertical-align:top;}
.sub_list .list_search .search_form .search div {vertical-align:top;}
.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;margin-left:5px;margin-right:3px;}
.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:#fabc09;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:#fabc09 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:#fabc09 url("../images/sub/icon_list_typeB_on.png") no-repeat left top;}
.sub_list .list_array  ul li.on {border:1px solid #fabc09;background:#fabc09;}
.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;height:30px;line-height:30px;font-size:0;margin:0 0 0 0;}
.paging span {border:1px #d3d3d3 solid;height:30px;line-height:28px;min-width:30px;display:inline-block;vertical-align:top;box-sizing:border-box;}
.paging span + span {border-left:0;}
.paging span.arrow {border-top: 0;}
.paging span.arrow.last {border:0;margin-left:-1px;}
.paging a {display:inline-block;font-size:12px;color:#8e8e8e;padding:0;border:0 none;height:28px;line-height:26px;border-bottom:2px #fff solid;min-width:100%;text-align:center;vertical-align:middle;box-sizing:border-box;}
.paging .on a{color:#fabc09;font-weight:bold;border-bottom:2px #fabc09 solid;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {overflow:hidden;font-size:0;width:100%}
.paging a.prev img,
.paging a.next img,
.paging a.first img,
.paging a.last img {display:none;}
.paging a.first {background:#fff url("../images/da_image/mid_page_first.gif") no-repeat left 50%;}
.paging a.prev {background:#fff url("../images/da_image/mid_page_prev.gif") no-repeat left 50%;margin-right:10px;}
.paging a.next {background:#fff url("../images/da_image/mid_page_next.gif") no-repeat right 50%;margin-left:10px;}
.paging a.last {background:#fff url("../images/da_image/mid_page_last.gif") no-repeat right 50%;}

/*** 갤러리형 | 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:179px;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd > em {display: block;box-sizing:border-box;color:#333;font-size:16px;font-weight:600;padding:0 0 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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 {font-size:0;}
.sub_list .list .list_Listform > ul:after {clear:both;content:"";display:block;}
.sub_list .list .list_Listform > ul li {float:left;width:48.9%;border:1px solid #ccc;margin:0 2.2% 30px 0;box-sizing:border-box;}
.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 > a {display:table;width:100%;}
.sub_list .list .list_Listform > ul li dl {display:table-row;}
.sub_list .list .list_Listform > ul li dl:after {clear:both;content:"";display:block;}
.sub_list .list .list_Listform > ul li dl dt,
.sub_list .list .list_Listform > ul li dl dd {display: table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
.sub_list .list .list_Listform > ul li dl dt {border-right:1px solid #ccc;}
.sub_list .list .list_Listform > ul li dl dt img{width: 100%;}
.sub_list .list .list_Listform > ul li dl dd {text-align:left;padding: 0 20px 0 30px;max-width: 200px;overflow: hidden;}
.sub_list .list .list_Listform > ul li dl dd > em  {display:block;box-sizing:border-box;position:relative;color:#333;font-size:16px;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_list .list .list_Listform > ul li dl dd > em::before {display:none !important;position:absolute;left:0;bottom:0;content:"";display:block;width:30px;height:2px;background:#e03535;}
.sub_list .list .list_Listform > ul li dl dd p {color:#777;font-size:14px;font-weight:500;line-height:22px;width:100%;display:none;}


/*** 상세페이지 | 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%;}
.sub_view .info dl dd .tit {border-top:2px solid #222;border-bottom:1px solid #ccc;background:#eee;text-align:left;padding: 27px 30px 23px 30px;}
.sub_view .info dl dd .tit h3 {color:#222;font-size:34px;font-weight:600;padding: 0 7px;word-break: break-all;}
.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 {width:840px; background:url("../images/da_image/login_line.gif") no-repeat; border:1px solid #ddd;}
.sub_login .login_wrap {}
.sub_login .login_box {border-bottom:1px solid #dddddd; padding:49px 0 48px 0;}
.sub_login .login_box h2,
.sub_login .login_box h2 + p {text-align:center;margin:0 auto;width:100%;}
.sub_login .login_box h2 {color:#444;font-size:40px;font-family: 'Titillium Web', sans-serif;font-weight:600;line-height:37px;padding:0 0 21px 0;position:relative;z-index:1;letter-spacing:-0.7px;}
.sub_login .login_box h2:after {content:"";display:inline-block;width:30px;height:2px;background:#fabc09;position:absolute;left:50%;margin-left:-15px;bottom:11px;}
.sub_login .login_box h2 + p {color:#555;font-size:15px;font-family: 'Noto Sans KR';font-weight:300;line-height:21px;margin:0 0 26px 0;letter-spacing:-0.6px;}
.sub_login .login_box div.login_form {position:relative; width:480px; margin:0 auto; text-align:left;}
.sub_login .login_box div.login_form p {}
.sub_login .login_box div.login_form p + p {}
.sub_login .login_box div.login_form label {font-size: 14px;color: #000;font-weight:700;text-align: left;display:none;width: 66px;height: 32px;line-height: 32px;float: left;}
.sub_login .login_box div.login_form input[type="text"],
.sub_login .login_box div.login_form input[type="password"],
.sub_login .login_box div.login_form input[type="number"] {padding:5px 10px;width:350px;height:40px;line-height:28px;border: 1px solid #ddd;color:#888;font-size:13px;font-weight:400;float:left;background:#fff;box-sizing:border-box;text-indent:0;}
.sub_login .login_box div.login_form input::-webkit-input-placeholder {color:#888;font-size:13px;font-weight:400;}
.sub_login .login_box div.login_form input::-moz-placeholder {color:#888;font-size:13px;font-weight:400;}
.sub_login .login_box div.login_form input:-ms-input-placeholder {color:#888;font-size:13px;font-weight:400;}
.sub_login .login_box div.login_form input:-moz-placeholder {color:#888;font-size:13px;font-weight:400;}
.sub_login .login_box div.login_form input.mb10 {margin-bottom:13px;}
.sub_login .login_box div.login_form.pb-pw input.mb10 {margin-bottom:8px;}
.sub_login .login_box div.login_form h3 {height:100%;width:120px;position: absolute;right: 0;top: 0;cursor: pointer;}
.sub_login .login_box div.login_form input.keydown_btn{border:0;position:absolute; right:0; top:0; cursor:pointer;width:100%;font-size:18px;line-height:24px;height:100%;vertical-align:middle;text-align:center;display:block;color:#fff;font-weight:700;background:#fabc09;}

.sub_login .login_box div.login_form h3.change_pw > a,
.sub_login .login_box div.login_form h3.change_pw > button {height:52px;border:0;position:absolute; right:0; top:0; cursor:pointer;width:100%;font-size:16px;line-height:22px;vertical-align:middle;text-align:center;display:block;color:#fff;font-weight:700;}
.sub_login .login_box div.login_form h3.change_pw > a {background:#fabc09;}
.sub_login .login_box div.login_form h3.change_pw > button {background:#333;top:60px;}

.sub_login .login_search{border-bottom:1px solid #dddddd; background-color:#f8f8f8;}
.sub_login .login_search:after{clear:both; content:""; display:block;}
.sub_login .login_search .id_search{position:relative; float:left; width:419px; height:58px; border-right:1px solid #dddddd;}
.sub_login .login_search .pw_search{position:relative; float:left; width:420px; height:58px;}
.sub_login .login_search .id_search:after{clear:both; content=""; display:block;}
.sub_login .login_search .id_search h3{float:left; font-weight:bold; font-size:13px; color:#222222; padding-top:23px; padding-left:58px; background:url("../images/da_image/search_icon.gif") no-repeat 50px 30px;}
.sub_login .login_search .id_search .btn_login{background:#8e8e8e url("../images/da_image/id_pw_arrow.png") no-repeat 90% 50%; position:absolute; right:50px; top:15px; width:96px; height:22px; padding-left:14px; padding-top:6px; cursor:pointer;}
.sub_login .login_search .id_search .btn_login a{color:#fff; font-size:13px; font-weight:bold; }
.sub_login .login_search .pw_search:after{clear:both; content=""; display:block;}
.sub_login .login_search .pw_search h3{float:left; font-weight:bold; font-size:13px; color:#222222; padding-top:23px; padding-left:58px; background:url("../images/da_image/search_icon.gif") no-repeat 50px 30px;}
.sub_login .login_search .pw_search .btn_login{background:#8e8e8e url("../images/da_image/id_pw_arrow.png") no-repeat 90% 50%;position:absolute;right:50px;top:15px;cursor:pointer;}
.sub_login .login_search .pw_search .btn_login a{display: block;color:#fff;font-size:13px;font-weight:bold;width: 104px;height: 22px;padding-left: 16px;padding-top: 6px;}
.sub_login .login_join{position:relative; height:88px;}
.sub_login .login_join:after{clear:both; content:""; display:block;}
.sub_login .login_join h2{float:left; padding-top:24px; padding-left:49px;}
.sub_login .login_join h2 img{float:left;}
.sub_login .login_join h2 p{float:left; font-size:13px; padding-top:3px; padding-left:15px; line-height:20px; font-weight:normal; color:#3f3f3f;}
.sub_login .login_join h2 p span{font-size:13px; font-weight:bold; color:#222222;}
.sub_login .login_join .btn_login{background:#363636 url("../images/da_image/id_pw_arrow.png") no-repeat 90% 50%;position:absolute;right:50px;top:24px;width: 156px;height: 40px;}
.sub_login .login_join .btn_login a{color:#fff;font-size:13px;font-weight:bold;display: block;padding-left: 20px;line-height: 40px;}




/*** 회원가입 | 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.board_css{}
.sub_join table.board_css.captcha {margin-bottom:0;}
.sub_join table.board_css th{}
.sub_join table.board_css td{}
.sub_join table.board_css td input[type=text], 
.sub_join table.board_css td input[type=password] {min-width: 222px;padding:0px !important;height: 25px;border: 1px solid #d3d3d3;}
.sub_join table.board_css tr.mail input{min-width:120px !important;}
.sub_join table.board_css td input[name=email_id],
.sub_join table.board_css td input[name=email_domain]{min-width:160px;}
.sub_join table.board_css td input[name=email_domain] {margin-left:4px;}
.sub_join table.board_css td input[name=address],
.sub_join table.board_css td input[name=address2] {width:80%;}
.sub_join table.board_css td input,
.sub_join table.board_css td a,
.sub_join table.board_css td span,
.sub_join table.board_css td strong,
.sub_join table.board_css td select {vertical-align:top;}
.sub_join table.board_css .btn_sm{font-size:11px;color:#fff !important;border-radius:0;padding:0 9px !important;display:inline-block;background:#8e8e8e !important;border:1px solid #8e8e8e !important;text-align:center;font-weight:normal;height:25px;line-height:25px;}
.sub_join table.board_css input + .btn_sm,
.sub_join table.board_css label + .btn_sm,
.sub_join table.board_css select + .btn_sm {margin-left:7px;}
/*.sub_join table.board_css .btn_sm{border:none;border-color:transparent !important;margin-top:7px;}*/
table.board_css tr:last-child td .btn_reset {color:#8e8e8e !important;background:#fff url(../images/board/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;}
.sub_join table.captcha {}
.sub_join table.captcha th, .sub_join table.captcha td {vertical-align:middle;padding:15px 20px;}
.sub_join table.captcha th {padding:10px 25px;background:#fafafa;border-right:0px;}
.sub_join table.captcha .sign{}

.sub_join span.join_tit{font-size: 16px;color: #333333;display:block;font-weight: 600;text-align:left;padding-bottom: 10px;}

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

select.mail_select {height:25px;line-height:23px;border:1px solid #ddd;margin-right:0px;margin-left:4px;}


/*** 회원가입 완료 | 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:100%;text-align:center;margin:0 auto;padding:70px 0;}
.sub_ok .ok_box h3 {padding-bottom:20px;font-size:29px;font-weight:700;color:#333;}
.sub_ok .ok_box h4 {font-size:16px;color:#777;line-height:26px;font-weight:500;}
.sub_ok .ok_box h4 span {color:#fabc09;font-weight:600;}
.sub_ok .ok_box .home_bt a {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#fabc09;border:1px solid #fabc09;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:#fabc09;border:1px solid #fabc09;text-align:center;line-height:40px;color:#fff;font-weight:600;}

/*** 회원탈퇴 | member/withdrawal.html ***/

.memberout {font-size: 13px;color: #666;line-height: 20px;padding-bottom: 20px;text-align:left;}
.withdrawal table.board_css{}
.withdrawal table.board_css tr th{vertical-align:middle;}
.withdrawal table.board_css tr td{}


/*** 비밀번호 변경 안내 | 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:#fabc09;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/join_agreement.html ***/
.member_agree {font-size:13px;line-height:23px;padding:0;text-align:left;}

.sub_agree {text-align:center;margin:0;padding:0 0 20px 0;}
.sub_agree h2 {font-size: 17px;line-height:22px;text-align:left;color:#333;font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;padding: 0 0 10px 0;border-bottom:2px solid #363636;margin:0 0 20px 0;}
.sub_agree .sub_join h2 {margin-bottom:0;padding-bottom:7px;border-bottom:0;}
.sub_agree h2.page_tit {font-size: 20px;line-height:22px;padding-bottom:8px;border-bottom:0;margin:-3px 0 0 0;}
.sub_agree h2.page_tit + p {color: #8f8f8f;line-height: 18px;font-size:12px;font-weight:400;text-align:left;margin:0 0 25px 0;}
.sub_agree .agree_box {margin-bottom:32px;padding:0px;background-color: #fff;border: 0px solid #ddd;}
.sub_agree .agree_box textarea {box-sizing: border-box;font-size:12px;width: 100%;color:#7a7a7a;height: 243px;line-height:20px;font-weight:100;padding: 19px;border:1px solid #ddd;background-color:#fff;}
.sub_agree .agree_box div {font-size:12px;color:#444;line-height:20px;font-weight:100;padding:20px 0;background-color:#fff;text-align:left;}
.sub_agree .agree_box .agree_box_con{font-size: 12px;width:100%;box-sizing:border-box;color: #333;font-weight: 100;padding: 0;background-color: #fff;}
.sub_agree .agree_box p.agree_txt {display:block;padding:13px 0 0px 20px;line-height:20px;font-size:12px;color:#333;text-align:left;}
.sub_agree .agree_box p.agree_txt label strong {font-family: 'Lato','Nanum Gothic', sans-serif;font-weight:700;}
.sub_agree .btn_center {padding:22px 0 0 0;font-size:0;}
.sub_agree .agree_bg {background:#fff;border:1px #ddd solid;border-top:2px #373737 solid;padding:20px 0;}
.sub_agree .agree_bg p {margin:0 20px;text-align:left;}
.sub_agree .privacy_bg {background:#fff;}
.sub_agree #module_policy {border:1px #ddd solid;line-height:18px;font-weight:100;padding:12px 0 12px 12px;border:1px solid #ddd;background-color:#fff;text-align:left;overflow:auto;height:auto;}


.join_agree h2 .point {color:#fabc09;font-size:13px;}
.join_agree .agree_box{background:#fff;padding:0px;border:0;width:100%;box-sizing:border-box;}
.join_agree .agree_box p.agree_txt{margin:20px 0 0 0;border-top:1px #ddd solid;border-bottom:1px #363636 solid;box-sizing:border-box;height:52px;line-height:20px;padding:15px 10px;font-size:13px;}

/*───────────────────────────────────────────────────────────
 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 #ddd;padding:3px 5px;width:150px;}
.password_popup h3 {padding-top:15px;}

/**********댓글***********/
.sub_board .comment {}
.sub_board .comment .comment_box {position:relative;border:1px solid #ddd;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 #ddd;padding:5px;}
.sub_board .comment .comment_box textarea {border:1px solid #ddd;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:#fabc09;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 #ddd;padding:15px 0 7px 0;}
.sub_board .comment .comment_cont div {position:relative;border-bottom:1px solid #ddd;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;}