@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, a {font-family:'NanumSquare','Nanum Gothic', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif}

html, body, a, button {font-family:'NanumSquare','Nanum Gothic', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif}
body {width:100%}
body.fix {height:100%;overflow:hidden}

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

	.ff_open {font-family: 'Open Sans', 'NanumSquare','Nanum Gothic', sans-serif !important;}
	.ff_noto {font-family: "Noto Sans KR", 'NanumSquare','Nanum Gothic', sans-serif !important;}
	.ff_mont {font-family: 'Montserrat', 'NanumSquare','Nanum Gothic', sans-serif !important;}
	.ff_nanum {font-family: 'Lato','NanumSquare','Nanum Gothic', dotum, sans-serif !important;}
	.ff_lato {font-family: 'Lato', 'NanumSquare','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%;}
	.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 {}



/*** 버튼 ***/
	.btn_center {text-align:center;font-size:0;}
	.btn_center a {margin:0 5px;}
	.btn {display:inline-block; font-size:15px; color:#ffffff;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;width:108px; height:38px; line-height:38px; text-align:center;}
	.gray,.gray:hover {background-color:#888888;border:1px #888888 solid;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700; color:#fff; font-size:15px;}
	/* .blue {background-color:#eb3b4b;border:1px #eb3b4b solid;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;} */
	.view_board .blue {background-color:#eb3b4b;border:1px #eb3b4b solid;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;}
	.white {background-color:#888888;border:1px #888888 solid;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700; color:#fff; font-size:15px;}
	.btn_center input {margin-top:-10px;}
	.btn_w120 {width:108px;}
	.btn_w105 {width:105px;}
	.btn_w102 {width:108px;line-height:38px;height:38px;}
	.btn_w84 {width:84px;line-height:30px;height:30px;}
	.btn_w82 {width:82px;line-height:28px;height:28px;}
	/*** 버튼 모음 ***/
	.btn_sm, .btn_basic, .btn_default, .btn_default_on,.btn_h40, .btn_finish, .btn_td_basic, .btn_td_write, .btn_td_write_on, .btn_w40, .btn_w50, .btn_w55, .btn_w60, .btn_w80, .btn_w100, .btn_w110,
	.btn_w120, .btn_w140, .btn_w160, .btn_w170, .btn_w180, .btn_w200, .btn_w240, .btn_w280, .btn_w400, .btn_reset, .btn_w109, .btn_h36 {/* 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; *//* 'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif; *//* font-size:15px; *//* font-weight:bold; */}

	.btn_center{text-align:center; padding-top:30px;}
	.btn {width: 140px;height: 34px;display: inline-block;text-align: center;font-size: 15px;line-height: 34px;font-weight: bold;margin:0 auto;}

	/* 일반 버튼 넓이 */
	.btn_w40 {width:40px;}
	.btn_w50 {width:50px;}
	.btn_w55 {width:55px;}
	.btn_w60 {width:60px;}
	.btn_w75 {width:75px;}
	.btn_w80 {width:80px;}
	.btn_w100 {width:100px;}
	.btn_w108 {width:108px;}
	.btn_w110 {width:110px;}
	.btn_w120 {width:120px;}
	.btn_w140 {width:140px;}
	.btn_w160 {width:160px;}
	.btn_w170 {width:170px;}
	.btn_w180 {width:180px;}
	.btn_w200 {width:200px;}
	.btn_w240 {width:240px;}
	.btn_w280 {width:280px;}
	.btn_w400 {width:400px;}

	/* 일반 버튼 높이 */
	.btn_h20 {line-height:18px;height:20px;}
	.btn_h24 {line-height:22px;height:24px;}
	.btn_h26 {line-height:24px;height:26px;}
	.btn_h28 {line-height:26px;height:28px;}
	.btn_h30 {line-height:28px;height:30px;}
	.btn_h35 {line-height:33px;height:35px;}
	.btn_h36 {line-height:34px;height:36px;}
	.btn_h38 {line-height:36px;height:38px;}
	.btn_h40 {line-height:38px;height:40px;}
	.btn_h42 {line-height:40px;height:42px;}
	.btn_h44 {line-height:42px;height:44px;}
	.btn_h50 {line-height:48px;height:50px;}
	.btn_h77 {line-height:75px;height:77px;}
	.btn_h160 {line-height:158px;height:160px;}



	/* 일반 버튼 스타일 */
	.btn_basic, .btn_basic:hover, .btn_sm, .btn_sm:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
	.btn_basic_on, .btn_basic_on:hover {border-color: #093360!important;background-color: #093360!important;color:#fff !important;height: 30px;box-sizing: border-box;padding: 0 20px;font-weight: 600;}
	.btn_default, .btn_default:hover {border-color:#888 !important;background-color:#888 !important;color:#fff !important;}
	.btn_default_on, .btn_default_on:hover {border-color:#333 !important;background-color:#333 !important;color:#fff !important;}
	.btn_finish, .btn_finish:hover {border-color:#222 !important;background-color:#222 !important;color:#fff !important;}
	.btn_black, .btn_black:hover {border-color:#0f1218 !important;background-color:#0f1218 !important;color:#fff !important;}
	.btn_point, .btn_point:hover {border-color:#eb3b4b !important;background-color:#fff !important;color:#eb3b4b !important; }
	.btn_point_on, .btn_point_on:hover {border-color: #093360;background-color: #093360;color:#fff !important;border: 1px solid #093360;box-sizing:border-box;font-weight: 600;color:#fff;}

	.btn_black.log_ok_btn, .btn_black.log_ok_btn:hover {background-image:url(../img/da_image/sub/icon_btn_ok.png) !important;background-repeat:no-repeat !important;background-position:50% 50% !important;text-indent:9999px;overflow:hidden;}

	.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_basic_on, .btn_basic_on:hover{font-size:12px;}


	/* 테이블에서 쓰이는 버튼 요소 */
	.btn_td_basic, .btn_td_basic:hover {border-color:#ccc;color:#222;background-color:#fff;font-size:12px;padding-left:12px;padding-right:12px;height:30px;line-height:28px;}
	.btn_td_write, .btn_td_write_on {border-color:#222;font-size:12px;width:130px;height:40px;line-height:38px;}
	.btn_td_write, .btn_td_write:hover {background:#fff;color:#222;}
	.btn_td_write_on, .btn_td_write_on:hover {background:#222;color:#fff;}
	.btn_w80.btn_td_write, .btn_w80.btn_td_write:hover {width:80px;}
	.btn_h35.btn_td_write, .btn_h35.btn_td_write:hover {height:35px;line-height:33px;}
	.btn_w75.btn_td_basic, .btn_w75.btn_td_basic:hover {width:75px;color:#777;}
	.btn_h30.btn_td_basic, .btn_h30.btn_td_basic:hover {height:30px;line-height:28px;}



	.btn_w120.btn_h40,
	.btn_w120.btn_h40:hover,
	.btn_w105.btn_h40,
	.btn_w105.btn_h40:hover,
	.btn_w105.btn_h36,
	.btn_w105.btn_h36:hover {/* font-size:15px !important; *//* font-weight:700 !important; */}


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

	 전역 인풋 및 셀렉트박스 css

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

	/* input */
	input[type="text"],
	input[type="password"],
	input[type="number"],
	input[type="date"] {height: 30px;line-height:26px;border:1px #d3d3d3 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;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;outline:0;}
	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; }

	button {outline:0;box-sizing:border-box;}

	select {outline:0;cursor:pointer;height: 31px;line-height:25px;font-size: 12px;color: #555;border: 1px solid #d3d3d3;box-sizing:border-box;margin:0;padding:0 0 0 10px;vertical-align:middle;text-align:left;border-radius:0;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;}
	/*화살표 없애기
	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:12px;border-right:6px solid transparent;border-bottom:6px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/images/icon_select_arrow.png) 0 0 no-repeat;*/

	input[type="checkbox"] { display:none; }
	input[type="checkbox"] + label {cursor:pointer;}
	input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width: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;}

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

div#tab2 ul li{width:300px;}


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

	 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 {position:absolute;width:100%; margin:0 auto;z-index:3000;}
#header .head_inner {position:relative;width:1200px;margin:0 auto;}
#header .head_inner h1 {position:absolute;top: 25px;left:0;width:163px;height:30px;background:url("../images/da_image/logo.png") no-repeat 0 0;text-indent:-9999px}
#header .head_abg {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE 7 and olders */opacity: .8;z-index:-1;}
#header .m_search {position:absolute;top:50px;left:24px;width:162px;}
#header .sinput_warp {width:151px;padding:0;background:none;border:0;box-sizing:border-box;height:26px;line-height:25px;border-bottom:solid #878787 1px;font-size:0;display:inline-block;}
#header .sinput_warp:after {clear:both;content:"";display:block;}
#header .sinput_warp input {vertical-align:top;}
#header .sinput_warp input[type="text"] {float:left;background:none;color:#a9aba6;border:0;text-indent:0;width:113px;height:25px;line-height:25px;}
#header .sinput_warp input[type="submit"] {float:right;width:16px;height:15px;display:inline-block;line-height:15px;text-indent:99px;overflow:hidden;margin: 5px 0;border:0;cursor:pointer;background:url(../images/common/head_sch_btn.png) no-repeat 50% 50%;}
#header .btn_menuOpen {display:none;width:50px;height:40px;background:url("../images/da_image/btn_menuOpen.png") no-repeat 0 0;background-size:100%;position:absolute;top:30px;right:20px;text-indent:-999999px}

#header #gnb {position: relative;height:110px;font-size: 13px;}
#header #gnb h1 {width:100%;margin:0 auto;padding:27px 0 26px;text-align:center;}
#header #gnb ul.gnb_left {float:left; height:40px;}
#header #gnb ul.gnb_left li {float:left;}
#header #gnb ul.gnb_left li a {display:inline-block; width:105px; text-align:center; font-weight:600; }
#header #gnb ul.gnb_left li.top_newproduct {background-color:#e8e8e7; margin-right:1px;}
#header #gnb ul.gnb_left li.top_newproduct a {color:#333333;}
#header #gnb ul.gnb_left li.top_service {background-color:#414140;}
#header #gnb ul.gnb_left li.top_service a {color:#cccccc;}
#header #gnb ul.gnb_right {position:absolute;top:55px;right:0;height: 40px;}
#header #gnb ul.gnb_right li {float:left; padding-left:23px;}
#header #gnb ul.gnb_right li a {font-size:13px; letter-spacing:-0.030em; font-weight:100; color:#a9a7a5;}
#header #gnb h3 {position:absolute; right:0; top:0; background-color:#eb3b4b; width:100px; text-align:center;}
#header #gnb h3 a {font-size:12px; color:#fff; font-weight:100;}

#header #lnb {position:relative;width:100%;line-height: 50px;border-bottom:1px solid rgba(255,255,255,0.4);position:fixed;top:-4px;left:0;position:fixed;top:-4px;left:0;background:#fff}
#header #lnb ul#lnb_nav > li > a {color:#333333}
#header #lnb h1 {background:url("../images/da_image/logo_over.png") no-repeat 0 0}

#header.main #lnb {transition:0.3s;position:relative;width:100%;line-height: 50px;border-bottom:1px solid rgba(255,255,255,0.4);background:none}
#header.main #lnb #lnb_nav > li > a {color:#fff}
#header.main #lnb h1 {background:url("../images/da_image/logo.png") no-repeat 0 0}

#header #lnb.on {position:fixed;top:-4px;left:0;background:#fff}
#header #lnb.on #lnb_nav > li > a {color:#333333}
#header #lnb.on h1 {background:url("../images/da_image/logo_over.png") no-repeat 0 0}

#header #lnb .head_abg {margin-top:4px;}
#header #lnb h1 a {display:block}
#header #lnb ul#lnb_nav {text-align:right;/* height:100%; */;width:92%}
#header #lnb ul#lnb_nav > li {position:relative;display:inline-block;zoom:1;*display:inline/*IE7 HACK*/;_display:inline;/*IE6 HACK*/width:200px;text-align:center;}
#header #lnb ul#lnb_nav > li > a {display:block;height: 80px;line-height: 80px;font-size: 17px;letter-spacing:0.05em;/*padding-top:4px;*/font-weight: bold;}
#header #lnb ul#lnb_nav > li.on,
#header #lnb ul#lnb_nav > li:hover {}
#header #lnb ul#lnb_nav > li.on > a,
#header #lnb ul#lnb_nav > li:hover > a {}
#header #lnb ul#lnb_nav > li .depth {display:none;position:absolute;top: 63px;left:0;width:150px;text-align:center;margin:0 25px;background-color: rgba(255, 255, 255,1);border: 1px solid #093360;}
#header #lnb ul#lnb_nav > li.on .depth,
#header #lnb ul#lnb_nav > li:hover .depth {display:block;}
#header #lnb ul#lnb_nav > li .depth::before {content:"";width:10px;height:8px;background:url("../images/da_image/bg_subMenu.png") no-repeat 0 0;position:absolute;top:-8px;left:50%;margin-left:-5px}
#header #lnb .depth ul {position:relative;padding: 26px 0 24px;text-align: center;}
#header #lnb .depth ul li {padding-top:17px;height:13px;line-height:13px;text-align:left;}
#header #lnb .depth ul li:first-child {padding-top:0;}
#header #lnb .depth ul li a {color:#555;font-size: 15px;line-height: 14px;display: block;text-align: center;}
#header #lnb .depth ul li a:hover {text-decoration:underline;color: #093360;font-weight:500;}
#header #lnb .depth .depth_bg {position:absolute;top:0;left:0;width:100%;height:100%;padding:0;background-color:#fff;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); /* IE 7 and olders */ opacity: .85;z-index:-1;}

#header .lang {position:absolute;top:0;right:0;height:80px;box-sizing:border-box;line-height:80px}
#header .lang a {padding:5px 10px;border:1px solid #ddd;color:#888;text-transform:uppercase;border-radius:3px}
#header.main .lang a {border:1px solid #fff;color:#fff}
#header.main #lnb.on .lang a {border:1px solid #ddd;color:#888;}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {position:relative;min-height:140px; background-color:#052242; max-width: 1920px; margin: 0 auto;}
#footer .footer_cont {position:relative;width:1200px;margin:0 auto;font-size:12px;padding: 30px 0 60px;}
#footer .footer_cont ul.footer_nav {padding-bottom:50px;text-align:center}
#footer .footer_cont ul.footer_nav:after {clear:both; content:""; display:block;}
#footer .footer_cont ul.footer_nav li {display:inline-block;padding:0 6px 0 0;word-break:keep-all;white-space:normal;word-wrap:normal;}
#footer .footer_cont ul.footer_nav li + li::before {content:"/";display:inline-block;margin-right:6px;color:#fff}
#footer .footer_cont ul.footer_nav li.first {background:none; padding-left:0;}
#footer .footer_cont ul.footer_nav li a {color:#ccc; font-weight:600;}
#footer .footer_cont .footerlogo {text-align:center;margin-bottom:40px;opacity:0.5;}
#footer .footer_cont address {position:relative; color:rgba(255,255,255,0.5); font-weight:100; line-height:19px; margin-bottom:30px;text-align:center;font-size:13px;line-height:24px;word-break:keep-all;white-space:normal;word-wrap:normal;}
#footer .footer_cont address br.ta {display:none}
#footer .footer_cont address span.ta {display:inline-block}
#footer .footer_cont .copyright {color:#888; font-weight:100;text-align:center;word-break:keep-all;white-space:normal;word-wrap:normal;}
#footer .footer_cont ul.footer_sns {position:absolute; right:0; top:25px; height:30px;}
#footer .footer_cont ul.footer_sns li {float:left; padding-left:7px;}




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

	 SUB 공통

───────────────────────────────────────────────────────────*/
#content {}
#content_sub {position:relative;z-index:2;}
#content:after, #content_sub:after {clear:both; content:""; display:block;}

.sub_visual {position:relative;margin:0 auto;width:100%;min-width:1200px;height:400px;z-index:1;overflow:hidden;}
.sub_visual img {position:absolute;max-width:2000px;width: 2000px;height:400px;left:50%;margin-left:-1000px;}






.sub_container{width:100%;margin:0 auto;background:#fff;padding-bottom: 120px;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 {width:1200px; margin:0 auto; min-height:530px;}
.sub_cont .sub_info {font-size:12px;color:#888;line-height:18px;border-bottom:1px #d3d3d3 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:28px;color: #333333;font-weight: 600;border-bottom: 1px solid #333;background:url(../images/sub/sub_con_tit_dot.gif) no-repeat;background-position:2px 0;padding:18px 0 30px;}
.loc_navi_wrap {width:100%;border-bottom:1px solid #ddd}
.loc_navi {width:1200px;margin:0 auto;font-size:12px; color:#555555; font-weight:100; padding-left:11px;overflow:hidden}
.loc_navi dt {display:table-cell;height:55px;vertical-align:middle}
.loc_navi dt a {color:#888;font-size:14px}
.loc_navi dd {display:table-cell;height:55px;vertical-align:middle;font-size: 12px;color: #555555;font-weight: 100;}
.loc_navi dd span,
.loc_navi dd strong {color:#888;font-size:14px; padding-left:24px; background:url("../images/da_image/bul_location.gif") no-repeat 10px center;display:inline-block}
.loc_navi dd span.bold,
.loc_navi dd strong {color:#333; font-weight:700;}

/*

.loc_navi dd {ine-height:18px;margin:0 auto;color:#aaa;font-size:6px;height:45px;box-sizing:border-box;}
.loc_navi span,
.loc_navi strong,
.loc_navi font,
.loc_navi a { padding:0px 10px;font-size:12px;display:inline-block;line-height:18px;width:auto;color:#888;vertical-align:middle;}
.loc_navi a,
.loc_navi a:hover { font-size:12px;color:#888;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;text-transform:capitalize; }
.loc_navi a.home {padding:0;background:url("../images/da_image/route_home.gif") no-repeat left 50%;padding-left:22px; height:20px;}
.loc_navi span {background:url("../images/da_image/route_bullet.gif") no-repeat left 50%;padding-left:14px; font-size:12px; font-weight:300; color:#555;}
.loc_navi strong {'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;color:#444;padding:0 0 0 11px;background:url("../images/da_image/route_bullet.gif") no-repeat left 50%;}
*/
/*측면영역*/
.sub_container .sub_menu {float:left; width:220px;}
.sub_container .sub_menu dl {padding-bottom: 40px;}
.sub_container .sub_menu dl dt {position:relative;top:-55px;width:220px;height:40px;}
.sub_container .sub_menu dl dt + dd a {border-top:solid 1px #ddd;}
.sub_container .sub_menu dl dt span {position:relative;display:block;width:220px;height:55px;line-height:55px;text-indent:20px;font-size:17px;font-weight: 600;color: #fff;z-index:100;}
.sub_container .sub_menu dl dt .sub_tit_bg {position:absolute;top:0;left:0;width:220px;height:55px;background-color:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); /* IE 7 and olders */ opacity: .75;z-index:10;}
.sub_container .sub_menu dl dd a {display: inline-block;text-indent:20px;font-size: 14px;color: #444;width: 220px;height:39px;line-height:39px;border-bottom:solid 1px #ddd;}
.sub_container .sub_menu dl dd:hover a,
.sub_container .sub_menu dl dd.on a {color:#eb3b4b;background: url("../images/sub/sub_nav_dot.gif") no-repeat;background-position:195px 50% ;}

.quick_menu {text-align:left;font-size:0;padding-top:11px;}
.quick_menu li {display:inline-block;vertical-align:top;width:70px;height:65px;background:url(../images/sub/sub_quick_spr.gif) no-repeat;text-indent:-9999px;}
.quick_menu li + li {margin-left:5px;}
.quick_menu li a {display:block;height:100%;}
.quick_menu li.notice {background-position:0 0;}
.quick_menu li.map {background-position:-75px 0;}
.quick_menu li.cs {background-position:-150px 0;}


/*
.sub_bg {position:absolute;left:0;top:0;bottom:0;width:220px;height:100%;line-height:100%;z-index:1;}
.sub_menu {float:left;width:220px;padding:0 0 100px 0;margin:0;z-index:2;}
.sub_menu dl {position:relative;z-index:3; margin-bottom:50px;}
.sub_menu dl dt{    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    background-color: #eb3b4b;
    font-size: 23px;
    color: #ffffff;
    font-weight: 600;
}
.sub_menu dl dt span{}

.sub_menu{float:left; width:220px;}
.sub_menu dd{}
.sub_menu dd:last-child{}
.sub_menu dd a{display: inline-block;
    padding-left: 25px;
    font-size: 15px;
    color: #555555;
    font-weight: 600;
    width: 195px;
    height: 50px;
    line-height: 50px;
    background: url(../images/da_image/leftmenu_off.gif) no-repeat;
}
.sub_menu dd a:hover{color: #eb3b4b;
    background: url(../images/da_image/leftmenu_on.gif) no-repeat;
}
.sub_menu dd a.ov{color: #eb3b4b;
    background: url(../images/da_image/leftmenu_on.gif) no-repeat;
}

.sub_menu h2 {}
.sub_menu ul {height:60px;overflow:hidden;}
.sub_menu ul li {float:left; padding-left:5px;}
.sub_menu ul li.first {padding-left:0;}

.sub_menu .left_cs{margin-bottom:10px;}
.sub_menu .left_cs h2{font-size:16px;color:#000; font-weight:bold; line-height:20px; margin-bottom:16px; }
.sub_menu .left_cs .call{background:url('../images/da_image/ico_cs_call.png') no-repeat left; padding-left:48px; font-size:24px; font-weight:bold; margin-bottom:10px; letter-spacing:-1.5px; padding-top:3px;}
.sub_menu .left_cs dl{margin-bottom:0px; letter-spacing:-0.5px; padding-left:2px;}
.sub_menu .left_cs dl dt{font-size:11px; display:inline-block; color:#444444; width:50px; height:auto; background-color:transparent; line-height:12px; font-weight:600; padding-left:0px;}
.sub_menu .left_cs dl dd{font-size:11px; display:inline-block; color:#9b9b9b; font-weight:bold;}
*/

/*
.sub_menu dl dt {text-align:center;font-size:30px;color:#fff;font-weight:500;line-height:36px;padding:55px 0 79px 0;margin:0;background:url("../images/da_image/bg_left_tit.gif") no-repeat 0 top;position:relative;}
.sub_menu dl dt span {color:#fff;font-size:15px;text-align:center;display:inline-block;line-height:22px;font-weight:500;width:100%;margin:0;padding:0;position:absolute;left:0;top:93px;}
.sub_menu dl dd {height:51px;line-height:51px;position:relative;}
.sub_menu dl dd.menu01 {}
.sub_menu dl dd.menu02 {}
.sub_menu dl dd.menu03 {}
.sub_menu dl dd a {display:block;font-size:13px;color:#333;width:218px;padding:16px 0 16px 0;line-height:18px;text-indent:20px;border:1px #d3d3d3 solid;border-top:0;background:#fff;z-index:1;position:absolute;left:0;top:0;}
.sub_menu dl dd a:hover,
.sub_menu dl dd a.ov, .sub_menu dl dd a.tap {color:#eb3b4b;'Noto Sans KR','NanumSquare',: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;z-index:3;background:#fff url("../images/da_image/icon_left_lnb.gif") no-repeat 176px center;}
*/






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

	 INDEX | index.html

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

#content {/*background:url("../images/main/main_visual_bg.jpg") no-repeat center top;*/}
/* 개별 스크립트 사용시 썼던 소스
#content .main_visual {position:relative; width:100%; height:750px; margin:0 auto; overflow:hidden;}
#content .main_visual li {height:750px; overflow:hidden;position:relative;z-index:1;vertical-align:top;font-size:0;}
#content .main_visual li a {vertical-align:top;}
#content .main_visual img {vertical-align:top;position:absolute; left:50%; margin-left:-1000px; width: 2000px; max-width: 2000px;}
#content .main_visual ul.slick-dots {width:16px;font-size:0;position:absolute; top:418px; left:50%; margin-left:534px; text-align:center; }
#content .main_visual ul.slick-dots:after {clear:both;content:""; display:block;}
#content .main_visual ul.slick-dots li {height:16px;width:16px;margin:0;display:inline-block;padding:0px;margin-bottom:14px;position:relative;vertical-align:top;}
#content .main_visual ul.slick-dots li button {vertical-align:top;margin:0;display:inline-block; text-indent:-9999px; background:url("../images/main/visual_off.png") no-repeat; width:16px; height:16px; border-radius:0;outline:0;}
#content .main_visual ul.slick-dots li.slick-active button {background:url("../images/main/visual_on.png") no-repeat; border-radius:0px;}
*/

.main_visual {position:relative;width:100%;margin:0 auto;overflow:hidden;z-index:1; max-width: 1920px;}
.main_visual .slick-slide {overflow:hidden; position:relative; }
.main_visual .slick-slide img {display:block; height:auto;width:auto;}
.main_visual .slick-arrow {display:inline-block; position:absolute; top:50%; margin-top:-38px; text-indent:-9999px; width:43px; height:76px; z-index:10;}
.main_visual .slick-arrow.slick-prev {left:40px; background:url("../images/da_image/visual_left.png") no-repeat;}
.main_visual .slick-arrow.slick-next {right:40px; background:url("../images/da_image/visual_right.png") no-repeat;}
.main_visual .slick-arrow.slick-prev.on {background:url("../images/main/visual_left_on.png") no-repeat;}
.main_visual .slick-arrow.slick-next.on {background:url("../images/main/visual_right_on.png") no-repeat;}
.main_visual .auto_control {display:none; position:absolute; right:20px; bottom:20px; font-size:0px;}
.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_visual .auto_control a.on {color:#fff; text-shadow:#000 0px 0px 5px;}
.main_visual ul.slick-dots {width: 100%;font-size:0;position:absolute;text-align:center;bottom: 60px;left: 0;}
.main_visual ul.slick-dots:after {clear:both;content:""; display:block;}
.main_visual ul.slick-dots li {height:8px;width:28px;margin: 0 5px;display:inline-block;padding:0px;margin-bottom:14px;position:relative;vertical-align:top;}
.main_visual ul.slick-dots li button {vertical-align:top;margin:0;display:inline-block; text-indent:-9999px; width:28px; height:8px; border-radius:0;border:2px solid #fff}
.main_visual ul.slick-dots li.slick-active {width:60px}
.main_visual ul.slick-dots li.slick-active button {width:60px;background:#fff}


#content .main_banner {width:1200px; margin:0 auto; padding:75px 0 79px 0;}
#content .main_banner ul {height:240px;}
#content .main_banner ul li {float:left; width:25%; text-align:center;}
#content .main_banner ul li h2 {padding-bottom:34px;}
#content .main_banner ul li h4 {font-size:20px; color:#222; padding-bottom:21px;}
#content .main_banner ul li p {font-size:13px; color:#777; line-height:19px; font-weight:300;}

#content .main_portfolio {background:url("../images/main/portfolio_bg.gif") repeat; padding:75px 0 100px 0;}
#content .main_portfolio ul {width:1100px; margin:0 auto;}
#content .main_portfolio ul:after {display:block; clear:both; content:"";}
#content .main_portfolio ul li {position:relative; float:left; width:25%;}
#content .main_portfolio ul li h2 {}
#content .main_portfolio ul li h2 img {width:100%;}
#content .main_portfolio ul li div {opacity:0; position:absolute; left:0; top:0; padding:15% 10%; width:80%; height:70%; background-color: rgba(208, 28, 36, 0.9); transition:0.3s;}
#content .main_portfolio ul li:hover div {opacity:1;}
#content .main_portfolio ul li div h3 {font-size:18px; color:#fff; font-weight:500; padding-top:20px; line-height:22px; word-break:keep-all; background:url("../images/main/portfolio_overline.gif") no-repeat left top; }
#content .main_portfolio ul li div p {font-size:14px; color:#fff; font-weight:300; padding-top:4px;}

#content .main_contact {min-height:422px;width:1100px; margin:75px auto; position:relative;}
#content .main_contact h2.main_tit {margin-bottom:40px;}
#content .main_contact .contact_cont {width:535px;}
#content .main_contact .contact_cont div.clear {margin-bottom:11px; height:65px;}

#content.main #header {display: none;}

/* 메인에서 게시글 작성 폼 영역 */
.board_main_write {width:100%;margin-bottom:20px;}
.board_main_write td {line-height:45px;}
.board_main_write td + td {padding-left:10px;}
.board_main_write td input[type="text"],
.board_main_write td input[type="password"],
.board_main_write td textarea {outline:0;height:45px;line-height:43px;margin:0;width:100%;border:1px #ccc solid;color:#888;font-size:13px;box-sizing:border-box;padding:0 0 0 15px;}
.board_main_write td input[type="text"]::-webkit-input-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="text"]::-moz-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="text"]:-ms-input-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="text"]:-moz-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="password"]::-webkit-input-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="password"]::-moz-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="password"]:-ms-input-placeholder {color:#888;font-size:13px;}
.board_main_write td input[type="password"]:-moz-placeholder {color:#888;font-size:13px;}
.board_main_write td textarea {line-height:19px !important;padding:10px 15px;}
.board_main_write td input[name="name"] {}
.board_main_write td strong {display:none;}
.board_main_write tr + tr td {padding-top:10px;}
.board_main_write td.check_td {line-height:20px;padding:10px 0 0 0;height:30px;vertical-align:top;box-sizing:border-box;}
.board_main_write td.check_td .policy_cont > div {margin-top:0;margin-bottom:0;}
.board_main_write + button {outline:0;width:100%;height:54px;}
.board_main_write + button .btn_send_main {display:inline-block; width:100%; height:54px; text-align:center; line-height:54px; font-size:14px; letter-spacing:0.1em; color:#fff; font-weight:600;background:#aaa url("../images/main/btn_more.gif") no-repeat 63% center; padding-right:30px;box-sizing:border-box;}
/* 메인에서 게시글 작성 폼 영역 */

#content .main_contact .contact_banner {width:535px; position:absolute; right:0; top:84px;}

#content .main_location {width:100%;max-width:1920px;padding-top:60px; margin: 0 auto;}
#content .main_location h2.main_tit {color:#052242; font-size:30px;font-family:"poppins",'NanumSquare', sans-serif;;text-align:center;font-weight:600;margin-bottom:40px}
#content .main_location ul {width:1200px;margin:0 auto;/* height:130px; */text-align:center;padding-top:17px;margin-bottom:30px;overflow: hidden;}
#content .main_location ul li {float:left; width:50%;}
#content .main_location ul li p {font-size:12px; color:#052242; line-height:19px;font-family:"poppins",'NanumSquare', sans-serif;word-break:keep-all;white-space:normal;word-wrap:normal;}
#content .main_location ul li p.icon {margin-bottom:20px}
#content .main_location ul li p.icon img.ta {display:none}
#content .main_location ul li p.han {font-family:'NanumSquare','Nanum Gothic', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;letter-spacing:-1px;}
#content .main_location .map {width:100%;max-width:1920px;box-sizing:border-box;padding:8px}






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

	 SUB

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

/*** 인사말 회사소개 | company/index.html ***/
.sub_content.about {}
.sub_content.about h5 {}
.sub_content.about h2 {color:#222; font-size:22px; font-weight:500; padding:50px 0 30px;}
.sub_content.about h2 span {color:#bf1e2e; font-size:22px; font-weight:500;}
.sub_content.about p {color:#999; font-size:14px; font-weight:400; line-height:20px; padding:0 0 40px; margin:0 0 30px; background:url("../images/da_image/about_line.gif") no-repeat left bottom;}
.sub_content.about span.sign {float:right; color:#999; font-size:14px; font-weight:400;}

.sub_cont .about_info {background:url("../images/da_image/bg_about_01.jpg") no-repeat left top;text-align:center;height:320px;}
.sub_cont .about_tit {margin:0 0 0 33px;text-align:left;color:#fff;font-size:22px;font-weight:700;line-height:35px;letter-spacing:-0.06em;background:url("../images/da_image/bg_about_line.gif") no-repeat left bottom;padding:54px 0 27px 0;}
.sub_cont .about_text {margin:0 0 0 33px;padding:16px 0 0 0;text-align:left;color:#fff;font-size:15px;line-height:23px;font-weight:400;letter-spacing:-0.06em;}
.sub_cont .about_box {padding:58px 0 0 0;}
.sub_cont .about_box dl {width:276px;padding:164px 0 0 0;}
.sub_cont .about_box dt {text-align:center;margin:0;color:#333;font-size:18px;line-height:24px;font-weight:700;letter-spacing:-0.06em;padding:0 0 10px 0;}
.sub_cont .about_box dd {text-align:center;margin:0;color:#888;font-size:13px;line-height:20px;font-weight:600;letter-spacing:-0.06em;}
.sub_cont .about_box .box1 {background:url("../images/da_image/icon_about_01.gif") no-repeat center top;}
.sub_cont .about_box .box2 {background:url("../images/da_image/icon_about_02.gif") no-repeat center top;}
.sub_cont .about_box .box3 {background:url("../images/da_image/icon_about_03.gif") no-repeat center top;}


/*** 오시는길 | company/location.html ***/
.sub_content.location {}
.sub_content.location .map {border:1px solid #d3d3d3; padding:6px; margin-bottom:40px;}
.sub_content.location .map .wrap_controllers {display:none;}
.sub_content.location .map_info {}


.sub_cont .locate_info {text-align:left;margin:0 ; height:464px; width:830px; border:1px solid #d3d3d3; padding:5px; box-sizing:border-box;}
.sub_cont .locate_info div.map_api {background:#fff;}
.sub_cont .locate_box {border-top:2px #333 solid;padding:30px 0;}
/*
.sub_cont .locate_box dt {}
.sub_cont .locate_box dd {}
.sub_cont .locate_box dd p {color:#666;font-size:12px;line-height:18px;padding:7px 0 3px 0;margin:0;vertical-align:top;}
.sub_cont .locate_box dd p strong {vertical-align:top;color:#333;font-size:14px;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;display:inline-block;line-height:22px;background:url(../images/da_image/bg_location_line.gif) no-repeat left top;padding:10px 0 12px 0;width:100%;}
.sub_cont .locate_box dd p span {display:inline-block;width:auto;margin-right:25px;vertical-align:top;}
.sub_cont .locate_box dd p.no1 {width:256px;border-right:1px #d3d3d3 solid;margin-right:25px;}
.sub_cont .locate_box dd p.no1 span {margin-right:50px;}
.sub_cont .locate_box dd p.no2 {width:270px;border-right:1px #d3d3d3 solid;margin-right:25px;}
.sub_cont .locate_box dd p.no3 {width:250px;}
*/
.sub_cont .contact_us:after{clear:both; content:""; display:block;}
.sub_cont .contact_us h2{    font-size: 16px;
    color: #222222;
    font-weight: 600;
    padding-bottom: 10px;
}
.sub_cont .contact_us table{width:100%; margin:0; border-right:none; border-left:none;}
.sub_cont .contact_us table tr{border-bottom:1px solid #d3d3d3; border-top:none;}
.sub_cont .contact_us table th{width:154px; color:#222222; font-weight:bold; background:none; line-height:40px; font-size:13px; }
.sub_cont .contact_us table tr:nth-child(1) th{border-top:2px solid #555;}
.sub_cont .contact_us table tr:nth-child(1) td{border-top:2px solid #d3d3d3;}
.sub_cont .contact_us table td{text-align:left; color:#666666; padding:13px 5px 5px 5px;}
.sub_cont .contact_us table td p{line-height:25px;}
.sub_cont .contact_us table td p.traffic_info{padding:0;}



/*** 회사연혁 | company/history.html ***/
.sub_content.history {position:relative; height:569px; background:url("../images/da_image/history_bg.png") no-repeat left top;}
.sub_content.history > div {width:254px; height:129px; padding:8px;}
.sub_content.history > div .cont {background:#fff;}
.sub_content.history > div .cont ul {}
.sub_content.history > div .cont ul li {color:#333; font-size:14px; font-weight:400; line-height:24px; letter-spacing:-0.5px;}
.sub_content.history .history_sec01 {position:absolute; left:270px; top:142px;}
.sub_content.history .history_sec01 .cont {width:233px; height:114px; padding:15px 0 0 21px;}
.sub_content.history .history_sec02 {position:absolute; left:0; top:297px;}
.sub_content.history .history_sec02 .cont {width:233px; height:114px; padding:15px 0 0 21px;}
.sub_content.history .history_sec03 {position:absolute; right:0; bottom:0;}
.sub_content.history .history_sec03 .cont {width:233px; height:102px; padding:27px 0 0 21px;}
.sub_content.history .gray {background:rgba(86, 86, 86, 0.2); border:none;}
.sub_content.history .pink {background:rgba(202, 17, 44, 0.15);}

.sub_cont .history_info {background:url("../images/da_image/bg_history.gif") no-repeat right top;position:relative;}
.sub_cont .history_info dl {width:360px;padding:25px 0 0 0;}
.sub_cont .history_info dl dt {text-align:left;line-height:24px;color:#333;font-size:18px;font-weight:700;letter-spacing:0;}
.sub_cont .history_info dl dd {padding-top:16px;}
.sub_cont .history_info dl dd p {color:#999;font-size:13px;line-height:20px;padding:0 0 11px 0;}
.sub_cont .history_info dl dd p strong {display:inline-block;width:80px;line-height:20px;color:#333;font-size:13px;font-weight:700;vertical-align:top;letter-spacing:-0.06em;}
.sub_cont .history_info dl dd p span {display:inline-block;color:#999;font-size:13px;line-height:20px;letter-spacing:-0.06em;width:280px;vertical-align:top;}
.sub_cont .history_info .no1 {position:absolute;left:612px;top:167px;color:#fff;font-size:15px;display:inline-block;text-align:center;line-height:20px;font-weight:normal;}
.sub_cont .history_info .no2 {position:absolute;left:484px;top:424px;color:#fff;font-size:15px;display:inline-block;text-align:center;line-height:20px;font-weight:normal;}
.sub_cont .history_info .no3 {position:absolute;left:574px;top:568px;color:#444;font-size:15px;display:inline-block;text-align:center;line-height:20px;font-weight:normal;}
.sub_cont .history_info .no1_bg {position:absolute;left:162px;top:33px;background:#d3d3d3;height:1px;width:450px;overflow:hidden;display:inline-block;}
.sub_cont .history_info .no2_bg {position:absolute;left:162px;top:275px;background:#d3d3d3;height:1px;width:340px;overflow:hidden;display:inline-block;}
.sub_cont .history_info .no3_bg {position:absolute;left:78px;top:516px;background:#d3d3d3;height:1px;width:370px;overflow:hidden;display:inline-block;}




/* 고객센터 */
.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','NanumSquare','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','NanumSquare','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_write {border-top:1px solid #333; border-bottom:1px solid #bbbbbb; font-size:13px; text-align:left; margin-bottom:20px;}
table.board_write tr + tr th, table.board_write tr + tr td {border-top:1px solid #ddd;}
table.board_write th,
table.board_write td {font-size:12px;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;padding-top:10px;padding-bottom:10px;padding-left:20px; padding-right:20px;line-height:30px;}
table.board_write th {color:#444; font-weight:600; font-size:14px; padding-left:25px; padding-right:25px;  position:relative;}
table.board_write td {}
table.board_write td p {padding:5px 0 0;}
table.board_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}

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

.btn_right {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_center {text-align:center;}
.btn_center a {margin:0 2px;}
.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','NanumSquare','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','NanumSquare','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 #d3d3d3;}
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','NanumSquare','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','NanumSquare','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','NanumSquare','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','NanumSquare','Nanum Gothic', dotum, sans-serif !important; border:1px solid #d9d9d9;}


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

	 BOARD

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

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


.sub_board .view_btn {padding-top:0px;margin-top:0px;}
.sub_board .view_btn h2 {float:right;}
.sub_board .view_btn p {text-align:center;}
.sub_board .view_btn p a {}


.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 #d3d3d3 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','NanumSquare','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 #d3d3d3;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','NanumSquare','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 #d3d3d3; 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','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;display:block;line-height:78px;}
.sub_board .comment .comment_cont {position:relative;border-top:1px #d3d3d3 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 #d3d3d3 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','NanumSquare','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 #d3d3d3;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','NanumSquare','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 #d3d3d3;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','NanumSquare','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 #d3d3d3; 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','NanumSquare','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 #d3d3d3; 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','NanumSquare','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 0 60px 0;}
.sub_board .board_num {padding:4px 0 0 0;display:inline-block;line-height:19px;text-align:left;font-size:13px;color:#666; display:none;}
.sub_board .board_num strong {color:#eb3b4b;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;}
.sub_board .board_search {text-align:center;padding:17px 0;margin-bottom:25px;border:1px solid #d3d3d3;width:100%;box-sizing:border-box;background: #f5f5f5;}
.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','NanumSquare','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:#eb3b4b;}
.sub_board .board_search select {border:1px solid #d3d3d3;height:24px;line-height:24px;min-width:73px;margin-right:0px;color:#333;font-size:12px;padding:0 0 0 3px;font-weight:600;background: #fff;height: 30px;}
.sub_board .board_search input.input_text {border:1px solid #d3d3d3;height:24px;min-width: 300px;text-indent:10px;margin-right:1px;color:#333;font-size:12px;vertical-align:top;background: #fff;height: 30px;}
.gallery_board .board_search {margin:0;text-align:left;padding:0 0 20px 0;}

.sub_board table.board_list {text-align:center;background:#fff;}
.sub_board table.board_list tr {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.sub_board table.board_list th {font-size: 16px;text-align:center;line-height:48px;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;color:#333;background:#fafafa;}
/*.sub_board table.board_list th.last {background:none;}*/
.sub_board table.board_list td {font-size: 15px;color:#888;line-height:43px;height:43px;padding:0 10px 0 10px !important;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;vertical-align:middle;}
.sub_board table.board_list td a {font-size: 15px;color:#444;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;}
.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 #d3d3d3 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 #d3d3d3; 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 #d3d3d3;}
.sub_board table.board_list th {font-size:13px; text-align:center; padding:16px 0; color:#333333; font-weight:600; border-top:1px solid #d3d3d3; 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;  text-align:left;}
.sub_board .board_view div.view_tit {font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-size: 13px;border-top: 1px solid #333;/* padding: 20px 30px; */border-bottom: 1px solid #ddd;background: #fbfbfb;}
.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:10px 0; }
.sub_board .board_view div.view_tit p{display:inline-block; width:141px; padding-left:30px; font-size:12px; color:#333; font-weight:bold; text-align:left; background: #fafafa; line-height:35px;}
.sub_board .board_view div.view_tit h3 {display:block;color: #333;padding: 19px 30px;line-height:20px;font-size: 16px;overflow:hidden;}
.sub_board .board_view div.view_tit h3 span {float:right;font-size:13px;color:#666}
.sub_board .board_view div.view_cont {color: #888;width:100%;box-sizing:border-box;font-size: 12px;padding: 16px 0 80px 20px;line-height: 26px;min-height:255px;border-bottom: 1px solid #ddd;border-top:none;}
.sub_board .board_view h4 {border:1px solid #d3d3d3; border-top:none; padding:17px 30px; font-size:13px; color:#666666;}
.sub_board .board_view h4 span {display:inline-block; color:#444; font-weight:600; padding-right:15px; margin-right:15px; background:url("../images/sub/view_line.gif") no-repeat right center;}
.sub_board .view_btn {height:40px; position:relative;}
.sub_board .view_btn p {position:absolute; right:0px; top:30px; font-size:14px; font-weight:bold;}

/*** 게시판 댓글 ***/
.sub_board .board_comment {position: relative;box-sizing:border-box;border:1px solid #d3d3d3; 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: 12px;color: #555;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;line-height: 25px;padding: 0;}
.sub_board .board_comment .comment_name span input {vertical-align:top;border:1px solid #d3d3d3;padding:5px;}
.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: 698px;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:#eb3b4b; 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 #d3d3d3; color:#888; padding:15px 0 7px 0; text-align:left;}
.sub_board .board_comment_list .comment_title span {color:#eb3b4b;}
.sub_board .board_comment_list .comment {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .board_comment_list .comment .comment_writer {color:#333; padding-bottom:3px; text-align:left;}
.sub_board .board_comment_list .comment span.board_line {display:inline-block; width:1px; height:9px; background:#999; margin:0 8px;}
.sub_board .board_comment_list .comment .com_btn {position:absolute; right:0; top:9px;}
.sub_board .board_comment_list .comment .com_btn a {color:#999;}
.sub_board .board_comment_list .comment .com_txt {color:#888; text-align:left;}
.sub_board .board_comment_list .comment .com_txt_reply {color:#888; text-align:left; border-top:1px solid #d3d3d3; padding:16px 0 10px 40px; margin:10px 0 0; background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;}
.sub_board .board_comment_list .comment .com_modify {position:relative; margin:5px 0 0;}
.sub_board .board_comment_list .comment .com_modify:after {clear:both;content:""; display:block;}
.sub_board .board_comment_list .comment .com_modify textarea {float:left; width:90%; height:50px; border:1px solid #d3d3d3;}
.sub_board .board_comment_list .comment .com_modify .btn_modify {float:right; width:9.2%; height:52px;display:inline-block; line-height:52px; background:#aaa; color:#fff; font-size:15px; font-weight:600; text-align:center;}
.sub_board .board_comment_list .comment .comment_password {position:absolute; right:25px; top:0; width:300px; border:2px solid #757575; padding:7px; background:#fff; z-index:100; text-align:left;}
.sub_board .board_comment_list .comment .comment_password.modify {right:72px;}
.sub_board .board_comment_list .comment .comment_password span {display:inline-block; height:20px; line-height:20px; font-weight:600; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password input {width:195px; height:19px;}
.sub_board .board_comment_list .comment .comment_password h5 {display:inline-block; width:39px; height:20px; line-height:20px; border:1px solid #ccc; background:#fff; text-align:center; border-radius:5px; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password a.close {position:absolute; right:2px; top:2px;}
.sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}

/*** 게시판 개인정보취급 ***/
.policy_cont {}
.policy_cont > div {text-align:left; margin:15px 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;}
.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 {padding:0 0 0 0;}
.sub_board ul.gallery_list li {float:left;width:260px;margin-right:24px;padding-bottom:25px;}
.sub_board ul.gallery_list li .thumb {text-align:center;width:100%; line-height:190px;border:1px solid #d3d3d3; 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:top;}
.sub_board ul.gallery_list li .thumb img {width:100%;height:auto;vertical-align:top; box-sizing:border-box;}
.sub_board ul.gallery_list li h3 {display:block;font-size: 13px;color: #333333; font-weight: 600;padding:13px 0 3px 0;line-height:20px;}
.sub_board ul.gallery_list li p {display:block;font-size:12px; color:#888; font-weight:100;line-height:19px;text-align:left;margin:0;}
.sub_board ul.gallery_list li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;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 #d3d3d3;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','NanumSquare','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: #eb3b4b; line-height: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-top: 13px; }
.sub_board ul.gallery_list li .txt_info a.btn_bbs_read:before,
.sub_board ul.gallery_list li .txt_info a.btn_bbs_read::before {width: 13px; height: 18px; line-height: 18px; content: ""; display: inline-block; background: url(../images/main/btn_readmore.gif) no-repeat 0 30%; vertical-align: middle;}
*/

/*** 게시판(갤러리형) | layout/board/board_secret.html ***/
.sub_pw_input {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_pw_input .ok_box {width:100%; margin:0 auto; padding:70px 0; font-family:'Nanum Gothic', sans-serif; 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:#eb3b4b; border:1px solid #eb3b4b; text-align:center; line-height:40px; color:#fff; font-weight:600;}


/* 게시판 글쓰기 */
.sub_board .board_css tr{border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; }
.sub_board .board_css tr th{line-height:30px; padding:11px 0;padding-left:35px; vertical-align:middle; width:176px;}
.sub_board .board_css tr td{line-height:30px;padding:11px 30px;}
.sub_board .board_css tr td.td_textarea {padding-right:16px;}
.sub_board  table.board_css td input[type=text], table.board_css td input[type=password]{border:1px solid #d9d9d9; width:235px;}
.sub_board  table.board_css td input[name=title] {width:80%;}

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

	 GOODS(상품)

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

/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
#content_sub .sub_tit.board span {color:#282828; font-size:50px; font-weight:800; font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
/*#content_sub .sub_tit span {display:inline-block; padding-bottom:23px; margin-bottom:-2px; background:url("../images/sub/tit_line.gif") no-repeat center bottom;}*/
.sub_list {}
.sub_list .list_search {width:100%; height:74px; background:#f4f4f2; margin:50px 0 30px;}
.sub_list .list_search:after {clear:both; content:""; display:block;}
.sub_list .list_search > div {float:right; padding-right:20px;}
.sub_list .list_search > div:after {clear:both; content:""; display:block;}
.sub_list .list_search > div > span {float:left; display:inline-block; height:74px; line-height:74px; margin-right:15px;}
.sub_list .list_search > div > span label {color:#777; font-size:12px; font-weight:500; padding-left:5px;}
.sub_list .list_search .search_form {float:left;}
.sub_list .list_search .search_form .search {margin:20px 0 0;}
.sub_list .list_search .search_form .search select {width:100px;height:32px;line-height:30px;}
.sub_list .list_search .search_form .search input {width:218px; height:32px; line-height:32px; border:1px solid #ddd; background:#fff; text-indent:12px;}
.sub_list .list_search .search_form .search a {display:inline-block; width:60px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; font-size:13px; font-weight:600; margin-left:3px;}
.sub_list .list_array {margin:0 0 20px;}
.sub_list .list_array:after {clear:both; content:""; display:block;}
.sub_list .list_array .list_count {float:left; height:30px; line-height:30px; color:#555; font-size:15px; font-weight:600;}
.sub_list .list_array .list_count span {color:#eb3b4b; 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:#eb3b4b 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:#eb3b4b url("../images/sub/icon_list_typeB_on.png") no-repeat left top;}
.sub_list .list_array  ul li.on {border:1px solid #eb3b4b; background:#eb3b4b;}
.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;;margin-top:30px}
.paging a {display:inline-block; font-size:12px; color:#777; padding:0;height:30px; line-height:30px; width:30px;text-align:center; vertical-align:middle;border:1px solid #ddd;margin:0 2px}
.paging .on a{color:#fff;background:#093360; font-weight:bold;}
.paging a.on,
.paging a:hover {color:#fff;background:#093360;/* font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif; */font-weight:700;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {overflow:hidden;font-size:0;width:30px;}
.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:183px;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd > em {display:inline-block;box-sizing:border-box;color:#333; font-size:16px; font-weight:600; padding:0 0 6px;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777; font-size:14px; font-weight:500; line-height:22px;}

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

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




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

	 MEMBER(회원)

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

/*** 로그인 | member/login.html ***/
.bg_eb3b4b {background-color: #eb3b4b;}





.sub_login {position:relative;z-index:1;}
.sub_login .login_box {position:relative;padding:63px 0 71px;border: 1px solid #d3d3d3;overflow: hidden;background:url(../images/sub/login_bg_symbol.gif) no-repeat bottom right #eee;vertical-align:top;}
.sub_login .login_box h2 {text-align:center; padding-bottom:30px;}
.sub_login .login_box > div {min-height:136px;font-size:0;vertical-align:top;position: relative;width: 315px;margin-left:50px;padding:0 50px 0px 0;float:left;background:url(../images/sub/login_line.gif) repeat-y right;}
.sub_login .login_box div input.login_input {width: 315px;height: 24px;border:0;border-bottom: 1px solid #dddddd;font-size: 14px;/*color: #888888;*/font-weight: 600;}
.sub_login .login_box div input {font-size:15px;color:#222;letter-spacing:-0.015em;background:none;background-repeat: no-repeat;background-position:left center;}
.sub_login .login_box div input.mb10 {margin-bottom:19px;}
.sub_login .login_box div input.login_id,
.sub_login .login_box div input.login_pw,
.sub_login .login_box div input.login_name,
.sub_login .login_box div input.login_email {width:100%;box-sizing:border-box;padding:0 0 0 20px;}
.sub_login .login_box div input.login_id {background-image:url(../images/sub/login_tit_id.gif);}
.sub_login .login_box div input.login_pw {background-image:url(../images/sub/login_tit_pw.gif);padding-left:77px;}
.sub_login .login_box div input.login_name {background-image:url(../images/sub/login_tit_name.gif);padding-left:45px;}
.sub_login .login_box div input.login_email {background-image:url(../images/sub/login_tit_email.gif);padding-left:51px;}
.sub_login .login_box div h3 {width:315px;height:35px;line-height:35px;cursor: pointer;font-weight:500;color:#fff;letter-spacing:-0.020em;text-align:center;font-size:13px;margin-top:6px;}
.sub_login .login_box div h3.bg_eb3b4b {margin-top:34px;}
.sub_login .login_box div h3 input,
.sub_login .login_btn div a {vertical-align:top;cursor: pointer;font-weight:500;color:#fff;letter-spacing:-0.020em;text-align:center;font-size:13px;background:none;border:0;height:35px;line-height:35px;width:100%;outline:0;}
.sub_login .login_box p  {width:350px;margin: 0 auto;color:#555;letter-spacing:-0.050em;line-height:19px;padding:0;font-size:13px;}
.sub_login .login_box p input {border: 1px solid #dddddd;}
.sub_login .login_box p.save_btn {height:35px;line-height:35px;}
.sub_login .login_box p.save_btn input {vertical-align:middle;margin-bottom:0;}
.sub_login .login_btn {position:absolute !important;top:50%;right:0;height:136px;margin-top:-66px;background:none !important;}
.sub_login .login_btn div a {	background-color:#898989;display:inline-block;}

.sub_login.pw_box {}
.sub_login.pw_box .login_box > div {min-height:173px;}
.sub_login.pw_box .login_box div h3.bg_eb3b4b {margin-top:28px;}
.sub_login.pw_box {}

.sub_login .login_btn div.btn_idfind {overflow:hidden;}
.sub_login .login_btn div.btn_idfind a {width:153px;margin-left:9px;float:left;}
.sub_login .login_btn div.btn_idfind a:first-child {margin:0;}
.sub_login .login_btn div.btn_join a {margin:18px 0 10px;}
.sub_login .login_btn div p {font-size:12px; color:#999999; padding-top:0px;}
.sub_login .login_btn div h2 {font-size:14px; color:#555555; font-weight:600; padding-top:5px;}

.sub_login .login_box div h3,
.sub_login .login_box div h3 input,
.sub_login .login_btn div a,
.sub_login .login_box p {font-family: 'Noto Sans KR','NanumSquare', 'Nanum Gothic', dotum, sans-serif;}






/*
.sub_login .login_wrap {
      padding: 55px 0 95px;
    border: 1px solid #d3d3d3;
    background: url(../images/da_image/login_bg.gif) no-repeat right bottom;}
.sub_login .login_box {margin:0;text-align:center;}
.sub_login .login_box h1{padding-bottom:30px;}
.sub_login .login_box div.login_form {position:relative; width:460px; margin:0 auto; text-align:left;}
.sub_login .login_box div.login_form p {}
.sub_login .login_box div.login_form label {font-size:13px;color:#333;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;text-align:left;display:inline-block;width:68px;height:35px;line-height:35px;float:left;}
.sub_login .login_box div.login_form input{
      padding: 0 20px;
    width: 300px;
    height: 48px;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #888888;
    font-weight: 600;}
.sub_login .login_box div.login_form input.mb10 {margin-bottom:10px;}

.sub_login .login_box div.login_form h3 {
      position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.sub_login .login_box div.login_form input.keydown_btn{width:150px; padding:0px; border:none; height:110px;}
.sub_login .login_box div.login_form h3.search_id button{}
.sub_login .login_box div.login_form h3.search_id input{width:150px; height:110px; }
.sub_login .login_box div.login_form h3.search_pw input{width:150px; height:170px; }


.sub_login .login_btn {height:120px; margin-top:10px;}
.sub_login .login_btn div {
    float: left;
    width: 218px;
    height: 72px;
    padding: 23px 0 23px 160px;
    border: 1px solid #d3d3d3;}
.sub_login .login_btn div.btn_idfind {background:url("../images/da_image/icon_idsearch.gif") no-repeat 70px center; margin-right:10px;}
.sub_login .login_btn div.btn_join {background:#fcfcfc url("../images/da_image/icon_join.gif") no-repeat 70px center; }
.sub_login .login_btn div p {font-size:12px; color:#999999; padding-top:16px;}
.sub_login .login_btn div h2 {display:block; font-size:14px; color:#555555; font-weight:600; padding-top:5px;}
*/

/*** 회원가입 | 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;}

table.board_write {border-top: 1px solid #333;font-size:12px;text-align:left;margin-bottom:20px;border-collapse:separate}
table.board_write th {/* border-right:1px solid #ddd; */ background:#fafafa;color:#333;font-size:12px !important;font-weight:600;width:110px;}
table.board_write th .require_dot {position:absolute;left:14px;top:50%;margin-top:-15px;line-height:30px;height:30px;}
table.board_write th .require_dot:before {content:'*';font-size:14px;color:#eb3b4b;line-height:14px;display:inline-block;width:auto;height:14px;}
table.board_write td {/* border-right:1px solid #ddd; */color:#888;font-weight:100;padding:10px 20px;}

table.board_css {font-size:11px; text-align:left; margin-bottom:30px; }
table.board_css tr {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; }
.change_pw table.board_css tr{border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.change_pw table.board_css table.board_css td input[type=text],.change_pw table.board_css td input[type=password]{
      min-width: 272px;
    padding: 0 10px;
    height: 26px;
     background-color: #F6F6F6;
    border: 1px solid #d3d3d3;
}
table.board_css th, table.board_css td {color:#888;font-size:11px;box-sizing:border-box;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;line-height:28px;padding:13px 0;vertical-align:top;text-align:left;}
table.board_css th {color:#333;font-weight:700;font-size:12px;padding-left:30px;background:#fafafa; width:180px;}
table.board_css th.view_tit {background:#fbfbfb;}
table.board_css th .require_dot {margin-left:5px;line-height:30px;height:30px;}
table.board_css th .require_dot:before {content:'*';font-size:14px;color:#eb3b4b;line-height:14px;display:inline-block;width:auto;height:14px; display:none;}
table.board_css td {padding-left:20px;padding-right:20px;background:#fff ;}
table.board_css td .guide {display:inline-block;margin-left:3px;}
table.board_css td div.view_cont {padding:9px 2px; line-height:25px; min-height:150px;}
table.board_css td input[type=text], table.board_css td input[type=password]{min-width:198px; padding:0 10px; height:30px; border:1px solid #d3d3d3; margin-right:4px;}
table.board_css td input.from_phone,
table.board_css td input.form_tel {min-width:42px;}
table.board_css td.field {padding-right:18px !important;}
table.board_css td.field label {display:inline-block;width:62px;}
table.board_css td textarea {min-width:98%; padding:8px 0 2% 8px; height:200px; border:1px solid #d3d3d3;}
table.board_css td textarea.from_textarea {min-width:98%; padding:8px 0 2% 8px; height:200px; border:1px solid #d3d3d3;}
table.board_css tr:last-child th,
table.board_css tr:last-child td { background-image:none;border-bottom:1px #d3d3d3 solid;}

/*
.sub_join table.board_css th{line-height:15px;  height:15px; padding:10px 30px; border-left:1px solid #d3d3d3; vertical-align:middle; width:170px;}
.sub_join table.board_css td{line-height:15px; height:15px; padding:10px 20px; border-right:1px solid #d3d3d3;}
*/
.sub_join table.board_css{border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; }
.sub_join table.board_css th{font-size:12px; }
.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:220px; padding:0px !important; height:28px; 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:180px;}
.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:#000; border-radius:2px; padding:0 9px !important; display:inline-block; background:#f3f3f3 !important; border:1px solid #d3d3d3; text-align:center; font-weight:normal;height:28px;line-height:26px;}
/*.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 {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;}
.sub_join table.captcha th {padding:10px 25px;}
.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:28px; line-height:28px; border:1px solid #ddd; margin-right:5px;}


/*** 회원가입 완료 | member/join_ok.html ***/
.sub_ok {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_ok .ok_box {width:100%; text-align:center; margin:0 auto; padding:70px 0; font-family:'Nanum Gothic', sans-serif; }
.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:#eb3b4b; font-weight:600;}
.sub_ok .ok_box .home_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#eb3b4b; border:1px solid #eb3b4b; 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:#eb3b4b; border:1px solid #eb3b4b; 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;}
.withdrawal table.board_css{border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.withdrawal table.board_css tr th{line-height:1; padding:10px 0 10px 30px; vertical-align:middle; width:170px;}
.withdrawal table.board_css tr td{line-height:1; padding:10px 0 10px 20px;;}


/*** 비밀번호 변경 안내 | 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:#eb3b4b; 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:23px;text-align:left;color:#333;font-family: 'Lato','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;padding:0 0 16px 0;}
.sub_agree .agree_box {
      margin-bottom: 40px;
    padding: 20px;
    background-color: #fafafa;
    border: 1px solid #d3d3d3;}
.sub_agree .agree_box textarea {box-sizing: border-box; line-height:14px; font-size:12px; width:790px; color:#888; height:192px; line-height:20px; font-weight:100; padding:20px; border:1px solid #d3d3d3; 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;
    overflow-y: scroll;
    width: 746px;
    color: #888888;
    height: 500px;
    font-weight: 100;
    padding: 20px;
    border: 1px solid #d3d3d3;
    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','NanumSquare','Nanum Gothic', sans-serif;font-weight:700;}
.sub_agree .btn_center {padding:22px 0 0 0;}
.sub_agree .agree_bg {background:#fff;border:1px #d3d3d3 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 #d3d3d3 solid;line-height:18px;font-weight:100; padding:12px 0 12px 12px; border:1px solid #d3d3d3; background-color:#fff;text-align:left;overflow:auto;height:auto;}

.join_agree h2{font-size:16px; padding-bottom:16px;}
.join_agree .agree_box{background:#fbfafa; padding:19px; border:1px solid #d3d3d3; width:830px; box-sizing:border-box;}
.join_agree .agree_box p.agree_txt{padding:13px 0 0 0;}

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

	 ETC

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

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




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

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

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


.menu-trigger {display:none}
.lnb_nav_mo {display:none}
.dim {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10;cursor:pointer}

.main_info_wrap {width:100%;max-width:1920px;margin:0 auto;}
.main_info_wrap ul {font-size:0;}
.main_info_wrap ul li {padding:27px;width:25%;box-sizing:border-box;position:relative;z-index:1;text-align:center;display:inline-block;vertical-align: top;height: 332px;}
.main_info_wrap ul li + li {}
.main_info_wrap ul li + li:before {width:1px;height:100%;background:#ddd;left:0;top:0;position:absolute;content:"";display:inline-block;}
.main_info_wrap ul li.main_info01 .box {background:url(../images/da_image/icon_main_lnb01.png) no-repeat 50% 121px;}
.main_info_wrap ul li.main_info02 .box {background:url(../images/da_image/icon_main_lnb02.png) no-repeat 50% 121px;}
.main_info_wrap ul li.main_info03 .box {background:url(../images/da_image/icon_main_lnb03.png) no-repeat 50% 121px;}
.main_info_wrap ul li.main_info04 .box {background:url(../images/da_image/icon_main_lnb04.png) no-repeat 50% 121px;}
.main_info_wrap ul li .box {/* background-size:auto 108px !important; */}
.main_info_wrap ul li a {z-index:1;box-sizing:border-box;width: 100%;height: 100%;display: block;position:relative;}
.main_info_wrap ul li a:before {position:absolute;left:50%;top:50%;display:inline-block;content:"";width: calc(100% + 16px);height: calc(100% + 16px);box-sizing:border-box;border: 8px #093360 solid;transform: translate(-50%, -50%);opacity:0;}
.main_info_wrap ul li:hover a:before {opacity:1;}
.main_info_wrap ul li:hover a {}
.main_info_wrap ul li .box {padding:48px 0 0px 0;width:100%;box-sizing:border-box;}
.main_info_wrap ul li strong {line-height:46px;font-size:32px;font-weight:700;color:#273555;display:inline-block;width:100%;}
.main_info_wrap ul li p {padding:186px 0 0 0;line-height:0;font-size:0;font-weight:400;color:#888;word-break:keep-all;white-space:normal;word-wrap:normal;}

.main_brandLink {overflow:hidden;width:100%;max-width:1920px;margin:0 auto;}
.main_brandLink p {padding:130px 0;font-size:40px;color:#fff;background:#052242;text-align:center;font-family:"poppins",'NanumSquare', sans-serif;;text-transform:uppercase;text-align:center;word-break:keep-all;white-space:normal;word-wrap:normal;}
.main_brandLink p img {display:inline-block}
.main_brandLink p .ta {display:none}
.main_brandLink p .mo {display:none}
.main_brandLink ul {overflow:hidden;background:url("../images/da_image/main_brandLink.jpg") no-repeat 0 0;background-size:100%}
/*.main_brandLink li {float:left;width:25%;}*/
.main_brandLink li {float:left;width:50%;}
/*.main_brandLink li a {display:block;width:100%;transform:skewX(175deg);overflow:visible;margin-left: -3.8%;}*/
.main_brandLink li a {display:block;width:100%;}
/*.main_brandLink li:nth-child(1) {width:25%}
.main_brandLink li:nth-child(2) {width:25%}
.main_brandLink li:nth-child(3) {width:26%}
.main_brandLink li:nth-child(4) {width:24%}
.main_brandLink li a img {opacity:0}*/
.main_brandLink li a img {opacity:1}
.main_brandLink li a img.ta {display:none}
.main_brandLink li a img.mo {display:none}

.sub_visual_wrap {padding-top: 77px;width:100%;position:relative;height:350px}
	.sub_visual_wrap.company {background:url("../images/da_image/subhead_company.jpg") no-repeat center 0;background-size:cover}
	/*.sub_visual_wrap.brand {background:url("../images/da_image/subhead_brand_index0.jpg") no-repeat center 0;background-size:cover}*/
	.sub_visual_wrap.brand0 {background:url("../images/da_image/subhead_brand_index_arena.jpg") no-repeat center 0;background-size:cover}
	.sub_visual_wrap.brand2 {background:url("../images/da_image/subhead_brand_index_elle.jpg") no-repeat center 0;background-size:cover}
	.sub_visual_wrap.brand4 {background:url("../images/da_image/subhead_brand_index_cross.jpg") no-repeat center 0;background-size:cover}
	.sub_visual_wrap.incruit {background:url("../images/da_image/subhead_incruit.jpg") no-repeat center 0;background-size:cover}
	.sub_visual_wrap.customer {background:url("../images/da_image/subhead_customer.jpg") no-repeat center 0;background-size:cover}

	.sub_visual_wrap .pageCate.index0 {background: url("../images/da_image/subhead_brandTitle0.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 120px;box-sizing: border-box;width: 60%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index1 {background:url("../images/da_image/subhead_brandTitle1.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 120px;box-sizing: border-box;width: 30%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index2 {background:url("../images/da_image/subhead_brandTitle2.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 120px;box-sizing: border-box;width: 30%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index3 {background:url("../images/da_image/subhead_brandTitle3.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 120px;box-sizing: border-box;width: 30%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index4 {background:url("../images/da_image/subhead_brandTitle4.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 120px;box-sizing: border-box;width: 30%;margin: 0 auto;}
.sub_visual_wrap .pageCate {text-align:center;font-size:40px;color:#fff;width:100%;max-width:1200px;margin:0 auto;margin-top:120px;}
.sub_visual_wrap .sub_menu {width:100%;border-top:1px solid rgba(255,255,255,0.4);position:absolute;bottom:0;left:0}
.sub_visual_wrap .sub_menu .subList {width:1200px;margin:0 auto;height:55px;overflow:hidden}
.sub_visual_wrap .sub_menu .subList li {width:25%;float:left;height:55px;display:table;box-sizing:border-box}
.sub_visual_wrap .sub_menu .subList li + li {border-left:1px solid rgba(255,255,255,0.4) }
.sub_visual_wrap .sub_menu .subList li a {width:100%;height:100%;display:table-cell;vertical-align:middle;font-size:17px;color:#fff;text-align:center}
.sub_visual_wrap .sub_menu .subList li.on a {background:#fff;color:#093360;font-weight:600}
.sub_visual_wrap .subSelect {display:none;overflow:visible}
.sub_visual_wrap .subSelect::after {content:"";display:block;clear:both;}
.sub_visual_wrap .subSelect {height:40px;border-bottom:1px solid #dddddd;background:#fff}
.sub_visual_wrap .subSelect > li {width:50%;float:left;box-sizing:border-box;position:relative;margin-right: -1px;}
.sub_visual_wrap .subSelect > li + li {border-left:1px solid #ddd;}
.sub_visual_wrap .subSelect > li > button {width:100%;height:40px;background:#fff;display:block;text-align:left;padding-left:20px;font-size:14px;color:#888;background: #fff url("../images/da_image/bul_subSelect.png") no-repeat right 20px center;box-sizing: border-box;background-size: 10px 5px;}
.sub_visual_wrap .subSelect > li > button.on {background: #fff url("../images/da_image/bul_subSelect_close.png") no-repeat right 20px center}
.sub_visual_wrap .subSelect > li:last-child > button {color:#333333;font-weight:400;background:#fff url("../images/da_image/bul_subSelect_B.png") no-repeat right 20px center;background-size: 10px 5px;}
.sub_visual_wrap .subSelect > li:last-child > button.on {background:#fff url("../images/da_image/bul_subSelect_close_B.png") no-repeat right 20px center}
.sub_visual_wrap .subSelect > li > button + ul {display:none;position:absolute;top:40px;left:0;background: #fff;z-index:5000;box-sizing:border-box;border: 1px solid #ddd;border-left: none;}
.sub_visual_wrap .subSelect > li > button + ul.open {display:block}
.sub_visual_wrap .subSelect > li > button + ul li {border-bottom:1px solid #ddd}
.sub_visual_wrap .subSelect > li > button + ul li:last-child {border-bottom:none}
.sub_visual_wrap .subSelect > li > button + ul li a {padding:10px 20px;color:#888;font-size:14px;display:block;}
.sub_visual_wrap .subSelect > li:last-child > button + ul li a {color:#333}
.sub_visual_wrap .subSelect > li:last-child > button + ul {border: 1px solid #ddd;border-right: none;margin-left:-1px}
.selectDim {position:fixed;top:0;left:0;width:100%;height:100%;z-index:4000;cursor:pointer}

.sub_visual_wrap .subSelect.fixed {position:fixed;top: 97px;left:0;z-index:100;border-top: 1px solid #ddd;}

.sub_content {padding-top:65px}
.sub_content .pageTitle {font-size:30px;color:#333;padding-bottom:30px;margin-bottom:40px;position:relative;font-weight:bold}
.sub_content .pageTitle::after {content:"";width:40px;height:2px;background:#333;display:block;position:absolute;bottom:0;left:0}
.sub_content .locationmap {margin-bottom:30px;padding:10px;border:1px solid #ccc}
.sub_content .locationInfo {overflow:hidden}
.sub_content .locationInfo li {float:left;font-size:16px;color:#666666;width: 32.4%;letter-spacing: -1.4px;padding-left:40px;position:relative;box-sizing:border-box;min-height: 30px;padding-top: 4px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.sub_content .locationInfo li + li {margin-left: 1.4%;}
.sub_content .locationInfo li img {position:absolute;top:0;left:0}
.historyWrap {overflow:hidden}
.historyWrap > div {float:left;width:28%}
.historyWrap > div:last-child {width:72%}
.historyWrap .intro {font-size:18px;color:#333;line-height:30px;font-weight:700;word-break:keep-all;white-space:normal;word-wrap:normal;}
.historyWrap .history {width:100%;border-top:2px solid #333}
.historyWrap .history th, .historyWrap .history td {padding:20px 0;text-align:left;border-bottom:1px solid #ddd}
.historyWrap .history p {font-size:16px;color:#888888;font-weight:400;word-break:keep-all;white-space:normal;word-wrap:normal;}
.historyWrap .history p + p {margin-top:10px}
.historyWrap .history strong {font-size:16px;color:#315d9e;font-weight:bold}

.companyIntro {overflow:hidden;position:relative}
.companyIntro li {float:left;width:50%;box-sizing:border-box;height:324px;padding:30px 10px}/*height:400px;*/
.companyIntro li .comSecTitle {font-size: 28px;color:#315d9e;padding-bottom:20px;position:relative;margin-bottom:30px;font-weight:600;}
.companyIntro li .comSecTitle::after {content:"";width:40px;height:3px;background:#333333;position:absolute;bottom:0;left:0}
.companyIntro li .comSecTitle .comSeclogo {display:block}
.companyIntro li .comSecTitle .comSeclogo .mo {display:none}
.companyIntro li .comSecCnt {font-size: 18px;color:#333;line-height: 24px;margin-bottom:20px;font-weight: 300;word-break:keep-all;white-space:normal;word-wrap:normal;}
.companyIntro li .comSecAddress {font-size:14px;color:#888}
.companyIntro li .comSecAddress + .comSecAddress {margin-top:5px}
.companyIntro li:nth-child(odd) {text-align:right;border-left:1px solid #ddd}
.companyIntro li:nth-child(odd) .comSecTitle::after {left:100%;margin-left:-40px}
.companyIntro li:nth-child(4) {border-top:1px solid #ddd}
.companyIntro li:nth-child(5) {border-top:1px solid #ddd}
.companyIntro li.center {position:absolute;top:200px;left:50%;margin-left: -194px;text-align:center;width: 375px;height:360px;background: #fff url("../images/da_image/bg_comSecCenter.png") no-repeat center bottom;border-left:none;}
.companyIntro li.center .comSecTitle::after {left:50%;margin-left:-20px}
.companyIntro li.aside .comSecTitle {color:#333}
/* 2022/08/16 renual*/
.companyIntro li.center {border-top: none; top: 240px;}
.companyIntro li:nth-child(2) {width: 100%; text-align: center;}
.companyIntro li:nth-child(2) > div {display: inline-block; text-align: left;}
.companyIntro li:nth-child(3) {text-align: left; border-left: none; border-top:1px solid #ddd;}
.companyIntro li:nth-child(3) .comSecTitle {color: #333;}
.companyIntro li:nth-child(3) .comSecTitle::after {right: 100%; margin-right: -40px; left: auto;}
.companyIntro li:nth-child(4) {text-align: right;}
.companyIntro li:nth-child(4) .comSecTitle::after {left: 100%; margin-left: -40px;}

.secTitle {font-size: 34px;color:#333;position:relative;margin-bottom: 30px;padding-bottom:30px;font-weight:800;word-break:keep-all;white-space:normal;word-wrap:normal;}
.secTitle.blue {color:#315d9e}
.secTitle span {display:block;font-size: 18px;font-weight:600;padding-top: 5px;line-height: 27px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.secTitle span br {display:none}
.secTitle.blue span {color:#333}
.secTitle::after {content:"";width: 30px;height:3px;background:#333;position:absolute;bottom:0;left:0;}
.secTitle.en {font-family:"poppins",'NanumSquare', sans-serif;;font-weight:600}
.secTitle.en span {font-family:"Nanum Square",'Nanum Gothic', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif}
.section {margin-bottom:60px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.cnt {font-size:16px;color:#888;margin-bottom:15px;line-height:23px;letter-spacing:-0.2px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.subTitle {font-size: 22px;color:#093360;font-weight:400;margin-bottom:15px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.pop {font-family:"poppins",'NanumSquare', sans-serif;}

.sub_content.center .secTitle {text-align:center}
.sub_content.center .secTitle::after {left:50%;margin-left:-15px}
.sub_content.center .cnt {text-align:center}
.sub_content.center .subTitle {text-align:center;}
.sub_contentWrap.end {margin-bottom:-120px}


.visionList li {width:20%;display:inline-block;text-align:center}
.visionList li + li {margin-left:-4px}
.visionList li span {display:block;margin-top:10px}
.visionList li em {display:block}
.visionList li em.visiTitle {font-size:20px;color:#333}
.visionList li em.visiCnt {font-size:16px;color:#666;margin-top:10px}

.visualShowContent {position:relative}
.visualShowContent .showArea {padding-top:500px}
.visualShowContent .imgNum1 {position:absolute;top:400px;left:50%;margin-left:-200px;z-index:30;opacity:0}
.visualShowContent .imgNum2 {position:absolute;top:400px;left:0;z-index:20;opacity:0}
.visualShowContent .imgNum3 {position:absolute;top:400px;right:0;z-index:10;opacity:0}
.visualShowContent .imgNum1.on {top:0;transition:all 1.0s cubic-bezier(0.4, 0, 1, 1);opacity:1}
.visualShowContent .imgNum2.on {top:40px;transition:all 1.0s cubic-bezier(0.4, 0, 1, 1);opacity:1;transition-delay: .6s}
.visualShowContent .imgNum3.on {top:40px;transition:all 1.0s cubic-bezier(0.4, 0, 1, 1);opacity:1;transition-delay: .8s}
.brandsite {border:1px solid #093360;color:#093360;font-size: 17px;padding: 12px 80px 12px 20px;background:url("../images/da_image/bul_bransite.gif") no-repeat right 10px center;display:inline-block;font-family:"poppins",'NanumSquare', sans-serif;margin-top:20px;font-weight: 600;}

.talentBox {background:url("../images/da_image/bg_talent.png") no-repeat center top;width:100%;height:650px;position:relative;margin-top:80px}
.talentBox .secTitle {font-family:"poppins",'NanumSquare', sans-serif;font-size:36px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.talentBox .secTitle span {font-family:"Nanum Square",'Nanum Gothic', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;font-size:20px}
.talentBox ul li.pro {text-align:right;position:absolute;top: 120px;left: 120px;}
.talentBox ul li.pro .secTitle {color:#6e4f8b;}
.talentBox ul li.pro .secTitle::after {left:initial;right:0;background:#6e4f8b}
.talentBox ul li.cre {position:absolute;top: 120px;right: 210px;}
.talentBox ul li.cre .secTitle {color:#37477c;}
.talentBox ul li.cre .secTitle::after {background:#37477c}
.talentBox ul li.inno {position:absolute;bottom: -10px;left: 460px;}
.talentBox ul li.inno .secTitle {color:#678e9b;}
.talentBox ul li.inno .secTitle::after {background:#678e9b;}

.dotTitle {font-size:20px;color:#093360;padding-left:12px;font-weight:700;position:relative;margin-bottom:20px;word-break:keep-all;white-space:normal;word-wrap:normal;}
.dotTitle.black {color:#333}
.dotTitle::before {content:"";width:6px;height:6px;background:#093360;display:block;position:absolute;top:7px;left:0}
.dotTitle.black::before {background:#333;top:12px}
.dotTitle.en {font-family:"poppins",'NanumSquare', sans-serif;}
.wellfare {overflow:hidden;margin-bottom:60px;font-size:0;}
.wellfare li {width: calc(33.3% - 19px);display:table;float:left;background:#f5f6fa}
.wellfare li + li {margin-left:30px}
.wellfare li:nth-child(3n +1) {margin-left:0;clear:both;float:left;}
.wellfare li:nth-child(n +4) {margin-top:30px}
.wellfare li > span {display:table-cell;width:30%;padding:10px;vertical-align:middle}
.wellfare li > span:last-child {width:70%;padding-left:20px}
.wellfare li .wellTitle {font-size:18px;color:#333;display:block;word-break:keep-all;white-space:normal;word-wrap:normal;}
.wellfare li .wellCnt {font-size:16px;color:#666;display:block;margin-top:10px;font-weight:200;word-break:keep-all;white-space:normal;word-wrap:normal;}

.incruitStep {overflow:hidden}
.incruitStep li {float:left;width:18%;position:relative}
.incruitStep li + li {margin-left:2.5%;}
.incruitStep li + li::before {content:"";display:block;width:17px;height:30px;background:url("../images/da_image/bg_incruitSetp.png") no-repeat 0 0;position:absolute;top: 90px;left: -20px;margin-top:-15px;}
.incruitStep li > span {display:block;text-align:center;position:relative}
.incruitStep li > span + span {margin-top:10px;}
.incruitStep li .st {font-size:14px;color:#666;display:block}
.incruitStep li .stTxt {font-size:16px;color:#333;display:block;margin-top:5px;font-weight:600}

.divBox {overflow:hidden;margin-bottom:50px}
.divBox > div {float:left;width:48%}
.divBox > div:last-child {margin-left:4%;}
.brandInfo {border:1px solid #ddd}
.brandInfo dt  {padding:10px;border-bottom:1px solid #ddd;text-align:center}
.brandInfo dt .mo {display:none}
.brandInfo dd {padding: 0 10px;}
.brandInfo li {border-bottom:1px solid #ddd;padding: 15px 10px;}
.brandInfo li:last-child {border-bottom:none}
.brandInfo li .itemTitle {font-size:20px;color:#333;display:block;margin-bottom:10px}
.brandInfo li .itemCnt {font-size:16px;color:#666;padding-left:40px;line-height:30px;height:30px;display:block}
.brandInfo li .itemCnt.tel {background:url("../images/da_image/bul_tel.jpg") no-repeat 0 0;}
.brandInfo li .itemCnt.mail {background:url("../images/da_image/bul_mail.jpg") no-repeat 0 0;}

/*ci, vision 추가*/
.sub_contentWrap {width:100%;padding-bottom:65px}
.sub_contentWrap.ci {background:#315d9e}
.sub_contentWrap.variation {background:#f0f3f6;padding-bottom:120px;margin-bottom:-120px}
.sub_contentWrap.vision {background:url("../images/da_image/bg_visionStep.jpg") no-repeat 0 0;background-size:cover}
.sub_contentWrap .sub_cont {min-height:auto}
.meaningLogo {font-size:34px;color:#fff;text-align:center;font-weight:600;padding-bottom:30px;position:relative}
.meaningLogo::after {content:"";width:30px;height:3px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-15px}
.meaningLogo span{font-size:36px;}
.ciHistory {overflow:hidden;padding-bottom:50px}
.ciHistory li {width:45%;float:left;text-align:center;position:relative}
.ciHistory li:nth-child(1) {}
.ciHistory li:nth-child(2) {float:right}
.ciHistory li:nth-child(3) {float:right;margin-top:200px;}
.ciHistory li:nth-child(4) {margin-top:200px}
.ciHistory li:nth-child(1)::before {}
.ciHistory li:nth-child(2)::before {content:"";width:34px;height:64px;background:url("../images/da_image/cihistory_arrow.png") no-repeat 0 0;position:absolute;top:50%;left:-12%;margin-top:-20px}
.ciHistory li:nth-child(3)::before {content:"";width:34px;height:64px;background:url("../images/da_image/cihistory_arrow.png") no-repeat 0 0;position:absolute;top:-140px;left:50%;margin-left:-32px;transform:rotate(90deg)}
.ciHistory li:nth-child(4)::before {content:"";width:34px;height:64px;background:url("../images/da_image/cihistory_arrow.png") no-repeat 0 0;position:absolute;top:50%;right:-15%;margin-top:-20px;transform:rotate(180deg)}
.ciHistory li > div {display:table;width:100%;vertical-align:middle}
.ciHistory li > div > span {display:table-cell;color:#fff;font-size:16px;line-height:26px;height:375px;vertical-align:middle;width:100%;text-align:center;word-break:keep-all;white-space:normal;word-wrap:normal;}
.ciHistory li > div:last-child >  span {height:92px}
.ciHistory li .mo {display:none}
.ciHistory br {display:block}
.ciHistory br.mbr {display:none}
.imgfullBox {padding:30px 0 50px 0}
.imgfullBox img {display:block}
.imgfullBox .mo {display:none}
.corevalueStep {text-align:center;color:#fff;padding:40px 0}
.corevalueStep .title {font-size:40px;font-weight:600}
.corevalueStep .title span {font-size:18px;display:block;margin-top:0px;font-weight:400}
.corevalueStep ul {overflow:hidden;margin-top:50px}
.corevalueStep ul li {float:left;width:176px;position:relative}
.corevalueStep ul li + li {margin-left:80px}
.corevalueStep ul li + li::before {content:"";width:80px;height:10px;background:url("../images/da_image/bg_stepLine.png") no-repeat 0 0;background-size:100%;position:absolute;top:84px;left:-80px;}
.corevalueStep ul li img {display:block}
.corevalueStep ul li img.mo {display:none}
.corevalueStep ul li > div + div {margin-top:10px}
.corevalueStep ul li span {display:block;font-size:22px;font-weight:600;word-break:keep-all;white-space:normal;word-wrap:normal;}
.corevalueStep ul li span em {font-size:36px}
.corevalueStep ul li span + span {margin-top:10px;font-size:16px;font-weight:400}
.corevalueStep li br {display:block}
.corevalueStep li .mbr {display:none}

.visionIcon .title {font-size:40px;font-weight:600;text-align:center;margin-bottom: 40px;}
.visionIcon .title span {font-size:18px;display:block;margin-top:0px;font-weight: 600;}



.cnt .pc_br,
.companyIntro li .comSecCnt .pc_br,
.wellfare li .wellCnt .pc_br {display:none;}

@media screen and (max-width: 1200px) {
	/* #header {height:100%} */
	#lnb_nav {display:none}
	.lnb_nav_mo {display:block;background:#fff;width:85%;height:100%;position:fixed;top:0;left:-100%;z-index:100;transition:all .4s cubic-bezier(0.4, 0, 1, 1);}
	.lnb_nav_mo.on {left:0;transition:all .4s cubic-bezier(0.4, 0, 1, 1)}
	.lnb_nav_mo .logo {text-align:center;border-bottom:1px solid #052242;box-sizing:border-box;height:100px}
	.lnb_nav_mo .logo img {width:240px;margin-top:25px}
	.menu-trigger {margin:0;width:48px;height:38px;position:absolute;right:0;top:50%;;margin-top:-19px;right:30px;z-index:20}
	.menu-trigger,
	.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	.menu-trigger span {position:absolute;right:0;width:100%;height:6px;background-color:#fff;border-radius:0px;}
	.menu-trigger span:nth-of-type(1) {top:0;}
	.menu-trigger span:nth-of-type(2) {top:16px;}
	.menu-trigger span:nth-of-type(3) {bottom:0;}
	#header #lnb.on .menu-trigger span {background-color:#052242}
	#header #lnb .menu-trigger span {background-color:#052242}
	#header.main #lnb .menu-trigger span {background-color:#fff}
	#header.main #lnb.on .menu-trigger span {background-color:#052242}
	.menu-trigger.open span:nth-of-type(1) {-webkit-transform: translateY (20px) rotate (-45deg);transform: translateY(20px) rotate(-45deg);background-color:#fff}
	.menu-trigger.open span:nth-of-type(2) {opacity:0;}
	.menu-trigger.open span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);background-color:#fff}
	#header #lnb.on .menu-trigger.open span:nth-of-type(1) {-webkit-transform: translateY (20px) rotate (-45deg);transform: translateY(20px) rotate(-45deg);background-color:#fff}
	#header #lnb.on .menu-trigger.open span:nth-of-type(2) {opacity:0;}
	#header #lnb.on .menu-trigger.open span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);background-color:#fff}
	.lnb_nav {padding:30px 0;height:100%;overflow-y:auto;margin-top: -55px;box-sizing: border-box;padding: 85px 0 0 0;}
	.lnb_nav li {}
	.lnb_nav > li > a {padding: 10px 0 10px 30px;font-size:27px;color:#333333;display:block}
	.lnb_nav > li > a.hasSub {background:url("../images/da_image/bul_moMenu_open.png") no-repeat right 20px center ;background-size:18px 6px}
	.lnb_nav > li > a.hasSub.on {background:#f5f5f5 url("../images/da_image/bul_moMenu_close.png") no-repeat right 20px center;background-size:18px 6px}
	.lnb_nav > li > .depth {display:none}
	.lnb_nav > li > .depth.on {display:block}
	.lnb_nav > li > .depth > ul	 {background:#052242;padding:20px 0;}
	.lnb_nav > li > .depth > ul > li > a {color:#fff;font-size:25px;padding:10px 0 10px 30px;display:block}

	#header .lang {right:auto;left:30px;height:100px;line-height:100px}

	#content .main_banner {width:100%}
	.w_set, .w_custom, .wid_cus {width:100%}
	#header .head_inner {width:100%;height:100px}
	#header #lnb .head_inner h1 {left:50%;width:245px;height:45px;;margin-left:-123px;background:url("../images/da_image/logo_ta.png") no-repeat 0 0;background-size:100%}
	#header.main #lnb .head_inner h1 {left:50%;width:245px;height:45px;;margin-left:-123px;background:url("../images/da_image/logo_ta.png") no-repeat 0 0;background-size:100%}
	#header #lnb h1 {background:url("../images/da_image/logo_ta_over.png") no-repeat 0 0;background-size:100%}
	#header.main #lnb.on .head_inner h1 {background:url("../images/da_image/logo_ta_over.png") no-repeat 0 0;background-size:100%}
	#header #lnb.on .head_inner h1 {background:url("../images/da_image/logo_ta_over.png") no-repeat 0 0;background-size:100%}
	#header #lnb .head_inner h1 {background:url("../images/da_image/logo_ta_over.png") no-repeat 0 0;background-size:100%}
	.main_visual .slick-arrow.slick-prev {display:none !important}
	.main_visual .slick-arrow.slick-next {display:none !important}
	.main_visual .visual_ul.pc .slick-slide {min-height:700px;text-align:center;z-index:1;}
	.main_visual .visual_ul.pc .slick-slide img {width:auto;height:700px;position:absolute;left:50%;top:0;transform: translate(-50%, 0);max-width:1920px;}
	.main_visual .visual_ul.mobile .slick-slide img, .main_visual .visual_ul.tablet .slick-slide img {position:static;transform: translate(0, 0);height:auto;width:100%;}
	.main_info_wrap ul li {width:50%;border-bottom:1px solid #ddd;padding:10px;height:247px}
	.main_info_wrap ul li .box {padding:8px 0 0px 0;}
	.main_info_wrap ul li.main_info01 .box {background-position:50% 81px;background-size:30%}
	.main_info_wrap ul li.main_info02 .box {background-position:50% 81px;background-size:30%}
	.main_info_wrap ul li.main_info03 .box {background-position:50% 81px;background-size:30%}
	.main_info_wrap ul li.main_info04 .box {background-position:50% 81px;background-size:30%}
	.main_info_wrap ul li strong {font-size:32px;}
	.main_info_wrap ul li p {font-size:0}
	.main_info_wrap ul li:nth-child(2n +1)::before {display:none}
	.main_brandLink p {font-size:40px;line-height:42px;padding:128px 0}

	.main_brandLink ul {max-width:100%;background:none}
	/*.main_brandLink li:nth-child(1) {width:50%}
	.main_brandLink li:nth-child(2) {width:50%}
	.main_brandLink li:nth-child(3) {width:50%}
	.main_brandLink li:nth-child(4) {width:50%}*/
	.main_brandLink li {width:100%}

	.main_brandLink li a {transform:skewX(0deg);margin-left:0}
	.main_brandLink li a img {display:none}
	.main_brandLink li a img.ta {display:block;opacity:1;width:100%}
	.main_brandLink p img {display:none}
	.main_brandLink p .ta {display:inline-block;max-width:90%}
	.main_brandLink p .mo {display:none}
	#content .main_location ul {width:100%;margin-bottom:40px}
	#content .main_location ul li {width:100%}
	#content .main_location ul li + li {margin-top:60px}
	#content .main_location ul li p {font-size:16px}
	#content .main_location ul li p.icon {margin-bottom: 20px;}
	#content .main_location ul li p.icon img {display:none}
	#content .main_location ul li p.icon img.ta {display:block;max-width:170px;margin:0 auto}
	#content .main_location .map {background:#052242;padding:20px}
	#footer .footer_cont {width:100%;box-sizing:border-box;padding-left:10px;padding-right:10px;}
	#footer .footer_cont ul.footer_nav {margin-bottom:60px;padding-bottom:0;}
	#footer .footer_cont ul.footer_nav li {font-size:18px}
	#footer .footer_cont .footerlogo {display:none}
	#footer .footer_cont address {font-size:18px;line-height:1.4em;margin-bottom:85px}
	#footer .footer_cont address br.ta {display:block}
	#footer .footer_cont address span.ta {display:none}
	#footer .footer_cont .copyright {font-size:18px;}

	.sub_visual_wrap {padding-top:97px;height: 170px;}
		.sub_visual_wrap.company {background:url("../images/da_image/subhead_company_mo.jpg") no-repeat center 0;background-size:cover}
		/*.sub_visual_wrap.brand {background:url("../images/da_image/subhead_brand_index0.jpg") no-repeat center 0;background-size:cover}*/
		.sub_visual_wrap.incruit {background:url("../images/da_image/subhead_incruit_mo.jpg") no-repeat center 0;background-size:cover}
		.sub_visual_wrap.customer {background: url("../images/da_image/subhead_customer_mo.jpg") no-repeat center 0;background-size: 158%;}

		.sub_visual_wrap .pageCate.index0 {background: url("../images/da_image/subhead_brandTitle0.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 90%;margin: 0 auto;}
		.sub_visual_wrap .pageCate.index1 {background:url("../images/da_image/subhead_brandTitle1.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 40%;margin: 0 auto;}
		.sub_visual_wrap .pageCate.index2 {background: url("../images/da_image/subhead_brandTitle2.png") no-repeat center 37%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 30%;margin: 0 auto;}
		.sub_visual_wrap .pageCate.index3 {background:url("../images/da_image/subhead_brandTitle3.png") no-repeat center 37%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 40%;margin: 0 auto;}
		.sub_visual_wrap .pageCate.index4 {background:url("../images/da_image/subhead_brandTitle4.png") no-repeat center 37%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 40%;margin: 0 auto;}
	.sub_visual_wrap .pageCate {margin-top: 55px;font-size: 22px;}
	.sub_visual_wrap .sub_menu ul {width:100%}
	.sub_visual_wrap .sub_menu .subList {display:none}
	.sub_visual_wrap .subSelect {display:block}
	.sub_container {width:100%}
	.sub_cont {width:100%;padding:0 10px;box-sizing:border-box}
	.loc_navi_wrap {display:none}
	.historyWrap > div {float:none;width:100%;padding: 0 0 30px 0;}
	.historyWrap > div:last-child {width:100%}
	.sub_content .locationInfo li {float:none;width:100%}
	.sub_content .locationInfo li + li {margin-left:0;margin-top:15px}
	.sub_content .pageTitle {font-size:24px;padding-bottom:15px;margin-bottom:20px}
	.sub_content .pageTitle::after {width:25px}

	.companyIntro li {width:100%;float:none;border-bottom:1px solid #ddd;height:initial;}
	.companyIntro li .comSecTitle br {display:none}
	.companyIntro li .comSecTitle .comSeclogo {margin-bottom:5px}
	.companyIntro li .comSecTitle .comSeclogo img {display:none}
	.companyIntro li .comSecTitle .comSeclogo .mo {display:block;}
	.companyIntro li .comSecCnt {letter-spacing:-1px}
	.companyIntro li:nth-child(odd) {text-align:left;border-left:none}
	.companyIntro li:nth-child(odd) .comSecTitle::after {left:0;right:initial;margin-left: 0;}
	.companyIntro li.center {position:relative;width:100%;height:initial;float:none;top:0;left:0;margin-left:0;background-position: 50% 0;background-size:80%;padding-top: 0;background:none}
	.companyIntro li.center .comSecTitle::after {left:0;margin-left:0}
	.companyIntro li:nth-child(4) {border-top:none}
	.companyIntro li:nth-child(5) {border-top:none;border-bottom:none}
	.companyIntro li *:last-child {margin-bottom:0}
	/* 2022/08/16 renual*/
	.companyIntro li:nth-child(2) {text-align:left; border-bottom:none;}
	.companyIntro li:nth-child(4) {text-align:left; border-bottom:none;}
	.companyIntro li:nth-child(4) .comSecTitle::after {left: 0; margin-left: 0;}


	.secTitle {font-size: 24px;}
	.sub_contentWrap .secTitle {font-size: 27px;}
	.visionList li {width:100%;display:block;}
	.visionList li + li {margin-left:0;margin-top:15px}
	.visionList li span {display:table-cell;margin-top:0px;width:30%;vertical-align:middle}
	.visionList li span + span {width:70%;text-align:left;box-sizing:border-box;padding-left:20px}
	.visionList li em {display:block}
	.visionList li em.visiTitle {font-size:19px;}
	.visionList li em.visiCnt {font-size:16px;}
	.visionList li em.visiCnt br {display:none}

	.visualShowContent .showArea {padding-top:0px}
	.visualShowContent .imgNum1 {position:relative;top:0;left:0;margin-left:0;opacity:1;margin:0 0 30px 0;display:block;text-align:center}
	.visualShowContent .imgNum2 {position:relative;top:0;left:0;opacity:1;margin:60px 0 30px 0;display:block;text-align:center}
	.visualShowContent .imgNum3 {position:relative;top:0;right:0;opacity:1;margin:60px 0 30px 0;display:block;text-align:center}

	.visualShowContent .imgNum1 img,.visualShowContent .imgNum2 img,.visualShowContent .imgNum3 img {}
	.brandsite {display:block;width:100%;box-sizing:border-box;text-align:center;background:none;padding: 12px 20px 12px 20px;}
	.brandsite span {background: url("../images/da_image/bul_bransite_mo.gif") no-repeat right center;padding-right:15px;background-size: 5px 10px;}

	.talentBox {height:initial;margin-top: 80px;padding-top: 570px;background-position:center top;background:url("../images/da_image/bg_talent_mo.png") no-repeat center top;background-size: 750px;}
	.talentBox ul li.pro {text-align:left;position:relative;top: 0;left: 0;}
	.talentBox ul li.pro .secTitle {margin-bottom:20px}
	.talentBox ul li.pro .secTitle::after {left:0;right:initial;}
	.talentBox ul li.cre {position:relative;top: 0;right: 0}
	.talentBox ul li.cre .secTitle {margin-bottom:20px}
	.talentBox ul li.inno {position:relative;bottom: 0;left: 0}
	.talentBox ul li.inno .secTitle {margin-bottom:20px}
	.talentBox ul li + li {margin-top:60px}
	.talentBox ul li .cnt br {display:none}

	.incruitStep li {width: calc(20% - 28px);}
	.incruitStep li + li {margin-left:35px;}
	.incruitStep li + li::before {left:-25px;top:50%;transform: translateY(-22px);}
	.incruitStep li > span {text-align:center;}
	.incruitStep li > span img {margin:0 auto;width:100%;height:auto;}

	.divBox > div {float:none;width:100%}
	.divBox > div:last-child {margin-left:0;margin-top:40px}
	.brandInfo dt img {display:none}
	.brandInfo dt .mo {display:inline-block}

	/*board 보정*/
	.board_search select {height:30px}
	.board_search input {height:30px}
	.board_search {}

	.ciHistory {overflow:hidden;padding:50px 0}
	.ciHistory li {width:100%;float:none;margin:0 auto}
	.ciHistory li:nth-child(1) {}
	.ciHistory li:nth-child(2) {float:none;margin-top:100px}
	.ciHistory li:nth-child(3) {float:none;margin-top:100px;}
	.ciHistory li:nth-child(4) {float:none;margin-top:100px}
	.ciHistory li:nth-child(1)::before {}
	.ciHistory li:nth-child(2)::before {content:"";width:34px;height:64px;background:url("../images/da_image/cihistory_arrow.png") no-repeat 0 0;position:absolute;top:-70px;left:50%;margin-left:-32px;transform:rotate(90deg)}
	.ciHistory li:nth-child(3)::before {content:"";width:34px;height:64px;background:url("../images/da_image/cihistory_arrow.png") no-repeat 0 0;position:absolute;top:-70px;left:50%;margin-left:-32px;transform:rotate(90deg)}
	.ciHistory li:nth-child(4)::before {content:"";width:34px;height:64px;background:url("../images/da_image/cihistory_arrow.png") no-repeat 0 0;position:absolute;top:-70px;left:50%;margin-left:-32px;transform:rotate(90deg)}
	.ciHistory li > div {display:table;width:100%;vertical-align:middle}
	.ciHistory li > div + div {margin-top:20px}
	.ciHistory li > div > span {height:auto;}
	.ciHistory li > div:last-child >  span {height:auto;}

	.corevalueStep ul li {width:16.5%}
	.corevalueStep ul li + li {margin-left:4.3%}
	.corevalueStep ul li + li::before {display:none}
	.corevalueStep ul li span + span {font-size:14px}

	.wellfare li {min-height:108px;width: calc(33.3% - 14px);}
	.wellfare li + li {margin-left:20px;}
	.wellfare li:nth-of-type(3n + 1) {margin-left:0;}
	.wellfare li:nth-of-type(n + 4) {margin-top:20px;}

}
@media screen and (max-width: 940px) {
	.main_visual .visual_ul.pc .slick-slide {min-height:620px;}
	.main_visual .visual_ul.pc .slick-slide img {height:620px;}
	.main_visual .visual_ul.mobile .slick-slide img, .main_visual .visual_ul.tablet .slick-slide img {position:static;transform: translate(0, 0);height:auto;width:100%;}

	.wellfare li {min-height:100px;width: calc(33.3% - 10px);}
	.wellfare li + li {margin-left:15px;}
	.wellfare li:nth-of-type(3n + 1) {margin-left:0;}
	.wellfare li:nth-of-type(n + 4) {margin-top:15px;}
	.wellfare li > span:last-child {padding-left:10px;}
	.wellfare li .wellTitle {font-size:17px;}
	.wellfare li .wellCnt {font-size:15px;}
}
@media screen and (max-width: 860px) {
	.main_visual .visual_ul.pc .slick-slide {min-height:600px;}
	.main_visual .visual_ul.pc .slick-slide img {height:600px;}
	.main_visual .visual_ul.mobile .slick-slide img, .main_visual .visual_ul.tablet .slick-slide img {position:static;transform: translate(0, 0);height:auto;width:100%;}

	.wellfare li {min-height:100px;}
	.wellfare li > span:last-child {padding-left:5px;}
	.wellfare li .wellTitle {font-size:16px;}
	.wellfare li .wellCnt {font-size:14px;}

	.wellfare li:nth-child(n +4) {}
}
@media screen and (max-width: 780px) {
	.wellfare li {width:100%;float:none !important;min-height:auto;}
	.wellfare li + li {margin-left:0;margin-top:16px}
	.wellfare li:nth-child(n +4) {margin-top:16px}
	.wellfare li > span:first-child {width:100px}
	.wellfare li > span:last-child {width:80%}
	.incruitStep li {float:none;width:100%;overflow:hidden;}
	.incruitStep li + li {margin-left:0;margin-top:20px}
	.incruitStep li + li::before {display:none}
	.incruitStep li > span {display:block;width:20%;display:table-cell}
	.incruitStep li > span + span {margin-top:0;text-align:left;padding-left:20px;width:80%}
	.incruitStep li .st {font-size:18px;display:inline-block;margin-right:10px}
	.incruitStep li .stTxt {font-size:16px;color:#333;display:inline-block;margin-top:0px;}
}
@media screen and (max-width: 720px) {
	.lnb_nav_mo .logo {height:55px;background: #fff;position: relative;z-index: 5;}
	.lnb_nav_mo .logo img {width:130px;margin-top:15px}
	#header .head_inner {height: 55px;}
	#header.main #lnb .head_inner h1 {width:130px;margin-left:-65px;top: 17px;}
	#header #lnb .head_inner h1 {width:130px;margin-left:-65px;top: 17px;}
	.menu-trigger {width:24px;height:20px;;margin-top:-10px;right:15px}
	.menu-trigger span {height:3px}
	.menu-trigger span:nth-of-type(2) {top:8px;}
	.menu-trigger.open span:nth-of-type(1) {-webkit-transform: translateY (10px) rotate (-45deg);transform: translateY(10px) rotate(-45deg);}
	.menu-trigger.open span:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}
	#header #lnb.on .menu-trigger.open span:nth-of-type(1) {-webkit-transform: translateY (10px) rotate (-45deg);transform: translateY(10px) rotate(-45deg);background-color:#fff}
	#header #lnb.on .menu-trigger.open span:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);background-color:#fff}
	.lnb_nav > li > a {font-size:18px;padding: 14px 0 14px 15px;}
	.lnb_nav > li > a.hasSub {background:url("../images/da_image/bul_moMenu_open_mo.png") no-repeat right 20px center ;background-size:6px 19px}
	.lnb_nav > li > a.hasSub.on {background:#f5f5f5 url("../images/da_image/bul_moMenu_close_mo.png") no-repeat right 20px center;background-size:18px 6px}
	.lnb_nav > li > .depth > ul	 {padding:10px 0;}
	.lnb_nav > li > .depth > ul > li > a {font-size:16px;padding: 14px 0 14px 15px;}

	#header .lang {height:55px;line-height:55px;left:15px}
	#header .lang a {padding:5px 7px;font-size:11px}

	.main_info_wrap ul li {height:145px;padding:5px}
	.main_info_wrap ul li p {padding:131px 0 0 0;line-height:0;font-size:0;}
	.main_info_wrap ul li strong {font-size:16px;line-height:18px;margin-top: 8px;font-weight: bold;}
	.main_info_wrap ul li .box {padding:0}
	.main_info_wrap ul li.main_info01 .box {background-position:50% 45px;background-size:30%}
	.main_info_wrap ul li.main_info02 .box {background-position:50% 40px;background-size:30%}
	.main_info_wrap ul li.main_info03 .box {background-position:50% 45px;background-size:30%}
	.main_info_wrap ul li.main_info04 .box {background-position:50% 40px;background-size:30%}
	.main_info_wrap ul li a {}
	.main_info_wrap ul li a:before {border: 4px #093360 solid;width: calc(100% + 8px);height: calc(100% + 8px);}
	.main_brandLink li:nth-child(1) {width:100%}
	.main_brandLink li:nth-child(2) {width:100%}
	.main_brandLink li:nth-child(3) {width:100%}
	.main_brandLink li:nth-child(4) {width:100%}
	.main_brandLink li a img.ta {display:none}
	.main_brandLink li a img.mo {display:block;opacity:1}
	.main_brandLink p {font-size:20px;padding:80px 0;line-height:24px}

	.main_brandLink p img {display:none}
	.main_brandLink p .ta {display:none}
	.main_brandLink p .mo {display:inline-block;max-width:90%}

	#content .main_location ul li p.icon img.ta {max-width:100px;margin:0 auto}
	#content .main_location ul li p {color:#666}
	#content .main_location ul li p.letter {color:#666}
	#content .main_location .map {padding:15px 10px}

	#footer .footer_cont ul.footer_nav {margin-bottom:35px;padding-bottom:0}
	#footer .footer_cont ul.footer_nav li {font-size:14px}
	#footer .footer_cont .footerlogo {display:none}
	#footer .footer_cont address {font-size:13px;line-height:20px;margin-bottom:30px}
	#footer .footer_cont .copyright {font-size:13px;}

	.sub_visual_wrap {padding-top:52px}
	.sub_visual_wrap.company {background:url("../images/da_image/subhead_company_mo.jpg") no-repeat center 0;background-size: 158%;}

	.sub_visual_wrap .pageCate.index0 {background: url("../images/da_image/subhead_brandTitle0.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 55px;box-sizing: border-box;width: 90%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index1 {background:url("../images/da_image/subhead_brandTitle1.png") no-repeat center 41%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 80%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index2 {background: url("../images/da_image/subhead_brandTitle2.png") no-repeat center 37%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 40%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index3 {background:url("../images/da_image/subhead_brandTitle3.png") no-repeat center 37%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 80%;margin: 0 auto;}
	.sub_visual_wrap .pageCate.index4 {background:url("../images/da_image/subhead_brandTitle4.png") no-repeat center 37%;background-size: contain;height: 100%;margin-top: 0;padding-top: 75px;box-sizing: border-box;width: 80%;margin: 0 auto;}
	.sub_visual_wrap .subSelect.fixed {top: 52px;}

	.talentBox {background-size: 375px;padding-top: 310px;margin-top:0;}
	.wellfare li > span:first-child {width:30%}
	.wellfare li > span:last-child {width:70%}

	.sub_board .board_search input.input_text {min-width:160px}
	.noneMobile {display:none}
	.sub_board .board_view div.view_tit h3 {padding:15px 20px}
	.tableColMoble {width:27%}

	.sub_contentWrap.vision {background:url("../images/da_image/bg_visionStep_mo.jpg") no-repeat 0 0;background-size:cover}
	.meaningLogo {font-size:27px;}
	.meaningLogo::after {width:15px;height:3px;margin-left:-7px}
	.meaningLogo span{font-size:27px;}
	.ciHistory {overflow:hidden;padding:50px 10px}
	.ciHistory li img {display:none}
	.ciHistory li .mo {display:inline-block}
	.ciHistory li > div > span {font-size:15px}
	.ciHistory li:nth-child(1)::before {}
	.ciHistory li:nth-child(2)::before {content:"";width:46px;height:24px;background:url("../images/da_image/cihistory_arrow_mo.png") no-repeat 0 0;position:absolute;top:-50px;left:50%;margin-left:-32px;background-size:100%;transform:rotate(0deg)}
	.ciHistory li:nth-child(3)::before {content:"";width:46px;height:24px;background:url("../images/da_image/cihistory_arrow_mo.png") no-repeat 0 0;position:absolute;top:-50px;left:50%;margin-left:-32px;background-size:100%;transform:rotate(0deg)}
	.ciHistory li:nth-child(4)::before {content:"";width:46px;height:24px;background:url("../images/da_image/cihistory_arrow_mo.png") no-repeat 0 0;position:absolute;top:-50px;left:50%;margin-left:-32px;background-size:100%;transform:rotate(0deg)}

	.ciHistory li:nth-child(1) .mo {width:181px}
	.ciHistory li:nth-child(2) .mo {width:190px}
	.ciHistory li:nth-child(3) .mo {width:314px}
	.ciHistory li:nth-child(4) .mo {width:320px}
	.ciHistory br {display:none}
	.ciHistory br.mbr {display:block}

	.imgfullBox img {display:none}
	.imgfullBox .mo {display:block}

	.corevalueStep {padding:0}
	.corevalueStep .title {font-size: 36px;}
	.corevalueStep .title span {font-size:16px;}
	.corevalueStep ul li {width:100%;display:block;display:table}
	.corevalueStep ul li + li {margin-left:0;margin-top:20px}
	.corevalueStep ul li > div {display:table-cell;vertical-align:middle;text-align:left;width:30%;box-sizing:border-box}
	.corevalueStep ul li > div:last-child {width:70%;padding-left:20px}
	.corevalueStep ul li span {font-size:19px}
	.corevalueStep ul li span em {font-size:30px}
	.corevalueStep ul li span + span {font-size:14px}
	.corevalueStep li img {display:none}
	.corevalueStep li .mo {display:block}
	.corevalueStep li br {display:none}
	.corevalueStep li .mbr {display:block}

	.visionIcon .title {font-size:31px;}
	.visionIcon .title span {font-size:16px;}

	.sub_board table.board_list colgroup col:nth-of-type(1) {width:40px !important;}
	.sub_board table.board_list th {font-size: 15px;line-height:45px;}
	.sub_board table.board_list td {font-size: 14px;line-height:42px;height:42px;padding:0 8px !important;}
	.sub_board table.board_list td a {font-size: 14px;}

}

@media screen and (max-width: 640px) {
	.cnt .pc_br + br,
	.companyIntro li .comSecCnt .pc_br + br,
	.wellfare li .wellCnt .pc_br + br {display:none;}
}

@media screen and (max-width: 500px) {
	.main_info_wrap ul li {height:178px;padding:5px}
	.main_info_wrap ul li p {padding:91px 0 0 0;line-height:0;font-size:0;}
	.sub_board table.board_list colgroup col:nth-of-type(1) {width:36px !important;}
	.sub_board table.board_list th {font-size: 14px;line-height:43px;}
	.sub_board table.board_list td {font-size: 13px;line-height:39px;height:39px;padding:0 5px !important;}
	.sub_board table.board_list td a {font-size: 13px;}
}