@charset "utf-8";


/*** common ***/

#wrap { height:100%;min-width:1100px;overflow: hidden;}

body {overflow-x:hidden;}
a {color:#000;}
a:hover {color:#000;}

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

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

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


.dn {display:none;}
.bd_none {border:0 none !important;}
.clear {*zoom:1;}
.clear:after {content:"";display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}

.after_div {*zoom:1;}
.after_div:after { clear:both;content:"";display:block;}
.clear {*zoom:1;}
.clear:after { clear:both;content:"";display:block;}

.relative {position:relative;}
.absolute {position:absolute;}
.block {display:block;}
.blind, .dn {display:none !important;}
.w_custom {width:1100px;margin: 0 auto;}
.shadow {-webkit-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.1);-moz-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.1);box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.1);}

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



/*** 간격 조절 ***/
.mt_0 {margin-top:0px !important;}
.mt_3 {margin-top:3px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_32 {margin-top:32px !important;}
.mt_35 {margin-top:35px !important;}
.mt_38 {margin-top:38px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mt_65 {margin-top:65px !important;}
.mt_70 {margin-top:70px !important;}
.mt_75 {margin-top:75px !important;}
.mt_100 {margin-top:100px !important;}
.mt_120 {margin-top:120px !important;}
.mt_130 {margin-top:130px !important;}
.mt_-1 {margin-top:-1px !important;}
.mt_-5 {margin-top:-5px !important;}
.mt_-8 {margin-top:-8px !important;}
.mt_-10 {margin-top:-10px !important;}
.mt_-20 {margin-top:-20px !important;}
.mt_-27 {margin-top:-27px !important;}
.mr_0 {margin-right:0 !important;}
.mr_3 {margin-right:3px !important;}
.mr_5 {margin-right:5px !important;}
.mr_7 {margin-right:7px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_5p {margin-right:5% !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_4 {margin-bottom:4px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_36 {margin-bottom:36px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_53 {margin-bottom:53px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.mb_65 {margin-bottom:65px !important;}
.mb_70 {margin-bottom:70px !important;}
.mb_75 {margin-bottom:75px !important;}
.mb_80 {margin-bottom:80px !important;}
.mb_100 {padding-bottom:100px !important;}
.mb_130 {margin-bottom:130px !important;}
.mb_150 {padding-bottom:150px !important;}
.mb_160 {padding-bottom:160px !important;}
.ml_0 {margin-left:0 !important;}
.ml_3 {margin-left:3px !important;}
.ml_5 {margin-left:5px !important;}
.ml_7 {margin-left:7px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_5p {margin-left:5% !important;}
.mlr_5 {margin-left:5px !important;margin-right:5px !important;}

.pt_0 {padding-top:0px !important;}
.pt_3 {padding-top:3px !important;}
.pt_5 {padding-top:5px !important;}
.pt_7 {padding-top:7px !important;}
.pt_10 {padding-top:10px !important;}
.pt_14 {padding-top:14px !important;}
.pt_15 {padding-top:15px !important;}
.pt_18 {padding-top:18px !important;}
.pt_20 {padding-top:20px !important;}
.pt_21 {padding-top:21px !important;}
.pt_25 {padding-top:25px !important;}
.pt_28 {padding-top:28px !important;}
.pt_30 {padding-top:30px !important;}
.pt_32 {padding-top:32px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}
.pt_65 {padding-top:65px !important;}
.pt_70 {padding-top:70px !important;}
.pt_75 {padding-top:75px !important;}
.pt_80 {padding-top:80px !important;}
.pt_130 {padding-top:130px !important;}
.pl_0 {padding-left:0px !important;}
.pl_3 {padding-left:3px !important;}
.pl_5 {padding-left:5px !important;}
.pl_7 {padding-left:7px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_45 {padding-left:45px !important;}
.pl_47 {padding-left:47px !important;}
.pb_0 {padding-bottom:0px !important;}
.pb_3 {padding-bottom:3px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_7 {padding-bottom:7px !important;}
.pb_8 {padding-bottom:8px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_23 {padding-bottom:23px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}
.pb_65 {padding-bottom:65px !important;}
.pb_70 {padding-bottom:70px !important;}
.pb_80 {padding-bottom:80px !important;}
.pr_0 {padding-right:0px !important;}
.pr_3 {padding-right:3px !important;}
.pr_5 {padding-right:5px !important;}
.pr_7 {padding-right:7px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_3p {padding-right:3% !important;}

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

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


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

/*** 버튼 모음 ***/
.btn_center{text-align:center;padding-top:30px;}
.btn {border-style:solid !important;border-width:1px !important;box-sizing:border-box;vertical-align:top !important;display:inline-block !important;text-align:center;text-indent:0;padding:0 !important;cursor:pointer;box-shadow:none;outline:0 !important;font-size:15px;font-weight:bold;}
.btn {width: 160px;height: 50px;display:inline-block;text-align:center;font-size:15px;line-height: 49px;font-weight:bold;margin:0 auto;}


.btn_basic, .btn_basic:hover{border-color: #2543a2 !important;background-color: #2543a2 !important;color:#fff !important;}
.btn_point, .btn_point:hover {border-color:#555555 !important;background-color:#555555 !important;color:#fff !important;border:1px solid #555555;box-sizing:border-box;font-weight: 400;color:#fff;}

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

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

.board_search .btn, 
.board_search .btn:hover{font-size: 14px;font-weight: 400;width: 70px;height: 40px;color:#fff;line-height: 40px;margin-left: -4px;}

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

	 전역 인풋 및 셀렉트박스 css

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

/* input */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"] {height:26px;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;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:27px;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;}
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 3px 0 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;}



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

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

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

/* 네비게이션 영역 */
.nav_wrap {}
.nav_wrap .nav_box {border:0;margin:0;}
.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
.nav_wrap .nav_box h2 {display: block;font-size: 36px;color:#333;line-height: 36px;font-weight: 500;text-align: center;padding-top:40px;padding-bottom: 30px;transition-delay: 0.2s;transition: all 0.4s ease 0s;}
.nav_wrap .nav_box > p{font-size:18px;color:#333;font-weight: 500;text-align: center;}
.nav_wrap .nav_box ul {float:right;font-size:0;line-height:18px;padding:0px 0 0 0;display: none;}
.nav_wrap .nav_box ul li {text-align:right;line-height:18px;padding:0;color:#aaa;font-size:8px;display:inline-block;}
.nav_wrap .nav_box ul li + li {padding-left:5px;}
.nav_wrap .nav_box ul li span,
.nav_wrap .nav_box ul li strong,
.nav_wrap .nav_box ul li a {padding:0px 4px;font-size:11px;display:inline-block;line-height:17px;width:auto;color:#888;vertical-align:middle;margin:0;font-family:'Nanum Gothic', sans-serif;}
.nav_wrap .nav_box ul li strong a {padding:0;}
.nav_wrap .nav_box ul li a.home {padding:0;margin-right:4px;background:url(../images/sub/route_home.gif) no-repeat 0 45%;width:9px;height:18px;text-indent:999px;overflow:hidden;}
.nav_wrap .nav_box ul li:last-child a,
.nav_wrap .nav_box ul li:last-child span,
.nav_wrap .nav_box ul li:last-child strong {color:#222;font-weight:700;padding-right:0;}

/*측면영역*/
#aside {border-top:1px #ddd solid;border-bottom:1px #ddd solid;background: #fff;position:relative;z-index:2;}
#aside .sub_menu,
#aside .sub_menu h2,
#aside .sub_menu dl,
#aside .sub_menu dt,
#aside .sub_menu dd,
#aside .sub_menu ul li a {box-sizing:border-box;text-align:left;vertical-align:top;font-weight:400;color: #333;}
#aside .sub_menu {border:0;z-index:2;width: 1100px;margin: 0 auto;}
#aside .sub_menu:after {clear:both;content:"";display:block;}
#aside .sub_menu h2, #aside .sub_menu dl {height:60px;line-height:60px;font-size:0;float:left;}
#aside .sub_menu h2 {width:60px;border-left-width:1px;border-right-width:1px;border-color: #ddd;border-style:solid;}
#aside .sub_menu h2 a {display:inline-block;width:100%;height:0;padding:0 0 100% 0;background: url('../images/sub/icon_navi_home.png') no-repeat 50% 50%;background-size: auto 12px;font-size: 1px;text-indent: -999px;}
#aside .sub_menu dl {border-right-width:1px;border-color: #ddd;border-style:solid;float:left;position:relative;z-index:1;}
#aside .sub_menu dl:hover {}
#aside .sub_menu dl.depth1 {width: 19%;}
#aside .sub_menu dl.depth2 {width: 21%;/* min-width: 210px; */}
#aside .sub_menu dl.depth2 dt {color:#2543a2;font-weight:500;}
#aside .sub_menu dl.depth2 dt:after {background:url('../images/da_image/icon_navi_arrow_ov.png') no-repeat 100% 50%;}
#aside .sub_menu dt, #aside .sub_menu dd {width:100%;display:inline-block;}
#aside .sub_menu dt {font-size: 14px;padding-inline:20px 40px;line-height:22px;cursor:pointer;position:relative;z-index:1;height:100%;display: flex;align-items: center;}
#aside .sub_menu dt:after {content:"";background:url('../images/da_image/icon_navi_arrow.png') no-repeat 100% 50%;width:9px;height:8px;position:absolute;top:50%;right: 6%;margin-top:-4px;display:inline-block;transition: all .3s ease;}
#aside .sub_menu dl:hover dt:after {transform: rotate( 180deg );}
#aside .sub_menu dd {cursor:pointer;box-sizing:border-box;position:absolute;left:0;top:60px;padding:0px 0 0 0;width: calc(100% + 1px);display:none;}
#aside .sub_menu dl:hover dd, #aside .sub_menu dl dd:hover {display:block;}
#aside .sub_menu dd ul {display: block !important;position: absolute;z-index: 5;top: 100%;left: -1px;width: calc(100% + 1px);padding: 8px 20px;background: #ffffff;border: 1px solid #ddd;box-sizing: border-box;}
#aside .sub_menu dd ul li {}
#aside .sub_menu dd ul li a {display: block;font-size: 14px;color: #555555;line-height: 20px;padding: 8px 0;}
#aside .sub_menu dd ul li:hover a {color:#2543a2;}


/* 측면 공통요소 영역 - left_bnr */
.quick_menu {text-align:left;font-size:0;padding-top:11px;}
.quick_menu li {display:inline-block;vertical-align:top;width:70px;height:65px;box-sizing:border-box;border:1px #777 solid;border-radius:5px;}
.quick_menu li + li {margin-left:5px;}
.quick_menu li a {display:block;height:100%;color:#666;font-size:12px;font-weight:500;font-family:'Noto Sans KR', sans-serif;line-height:20px;padding:37px 0 6px 0;box-sizing:border-box;text-align:center;}
.quick_menu li.notice {background:url(../images/common/icon_aside_lnb01.gif) no-repeat 50% 11px;} 
.quick_menu li.map {background:url(../images/common/icon_aside_lnb02.gif) no-repeat 50% 11px;}
.quick_menu li.cs {background:url(../images/common/icon_aside_lnb03.gif) no-repeat 50% 11px;}


/* 서브 비주얼*/
.sub_visual {position:relative;margin:0 auto;width: 2000px;min-width:1100px;height:230px;z-index:1;overflow:hidden;left: 50%;margin-left:-1000px;}
.sub_visual.img_company {background:url('../images/da_image/sub_company_visual.jpg') no-repeat;background-size: 100%;}
.sub_visual.img_business {background:url('../images/da_image/sub_business_visual.jpg') no-repeat;background-size: 100%;}
.sub_visual.img_board {background:url('../images/da_image/sub_board_visual.jpg') no-repeat;background-size: 100%;}
.sub_visual.img_guide {background:url('../images/da_image/sub_sitemap_visual.jpg') no-repeat;background-size: 100%;}
.sub_visual.img_members,
.sub_visual.tidings {background:url('../images/da_image/sub_members_visual.jpg') no-repeat;background-size: 100%;}
.sub_visual div {display: block;position:absolute;width: 1100px;left: 50%;margin-left: -550px;line-height: 243px;}
.sub_visual div strong {font-size:30px;line-height:30px;font-weight:500;color:#fff;}


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

	 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 {width:100%;height:87px;background:#fff;border-top:3px solid #2543a2;position: relative;z-index: 7;}
#header .head_inner {position:relative;width:1100px;margin:0 auto;height:50px;}
#header .header_cont {}
#header .header_right {height: 90px;position: absolute;left: 50%;transform: translateX(-50%);}
#header .header_cont h1 {float: left; padding-top: 15px;}
#header .header_cont #lnb {float:left;}
#header .header_cont #lnb ul.lnb_nav {margin-left: -60px;}
#header .header_cont #lnb ul.lnb_nav > li {position:relative;display:inline-block;zoom:1;*display:inline/*IE7 HACK*/;_display:inline;/*IE6 HACK*/width:auto;text-align:center;float:left;padding-left: 60px;height: 90px;line-height: 90px;cursor: pointer;}
#header .header_cont #lnb ul.lnb_nav > li + li {padding-left:60px;}
#header .header_cont #lnb ul.lnb_nav > li > a {font-size:18px;line-height: 90px;font-weight:500;color:#333333;}
#header .header_cont #lnb ul.lnb_nav > li.on > a,
#header .header_cont #lnb ul.lnb_nav > li.ov > a,
#header .header_cont #lnb ul.lnb_nav > li:hover > a{font-weight:600;color:#2543a2;}
#header .header_cont #gnb {float: right;padding-top: 33px;}
#header .header_cont #gnb ul.gnb_sns,
#header .header_cont #gnb ul.gnb_sns li,
#header .header_cont #gnb ul.gnb_nav {display:inline-block;vertical-align:middle;}
#header .header_cont #gnb ul.gnb_sns {font-size:0;margin-right:5px;}
#header .header_cont #gnb ul.gnb_sns li {margin-right:15px;}
#header .header_cont #gnb ul.gnb_nav {}
#header .header_cont #gnb ul.gnb_nav > li {display:inline-block;position:relative;z-index:10;}
#header .header_cont #gnb ul.gnb_nav > li + li:before {content:'';display:block;position:absolute;width:2px;height:2px;background:#bbbbbb;left:0;top:50%;transform:translateX(-50%);}
#header .header_cont #gnb ul.gnb_nav > li > a {font-size:12px;line-height:12px;font-weight:400;color:#888888;font-family: 'Lato';letter-spacing: 0;}

#header #lnb ul.lnb_nav li .depth {display:none;position:absolute;top: 87px;left: -9px;width:150px;text-align:center;margin:0 25px;background-color:#fff;}
#header #lnb ul.lnb_nav li:nth-child(1) .depth {left: -12px;}
#header #lnb ul.lnb_nav li:nth-child(2) .depth {left: -19px;}
#header #lnb ul.lnb_nav li:nth-child(3) .depth {left: -25px;width: 190px;}
#header #lnb ul.lnb_nav li:nth-child(4) .depth {left: -8px;}
#header #lnb ul.lnb_nav li.on .depth,
#header #lnb ul.lnb_nav li:hover .depth {display:block;}
#header #lnb .depth ul {position:relative;padding: 15px 0 15px;}
#header #lnb .depth ul li {padding-top: 15px;line-height: 16px;text-align: center;}
#header #lnb .depth ul li:first-child {padding-top:0;}
#header #lnb .depth ul li a {color:#555;font-size: 16px;line-height: 16px;font-weight: 400;}
#header #lnb .depth ul li a:hover {color:#2543a2;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;}

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

 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {position:relative;min-width:1100px;background: #222222;min-height: 164px;padding: 30px 0;margin-top:67px;box-sizing: border-box;}
#footer div.footer_cont {width:1100px; margin:0 auto; position:relative;}
#footer div.footer_cont .ft_logo {position:absolute;display:inline-block;}
#footer div.footer_cont .footer_copy {padding-left:162px;}
#footer div.footer_cont ul.footer_nav {height:20px;line-height:20px;padding: 0 0 15px 0;}
#footer div.footer_cont ul.footer_nav li {float:left; padding:0 15px; background:url("../images/da_image/footernav_bullet.gif") no-repeat left center;}
#footer div.footer_cont ul.footer_nav li.first {background:none; padding-left:0;}
#footer div.footer_cont ul.footer_nav li a {font-size:13px; color:#aaaaaa; font-weight:500;}
#footer div.footer_cont address {font-size:12px; color:#aeaeae; font-weight:300; line-height:20px; letter-spacing:-0.1px;}
#footer div.footer_cont address span {font-size:8px; padding:0 5px; font-weight:100; color:#777;}
#footer div.footer_cont address p {right:0; bottom:0; color:#717374; font-weight:100; letter-spacing:0;}


#footer .ft_family {position:absolute;top:0;right:0;font-size:0}
#footer .ft_family .selbox {font-size:13px;display:inline-block;background:transparent;width: 200px;border: 1px solid #555555;z-index:100;position:relative;}
#footer .ft_family .selbox:first-child {}
#footer .ft_family .selbox dt button {position:relative;color: #aaaaaa;background:none;border:0;width:100%;display:block;padding: 0 0 0 14px;height: 40px;font-weight:500;transition:all 0.3s ease;text-align:left;vertical-align:middle;font-family:'Lato','Nanum Barun Gothic','Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;outline:none;}
#footer .ft_family .selbox dt button:hover,
#footer .ft_family .selbox dt button:focus {background:rgba(0,0,0,0.3);}
#footer .ft_family .selbox dt button:after {transition:all .3s ease;content:'';position: absolute;right: 17px;top: 17px;width: 9px;height: 5px;background: url(../images/da_image/icon_up.png) no-repeat 0 0;}
#footer .ft_family .selbox dd {position:absolute;bottom: 41px;left:0;display:none;background:#4d5057;width:100%;}
#footer .ft_family .selbox dd ul {padding:10px 10px 10px 15px;height:auto;overflow-y:scroll}
#footer .ft_family .selbox dd li a {display:inline-block;color:#fff;padding:5px 0;}
#footer .ft_family .selbox dd li a:hover,
#footer .ft_family .selbox dd li a:focus,
#footer .ft_family .selbox dd li a:active {text-decoration:underline;}
#footer .ft_family .selbox .btn-fclose {position:absolute;top:0;right:-27px;border:0;cursor:pointer;background:url(/resources/_Templet/TMPL03/_Img/btn_fclose.gif) no-repeat 0 0;width:28px;height:28px;}

#footer .ft_family.on{}
#footer .ft_family.on .selbox dd{display:block;}
#footer .ft_family.on .selbox dt button:after {transform:rotate(180deg);-ms-transform:rotate(180deg)}

.mobile_ver {display: block; padding-top: 1px; border-top: 1px solid #e7e7e7; background-color: #f3f3f3; font-size: 18px; color: #4c4c4c; line-height: 56px; text-align: center; text-decoration: none; font-weight: 700;}
.mobile_ver span {display: inline-block; width: 10px; height: 19px; margin: -3px 0 3px 11px; background: url('../images/da_image/bg_lk_mobile.gif') no-repeat 0 0; vertical-align: middle;}

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

	 SUB 공통

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




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

	 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%;height:340px;margin:0 auto;overflow:hidden;z-index:1;}
.main_visual .slick-slide {overflow:hidden;position:relative;}
.main_visual .slick-slide a {display:block;height:340px;width:100%;position:relative;z-index:5;}
.main_visual .slick-slide img {display:block;height:340px;width:auto;position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:2000px;}
.main_visual .slick-arrow {display:none !important;display:inline-block;position:absolute;top:50%;margin-top:-30px;text-indent:-9999px;width:59px;height:59px;z-index:10;}
.main_visual .slick-arrow.slick-prev {left:0;background:url("../images/main/visual_left.png") no-repeat;}
.main_visual .slick-arrow.slick-next {right:0;background:url("../images/main/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: auto;font-size:0;position:absolute;top: 386px;left: 50%;margin-left: -380px;text-align:center;counter-reset: section;}
.main_visual ul.slick-dots:before {content:'';display:block;position:absolute;width:30px;height:1px;background:#ccc;left: -53px;top: 5px;}
.main_visual ul.slick-dots:after {/* clear:both; */content:"";display:block;position: absolute;content: "/ 0" counter(section);font-size: 16px;font-weight: 500;color: #cccccc;left: -96px;top: -25px;}
.main_visual ul.slick-dots li {height: 13px;width: 13px;margin:0;display:inline-block;padding:0px;/* position:relative; */vertical-align:top;}
.main_visual ul.slick-dots li + li {margin-left:15px;}
.main_visual ul.slick-dots li:before {content: "0" counter(section);display: inline-block;position: absolute;counter-increment: section;font-size:60px;line-height:60px;font-weight: 600;font-family:'Lato';color: #ccc;left: -171px;top: -29px;opacity: 0;}
.main_visual ul.slick-dots li.slick-active:before {opacity:1}
.main_visual ul.slick-dots li button {vertical-align:top;margin:0;display:inline-block;text-indent:-9999px;background: #cccccc;width: 13px;height: 13px;border-radius: 100%;outline:0;}
.main_visual ul.slick-dots li.slick-active button {background: #2543a2;}

#content .main_contact {position:relative;z-index: 10;padding-top: 80px;}
#content .main_contact .main_btn {position:absolute;top: -35px;left:50%;transform:translateX(-50%);font-size:0;}
#content .main_news {width:534px;margin:0 auto;height:70px;background: linear-gradient(to right, #415fc2, #3198bf);padding: 3px;display:inline-block;}
#content .main_news + .main_news {margin-left:20px;}
#content .main_news div {background: #fff;padding: 0 30px;box-sizing:border-box;position: relative;width: 100%;display: inline-flex;justify-content: center;}
#content .main_news h2 {font-size:20px;line-height:70px;font-weight:900;color:#333;/*background:url('../images/da_image/newsletter_icon.png') no-repeat center*/ left;font-family: 'Lato';letter-spacing: 2px;}
#content .main_news p.con {padding-left:50px;font-size:15px;line-height:70px;font-weight:400;color:#666;}
#content .main_news p.btn_more {line-height:70px;position:absolute;top:50%;right:35px;transform:translateY(-50%);}
#content .main_news a {position:absolute;width:100%;height:100%;top: 0;left: 0;}

#content .main_top {}
#content .main_top > div { float:left; display: inline-block;vertical-align: top;width:353px;}
#content .main_top > div + div {padding-left:20px;}
#content .main_top div.title h3 {font-size:20px;line-height:20px;font-weight:500;color:#333;padding-bottom:25px;}
#content .main_top div.title h3 a.btn_more {float:right;}
#content .main_top .main_bnr {width:721px;}
#content .main_top .main_bnr ul {display: flex;flex-wrap:wrap;gap:15px;}
#content .main_top .main_bnr ul li {width:calc(50% - 7.5px);aspect-ratio:2.2;}
#content .main_top .main_bnr ul li a{display: block;width:100%;height:100%;}
#content .main_top .main_bnr ul li img{width:100%;height:100%;object-fit:cover;}
/* #content .main_top .main_bnr ul li + li {margin-top:15px;} */
#content .main_top .main_bnr ul li img {width:100%;}
#content .main_top .main_itnews .itnews_ul {}
#content .main_top .main_itnews .itnews_ul li {position:relative;z-index:1;}
#content .main_top .main_itnews .itnews_ul li + li {margin-top:10px;}
#content .main_top .main_itnews .itnews_ul li a {position:absolute;width:100%;height:0;padding-bottom:20%;}
#content .main_top .main_itnews .itnews_ul li .date {display:inline-block;width:70px;min-width: 68px;padding: 10px 0 10px;border:1px solid #ddd;}
#content .main_top .main_itnews .itnews_ul li .date p {font-size:13px;line-height:13px;font-weight:400;color:#555;text-align:center;}
#content .main_top .main_itnews .itnews_ul li .date p strong {display:block;font-size:26px;line-height:26px;font-weight:600;color:#e60594;padding-top: 8px;}
#content .main_top .main_itnews .itnews_ul li .txt {padding-left:20px;box-sizing:border-box;width: calc(100% - 80px);display: inline-block;overflow: hidden;text-overflow: ellipsis;}
#content .main_top .main_itnews .itnews_ul li .txt span.tit {font-size:16px;line-height:16px;font-weight:500;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#content .main_top .main_itnews .itnews_ul li .txt span.con,
#content .main_top .main_itnews .itnews_ul li .txt span.con p {font-size:15px;line-height:15px;font-weight:300;color:#666;padding-top:16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#content .main_top .main_notice .notice_ul {}
#content .main_top .main_notice .notice_ul li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#content .main_top .main_notice .notice_ul li + li {margin-top:20px;height: 15px;line-height: 15px;}
#content .main_top .main_notice .notice_ul li .tit {font-size:15px;line-height:15px;font-weight:300;color:#333333;padding-left:10px;position:relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#content .main_top .main_notice .notice_ul li .tit:before {content:'';display:block;position:absolute;width:3px;height:3px;background:#aaaaaa;border-radius:100%;left:0;top:50%;transform:translateY(-50%);}
#content .main_top .main_notice .notice_ul li span.con {display:none;}
#content .main_top .main_notice .notice_ul li:first-child span.tit {font-size:18px;line-height:18px;font-weight:500;color:#333;padding:0;}
#content .main_top .main_notice .notice_ul li:first-child span.tit:before {display:none;}
#content .main_top .main_notice .notice_ul li:first-child span.con {display:block;font-size:15px;/* height: 8px; */line-height: 20px;font-weight:300;color:#444;padding: 13px 0 13px;/* margin-bottom:20px; */border-bottom:1px solid #dddddd;text-overflow: ellipsis;word-break: break-all;overflow: hidden;white-space: nowrap;width: 100%;}
#content .main_top .main_notice .notice_ul li:first-child span.con * {text-overflow: ellipsis;word-break: break-all;overflow: hidden;white-space: nowrap;width: 100%;}

#content .main_tab {margin-top:40px;padding:0;}
#content .main_tab .tab_box {margin-bottom:20px;}
#content .main_tab .tab_box:after {content:'';clear:both;display:block;}
#content .main_tab .tab_box li {float:left;width:33.333%;font-size:20px;line-height:44px;font-weight:400;color:#333;height:44px;border-bottom:1px solid #ddd;text-align:center;cursor:pointer;}
#content .main_tab .tab_box li.on {border-bottom:2px solid #2543a2;}
#content .main_tab .tab_con {;width:100%;background:#f7f7f7;padding: 40px 0 60px;position: relative;z-index: 10;}
#content .main_tab .tab_con .tab_view_box {display:none;}
#content .main_tab .tab_con .tab_view_box.on {display:block;}
/*#content .main_tab .tab_con .notice_ul{opacity:0;transition:0.6s;transform:translateY(-10%);}*/
#content .main_tab .tab_con ul {width:calc(100% + 30px);margin-left:-30px;text-align:left;font-size:0;}
#content .main_tab .tab_con ul li {margin-left:30px;width:calc(25% - 30px);min-height: 280px;box-sizing:border-box;position:relative;padding:30px 20px;border: 1px solid #ddd;border-top-width: 0;border-left-width: 0;display:inline-block;vertical-align:top;background: #fff;}
#content .main_tab .tab_con ul li a {position:absolute;left:0;top:0;width:100%;height:100%;}
#content .main_tab .tab_con ul li .txt_wrap {overflow:hidden;text-align: center;}
#content .main_tab .tab_con ul li .txt_wrap span {display:block;text-align: left;}
#content .main_tab .tab_con ul li .txt_wrap span.tit {font-size:16px;color:#333333;line-height:22px;font-weight:400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#content .main_tab .tab_con ul li .txt_wrap span.con {font-size:14px;color:#666666;line-height: 22px;height: 44px;font-weight: 300;margin:20px 0 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#content .main_tab .tab_con ul li .txt_wrap span.date {font-size:12px;line-height:12px;font-weight:400;color:#aaaaaa;padding-bottom:40px;}
#content .main_tab .tab_con ul li .txt_wrap span.con_more {display: inline-block;padding:0 0 11px;border-bottom:1px solid #e60594;}
#content .main_tab .tab_con ul li .txt_wrap span.con_more em {font-size:13px;line-height:13px;font-weight:300;color:#666666;}
#content .main_tab .tab_con .more{position: absolute;width:60px;height: 60px;background: #000;border-radius: 100%;font-size: 13px;line-height: 60px;font-weight: 400;color: #fff;text-align: center;left: 50%;transform: translateX(-50%);bottom: -30px;}





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

	 SUB

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

/*** 인사말 협회소개 | company/index.html ***/
.sub_content.about {}
.sub_content.about .about_txt {width:100%;height:300px;background:url('../images/da_image/about_title_bg.jpg') no-repeat;background-size:100%;text-align:center;display: table;position: relative;bottom: -100px;opacity: 0;transition-delay: 0.2s;}
.sub_content.about .about_txt p {font-size:40px;line-height:40px;font-weight:500;color:#fff;display: table-cell;vertical-align: middle;}
.sub_content.about .about_cont {background: none;padding-top:50px;position: relative;opacity: 0;bottom:-100px;display: flex;}
.sub_content.about .about_cont .ceo_box {width: 392px;}
.sub_content.about .about_cont .ceo_box h3 {font-size: 23px;line-height:34px;font-weight:500;color:#333;padding-bottom:40px;}
.sub_content.about .about_cont .ceo_box .ceo_thumb {position:relative;margin-bottom: 68px;}
.sub_content.about .about_cont .ceo_box .ceo_thumb:after {content:'';display:block;position:absolute;width: 245px;height: 330px;background:#eeeeee;top:30px;left:30px;z-index: -1;}
.sub_content.about .about_cont .ceo_box .ceo_thumb .img {width:245px;height:330px;background:url('../images/da_image/about_ceo_img.jpg')no-repeat;background-size:100%;position:relative;-webkit-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);-moz-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);}
.sub_content.about .about_cont .ceo_box .slide_wrap{width:275px;}
.sub_content.about .about_cont .ceo_box .slide_wrap .slick-dots {text-align:center; font-size:0; margin-top:12px;}
.sub_content.about .about_cont .ceo_box .slide_wrap .slick-dots li{display:inline-flex;}
.sub_content.about .about_cont .ceo_box .slide_wrap .slick-dots li + li{margin-left:8px;}
.sub_content.about .about_cont .ceo_box .slide_wrap .slick-dots li button{font-size:0; width:10px; height:10px; background:#ccc; border-radius:100%; margin:0; padding:0;}
.sub_content.about .about_cont .ceo_box .slide_wrap .slick-dots li.slick-active button{background:#2543a2;}
.sub_content.about .about_cont .txt_box {position:relative;}
.sub_content.about .about_cont .txt_box:before {content:'';display:block;position:absolute;width:42px;height:4px;background:#f381ca;top:0;left:0;}
.sub_content.about .about_cont .txt_box p {padding-top:30px;font-size:16px;line-height:28px;font-weight:400;color:#666; letter-spacing:-0.55px;}
.sub_content.about .about_cont .txt_box p.ceo_name {padding-top:40px;color:#555555;font-weight:400;}
.sub_content.about .about_cont .txt_box p.ceo_name img {padding-left:18px;margin-top: -8px;}

	.sub_content.about .about_txt.active {opacity:1;bottom:0;transition:0.4s;}
	.sub_content.about .about_cont.active {opacity:1;transition:0.8s;bottom:0;}
	@media only screen and (max-width:479px) {
		#wrap .sub_content.about .about_txt {opacity:1;bottom:0;transition:0.4s;}
		#wrap .sub_content.about .about_cont {opacity:1;transition:0.8s;bottom:0;}
	}
/*** 오시는길 | company/location.html ***/
.sub_content.location {}
.sub_content .locate_info {text-align:left;margin:0;height: 450px;width: 100%;}
.sub_content .locate_info div.map_api {background:#fff;}
.sub_content .locate_info div.map_api > div {width:100% !important;padding:0;border:0;border-radius:0;}
.sub_content .locate_box {border-top:2px #333 solid;padding:30px 0;}
.sub_content .map_info {background: #fff;padding: 33px 0;box-sizing:border-box;font-size:0;}
.sub_content .map_info dl {position:relative;z-index:1;min-height:54px;box-sizing:border-box;}
.sub_content .map_info dl + dl {margin-left: 80px;}
.sub_content .map_info dt,
.sub_content .map_info dd {text-align:left;}
.sub_content .map_info dt {color:#333;font-size: 20px;font-weight: 400;line-height:20px;padding-left: 24px;font-family: 'Lato',sans-serif;}
.sub_content .map_info dd {padding-top: 23px;color:#666;font-size: 16px;font-weight:400;line-height: 16px;}
.sub_content .map_info dl.info01 dt {background:url(../images/da_image/location_icon01.png) no-repeat 0 50%;background-size: auto 20px;}
.sub_content .map_info dl.info02 dt {background:url(../images/da_image/location_icon02.png) no-repeat 0 50%;background-size: auto 20px;}
.sub_content .map_info dl.info03 dt {background:url(../images/da_image/location_icon03.png) no-repeat 0 50%;background-size: auto 20px;}
.sub_content .map_info dl.info04 dt {background:url(../images/da_image/location_icon04.png) no-repeat 0 50%;background-size: auto 20px;}
	
	/*.sub_content.active .locate_info{bottom:0;opacity:1;transition:0.2s;}
	.sub_content.active .map_info dl {bottom:0;opacity:1;transition:0.8s;}*/

/*** 회사연혁 | company/history.html ***/
.sub_content.history {}
.sub_content.history .sub_tab {background:none;}
.sub_content.history .sub_tab ul.tab_nav {width:100%;margin:0 0 50px;position: relative;bottom: -50px;opacity: 0;transition-delay: 0.2s;transition:0.2s;}
.sub_content.history .sub_tab ul.tab_nav li {float:left;width:50%;height:66px;text-align:center;font-family:'Lato';cursor:pointer;border:1px solid #dddddd;font-size:20px;line-height:66px;font-weight:400;color:#999;box-sizing:border-box;}
.sub_content.history .sub_tab ul.tab_nav li.on {font-weight:600;color:#333;border-bottom:2px solid #555;}
.sub_content.history .sub_tab ul.tab_nav li + li {margin-left:-1px;}
.sub_content.history .tab_view_wrap {background:none;position:relative;bottom:-100px;opacity:0;transition-delay: 0.4s;transition:0.4s;}
.sub_content.history .tab_view_wrap > div {display:none;}
.sub_content.history .tab_view_wrap > div.on {display:block;}
.sub_content.history .tab_view_wrap .years_box {margin: 0 0 50px;position: relative;bottom: -50px;opacity: 0;transition-delay: 0.2s;transition: 0.2s;}
.sub_content.history .tab_view_wrap .years_box:before {content:'';display:block;position:absolute;width:100%;height:100%;background:#eeeeee;top:40px;left:30px;}
.sub_content.history .tab_view_wrap .years_box .txt {width:380px;height:340px;background:#2543a2;padding:60px 0 0 50px;box-sizing:border-box;position:relative;-webkit-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);-moz-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);}
.sub_content.history .tab_view_wrap .years_box .txt h3 {font-size:44px;line-height:44px;font-weight:600;color:#fff;padding-bottom:30px;margin-bottom:30px;position:relative;}
.sub_content.history .tab_view_wrap .years_box .txt h3:after {content:'';display:block;position:absolute;width:42px;height:4px;background:#fff;bottom:0;left:0;}
.sub_content.history .tab_view_wrap .years_box .txt p {font-size:20px;line-height:30px;font-weight:400;color:#fff;}
.sub_content.history .tab_view_wrap .history_box {width:calc(100% - 480px);}
.sub_content.history .tab_view_wrap .history_box h4 {font-size:30px;line-height:40px;font-weight:600;color:#e80495;padding-bottom:100px;position: relative;bottom: -50px;opacity: 0;}
.sub_content.history .tab_view_wrap .history_box .history {}
.sub_content.history .tab_view_wrap .history_box .history ul {position:relative;bottom:-100px;opacity:0;transition:1s;}
.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li {padding:40px 0;border-bottom:1px solid #dddddd;position: relative;}
.sub_content.history .tab_view_wrap .history_box .history ul > li:first-child {padding-top:0;}
.sub_content.history .tab_view_wrap .history_box .history ul > li + li {}
.sub_content.history .tab_view_wrap .history_box .history ul > li:after {content:'';display:block;clear:both;}
.sub_content.history .tab_view_wrap .history_box .history ul > li strong.year {font-size:24px;line-height:24px;font-weight:600;font-family:'Lato';color:#333;}
.sub_content.history .tab_view_wrap .history_box .history ul.month_wrap {padding-left:70px;}
.sub_content.history .tab_view_wrap .history_box .history ul.month_wrap li {padding:0;border:0;}
.sub_content.history .tab_view_wrap .history_box .history ul.month_wrap li + li {padding-top:20px;}
.sub_content.history .tab_view_wrap .history_box .history ul.month_wrap li p {display:inline-block;font-size:16px;line-height:22px;color:#666;font-weight:400;}
.sub_content.history .tab_view_wrap .history_box .history ul.month_wrap li p.month {width: 48px;font-family:'Lato';color:#333;vertical-align: top;}
.sub_content.history .tab_view_wrap .history_box .history ul.month_wrap li p.cont {}

	.sub_content.history .sub_tab.active ul.tab_nav, .sub_content.history .history_box.active h4, .sub_content.history .history_box.active .history ul, .sub_content.history .tab_view_wrap .years_box.active {bottom:0;opacity:1;transition-delay: 0.2s;transition: 0.2s;}
	.sub_content.history .tab_view_wrap.active {position:relative;bottom:0;opacity:1;transition-delay: 0.4s;transition:0.4s;}
	
	/*.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li {opacity:0;bottom:0;}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(1) {transition:0.8s;transform: translateY(1047%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(2) {transition:1.6s;transform: translateY(723%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(3) {transition:2.4s;transform: translateY(832%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(4) {transition:3.2s;transform: translateY(732%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(5) {transition:4s;transform: translateY(536%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(6) {transition:4.8s;transform: translateY(436%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(7) {transition:5.6s;transform: translateY(400%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(8) {transition:6.4s;transform: translateY(210%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(9) {transition:7.2s;transform: translateY(90%);}
	.sub_content.history .tab_view_wrap .history_box .history ul.year_ul > li:nth-child(10) {transition:8s;transform: translateY(0%);}
	.sub_content.history .tab_view_wrap.active .history_box .history ul.year_ul > li {opacity:1;transform: translateY(0);}*/
	@media only screen and (max-width:479px) {
		.sub_content.history .sub_tab ul.tab_nav li {}
		#wrap .sub_content.history .sub_tab ul.tab_nav,
		#wrap .sub_content.history .tab_view_wrap .history_box h4,
		#wrap .sub_content.history .tab_view_wrap .years_box,
		#wrap .sub_content.history .tab_view_wrap .history_box .history ul {bottom:0;opacity:1;}

	}
/* 조직도 */
.sub_content.work {}
.sub_content.work .work_wrap {text-align:center;position: relative;background:none;bottom:-100px;opacity:0;transition:0.4s;height: 1250px;}
.sub_content.work .work_wrap.active {opacity:1;bottom:0;}
.sub_content.work .work_wrap h3 {position:relative;width:280px;height:280px;margin: 0 auto;display: table;}
/* .sub_content.work .work_wrap h3:after {content: ''; display: block; position: absolute; background: #dddddd; width: 206px; height: 1px; top: 50%; transform: translate(-65%, -50%); } */
.sub_content.work .work_wrap h3:before {content:'';display:block;position:absolute;width:2px;height:500px;background:#ddd;top: 0;z-index: -1;top:200px;left:50%;transform: translateX(-50%);}
.sub_content.work .work_wrap h3 strong {display: block;margin: 40px auto 0;width:200px;height:200px;border-radius:100%;background:#2543a2;font-size:28px;line-height:200px;font-weight:500;color:#fff;text-align:center;-webkit-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);-moz-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.21);}
.sub_content.work .work_wrap ul.dept1 {}
.sub_content.work .work_wrap ul.dept1 li {padding-bottom: 10px;}
.sub_content.work .work_wrap ul.dept1 li:after {}
.sub_content.work .work_wrap ul.dept1 li.inspection {width:150px;height:150px;border:4px solid #e80495;box-sizing:border-box;border-radius:100%;font-size:24px;line-height:150px;font-weight:500;color:#e80495;position: absolute;top: 55px;right: 55px;}
.sub_content.work .work_wrap ul.dept1 li.inspection:before {content:'';display:block;position:absolute;width:215px;height:1px;background:#dddddd;top: 54%;left: -165%;}
.sub_content.work .work_wrap ul.dept1 li p.dart_gray {float:left;display:inline-block;font-size:20px;line-height:80px;font-weight:500;color:#fff;width:280px;height:80px;background:#888888;position:absolute;z-index:10;margin-top:48px;}
.sub_content.work .work_wrap ul.dept1 li p.gray_right_point{float:right;}
.sub_content.work .work_wrap ul.dept1 li p.gray_right_point.part1{left:661px;top:290px;}
.sub_content.work .work_wrap ul.dept1 li p.gray_right_point.part2{left:661px;top:420px;}
.sub_content.work .work_wrap ul.dept1 li p.dart_left.part1{left:50%;transform:translateX(-50%);top:290px;}
.sub_content.work .work_wrap ul.dept1 li p.dart_left.part2{left:165px;top:420px;}
.sub_content.work .work_wrap ul.dept1 li p.dart_gray:before {content:'';display:inline-block;position:absolute;width:106px;height:2px;background:#dddddd;left: 100%;top:50%;transform: translateY(-50%);z-index:-1;}
.sub_content.work .work_wrap ul.dept1 li p.dart_gray:after {content:'';display:inline-block;position:absolute;width: 8px;height: 8px;border:2px solid #fff;background:#888888;border-radius:100%;left: 50%;transform: translate(-50%,-50%);}
.sub_content.work .work_wrap ul.dept1 li p.dart_left.part1:before{display:none;}
.sub_content.work .work_wrap ul.dept1 li p.dart_left.part1:after{display:none;}
.sub_content.work .work_wrap ul.dept1 li p.gray_left_point:after {content:'';display:inline-block;position:absolute;width: 8px;height: 8px;border:2px solid #fff;background:#888888;border-radius:100%;left: 100%;top:50%;transform: translate(-50%,-50%);}
.sub_content.work .work_wrap ul.dept1 li p.gray_right_point:after {content:'';display:inline-block;position:absolute;width: 8px;height: 8px;border:2px solid #fff;background:#888888;border-radius:100%;left: 0%;top:50%;transform: translate(-50%,-50%);}
.sub_content.work .work_wrap ul.dept1 li p.gray_right_point:before {content:'';display:inline-block;position:absolute;width:106px;height:2px;background:#dddddd;left: -40%;top:50%;transform: translateY(-50%);z-index:-1;}

.sub_content.work .work_wrap ul.dept2{margin-top: 0;position:relative;padding-bottom: 0;}
.sub_content.work .work_wrap ul.dept2:before{width:50%;height:2px;content:"";background: #ddd;position: absolute;left:50%;top:27%;}
.sub_content.work .work_wrap ul.dept2 h4{position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 0; background: #999; padding: 20px 80px; color: #fff; font-size: 20px;}
.sub_content.work .work_wrap ul.dept2 h4:after { content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border: 2px solid #fff; background: #888888; border-radius: 100%; left: 50%; top:0; transform: translate(-50%,-50%); }
.sub_content.work .work_wrap ul.dept2 li p.dart_gray:before {height:48px;width:2px;left: 50%;top:0%;transform: translate(-50%, -100%);}
.sub_content.work .work_wrap ul.dept2 dl{position:absolute;top: 140px;right:0;display: flex;flex-direction: column;gap: 10px;box-sizing:border-box;border:2px solid #ddd;background: #fff;}
.sub_content.work .work_wrap ul.dept2 dl:before{content: '';display: none;position: absolute;width: 300px;height: 2px;background: #dddddd;left: -204px;top:30px;z-index: -1;}
.sub_content.work .work_wrap ul.dept2 dl dt{width:180px;background:#f5f5f5;border:2px solid #ddd;height:60px;line-height:60px;font-size:18px;margin: 0 auto;position:relative;margin-bottom:30px;display: none;}
.sub_content.work .work_wrap ul.dept2 dl dt:before{content:'';position:absolute;bottom:-30px;left:50%;margin-left:-1px;height:30px;width:2px;background:#ddd;}
.sub_content.work .work_wrap ul.dept2 dl dt:after{content:'';position:absolute;bottom:-32px;width:184px;height:2px;background:#ddd;left:-2px;}
.sub_content.work .work_wrap ul.dept2 dl dd{width:160px;height:50px;line-height:50px;display:inline-block;font-size:16px;position:relative;vertical-align:top;}
/* .sub_content.work .work_wrap ul.dept2 dl dd{width:160px;height:50px;border:2px solid #ddd;line-height:50px;display:inline-block;font-size:16px;position:relative;vertical-align:top;} */
.sub_content.work .work_wrap ul.dept2 dl dd:before{content:'';position:absolute;top:-22px;left:50%;margin-left:-1px;width:2px;height:20px;background:#ddd;display: none;}
.sub_content.work .work_wrap ul.dept2 dl dd + dd{}


.sub_content.work .work_wrap ul.dept3 {position:relative;margin-top:50px;padding-top: 190px;}
.sub_content.work .work_wrap ul.dept3:before{content: ''; display: inline-block; position: absolute; width: 2px; height: 210px; background: #dddddd; left: 50%; top: -16px;transform: translate(-50%, -100%);z-index: -1; }
.sub_content.work .work_wrap ul.dept3:after{content: '';display: inline-block;position: absolute;width: 517px;height: 2px;background: #dddddd;left: 50%;top: -16px;transform: translateX(-50%);z-index: -1;}
.sub_content.work .work_wrap ul.dept3 li{position:absolute;top:32px;left:50%;width: 685px;transform:translateX(-50%);}
.sub_content.work .work_wrap ul.dept3 li p{position:relative;display:inline-block;padding:20px 40px;background:#fff;border:2px solid #ddd;font-size:16px;width:74px;margin: 0 5px;}
.sub_content.work .work_wrap ul.dept3 li.part1 p:nth-child(1){float:left;}
.sub_content.work .work_wrap ul.dept3 li.part1 p:nth-child(2){float:right;}
.sub_content.work .work_wrap ul.dept3 li.part2 p{position:absolute;top:-83px; right:-158px;}

.sub_content.work .work_wrap ul.dept3 li p:before{content: ''; display: inline-block; position: absolute; width: 2px; height: 50px; background: #dddddd; left: 50%; top: 0px; transform: translate(-50%, -100%); z-index: -1;}

.sub_content.work .work_wrap ul.dept4 li p {margin:0 auto;font-size:20px;line-height:20px;font-weight:500;color:#333333;position: relative;}
.sub_content.work .work_wrap ul.dept4 li p.last {width:260px;height:70px;border:1px solid #dddddd;font-size:16px;line-height:70px;font-weight:400;color:#666666;margin-top: 44px;}
.sub_content.work .work_wrap ul.dept4.gray_right {position:absolute;top: -13%;right: 0;} 
.sub_content.work .work_wrap ul.dept4.gray_right li p {}
.sub_content.work .work_wrap ul.dept4.gray_right li p:before{content:'';display:block;position:absolute;background: #dddddd;width: 206px;height: 1px;top: 50%;transform: translate(-65%, -50%);}
.sub_content.work .work_wrap ul.dept4.gray_right li p:after {}
.sub_content.work .work_wrap ul.dept4.gray_center {margin-top:110px;}
.sub_content.work .work_wrap ul.dept4.gray_center:before {content:'';display:block;position:absolute;width: 598px;height: 1px;background: #dddddd;top: 46.5%;left: 50%;transform: translateX(-50%);}
.sub_content.work .work_wrap ul.dept4.gray_center li{position:relative;}
.sub_content.work .work_wrap ul.dept4.gray_center li {float:left;}
.sub_content.work .work_wrap ul.dept4.gray_center li + li {margin-left:96px;}
.sub_content.work .work_wrap ul.dept4.gray_center li p:after {content:'';display:block;position:absolute;width:1px;height:50px;background:#dddddd;top: -40px;left:50%;transform:translateY(-50%);}
.sub_content.work .work_wrap ul.dept4.gray_center li p.last {width:500px;}
.sub_content.work .work_wrap ul.dept4.gray_center li p.last:before,
.sub_content.work .work_wrap ul.dept4.gray_right li p.last:before {content:'';display:block;position:absolute;background: #dddddd;width:1px;height:20px;top: -30%;left: 50%;}
.sub_content.work .work_wrap ul.dept4.gray_center li p.last:before {top: -45%;}
.sub_content.work .work_wrap ul.dept4.gray_center li p.last:after {display:none;}
.sub_content.work .work_wrap ul.dept4.gray_left {margin-left:170px}
.sub_content.work .work_wrap ul.dept4.gray_left li {display:block;width:160px;height:60px;background:#dddddd;font-size:16px;line-height:60px;font-weight:400;color:#666;position: relative;z-index: 10;}
.sub_content.work .work_wrap ul.dept4.gray_left li:before {content:'';display:block;position:absolute;width: 30px;height: 1px;background: #dddddd;right: -40px;top: 50%;transform: translateY(-50%);}
.sub_content.work .work_wrap ul.dept4.gray_left li + li {margin-top:10px;}
.sub_content.work .work_wrap ul.dept4.gray_left li + li:after {content:'';display:block;position:absolute;width:1px;height:71px;background:#dddddd;right:-40px;top:-40px}

.sub_content.work .work_wrap.org_2026 {height:auto;min-height:900px;padding-bottom:80px;}
.sub_content.work .work_wrap.org_2026 h3 {width:240px;height:240px;}
.sub_content.work .work_wrap.org_2026 h3:before {height:460px;top:190px;}
.sub_content.work .work_wrap.org_2026 h3 strong {width:180px;height:180px;line-height:180px;margin-top:30px;}
.sub_content.work .org_top {position:relative;width:900px;margin:0 auto;}
.sub_content.work .org_side,
.sub_content.work .org_node {box-sizing:border-box;text-align:center;font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.sub_content.work .org_side {position:absolute;top:112px;width:160px;height:58px;border:2px solid #dddddd;background:#fff;font-size:18px;line-height:54px;font-weight:500;color:#444;}
.sub_content.work .org_side:before {content:'';display:block;position:absolute;top:50%;width:130px;height:2px;background:#dddddd;z-index:-1;}
.sub_content.work .org_side_left {left:110px;}
.sub_content.work .org_side_left:before {right:-130px;}
.sub_content.work .org_side_right {right:110px;}
.sub_content.work .org_side_right:before {left:-130px;}
.sub_content.work .org_node {position:relative;z-index:1;margin:0 auto;background:#fff;border:2px solid #dddddd;color:#444;}
.sub_content.work .org_vice {width:220px;height:64px;font-size:20px;line-height:60px;font-weight:500;}
.sub_content.work .org_vice + .org_vice{margin-top:20px;}
.sub_content.work .org_audit {position:absolute;top:415px;right:125px;width:160px;height:58px;border:2px solid #dddddd;background:#fff;box-sizing:border-box;font-size:18px;line-height:54px;font-weight:500;color:#444;text-align:center;font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;z-index:1;}
.sub_content.work .org_audit:before {content:'';display:block;position:absolute;top:50%;left:-166px;width:166px;height:2px;background:#dddddd;transform:translateY(-50%);z-index:-1;}
.sub_content.work .org_branch {position:absolute;top:405px;left:120px;width:160px;border:2px solid #dddddd;background:#fff;box-sizing:border-box;text-align:center;font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;z-index:1;}
.sub_content.work .org_branch strong,
.sub_content.work .org_branch span {display:block;font-size:17px;line-height:54px;font-weight:500;color:#444;}
.sub_content.work .org_branch strong {background:#f5f5f5;border-bottom:1px solid #dddddd;}
.sub_content.work .org_secretary {width:360px;margin-top:100px;padding:20px 24px;border-color:#2543a2;}
.sub_content.work .org_secretary:before,
.sub_content.work .org_secretary:after {content:'';display:block;position:absolute;left:50%;width:2px;background:#dddddd;transform:translateX(-50%);z-index:-1;}
.sub_content.work .org_secretary:before {top:-60px;height:60px;}
.sub_content.work .org_secretary:after {bottom:-64px;height:64px;}
.sub_content.work .org_secretary strong {display:block;font-size:22px;line-height:1;font-weight:600;color:#2543a2;}
.sub_content.work .org_secretary span {display:block;margin-top:12px;font-size:15px;line-height:22px;font-weight:400;color:#666;}
.sub_content.work .org_team_wrap {position:relative;display:grid;width:100%;margin-top:90px;gap:18px;grid:auto / repeat(4, 1fr);}
.sub_content.work .org_team_wrap:before {content:'';display:block;position:absolute;top:-28px;left:11.8%;right:11.8%;height:2px;background:#dddddd;}
.sub_content.work .org_team {display:table-cell;position:relative;vertical-align:top;border:2px solid #dddddd;background:#fff;text-align:left;box-sizing:border-box;}
.sub_content.work .org_team:before {content:'';display:block;position:absolute;top:-30px;left:50%;width:2px;height:30px;background:#dddddd;transform:translateX(-50%);}
.sub_content.work .org_team h4 {margin:0;padding:18px 20px;background:#2543a2;font-size:22px;line-height:24px;font-weight:500;color:#fff;text-align:center;}
.sub_content.work .org_team ul {margin:0;padding:22px 22px 26px;}
.sub_content.work .org_team ul li {padding:0;font-size:0;}
.sub_content.work .org_team ul li + li {margin-top:16px;padding-top:16px;border-top:1px solid #eeeeee;}
.sub_content.work .org_team ul li strong {display:inline-block;width:52px;font-size:15px;line-height:22px;font-weight:600;color:#333;vertical-align:top;}
.sub_content.work .org_team ul li span {display:inline-block;width:calc(100% - 52px);font-size:14px;line-height:22px;font-weight:400;color:#666;vertical-align:top;word-break:keep-all;}


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


/* 체크박스 디자인 변경 */
.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;background-color:#fafafa;}
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:98%;}
table.board_write td input.tel {min-width:50px;}
table.board_write td textarea {min-width:100%;height:200px;}

/* 페이징, 버튼 */
.board_btm{margin:30px 0 0 0;position:relative;}
.board_btm .paging{}
.board_btm .btn_right{position:absolute;right:0px;top:0px;}

/*** 페이징 ***/
.paging {text-align:center;height:40px;line-height:40px;font-size:0;margin:0 0 0 0;}
.paging a {display:inline-block;font-size: 13px;color:#333333;padding:0;border:0 none;height:30px;line-height: 32px;width: 29px;text-align:center;vertical-align:middle;font-family: 'Lato';}
.paging .on a{color: #e80495;font-weight: 400;}
.paging a.on,
.paging a:hover {color:#555555;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%;}
.arrow.last a,
.arrow.first a {width:28px}
.arrow.prev {padding-right:10px}
.arrow.next {padding-left:10px;}

span.join_btn {display:inline-block;margin-left:5px;width:110px;height:28px;text-align:center;line-height:26px;font-size:13px;color:#ffffff;font-weight:600;background-color:#aaaaaa;border:1px solid #999999;}

table.tbl_typeA {border-bottom:2px solid #333;}
table.tbl_typeA tr {}
table.tbl_typeA tr th {color:#333;font-size:14px;font-weight:600;font-family:'Lato','Nanum Gothic', dotum, sans-serif !important;text-indent:20px;}
table.tbl_typeA tr td {color:#888;font-size:13px;font-weight:500;font-family:'Lato','Nanum Gothic', dotum, sans-serif !important;padding:15px 0 15px 15px;}
table.tbl_typeA tr th,
table.tbl_typeA tr td {text-align:left;border-bottom:1px solid #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','Nanum Gothic', dotum, sans-serif !important;background:#eee;text-indent:20px;}
table.tbl_typeB tr td {color:#777;font-size:13px;font-weight:500;font-family:'Lato','Nanum Gothic', dotum, sans-serif !important;padding-left:20px !important;}
table.tbl_typeB tr th,
table.tbl_typeB tr td {text-align:left;border-bottom:1px solid #ccc;padding:18px 0;}

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


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

	 BOARD

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

/*** 게시판 리스트 | 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:#555555;font-weight:700;}
.sub_board .board_search {text-align: right;margin-bottom: 20px;width:100%;box-sizing:border-box;}
.sub_board .board_search:after {clear:both;content:"";display:block;}
.sub_board .board_search span {display:inline-block;color:#888;font-size:12px;font-weight:700;line-height:18px;padding:6px 0 6px 0;text-align:left;}
.sub_board .board_search span strong {color:#555555;}
.sub_board .board_search select {border:1px solid #ddd;width: 130px;height: 40px;line-height: 40px;min-width:73px;margin-right:0px;color:#333;font-size: 14px;padding:0 0 0 3px;font-weight: 400;}
.sub_board .board_search input.input_text {border: 1px solid #ddd;height: 40px;line-height: 40px;min-width: 220px;text-indent:10px;margin-right:1px;color:#333;font-size:12px;vertical-align:top;margin-left: 5px;}
.gallery_board .board_search {margin:0;text-align:left;padding:0 0 20px 0;}

.sub_board table.board_list {text-align:center;background:#fff;border-top: 1px solid #333;}
.sub_board table.board_list tr {border-top: 0;border-bottom: 1px solid #dddddd;}
.sub_board table.board_list tr.notice {background-color:#edeff6;}
.sub_board table.board_list th {font-size: 15px;text-align:center;line-height:48px;font-weight: 500;color:#333;background: #f5f5f5;}
.sub_board table.board_list th + th {border-left:1px solid #dddddd;}
.sub_board table.board_list td {font-size: 15px;color:#888;line-height: 45px;height: 45px;padding:0 10px 0 10px !important;vertical-align:middle;}
.sub_board table.board_list td + td {border-left:1px solid #dddddd;}
.sub_board table.board_list td a {font-size: 15px;color: #666;}
.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 #dddddd 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;}

/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view {margin-bottom:0px;text-align:left;}
.sub_board .board_view div.view_tit {font-size: 15px;border-top: 1px solid #333333;border-bottom: 1px solid #dddddd;background: #f5f5f5;}
.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:inline-block;color: #333333;padding: 23px 18px;line-height:20px;font-size: 15px;font-weight: 500;width:100%;box-sizing:border-box;}
.sub_board .board_view div.view_tit h3 span {font-weight:400;}
.sub_board .board_view div.view_tit h3 span em {font-size:14px;font-weight:400;color:#888;position:relative;padding-left:15px;margin-left:15px;}
.sub_board .board_view div.view_tit h3 span em:before {content:'';display:block;position:absolute;width:1px;height:10px;background:#cccccc;top:4px;left:0;}
.sub_board .board_view div.view_cont {/* color:#888; */width:100%;box-sizing:border-box;/* font-size:15px; */padding:16px 0 80px 20px;/* line-height:26px */;min-height:255px;border-bottom: 1px solid #dddddd;border-top:none;}
.sub_board .board_view div.view_cont .thumb_img_wrap {width:100%;margin:0;text-align:center;font-size:0;vertical-align:top;}
.sub_board .board_view div.view_cont .thumb_img_wrap img {width:auto;max-width:100%;height:auto;margin:0 0 10px 0;padding:0;vertical-align:top;}
.sub_board .board_view div.view_cont .thumb_img_wrap img + img {}
.sub_board .board_view .add_file {border-bottom: 1px solid #dddddd;border-top:none;padding: 24px 20px;font-size: 14px;color: #888888;}
.sub_board .board_view h4.thumb_wrap {padding-bottom:7px;}
.sub_board .board_view .add_file span {display:inline-block;font-size: 14px;color: #333;font-weight: 500;padding-right:0;margin-right:0;}
.sub_board .board_view .add_file span:after {display:inline-block;width:1px;height:10px;background:#d3d3d3;vertical-align:middle;margin:0 15px;padding:0;content:"";}
.sub_board .board_view .add_file a {display:inline-block;}
.sub_board .board_view .add_file a + a {margin-left:20px;}
.sub_board .board_view .thumb_img_wrap {padding-top:10px;font-size:0;vertical-align:top;}
.sub_board .board_view .thumb_img_wrap img {vertical-align:top;display:inline-block;margin-bottom:10px;}
.sub_board .board_view .thumb_img_wrap img + img {margin-left:20px;}
.sub_board .view_btn {position:relative;}
.sub_board .view_btn .btn_center {text-align: center;}
.sub_board .view_btn h2 {float:right;}
.sub_board .view_btn p {position:absolute;right:0px;top:30px;font-size:14px;font-weight:bold;text-align:center;}
.sub_board .view_btn p a {}

/*** 게시판 댓글 ***/
.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;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:#555555;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:#555555;}
.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;}



/*** 게시판(리스트형) | 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 li:nth-of-type(3n+1) {clear:both;}
.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: 344px;margin-right: 34px;padding-bottom:50px;}
.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: 15px;color: #555555;font-weight: 400;padding: 14px 0 0;line-height: 20px;word-break: break-all;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.sub_board ul.gallery_list li p {display:block;font-size: 13px;color:#888;font-weight:100;line-height: 13px;text-align:left;margin:0;letter-spacing: 0;padding-top: 10px;}
.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;}


/*** 게시판(갤러리형) | 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:#555555;border:1px solid #555555;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%;}


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


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

	 GOODS(상품)

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

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



/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
#content_sub .sub_tit.board span {color:#282828;font-size:50px;font-weight:800;font-family:'Lato', 'Nanum Gothic', sans-serif !important;}
/*#content_sub .sub_tit span {display:inline-block;padding-bottom:23px;margin-bottom:-2px;background:url("../images/sub/tit_line.gif") no-repeat center bottom;}*/
.sub_list {}
.sub_list .list_search {width:100%;height:74px;background:#f4f4f2;margin:50px 0 30px;}
.sub_list .list_search:after {clear:both;content:"";display:block;}
.sub_list .list_search > div {float:right;padding-right:20px;}
.sub_list .list_search > div:after {clear:both;content:"";display:block;}
.sub_list .list_search > div > span {float:left;display:inline-block;height:74px;line-height:74px;margin-right:15px;}
.sub_list .list_search > div > span label {color:#777;font-size:12px;font-weight:500;padding-left:5px;}
.sub_list .list_search .search_form {float:left;}
.sub_list .list_search .search_form .select_box_wrap{float:left;margin:0 3px 0 0;}
.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;border:1px solid #ddd;font-size:12px;padding-left:10px;box-sizing:Border-box;}
.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;vertical-align:middle;}
.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:#555555;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:#555555 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:#555555 url("../images/sub/icon_list_typeB_on.png") no-repeat left top;}
.sub_list .list_array  ul li.on {border:1px solid #555555;background:#555555;}
.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;}

/*** 갤러리형 | 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: block;box-sizing:border-box;color:#333;font-size:16px;font-weight:600;padding:0 0 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777;font-size:14px;font-weight:500;line-height:22px;}

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


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






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

	 MEMBER(회원)

───────────────────────────────────────────────────────────*/
.bg_eb3b4b{background:#555555;}

/*** 로그인 | member/login.html ***/
.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;color:#222;font-size:15px;font-weight:600;}

.sub_login .login_box div input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #eee inset ; -webkit-text-fill-color: #222; }
.sub_login .login_box div input:-webkit-autofill,
.sub_login .login_box div input:-webkit-autofill:hover,
.sub_login .login_box div input:-webkit-autofill:focus,
.sub_login .login_box div input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.sub_login .login_box div input[type="text"]::-webkit-input-placeholder {color:#222;font-size:15px;font-weight:600;}
.sub_login .login_box div input[type="text"]::-moz-placeholder {color:#222;font-size:15px;font-weight:600;}
.sub_login .login_box div input[type="text"]:-ms-input-placeholder {color:#222;font-size:15px;font-weight:600;}
.sub_login .login_box div input[type="text"]:-moz-placeholder {color:#222;font-size:15px;font-weight:600;}

.sub_login .login_box div input[type="password"]::-webkit-input-placeholder {color:#222;font-size:15px;font-weight:600;}
.sub_login .login_box div input[type="password"]::-moz-placeholder {color:#222;font-size:15px;font-weight:600;}
.sub_login .login_box div input[type="password"]:-ms-input-placeholder {color:#222;font-size:15px;font-weight:600;}
.sub_login .login_box div input[type="password"]:-moz-placeholder {color:#222;font-size:15px;font-weight:600;}

.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', 'Nanum Gothic', dotum, sans-serif;}


/*** 회원가입 | 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:1px solid #ddd;font-size:12px;text-align:left;margin-bottom:20px;}
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:#555555;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;}
table.board_css th, table.board_css td {color:#888;font-size:11px;box-sizing:border-box;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:#555555;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;}
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;}

.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;}

.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.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:#555555;font-weight:600;}
.sub_ok .ok_box .home_bt a {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#555555;border:1px solid #555555;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:#555555;border:1px solid #555555;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:#555555;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-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-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:#555555;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;}
***********/



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

	 개별페이지

───────────────────────────────────────────────────────────*/
/* 개별페이지 공통 */
.sub_content .section {background:#f5f5f5;padding:50px 0;}
.sub_content .section:first-child {padding-top:0;}
.sub_content .section.w_custom {background:#fff;}
.sub_content .section h3.title {position: relative;font-size:28px;line-height:28px;font-weight:500;color:#2543a2;padding-bottom:30px;transition: 0.2s;}
.sub_content .section h3.title strong{font-size:20px;color:#333;font-weight:500;line-height:1.3;display: block;margin-top:10px;}
.sub_content .section h4 {font-size:24px;line-height:24px;font-weight:500;color:#444;padding-bottom:40px;transition:0.4s;}
.sub_content .section h4 + img {transition:0.6s;}
.sub_content .section p.tit_con {font-size:16px;line-height:26px;font-weight:400;color:#666666;padding-bottom:40px;position:relative;/*bottom:-100px;opacity:0;*/transition:0.4s;}
.sub_content .section ul.tit_ul {transition:0.4s;}
.sub_content .section ul.tit_ul li {font-size:16px;line-height:16px;font-weight:400;color:#666666;padding-left:11px;position:relative;}
.sub_content .section ul.tit_ul li + li {margin-top:23px;}
.sub_content .section ul.tit_ul li:before {content:'';display:block;position:absolute;width:4px;height:4px;border-radius:100%;background:#666666;left:0;top:50%;transform:translateY(-50%);}
.sub_content .section .sub_table_wrap {width:100%;position: relative;transition-delay: 0.2s;/*bottom: -97px; opacity: 0; */}
.sub_content .section .sub_table_wrap > em {display:block;font-size:13px;line-height:13px;font-weight:400;text-align:right;color:#999999;padding-bottom:9px;position: absolute;right: 0;top: 14px;}
.sub_content .section .sub_table_wrap .table_box {border-top:1px solid #333333;}
.sub_content .section .sub_table_wrap .table_box tr {}
.sub_content .section .sub_table_wrap .table_box tr th,
.sub_content .section .sub_table_wrap .table_box tr td {font-size:16px;line-height:16px;font-weight:400;padding:24px 20px 24px;border-bottom:1px solid #dddddd;}
.sub_content .section .sub_table_wrap .table_box tr th {color:#333;text-align: center !important;border-right:1px solid #dddddd;background:#f5f5f5;}
.sub_content .section .sub_table_wrap .table_box tr th.bg {text-align:left !important;font-weight:500;background:#f5f5f5;padding:18px 20px 18px}
.sub_content .section .sub_table_wrap .table_box tr th.bg + td {padding:18px 20px 18px;}
.sub_content .section .sub_table_wrap .table_box tr td {color:#666666;}
.sub_content .section .sub_table_wrap .table_box tr.short th,
.sub_content .section .sub_table_wrap .table_box tr.short td {padding:17px 20px 17px;}
.sub_content .section .sub_table_wrap .table_box thead tr th {font-weight:500;color:#333333;text-align:center;padding: 18px 0;}
.sub_content .section .sub_table_wrap .table_box tbody tr th,
.sub_content .section .sub_table_wrap .table_box tbody tr td {background:#fff;text-align:left;border-right:1px solid #ddd;}
.sub_content .section .sub_table_wrap .table_box thead tr th:last-child,
.sub_content .section .sub_table_wrap .table_box tbody tr td:last-child {border-right-width:0;}
.sub_content .section .sub_table_wrap .table_box.tbl_center tbody tr td {text-align:center;}
.sub_content .section .sub_table_wrap .table_box tr td ul {}
.sub_content .section .sub_table_wrap .table_box tr td ul li {padding-left:11px;position:relative;}
.sub_content .section .sub_table_wrap .table_box tr td ul li + li {margin-top:14px;}
.sub_content .section .sub_table_wrap .table_box tr td ul li:before {content:'';display:block;position:absolute;width:3px;height:3px;border-radius:100%;background:#666666;left:0;top:8px;}
.sub_content .section .sub_table_wrap .table_box tr td ul li dl {}
.sub_content .section .sub_table_wrap .table_box tr td ul li dl dd {font-size:14px;line-height:14px;font-weight:400;color:#888888;margin-top:15px;}
.sub_content .section .sub_table_wrap .table_box tr td ul li dl dd:last-child {padding-bottom:14px;}
.sub_content .section .equation,
.sub_content .section .equation em {font-size:16px;line-height:16px;font-weight:400;color:#333;text-align:center;}
.sub_content .section .equation {padding-bottom: 20px;}
.sub_content .section .equation em {color:#999;}
.sub_content .section .process_box {height:auto;box-sizing:border-box;background:#fff;padding:50px;margin:0 0 0;position: relative;z-index: 1;/* bottom: -100px;opacity: 0; */} 
.sub_content .section .rel_wrap{position:relative;padding-right: 350px;box-sizing: border-box;}   
 #content  .sub_content .section .rel_wrap .main_news{position:absolute;right:0;bottom: 40px;width: 320px;}
	/*.sub_content .section h3.title,
	.sub_content .section h4.tit_con,
	.sub_content .section h4 + img,
	.sub_content .section ul.tit_ul + img,
	.sub_content .section p.tit_con + img,
	.sub_content.members .info_wrap ol.quali_step,
	.sub_content .section ul.tit_ul {position:relative;bottom: -57px;opacity: 0;}

    .sub_content .section.active ul.tit_ul{bottom: 0;opacity: 1;transition-delay: 0.2s;transition: 0.4s;}
    .sub_content .section.active .sub_table_wrap{bottom: 0;opacity: 1;transition-delay: 0.2s;transition: 0.8s;}

	/* effect 효과 active /
	.sub_content .section.active h3.title {transition: 0.2s;bottom: 0;opacity: 1;}
	.sub_content .section.active h4.tit_con,
	.sub_content.members .info_wrap ol.quali_step, 
	.sub_content .section.active p.tit_con {transition: 0.4s;bottom: 0;opacity: 1;}
	.sub_content .section.active h4 + img,
	.sub_content .section.active p.tit_con + img,
	.sub_content .section.active ul.tit_ul + img,
	.sub_content .section.active .process_box {transition: 0.8s;bottom: 0;opacity: 1;}
	
	@media only screen and (max-width:479px) {

		#wrap .sub_content .section ul.tit_ul{bottom: 0;opacity: 1;transition-delay: 0.2s;transition: 0.4s;}
		#wrap .sub_content .section .sub_table_wrap{bottom: 0;opacity: 1;transition-delay: 0.2s;transition: 0.8s;}

		/* effect 효과 active /
		#wrap .sub_content .section h3.title {transition: 0.2s;bottom: 0;opacity: 1;}
		#wrap .sub_content .section h4.tit_con,
		#wrap .sub_content.members .info_wrap ol.quali_step, 
		#wrap .sub_content .section p.tit_con {transition: 0.4s;bottom: 0;opacity: 1;}
		#wrap .sub_content .section h4 + img,
		#wrap .sub_content .section p.tit_con + img,
		#wrap .sub_content .section ul.tit_ul + img,
		#wrap .sub_content .section .process_box {transition: 0.8s;bottom: 0;opacity: 1;}
	} */

/* MEMBERS - info(가입인사) */
.sub_content.members {}
.sub_content.members .info_wrap {}
.sub_content.members .info_wrap ol.quali_step {position: relative;margin-top:40px;text-align:center;counter-reset: section;transition: 1.5s;}
.sub_content.members .info_wrap ol.quali_step li {float:left;width:25%;font-size:16px;line-height:26px;font-weight:400;color:#666666;position:relative;padding-top:46px;right: 0;top: 0;transition: 1.8s;opacity: 0.2;transform: translateX(-640%);}
.sub_content.members .info_wrap ol.quali_step li:before {content:'0'counter(section) ;counter-increment: section; display:block;position:absolute;font-size:30px;line-height:30px;font-weight:300;font-family:'Lato';color:#e80495;top: 0;left: 50%;transform: translateX(-50%);}
.sub_content.members .info_wrap ol.join_step {}
.sub_content.members .info_wrap ol.join_step li {float:left;width:300px;height:430px;border-bottom:2px solid #e80495;padding: 105px 20px 40px;margin-top:75px;background:#fff;box-sizing:border-box;position: relative;z-index: 1;right: 0;top: 0;transition: 1.8s;opacity: 0.2;transform: translateX(-640%);}
.sub_content.members .info_wrap ol.join_step li + li {margin-left:100px;}
.sub_content.members .info_wrap ol.join_step li + li:before {content:'';display:block;position:absolute;width:16px;height:30px;background: url('../images/da_image/memInfo_step_next.png')no-repeat center;background-size:16px 30px;top:50%;left: -21%;transform: translateY(-50%);z-index: 11111;}
.sub_content.members .info_wrap ol.join_step li span.icon {display:inline-block;position:absolute;width:150px;height:150px;border-radius:100%;top: 0;margin-top: -75px;left: 50%;transform: translateX(-50%);}
.sub_content.members .info_wrap ol.join_step li:nth-child(1) span.icon {background:#edeff6 url('../images/da_image/memInfo_step_icon01.png') no-repeat center;background-size:45px auto;}
.sub_content.members .info_wrap ol.join_step li:nth-child(2) span.icon {background:#edeff6 url('../images/da_image/memInfo_step_icon02.png') no-repeat center;background-size:43px auto;}
.sub_content.members .info_wrap ol.join_step li:nth-child(3) span.icon {background:#edeff6 url('../images/da_image/memInfo_step_icon03.png') no-repeat center;background-size:auto 50px;}
.sub_content.members .info_wrap ol.join_step li p.tit {font-size:22px;line-height:22px;font-weight:500;color:#333333;padding: 0 0 30px;margin:0 0 25px;border-bottom:1px solid #dddddd;text-align:center;}
.sub_content.members .info_wrap ol.join_step li p.con {font-size: 14px;line-height:25px;font-weight:400;color:#666666;}
.sub_content.members .info_wrap ol.join_step li .btn_wrap {text-align:center;padding-top:25px;font-size:0;}
.sub_content.members .info_wrap ol.join_step li .btn_wrap strong {font-size:18px;line-height:1;font-weight:500;color:#333;display:block;padding-bottom:15px;}
.sub_content.members .info_wrap ol.join_step li .btn_wrap a.join_down {display:inline-block;width: calc(50% - 5px);height:46px;font-size:15px;line-height:46px;font-weight:500;color:#fff;text-align:center;background: #444444;}
.sub_content.members .info_wrap ol.join_step li .btn_wrap a.join_down + a {margin-left:10px;}
/*.sub_content.members .info_wrap ol.join_step li .btn_wrap a.join_down {display:block;width: calc(100% - 40px);height:46px;font-size:15px;line-height:46px;font-weight:500;color:#fff;text-align:center;padding-left:10px;background: #444444 url('../images/da_image/memInfo_step_down.png') no-repeat center left 16px;background-size:20px auto;margin: 25px auto;}*/
.sub_content.members .info_wrap ol.join_step li em {display:block;font-size:13px;line-height:19px;font-weight:400;color:#999999;padding-left:8px;margin-top:20px;position:relative;}
.sub_content.members .info_wrap ol.join_step li em:before {content:'*';display:block;position:absolute;font-size:13px;color:#999;top:0;left:0;}
.sub_content.members .info_wrap .join_qna {display:table;width:100%;height:150px;padding:30px 40px;margin-top:100px;background:#edeff6;box-sizing: border-box;position: relative;opacity: 0;bottom: -100px;}
.sub_content.members .info_wrap .join_qna strong {display:table-cell;width: 140px;font-size:28px;line-height:28px;font-weight:500;color:#333;padding-right:36px;vertical-align: middle;box-sizing: border-box;background: url('../images/da_image/memInfo_line.gif') repeat-y right;}
.sub_content.members .info_wrap .join_qna dl {display:table-cell;vertical-align: middle;padding-left:38px;}
.sub_content.members .info_wrap .join_qna dl + dl {padding-left:50px;}
.sub_content.members .info_wrap .join_qna dl dt {font-size:16px;line-height:16px;font-weight:400;color:#333;}
.sub_content.members .info_wrap .join_qna dl dd {font-size:16px;line-height:16px;font-weight:400;color:#666;padding-top:14px;}
.sub_content.members .info_wrap .sub_table_wrap .table_box tr th {background:#f5f5f5;}

    .sub_content.members .info_wrap .active ol.quali_step li {transition: 0.9s;opacity: 1;transform: translateX(0%);}
    .sub_content.members .info_wrap .active ol.quali_step li:nth-child(1) {transition-delay: 0.2s;}
    .sub_content.members .info_wrap .active ol.quali_step li:nth-child(2) {transition-delay: 0.4s;}
    .sub_content.members .info_wrap .active ol.quali_step li:nth-child(3) {transition-delay: 0.8s;}
    .sub_content.members .info_wrap .active ol.quali_step li:nth-child(4) {transition-delay: 0.9s;}
    .sub_content.members .info_wrap .active ol.join_step li {transition: 0.9s;opacity: 1;transform: translateX(0%);}
    .sub_content.members .info_wrap .active ol.join_step li:nth-child(1) {transition-delay: 0.2s;}
    .sub_content.members .info_wrap .active ol.join_step li:nth-child(2) {transition-delay: 0.4s;}
    .sub_content.members .info_wrap .active ol.join_step li:nth-child(3) {transition-delay: 0.8s;}
	.sub_content.members .info_wrap .active .join_qna {opacity:1;bottom:0;transition: 0.8s;}
	@media only screen and (max-width:479px) {
		#wrap .sub_content.members .info_wrap ol.quali_step li {transition: 0.9s;opacity: 1;transform: translateX(0%);}
		#wrap .sub_content.members .info_wrap ol.quali_step li:nth-child(1) {transition-delay: 0.2s;}
		#wrap .sub_content.members .info_wrap ol.quali_step li:nth-child(2) {transition-delay: 0.4s;}
		#wrap .sub_content.members .info_wrap ol.quali_step li:nth-child(3) {transition-delay: 0.8s;}
		#wrap .sub_content.members .info_wrap ol.quali_step li:nth-child(4) {transition-delay: 0.9s;}
		#wrap .sub_content.members .info_wrap ol.join_step li {transition: 0.9s;opacity: 1;transform: translateX(0%);}
		#wrap .sub_content.members .info_wrap ol.join_step li:nth-child(1) {transition-delay: 0.2s;}
		#wrap .sub_content.members .info_wrap ol.join_step li:nth-child(2) {transition-delay: 0.4s;}
		#wrap .sub_content.members .info_wrap ol.join_step li:nth-child(3) {transition-delay: 0.8s;}
		#wrap .sub_content.members .info_wrap .join_qna {opacity:1;bottom:0;transition: 0.8s;}
	}

/* BUSINESS - platform(IT 여성 특화 플랫폼) */
.platform_wrap {} 
.platform_wrap .process_box {height:676px !important;}
.platform_wrap .process_box h4.deps1 {display: block;margin:0 auto;width:220px;height:220px;border-radius:100%;border:15px solid #eeeeee;background:#fff;box-sizing:border-box;text-align:center;-webkit-box-shadow: 0px 0px 0px 1px rgba(85,85,85,1);-moz-box-shadow: 0px 0px 0px 1px rgba(85,85,85,1);box-shadow: 0px 0px 0px 1px rgba(85,85,85,1);position: relative;} 
.platform_wrap .process_box h4.deps1 strong {display:inline-block;font-size:26px;line-height:26px;font-weight:600;color:#e80495;position: relative;top: 50%;margin-top: -30px;} 
.platform_wrap .process_box h4.deps1 strong p {font-size:18px;line-height:24px;font-weight:500;color:#444444;padding-top:14px;margin-top:16px;border-top:1px solid #888888;} 
.platform_wrap .process_box .process {} 
.platform_wrap .process_box .process dl {width:190px;position: absolute;} 
.platform_wrap .process_box .process dl.pro_left {top:136px;left:50px;} 
.platform_wrap .process_box .process dl.pro_right {top:136px;right:50px;} 
.platform_wrap .process_box .process dl.pro_bottom {left:50%;margin-left:-95px;bottom:50px;} 
.platform_wrap .process_box .process dl:before,
.platform_wrap .process_box .process dl:after {content:'';display:block;position:absolute;width:180px;height:11px;left: 104%;top: 11px;}
.platform_wrap .process_box .process dl:before {background: url('../images/da_image/step_arrow_ov.png') no-repeat center;}
.platform_wrap .process_box .process dl:after {background: url('../images/da_image/step_arrow.png') no-repeat center;top: 27px;}
.platform_wrap .process_box .process dl.pro_right:before,
.platform_wrap .process_box .process dl.pro_right:after {left:auto;right:104%;background: url('../images/da_image/step_arrow_ov.png') no-repeat center;transform: rotate( 180deg );}
.platform_wrap .process_box .process dl.pro_right:before {background: url('../images/da_image/step_arrow.png') no-repeat center;}
.platform_wrap .process_box .process dl.pro_bottom:before,
.platform_wrap .process_box .process dl.pro_bottom:after {transform: rotate( -90deg );left: 50%;margin-left: -65px;height: 11px;width: 110px;top: -67px;}
.platform_wrap .process_box .process dl.pro_bottom:before { background: url('../images/da_image/step_arrow_ov.png') no-repeat; }
.platform_wrap .process_box .process dl.pro_bottom:after {margin-left: -45px;background: url('../images/da_image/step_arrow.png') no-repeat;background-position: -71px;}
.platform_wrap .process_box .process dl dt {border:1px solid #cdcdcd;} 
.platform_wrap .process_box .process dl dt strong {display:block;width:100%;height:50px;background:#888888;font-size:18px;line-height:50px;font-weight:500;color:#fff;text-align:center;} 
.platform_wrap .process_box .process dl dt ul {padding:20px;border-top:1px solid #cdcdcd;} 
.platform_wrap .process_box .process dl dt ul li {font-size:16px;line-height:22px;font-weight:400;color:#666666;padding-left:10px;position:relative;z-index:1;} 
.platform_wrap .process_box .process dl dt ul li + li {margin-top:6px} 
.platform_wrap .process_box .process dl dt ul li:before {content:'';display:block;position:absolute;width:3px;height:3px;border-radius:100%;background:#666666;top:11px;left:0;} 
.platform_wrap .process_box .process dl dd {position:absolute; top: -83px;  width: 100%; } 
.platform_wrap .process_box .process dl.pro_left dd {left: 263px;} 
.platform_wrap .process_box .process dl.pro_left dd.pro_next {}
.platform_wrap .process_box .process dl.pro_left dd.pro_prev { top: 45px; }
.platform_wrap .process_box .process dl.pro_right dd {right: 163px;} 
.platform_wrap .process_box .process dl.pro_right dd.pro_next {top: 45px;}
.platform_wrap .process_box .process dl.pro_right dd.pro_prev {  }
.platform_wrap .process_box .process dl.pro_bottom dd {} 
.platform_wrap .process_box .process dl.pro_bottom dd.pro_next {left: -55px;}
.platform_wrap .process_box .process dl.pro_bottom dd.pro_prev {right: -115px;}
.platform_wrap .process_box .process dl dd ul {} 
.platform_wrap .process_box .process dl dd ul li {font-size:14px;line-height:14px;font-weight:400;color:#333333;padding-left:7px;position:relative;z-index:1;} 
.platform_wrap .process_box .process dl dd ul li + li {margin-top:9px;} 
.platform_wrap .process_box .process dl dd ul li:before{content:'·';display:block;position:absolute;font-size:14px;left:0;} 
.platform_wrap .process_box .process dl dd ul li ul {}
.platform_wrap .process_box .process dl dd ul li ul li {color:#888888;margin-top:7px;padding-left:6px;}
.platform_wrap .process_box .process dl dd ul li ul li:before {content:'-';}

/* BUSINESS - memtoring(이브와 ICT 멘토링) */
.mentoring_wrap {}
.mentoring_wrap .process_box {padding:90px 50px 50px}
.mentoring_wrap .process_box ol.ict_step {}
.mentoring_wrap .process_box ol.ict_step li {float:left;display:table;width:112px;height:100px;background:#eeeeee;position:relative;z-index:1;transform: translateX(-100%);opacity: 0;}
.mentoring_wrap .process_box ol.ict_step li.gray {background:#888888;}
.mentoring_wrap .process_box ol.ict_step li.last {background:#e80495;}
.mentoring_wrap .process_box ol.ict_step li:nth-child(1) {transition:0.8s;transform: translateX(-100%); }
.mentoring_wrap .process_box ol.ict_step li:nth-child(2) {transition:0.9s; transform: translateX(-232%); }
.mentoring_wrap .process_box ol.ict_step li:nth-child(3) {transition:1.0s; transform: translateX(-365%); }
.mentoring_wrap .process_box ol.ict_step li:nth-child(4) {transition:1.1s; transform: translateX(-497%); }
.mentoring_wrap .process_box ol.ict_step li:nth-child(5) {transition:1.2s; transform: translateX(-630%); }
.mentoring_wrap .process_box ol.ict_step li:nth-child(6) { transition:1.3s;transform: translateX(-761%); }
.mentoring_wrap .process_box ol.ict_step li:nth-child(7) {transition:1.4s; transform: translateX(-893%); }
.mentoring_wrap .process_box ol.ict_step li + li {margin-left:36px;}
.mentoring_wrap .process_box ol.ict_step li + li:before {content:'';display:block;position:absolute;width:8px;height:14px;background: url('../images/da_image/busiMento_stepNext.png') no-repeat center;top: 50%;left: -19%;transform: translateY(-50%);}
.mentoring_wrap .process_box ol.ict_step li.last:before {background:url('../images/da_image/busiMento_stepNext_ov.png') no-repeat center;}
.mentoring_wrap .process_box ol.ict_step li p {display:table-cell;font-size:16px;line-height:20px;color:#666666;vertical-align:middle;text-align:center;}
.mentoring_wrap .process_box ol.ict_step li.gray p,
.mentoring_wrap .process_box ol.ict_step li.last p {color:#fff}
.mentoring_wrap .sec02 .sub_table_wrap tbody tr th,
.mentoring_wrap .sec02 .sub_table_wrap tbody tr td {text-align:center !important;}

	.mentoring_wrap .active .process_box ol.ict_step li {opacity:1;transform: translateX(0);}

	@media only screen and (max-width:479px) {
		#wrap .mentoring_wrap .process_box ol.ict_step li {opacity:1;transform: translateX(0);}
	}

.research_wrap {}
.research_wrap .process_box {height:auto !important;}
.research_wrap .process_box .pro_left {width:600px;background:#f5f5f5;padding:30px;box-sizing:border-box;position:relative;z-index:1;}
.research_wrap .process_box .pro_left:after {content:'';display:block;position:absolute;width:70px;height:150px;background:url('../images/da_image/busiResearch_box_next.png') no-repeat;top: 38%;right: -70px;}
.research_wrap .process_box .pro_left ol.pro_deps1 {}
.research_wrap .process_box .pro_left ol.pro_deps1 > li {position:relative;z-index:1;font-size:20px;line-height:20px;font-weight:500;color:#333333;text-align:center;transform:trasnlate(-100%;)}
.research_wrap .process_box .pro_left ol.pro_deps1 > li + li {padding-top:90px;}
.research_wrap .process_box .pro_left ol.pro_deps1 > li + li:before {content:'';display:block;position:absolute;width:52px;height: 11px;background: url('../images/da_image/step_arrow_ov.png') no-repeat;transform: rotate( -90deg );top: 39px;left: 50%;margin-left: -35px;}
.research_wrap .process_box .pro_left ol.pro_deps2 {}
.research_wrap .process_box .pro_left ul.pro_deps2 > li {}
.research_wrap .process_box .pro_left ul.pro_deps2 > li + li {padding-top:10px;}
.research_wrap .process_box .pro_left ul.pro_deps2 > li strong {display:block;width:100%;height:54px;background:#888888;font-size:18px;line-height:54px;color:#fff;text-align:center;}
.research_wrap .process_box .pro_left ul.pro_deps3 {background:#fff;border:1px solid #cdcdcd;box-sizing:border-box;padding:30px 25px;}
.research_wrap .process_box .pro_left ul.pro_deps3 > li {font-size:15px;line-height:16px;font-weight:400;color:#666666;padding-left:10px;position:relative;text-align:left;}
.research_wrap .process_box .pro_left ul.pro_deps3 > li + li {margin-top:12px;}
.research_wrap .process_box .pro_left ul.pro_deps3 li:before{content:'';display:block;position:absolute;width:3px;height:3px;background:#666666;border-radius:100%;top:50%;left:0;transform:translateY(-50%);}
.research_wrap .process_box .pro_right {}
.research_wrap .process_box .pro_right ol.pro_deps1 {width:280px;}
.research_wrap .process_box .pro_right ol.pro_deps1 > li {position:relative;z-index:1;font-size:20px;line-height:20px;font-weight:500;color:#333333;text-align:center;}
.research_wrap .process_box .pro_right ol.pro_deps1 > li + li {margin-top:109px;}
.research_wrap .process_box .pro_right ol.pro_deps1 > li + li:before {content: '';display: block;position: absolute;width: 52px;height: 11px;background: url('../images/da_image/step_arrow_ov.png') no-repeat;transform: rotate( -90deg );top: -63px;left: 50%;margin-left: -22px;}
.research_wrap .process_box .pro_right ul.pro_deps2 {}
.research_wrap .process_box .pro_right ul.pro_deps2 > li {font-size:16px;line-height:28px;font-weight:400;color:#333333;text-align:left;padding:20px;background:#edeff6;}
.research_wrap .process_box .pro_right ul.pro_deps2 > li + li {background:#edeff6 url('../images/da_image/process_line.png') repeat-x top;}
.research_wrap .process_box .pro_right ul.pro_deps2 > li.gray {background-color:#f5f5f5;color:#666666;}

/* BUSINESS - forum(이브와 포럼 간담회) */
.forum_wrap {}
.forum_wrap .forum_proress_wrap {background:url('../images/da_image/busiForum_process_bg.png') no-repeat center top;position:relative;bottom:-100px;opacity:0;transition:0.4s;}
.forum_wrap .forum_proress_wrap ul {width:calc(100% - 228px);margin:0 auto;display:table;padding: 90px 0 92px;}
.forum_wrap .forum_proress_wrap ul li {float:left;width:33.333%;text-align:center;display:table-cell;}
.forum_wrap .forum_proress_wrap ul li + li {}
.forum_wrap .forum_proress_wrap ul li span.icon {display:block;}
.forum_wrap .forum_proress_wrap ul li p {font-size:20px;line-height:28px;font-weight:500;color:#555;padding-top: 10px;}
.forum_wrap .forum_proress_wrap ul li:nth-child(1) p {color:#2543a2;}
.forum_wrap .forum_proress_wrap ul li:nth-child(3) p {color:#e80495;}

	.forum_wrap .active .forum_proress_wrap {opacity:1;bottom:0;}
	@media only screen and (max-width:479px) {
		#wrap .forum_wrap .forum_proress_wrap {opacity:1;bottom:0;}
	}

/* SITEMAP 사이트맵 */
.sitemap_wrap {background:none;}
.sitemap_wrap ul.sitemap {padding-top:30px;}
.sitemap_wrap ul.sitemap > li {float:left;width:calc(20% - 24px);}
.sitemap_wrap ul.sitemap > li + li {padding-left:30px;}
.sitemap_wrap ul.sitemap > li strong {display:block;text-align:center;background: #2543a2;position:relative;-webkit-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.1);-moz-box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.1);box-shadow: 11px 11px 16px 0px rgba(0,0,0,0.1);}
.sitemap_wrap ul.sitemap > li strong:after {content:'';display:block;position:absolute;width:100%;height:100%;left:10px;top:10px;background:#eeeeee;z-index:-1;}
.sitemap_wrap ul.sitemap > li strong a {font-size:20px;line-height:58px;font-weight:500;color:#fff;}
.sitemap_wrap ul.sitemap li ul.depth2 {padding-top:13px;text-align:center;}
.sitemap_wrap ul.sitemap li ul.depth2 li {border-bottom:1px solid #dddddd;}
.sitemap_wrap ul.sitemap li ul.depth2 li a {display:block;font-size:16px;line-height:64px;font-weight:400;color:#444444;}
.sitemap_wrap ul.sitemap li ul.depth2 li:hover a {color:#e80495;}
	
	/*.sitemap_wrap.active ul.sitemap > li {bottom:0;opacity:1;transition:0.4s;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li {bottom:0;opacity:1;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li:nth-child(1) {transition:0.8s;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li:nth-child(2) {transition:0.9s;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li:nth-child(3) {transition:1s;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li:nth-child(4) {transition:1.1s;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li:nth-child(5) {transition:1.2s;}
	.sitemap_wrap.active ul.sitemap li ul.depth2 li:nth-child(6) {transition:1.3s;}*/


/* privacy 개인정보보호정책 */

.privacy_wrap {}
.privacy_wrap .priv_tit {width:100%;height:auto;padding:30px 0;background:#eeeeee;margin:30px 0 30px;text-align:center;}
.privacy_wrap .priv_tit h3 {font-size:18px;line-height:32px;font-weight:500;color:#333;}
.privacy_wrap .priv_tit h3 strong {color:#e80495;font-weight:500;}
.privacy_wrap .priv_con {}
.privacy_wrap .priv_con h4 {font-size:16px;line-height:28px;font-weight:400;color:#333333;}
.privacy_wrap .priv_con .priv_ol {counter-reset: section;}
.privacy_wrap .priv_con .priv_ol li {padding-top:50px;}
.privacy_wrap .priv_con .priv_ol li + li {}
.privacy_wrap .priv_con .priv_ol li strong {display:block;font-size:20px;line-height:20px;font-weight:500;color:#2543a2;padding-left:20px;position:relative;}
.privacy_wrap .priv_con .priv_ol li strong:before {content: counter(section)".";counter-increment: section;position:absolute;font-size:20px;line-height:20px;color:#2543a2;top:0;left:0;}
.privacy_wrap .priv_con .priv_ol li p {font-size:15px;line-height:28px;font-weight:400;color:#666666;padding-top:20px;letter-spacing:-0.5px;}
.privacy_wrap .priv_con .priv_ol li ul {margin-left:20px;}
.privacy_wrap .priv_con .priv_ol li ul li {font-size:14px;line-height:16px;font-weight:400;color:#777777;padding-top:25px;letter-spacing:-0.5px;}
.privacy_wrap .priv_con .priv_ol li ul li + li {padding-top:15px;}

/*차세대 리더*/
.leader_link_wrap {margin-top:30px;font-size:0;text-align:center;}
.leader_link_wrap a {display:inline-block;min-width:220px;height:48px;margin:0 5px;padding:0 24px;background:#2543a2;color:#fff !important;font-size:16px;line-height:48px;font-weight:500;text-align:center;box-sizing:border-box;}
.leader_link_wrap a.notice {background:#555;}
.leader_poster {margin-top:50px;text-align:center;display: flex;gap:20px;}
.leader_poster a {display:inline-block;max-width:620px;width:100%;}
.leader_poster img {display:block;width:100%;height:auto;border:1px solid #dddddd;box-sizing:border-box;}

/*영남지회*/
.sub_branch{display: block;width:100%;text-align: center;}

/* BUSINESS - expert(AI·DX 지역 교육 전문가 양성 사업) */
.expert_wrap .expert_photo {width:100%;height:280px;background:url('../images/da_image/expert-bg.jpg') no-repeat center / cover;}
.expert_wrap .expert_check_list li {font-size:16px;line-height:34px;font-weight:400;color:#555;padding-left:24px;position:relative;}
.expert_wrap .expert_check_list li:before {content:'';display:block;position:absolute;left:0;top:13px;width:10px;height:6px;border-left:3px solid #2543a2;border-bottom:3px solid #2543a2;transform:rotate(-45deg);}
.expert_wrap .expert_edu_box ul{display: grid;gap:20px;grid:auto / repeat(2, 1fr);}
.expert_wrap .expert_edu_box ul li{border:1px solid #ddd;box-sizing:border-box;}
.expert_wrap .expert_edu_box ul li strong{display: flex;align-items: center;justify-content: center;text-align: center;padding:16px 10px;background:#f5f5f5;font-size:17px;color:#333;font-weight:500;line-height:1.4;;}
.expert_wrap .expert_edu_box ul li p{border-top:1px solid #ddd;box-sizing:border-box;padding:20px 0;text-align: center;font-size:16px;color:#666;font-weight:400;line-height:1.4;}

.expert_wrap .expert_summary dl {display:flex;width:100%;gap:40px;align-items: center;}
.expert_wrap .expert_summary dl + dl {margin-top:40px;}
.expert_wrap .expert_summary dt {width:210px;vertical-align:middle;font-size:20px;line-height:26px;font-weight:700;color:#333;position:relative;flex-shrink:0;display: flex;align-items: center;}
.expert_wrap .expert_summary dt span{display: inline-block;width:94px;position: relative;}
.expert_wrap .expert_summary dt span:before {content:'';display:block;position:absolute;right:-20px;top:50%;translate:0 -50%;width:5px;height:5px;background:#2543a2;border-radius:100%;}
.expert_wrap .expert_summary dt:after {content:'';display:block;position:absolute;right:0;top:50%;width:80px;height:1px;background:#dddddd;}
.expert_wrap .expert_summary dd {width:100%;vertical-align:middle;}
.expert_wrap .expert_summary .goal dd {height:110px;border:2px solid #3159bd;border-radius:60px;text-align:center;color:#555;display: flex;flex-direction:column;align-items: center;justify-content: center;}
.expert_wrap .expert_summary .goal dd span {display:block;font-size:16px;line-height:24px;font-weight:400;}
.expert_wrap .expert_summary .goal dd strong {display:block;font-size:28px;line-height:34px;font-weight:700;color:#2543a2;}
.expert_wrap .expert_summary .direction{padding-top:50px;align-items: flex-start;}
.expert_wrap .expert_summary .direction dt{height:86px;}
.expert_wrap .expert_summary .direction dd {position:relative;text-align:center;}
.expert_wrap .expert_summary .direction dd:before {content:'';display:block;position:absolute;left:50%;top:calc(-100% + 60px);translate:-50%;background:url('../images/da_image/expert_arw.png')no-repeat center / cover;width:90px;height:50px;}
.expert_wrap .expert_summary .direction dd > strong {display:block;height:86px;background:#2543A2;border-radius:45px;font-size:28px;line-height:86px;font-weight:700;color:#fff;}
.expert_wrap .expert_inline_check {font-size:0;text-align:center;margin-top:22px;}
.expert_wrap .expert_inline_check li {display:inline-block;font-size:16px;line-height:24px;font-weight:500;color:#555;padding-left:24px;position:relative;}
.expert_wrap .expert_inline_check li + li {margin-left:66px;}
.expert_wrap .expert_inline_check li:before {content:'';display:block;position:absolute;left:0;top:8px;width:9px;height:5px;border-left:3px solid #2543a2;border-bottom:3px solid #2543a2;transform:rotate(-45deg);}
.expert_wrap .expert_course_list {display:grid;width:100%;gap:18px;grid:auto / repeat(3, 1fr);}
.expert_wrap .expert_course_list > li {display:flex;flex-direction:column;align-items: center;text-align:center;border-radius:10px;justify-content: center;padding:20px 0;gap:10px;margin-bottom:40px;}
.expert_wrap .expert_course_list > li.basic {border: 1px solid rgba(37, 67, 162, 0.10);background: #EDEFF6;}
.expert_wrap .expert_course_list > li.special {border: 1px solid rgba(232, 4, 149, 0.10);background: #FFEFF9;}
.expert_wrap .expert_course_list > li.practice {border: 1px solid rgba(0, 177, 207, 0.10);background: #E3F6F9;}
.expert_wrap .expert_course_list strong {display:block;font-size:18px;color:#333;font-weight:500;line-height:1.6;}
.expert_wrap .expert_course_list em {display:inline-flex;min-width:46px;height:26px;border-radius:13px;background:#fff;font-size:16px;font-weight: 500;align-items: center;justify-content: center;text-align: center;}
.expert_wrap .expert_course_list span {display:block;font-size:18px;color:#333;font-weight:500;line-height:1.4;}
.expert_wrap .basic em{color:#2543A2;}
.expert_wrap .special em{color:#E80495;}
.expert_wrap .practice em{color:#00B1CF;}

.expert_wrap .expert_detail_list {display:grid;width:100%;gap:18px;grid:auto / repeat(3, 1fr);}
.expert_wrap .expert_detail_list > li {display: flex;flex-direction:column;align-items: center;text-align: center;padding:30px 16px 20px;border:1px solid #dddddd;border-top-width:2px;border-radius:10px;background:#fff;position:relative;margin-top:15px;}
.expert_wrap .expert_detail_list > li:before {content:'';display:block;position:absolute;left:50%;top:-67px;width:17px;height:17px;border-right:2px solid #aaa;border-bottom:2px solid #aaa;transform:translateX(-50%) rotate(45deg);opacity:0.8;}
.expert_wrap .expert_detail_list > li.basic {border-top-color:#2543A2;}
.expert_wrap .expert_detail_list > li.special {border-top-color:#E80495;}
.expert_wrap .expert_detail_list > li.practice {border-top-color:#00B1CF;}
.expert_wrap .expert_detail_list > li > strong {display:flex;align-items: center;justify-content: center;position:absolute;left:50%;top:-15px;width:34px;height:34px;translate:-50%;border-radius:100%;font-size:16px;font-weight:700;color:#fff;text-align:center;}
.expert_wrap .expert_detail_list > li.basic > strong {background:#2543A2;}
.expert_wrap .expert_detail_list > li.special > strong {background:#E80495;}
.expert_wrap .expert_detail_list > li.practice > strong {background:#00B1CF;}
.expert_wrap .expert_detail_list ul{width:100%;display: flex;flex-direction: column;gap:7px;}
.expert_wrap .expert_detail_list ul li {font-size:15px;line-height:1.4;font-weight:400;color:#444;padding-left:12px;position:relative;text-align:left;}
.expert_wrap .expert_detail_list ul li:before {content:'';display:block;position:absolute;left:0;top:12px;width:4px;height:4px;background:#777;border-radius:100%;}

/* BUSINESS - innovation(수도권 ICT이노베이션스퀘어 디지털 신기술 교육) */
.innovation_wrap .section:first-child .tit_con {padding-bottom:34px;}
.innovation_wrap .section:first-child .tit_con strong {font-weight:500;color:#333;}
.innovation_wrap .innovation_keyword {display:table;width:100%;table-layout:fixed;}
.innovation_wrap .innovation_keyword li {display:table-cell;height:103px;border-radius:52px;background:#f0f3fb;text-align:center;vertical-align:middle;font-size:16px;line-height:26px;font-weight:400;color:#555;}
.innovation_wrap .innovation_keyword li strong {display:block;font-size:18px;line-height:26px;font-weight:700;color:#e80495;}

.sub_content .innovation_wrap .sub_table_wrap .table_box tr th{line-height:1.4;}
.innovation_wrap .innovation_benefit {display: grid;gap:20px;grid:auto / repeat(5, 1fr);}
.innovation_wrap .innovation_benefit li {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border:1px solid #ddd;padding:26px 16px;box-sizing:border-box;}
.innovation_wrap .innovation_benefit li strong {display:block;font-size:17px;line-height:1.4;font-weight:700;color:#e80495;}
.innovation_wrap .innovation_benefit li span {display:block;font-size:17px;line-height:1.6;font-weight:400;color:#333;padding-top:20px;}
.innovation_wrap .innovation_effect {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.innovation_wrap .innovation_effect li {height:62px;border:1px solid #dddddd;background:#fff;font-size:16px;line-height:60px;font-weight:400;color:#555;padding-left:28px;position:relative;}
.innovation_wrap .innovation_effect li:before {content:'';display:block;position:absolute;left:16px;top:50%;width:4px;height:4px;margin-top:-2px;background:#2543a2;border-radius:100%;}