@charset "UTF-8";
/*
	2017.05.19
	정명진 - Sass 이용한 kt estate
*/
@import url(../css/reset.css);
/*	공통 변수 */
/*	공통 mixin */
/*	animate  */
/*	Tablet Size Change  */
/*	Mobile Size Change */
/*	ICON	*/
/*	Space Border	*/
/*	Contents Images */
/*	Letter-Spacing */
/*	공통 스타일  */
html, body { min-width: 320px; max-width: 1600px; margin: 0; margin: 0 auto; padding: 0; border: none; line-height: 1.0; font-family: 'NotoSansKr_Regular','돋움',Dotum,Helvetica,AppleGothic,Sans-serif; font-size: 14px; font-style: none; font-weight: 400; color: #000; background: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }


/* css 추가 2019.06.13 Sewoni31™ */
input::placeholder {color: #999;}
label {cursor: pointer;}


/*	Show and Hide Style  */
.hidden { display: inline-block; width: 0; height: 0; text-indent: -9999em; overflow: hidden; }

.view_w, .view_t, .view_m { display: none; }

/*	Block Style  */
.block { display: block; }

.inline { display: inline; }

.in_block { display: inline-block; }

.b_to_i { display: block; }

/*  Box Style */
.grid-2 { width: 50%; }

.grid-3 { width: 33.33333%; }

/*  Float Style   */
.float.left { float: left; }

.float.right { float: right; }

.clear::after { display: block; content: ''; clear: both; }

/*  Text Style  */
.bold { font-family: "NotoSansKr_Medium" !important; }

.red { color: #9E7134 !important; }


  .view_w { display: block; }
  .d_logo{margin-left:60px;}
  .inline.web { display: inline-block; }



  }

  .block_nd { display: block; } }

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

/* .slick-slide img {
    display: block;
} */
.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* 콘텐츠 영역 */
#container > .content {clear:both; float:left; width:100%; height:auto;  }

.con_box {clear:both; float:left; width:100%; height:auto; }

.con_box.bg_yes { /* background:#f9f9f9; */ }

.con_box > .con_box_in {clear:both; float:left; width:100%; height:auto; padding:70px 0px;}

.con_box > .con_box_in h4 { margin: 70px 0 15px; font-size: 30px; color: #333; }

.con_box > .con_box_in h4.bookmark { position: relative; padding-left: 27px; }

.con_box > .con_box_in h4.bookmark::before { display: block; content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: 7px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -67px; background-position-y: -29px; }


.con_box .con_box_in .cont_div {clear:both; margin:0 auto; width:100%; max-width:1160px;  height:auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}





/* 타이틀 */
.content_title { width: 1160px; margin: 0 auto; padding: 50px 0px 30px; position: relative; }

.content_title::after { display: block; content: ''; width: 160px; height: 2px; position: absolute; left: 0px; bottom: 0; background: #9E7134; }

.content_title > h3 { margin-bottom: 13px; font-family: 'NotoSansKr_Medium'; font-size: 45px; color: #333; }

.content_title > p { font-family: 'NotoSansKr_Light'; font-size: 22px; line-height: 26px; color: #333; }

.content_title > p > .small { font-size: 17px; }

/*  텍스트 */
.con_box > .con_box_in > p.txt { font-family: 'NotoSansKr_Light'; font-size: 18px; line-height: 28px; letter-spacing: -0.774px; color: #737373; }

.con_box .description { font-family: "NotoSansKr_Light"; font-size: 16px; line-height: 26px; color: #b5b5b5; }

/*  폼   */
input[type=text], input[type=password], input[type=file], select { box-sizing: border-box;  height: 40px; line-height: 40px; font-size: 0.9rem; background: #fff; border: 1px solid #e1e1e1; }

textarea { box-sizing: border-box; width: 100%; padding: 15px; font-size: 0.9rem; background: #fff; border: 1px solid #e1e1e1; }

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #e61121; outline: 1px solid #e61121; }

input:-webkit-autofill { background-color: #fff !important; }

.checkbox { position: relative; }

.checkbox input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; }

.checkbox label { display: inline-block; height: 30px; padding-left: 40px; line-height: 30px; vertical-align: middle; position: relative; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; }

.checkbox label > i { width: 30px; height: 30px; position: absolute; left: 0; top: 0; cursor: pointer; background: #fff; border: 1px solid #d5d5d5; }

.checkbox label.on > i::after { display: block; content: ""; width: 22px; height: 16px; position: absolute; left: 4px; top: 7px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -193px; background-position-y: -27px; }

.style_file { display: inline-block; overflow: hidden; position: relative; width: 80%; height: 40px; }

.style_file > p { float: left; width: 80%; max-width: 640px; height: 40px; padding: 0 15px; line-height: 40px; background: #fff; border: 1px solid #e2e2e2; border-right: 0; }

.style_file > span { display: block; float: left; width: 20%; height: 40px; font-size: 15px; color: #333; line-height: 38px; text-align: center; background: #f6f6f6; border: 1px solid #e2e2e2; }

.style_file input[type=file] { position: absolute; left: 0; top: 0; z-index: 10; width: 100% !important; max-width: 100%; height: 40px; opacity: 0; }

.style_select { position: relative; }

.style_select select { position: absolute; left: 0; top: 0; opacity: 0; width:215px;}

.style_select > label { display: block; position: relative; width: 100%; height: 40px; padding-left: 20px; line-height: 38px; font-size: 14px; color: #454545; border: 1px solid #e2e2e2; }

.style_select > label::after { display: block; content: ''; position: absolute; right: 18px; top: 17px; border: 5px solid #454545; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

.style_select > label.on { color: #e61121; border: 1px solid #e61121; outline: 1px solid #e61121; }

.style_select > label.on::after { border-color: #e61121; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

.dl_form { width: 100%; border-top: 2px solid #888; }

.dl_form > dl { display: table; width: 100%; }

.dl_form > dl > dt { display: table-cell; width: 17.3%; padding: 24px 0 24px 20px; font-size: 20px; color: #333; vertical-align: middle; background: #ebebeb; border-bottom: 1px solid #fff; }

.dl_form > dl > dt > span.bullet { display: block; padding-left: 20px; position: relative; }

.dl_form > dl > dt > span.bullet::before { display: block; content: '*'; position: absolute; left: 0; top: 5px; font-size: 18px; color: #9E7134; }

.dl_form > dl > dd { display: table-cell; padding: 15px 30px; font-size: 1rem; line-height: 1.4; vertical-align: middle; background: #fff; border-bottom: 1px solid #ebebeb; }

.dl_form > dl.center > dd { text-align: center; }

.dl_form > dl > dd * { vertical-align: middle; }

.dl_form > dl > dd label { font-family: "NotoSansKr_Light"; font-size: 16px; color: #737373; }

.dl_form > dl > dd input[type=text] { max-width: 850px; padding: 0 15px; }

.dl_form > dl > dd input[type=password] { max-width: 300px; padding: 0 15px; }

.dl_form > dl > dd input[type=file] { width: 65%; max-width: 645px; }

.dl_form > dl > dd input[type=radio] { margin-right: 7px; }

.dl_form > dl > dd textarea { width: 100%; max-width: 850px; height: 145px; }

.dl_form > dl.input2 > dd > span { width: 49%; max-width: 420px; }

.dl_form > dl.input2 > dd > span:first-child { margin-right: 1%; }

.dl_form > dl.input3 > dd > span { width: 30.3%; margin-left: 3.5%; padding-left: 4%; position: relative; }

.dl_form > dl.input3 > dd > span:first-child { margin-left: 0; }

.dl_form > dl.input3 > dd > span label { position: absolute; left: 0; top: 0; line-height: 40px; }

.dl_form > dl.input3 > dd input[type=text], .dl_form > dl.input3 > dd select { max-width: 220px; margin-left: 10px; }

.dl_form > dl.radio > dd span { margin-right: 7%; line-height: 1.5; }

.dl_form > dl.file > dd .fileLabel { display: inline-block; position: relative; width: 65%; }

.dl_form > dl.file > dd .fileLabel > p { display: inline-block; overflow: hidden; width: 100%; height: 40px; margin-bottom: 5px; padding: 0 15px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; background: #fff; border: 1px solid #e1e1e1; }

.dl_form > dl.file > dd input[type=file] { position: absolute; left: 0; top: 0; width: 100%; height: 40px; opacity: 0; }

.dl_form > dl.file > dd .checkbox { margin-bottom: 10px; }

.dl_form > dl.file > dd .checkbox label { margin-left: 7px; }

.dl_form > dl.file > dd .btn_file { width: 40px; height: 40px; position: relative; vertical-align: top; background: #f6f7f7; border: 1px solid #e1e1e1; cursor: pointer; }

.dl_form > dl.file > dd .btn_file::after { display: block; content: ""; width: 100%; text-align: center; line-height: 40px; font-size: 14px; font-weight: bold; color: #737373; position: absolute; left: 0; top: 0; }

.dl_form > dl.file > dd .btn_file.add::before { display: block; content: ""; width: 14px; height: 2px; position: absolute; left: 13px; top: 19px; background: #737373; }

.dl_form > dl.file > dd .btn_file.add::after { display: block; content: ""; width: 2px; height: 14px; position: absolute; left: 19px; top: 13px; background: #737373; }

.dl_form > dl.file > dd .btn_file.remove::after { display: block; content: ""; width: 14px; height: 2px; position: absolute; left: 13px; top: 19px; background: #737373; }

.dl_form > dl.email > dd span { width: 26%; max-width: 220px; }

.dl_form > dl.email > dd .email_mark { width: 43.3%; max-width: 365px; padding-left: 4%; margin: 0 1.3%; position: relative; }

.dl_form > dl.email > dd .email_mark::before { display: block; content: "@"; position: absolute; left: 0; top: 0; line-height: 40px; }

.dl_form > dl.phone > dd span { width: 24.9%; max-width: 220px; }

.dl_form > dl.phone > dd span.phone_mark { width: 27.9%; max-width: 250px; margin-left: 1%; padding-left: 4%; position: relative; }

.dl_form > dl.phone > dd span.phone_mark::before { display: block; content: "\2014"; position: absolute; left: 0; top: 0; line-height: 40px; }

.form_description { margin-top: 10px; padding: 0 20px; }

.form_description > li { padding-left: 13px; position: relative; line-height: 24px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #a7a7a7; }

.form_description > li::before { display: block; content: "*"; position: absolute; left: 0; top: 4px; }

.form_description02 { margin-top: 10px; padding: 15px 30px; background: #f6f7f7; border: 1px solid #e1e1e1; }

.form_description02 > li { padding-left: 25px; position: relative; line-height: 20px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #999; }

.form_description02 > li::before { display: block; content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 0; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -163px; background-position-y: 0px; }

/*  테이블 */
.unit { padding-bottom: 10px; text-align: right; font-family: "NotoSansKr_Light"; font-size: 16px; color: #939393; }

.th_ver_table { width: 100%; }

.th_ver_table.ta_right td { text-align: right; }

.th_ver_table th { padding: 20px 0; text-align: center; vertical-align: middle; position: relative; word-break: break-all; font-family: "NotoSansKr_Medium"; font-size: 18px; color: #333; line-height: 26px; border-bottom: 1px solid #ebebeb; }

.th_ver_table th::after { display: block; content: ''; width: 1px; height: 76%; position: absolute; right: 0; top: 12%; background: #e1e1e1; }

.th_ver_table tbody > tr:first-child > th { border-top: 2px solid #9E7134; }

.th_ver_table tbody > tr:first-child > td { border-top: 1px solid #888; }

.th_ver_table td { padding: 20px; line-height: 1.5; word-break: break-all; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; vertical-align: middle; border-bottom: 1px solid #ebebeb; }

.th_ver_table td strong { font-family: "NotoSansKr_Bold"; }

.th_hor_table { width: 100%; }

.th_hor_table col.board_num { width: 8.7%; }

.th_hor_table col.board_tit { width: 75.9%; }

.th_hor_table col.board_date { width: 15.4%; }

.th_hor_table thead th { padding: 20px 0; text-align: center; vertical-align: middle; position: relative; word-break: break-all; font-family: "NotoSansKr_Medium"; font-size: 18px; color: #333; border-top: 1px solid #888; border-bottom: 1px solid #ebebeb; }

.th_hor_table thead th::after { display: block; content: ''; width: 1px; height: 76%; position: absolute; left: 0; top: 12%; background: #e1e1e1; }

.th_hor_table thead th:first-child::after { display: none; }

.th_hor_table tbody td { padding: 20px 0; line-height: 1.5; text-align: center; vertical-align: middle; word-break: break-all; font-family: "NotoSansKr_Light"; font-size: 16px; color: #939393; border-bottom: 1px solid #ebebeb; }

.th_hor_table tbody td.tit { padding: 20px; text-align: left; font-size: 18px; }

.th_hor_table tbody td.tit > a { color: #555; }

.th_hor_table tbody td strong { color: #9E7134; }

.th_hor_table tbody td strong.num_mark { display: inline-block; width: 18px; height: 18px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -163px; background-position-y: 0; }

.th_hor_table tbody td strong > a { color: #9E7134; }

.th_hor_table tbody td span.mark { display: inline-block; width: 92px; height: 34px; line-height: 34px; color: #fff; }

.th_hor_table tbody td span.mark.ing { background: #de1f26; }

.th_hor_table tbody td span.mark.end { background: #999; }

.table_paging { width: 100%; margin-top: 30px; text-align: center; }

.table_paging a, .table_paging strong { display: inline-block; width: 46px; height: 46px; vertical-align: middle; line-height: 44px; font-size: 13px; color: #808080; }

.table_paging > a { position: relative; border: 1px solid #d5d5d5; }

.table_paging > a.btn_first, .table_paging > a.btn_last { border: 1px solid #939393; }

.table_paging > a::before { display: block; content: ''; height: 12px; position: absolute; left: 50%; top: 50%; margin-top: -6px; z-index: 10; }

.table_paging > a.btn_first::before { width: 13px; margin-left: -6px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -225px; background-position-y: 0; }

.table_paging > a.btn_last::before { width: 13px; margin-left: -6px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -291px; background-position-y: 0; }

.table_paging > a.btn_prev::before { width: 8px; margin-left: -4px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -252px; background-position-y: 0; }

.table_paging > a.btn_next::before { width: 8px; margin-left: -4px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -275px; background-position-y: 0; }

.table_paging > span { display: inline-block; margin: 0 20px; vertical-align: middle; }

.table_paging > span > strong { color: #fff; background: #9E7134; }

.table_paging > span > a { border: 1px solid #ebebeb; }

.table_view { width: 100%; border-top: 1px solid #888; }

.table_view > dl { display: table; width: 100%; overflow: hidden; }

.table_view > dl > dt { display: table-cell; padding: 20px 0; vertical-align: middle; text-align: center; line-height: 1.4; font-family: "NotoSansKr_Medium"; font-size: 18px; color: #333; }

.table_view > dl > dd { display: table-cell; padding: 20px 0; vertical-align: middle; position: relative; text-align: center; font-family: "NotoSansKr_Light"; font-size: 16px; color: #666; }

.table_view > dl.table_title > dt { padding: 20px 30px; text-align: left; font-size: 20px; border-bottom: 1px solid #ccc; }

.table_view > dl.table_title > dd { width: 15.7%; border-bottom: 1px solid #ccc; }

.table_view > dl.table_title > dd::before { display: block; content: ''; width: 1px; height: 76%; position: absolute; left: 0; top: 12%; background: #e1e1e1; }

.table_view > .table_file { padding: 15px 3.8%; text-align: right; background: #f8f9f9; }

.table_view > .table_file a { display: inline-block; padding-left: 22px; position: relative; font-size: 16px; color: #666; }

.table_view > .table_file a::before { display: block; content: ''; width: 15px; height: 13px; position: absolute; left: 0; top: 1px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -167px; background-position-y: -29px; }

.table_view > .table_content { padding: 50px 25px; line-height: 1.4; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; }

.table_view > .table_content img { max-width: 100%; }

.table_view > .table_move.prev { border-top: 1px solid #ccc; border-bottom: 1px solid #ebebeb; }

.table_view > .table_move.next { border-bottom: 1px solid #ccc; }

.table_view > .table_move > dt { width: 11%; }

.table_view > .table_move > dd { width: 15%; }

.table_view > .table_move > dd.link { width: 74%; text-align: left; padding: 20px 3%; line-height: 1.4; }

/*  탭  */
.tab { max-width: 1160px; margin: 0 auto; }

.tab > ul { width: 100%; overflow: hidden; }

.tab > ul > li { float: left; }

.tab > ul > li > a { display: block; height: 60px; line-height: 60px; text-align: center; font-family: "NotoSansKr_Light"; font-size: 18px; color: #333; background: #f6f7f7; border: 1px solid #e1e1e1; border-left: 0; }

.tab > ul > li:first-child > a { border-left: 1px solid #e1e1e1; }

.tab.col-2 > ul > li { width: 50%; }

.tab.col-3 > ul > li { width: 33.33333%; }

.tab.col-4 > ul > li { width: 25%; }

.tab.col-5 > ul > li { width: 20%; }

.tab.col-6 > ul > li { width: 16.66666%; }

.tab.full_red > ul > li.on > a { font-family: "NotoSansKr_Regular"; color: #fff; background: #c8171e; border: 1px solid #c8171e; }

.tab.full_white > ul > li.on > a { font-family: "NotoSansKr_Regular"; background: #fff; border: 1px solid #888; border-bottom: 0; }

.tab_content { display: none; opacity: 0; }

/*  리스트   */
.img_list { position: relative; overflow: hidden; }

.img_list li { display: inline-block; width: 540px; margin-bottom: 50px; /* float:left; */ position: absolute; vertical-align: top; overflow: hidden; }

.img_list li .thumb { width: 540px; height: 390px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border: 1px solid #e6e6e6; border-bottom: 0; }

.img_list li .thumb h4 { width: 100%; /* height:70px; */ margin: 0; padding: 15px 30px; position: absolute; left: 0; bottom: 0; z-index: 10; line-height: 40px; font-size: 30px; color: #fff; background: rgba(0, 0, 0, 0.5); }

.img_list li .con { padding: 10px 30px; border: 1px solid #e6e6e6; border-top: 0; }

.img_list li .con dl { display: table; width: 100%; border-top: 1px solid #ebebeb; }

.img_list li .con dl:first-child { border-top: 0; }

.img_list li .con dt { display: table-cell; width: 100px; padding-left: 10px; vertical-align: middle; font-family: "NotoSansKr_Demilight"; font-size: 18px; color: #333; }

.img_list li .con dd { display: table-cell; padding: 15px 20px; vertical-align: middle; line-height: 1.3; font-family: "NotoSansKr_Thin"; font-size: 18px; color: #737373; }


.br_mobile {display:none;}
.br_pc {display:block;}


/*  검색  */
.select_search { margin-bottom: 20px; text-align: right; }

.select_search > .selectbox { width: 200px; margin-right: 5px; }

.select_search > .txt { width: 300px; position: relative; }

.select_search select { width: 100%; height: 50px; padding-left: 15px; line-height: 48px; font-size: 18px; border: 1px solid #e1e1e1; }

.select_search input[type=text] { width: 100%; height: 50px; padding: 0 15px; line-height: 48px; font-size: 18px; border: 1px solid #e1e1e1; }

.select_search > .txt .btn_search { width: 21px; height: 20px; position: absolute; right: 19px; top: 16px; z-index: 100; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -190px; background-position-y: 0; cursor: pointer; }

/* 버튼 */
.btn_area { margin: 30px 0 100px; text-align: center; }

.btn_area .btn { display: inline-block; width: 170px; height: 51px; line-height: 51px; text-align: center; font-family: "NotoSansKr_Light"; font-size: 20px; color: #fff; }

.btn_area .bg_red { background: #d7171e; }

.btn_area .bg_gray { background: #999; }

.btn_area .bg_skyblue { background: #2b9dcf; }

.btn_area .bg_blue { background: #094e6f; }

.btn_area .btn.goList { color: #737373; border: 1px solid #737373; }

.btn_area.left { text-align: left; }

/*  Media Query   */



/*	공통 변수 */
/*	공통 mixin */
/*	animate  */
/*	Tablet Size Change  */
/*	Mobile Size Change */
/*	ICON	*/
/*	Space Border	*/
/*	Contents Images */
/*	Letter-Spacing */
/*	공통 레이아웃 스타일 	*/
/*	WRAP 	*/
.wrap { width: 100%; position: relative; }

/*	HEADER 	*/
header { width: 100%; position: relative; z-index: 1300;  background: #fff; /* @include animate; */ /* &.fixed {position:fixed; left:0; top:0;} */ /*	Common and Web 	*/ }

body.desktop header { position: relative !important; }

body.fixed header { position: fixed; left: 0; top: 0; z-index: 3000; }

header .header_top { position: relative; border-bottom: 1px solid #ebebeb; }

header .header_top h1 { padding: 25px 0 21px 30px; transition: all 0.5s; display:inline-block;}

header .header_top .btn_allmenu_m { width: 50px; height: 29px; position: absolute; left: 28px; top: 30px; z-index: 500; cursor: pointer; transition: all 0.5s; outline: 0; }

header .header_top .btn_allmenu_m > .line { display: block; width: 100%; height: 3px; position: absolute; left: 0; top: 13px; background: #333; transition: all 0.5s; }

header .header_top .btn_allmenu_m > .line::before { display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0; top: -13px; background: #333; transition: all 0.5s; }

header .header_top .btn_allmenu_m > .line::after { display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0; top: 13px; background: #333; transition: all 0.5s; }

header .header_top .btn_allmenu_m.open > .line { background: #fff; }

header .header_top .btn_allmenu_m.open > .line::before { top: 0; transform: rotate(45deg); transform-origin: 50% 50%; }

header .header_top .btn_allmenu_m.open > .line::after { top: 0; transform: rotate(-45deg); transform-origin: 50% 50%; }

/* header .header_bottom { position: relative; background: radial-gradient(circle,  #aab6ce 0%, #627aa6 100%) } */
header .header_bottom {position: relative; background:linear-gradient(180deg, #e5bb7a, #a97f42);box-shadow:inset -1px 1px 0 0px #c89c5c;}

header .header_bottom .header_btn { position: absolute; top: 0; }

header .header_bottom .header_btn > a { display: block; width: 170px; height: 100%; line-height: 55px; letter-spacing: 1px; position: relative; overflow: hidden; font-family: "NotoSansKr_Medium"; color: #fff; }

header .header_bottom .header_btn.btn_home { left: 0; border-right: 1px solid #ebebeb;  }


header .header_bottom .header_btn.btn_home > a { padding-left: 80px;}

header .header_bottom .header_btn.btn_home > a::before { display: block; content: ''; width: 19px; height: 18px; position: absolute; left: 50px; top: 19px; z-index: 10; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -354px; background-position-y: 0; }

header .header_bottom .header_btn.btn_allmenu { right: 0; border-left: 1px solid #ebebeb;  }


header .header_bottom .header_btn.btn_allmenu > a { padding-left: 70px; }

header .header_bottom .header_btn.btn_allmenu > a::before { display: block; content: ''; width: 19px; height: 14px; position: absolute; left: 40px; top: 19px; z-index: 10; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -379px; background-position-y: 0; }

header .header_bottom .header_btn > a > span { margin-right: 12px; vertical-align: middle; font-size: 1.286rem; }

header .header_bottom .header_btn.btn_allmenu.on > a { color: #fff; background: #333; }

header .header_bottom .header_btn.btn_allmenu.on > a::before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -379px; background-position-y: 0; }

header #gnb { width: 1023px; margin: 0 auto; /* visibility: hidden; opacity:0; */ }

header #gnb > ul { overflow: hidden; }

header #gnb > ul > li { float: left; margin-left:50px; }

header #gnb > ul > li:nth-child(8) { display: none; }

header #gnb > ul > li > a { display: block; position: relative; padding: 0 30px; height: 55px; line-height: 55px; font-family: "NotoSansKr_Medium"; font-size: 1.286rem; color: #fff;  }

header #gnb > ul > li .submenu {  display:none; width: 100%; height: 55px; overflow: hidden; position: absolute; left: 0; background:#444;}

header #gnb > ul > li .submenu > ul { width: 1023px; position: relative; left: 50%; overflow: hidden; }

header #gnb > ul > li:nth-child(1) .submenu > ul { margin-left: -520px; }

header #gnb > ul > li:nth-child(2) .submenu > ul { margin-left: -330px; }

header #gnb > ul > li:nth-child(3) .submenu > ul { margin-left: -335px; }

header #gnb > ul > li:nth-child(4) .submenu > ul { margin-left: 20px; }

header #gnb > ul > li:nth-child(5) .submenu > ul { margin-left: -256px; }

header #gnb > ul > li:nth-child(6) .submenu > ul { margin-left: -37px; }

header #gnb > ul > li:nth-child(7) .submenu > ul { margin-left: 252px; }

header #gnb > ul > li .submenu > ul > li { margin-left: 56px; float: left; }

header #gnb > ul > li .submenu > ul > li > a { display: block; padding: 18px 20px; position: relative; font-size: 1.286rem; color: #fff; }

header #gnb > ul > li .submenu > ul > li > a.on::after, header #gnb > ul > li .submenu > ul > li > a:hover::after { display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background: #fff; }

header #gnb > ul > li .submenu > ul > li > a > i { display: block; position: absolute; right: -10px; top: 27px; }

header #gnb > ul > li > a.on { color: #fff; background: #c8171e; }

header::before { display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0; top: 0; background: #373630;}

body.main header { height: 130px; }

body.main header .header_bottom { background: -moz-linear-gradient(45deg, #f16e52 0%, #c8171e 14%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f16e52), color-stop(14%, #c8171e)); /* safari4+,chrome */ background: -webkit-linear-gradient(45deg, #f16e52 0%, #c8171e 14%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(45deg, #f16e52 0%, #c8171e 14%); /* opera 11.10+ */ background: -ms-linear-gradient(45deg, #f16e52 0%, #c8171e 14%); /* ie10+ */ background: linear-gradient(45deg, #f16e52 0%, #c8171e 14%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8171e', endColorstr='#f16e52',GradientType=1 ); /* ie6-9 */ border-bottom: 0; }

body.main header .header_bottom .header_btn > a { color: #fff; background: transparent; }

body.main header .header_bottom .header_btn.btn_home { border-right: 0; }

body.main header .header_bottom .header_btn.btn_home > a::before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -354px; background-position-y: 0; }

body.main header .header_bottom .header_btn.btn_allmenu { border-left: 0; }

body.main header .header_bottom .header_btn.btn_allmenu > a::before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -379px; background-position-y: 0; }

body.main header #gnb > ul > li > a { color: #fff; background: transparent; }

body.main header #gnb > ul > li > a.on { background: #333; }

body.main header #gnb > ul > li .submenu { background: #333; }

body.main header #gnb > ul > li .submenu > ul > li > a { color: #fff; }

body.sub header { height: 200px; }

body.sub header.close { height: 130px; }

body.sub header #gnb > ul > li > a.on + .submenu { display: block; }

/*	Mobile, Tablet Header */
.header_mobile { width: 230px; height: 100%; position: fixed; left: -230px; z-index: 1300; }

.header_mobile > #mobileGnb { height: 100%; overflow-y: auto; background: #222325; }

.header_mobile > #mobileGnb .submenu { display: none; overflow: hidden; }

.header_mobile > #mobileGnb ul.depth1 > li > a { display: block; height: 50px; padding-left: 25px; line-height: 50px; position: relative; font-family: "NotoSansKr_Medium"; color: #fff; background: #222325; }

.header_mobile > #mobileGnb ul.depth1 > li > a::after { display: block; content: ''; position: absolute; right: 25px; top: 0; transition: all 0.5s; }

.header_mobile > #mobileGnb ul.depth2 > li > a { display: block; height: 37px; padding-left: 25px; line-height: 37px; font-family: "NotoSansKr_Demilight"; color: #ababab; background: #191a1c; }

.header_mobile > #mobileGnb ul.depth3 > li > a { display: block; height: 36px; padding-left: 25px; line-height: 36px; font-family: "NotoSansKr_Demilight"; color: #848081; background: #131315; }

.header_mobile > #mobileGnb ul.depth1 > li.on > a::after { color: #f4333a; transform: rotate(180deg); }

/*	CONTAINER 	*/
#container { width: 100%; max-width: 1600px; height: 100%; margin: 0 auto; background: #fff; }

#container > .title { width: 100%; height: 301px; background-repeat: no-repeat; background-position: center top; background-size: cover; border-bottom: 1px solid #ebebeb; }

#container > .title > .title_in { width: 1160px; margin: 0 auto; }

#container > .title h2 { padding-top: 80px; margin-bottom: 25px; font-family: 'NotoSansKr_Medium'; font-size: 55px; color: #333; }

#container > .title h2 > span { display: inline-block; padding-bottom: 15px; border-bottom: 2px solid #333; }

#container > .title .sub_title { letter-spacing: -1px; font-family: 'NotoSansKr_Demilight'; font-size: 20px; color: #333; }

#container > .title.depth01_03 h2, #container > .title.depth01_03 .sub_title { color: #fff; }

#container > .title.depth01_03 h2 > span { border-bottom: 2px solid #fff; }

body.main #container > .title { display: none; }

/* css 추가 2019.06.13 Sewoni31™ */
#container > .title .title_white h2 > span { color:#fff; border-bottom:2px solid #fff }
#container > .title .title_white .sub_title { color:#fff; }



#container > .title.depth1_1 { background-image: url(../img/web/subvisual1_1.jpg); }

#container > .title.depth1_2 { background-image: url(../img/web/subvisual1_2.jpg); }

#container > .title.depth1_3 { background-image: url(../img/web/subvisual1_3.jpg); }

#container > .title.depth1_4 { background-image: url(../img/web/subvisual1_4.jpg); }

#container > .title.depth2_1 { background-image: url(../img/web/subvisual2_1.jpg); }

#container > .title.depth2_3 { background-image: url(../img/web/subvisual2_3.jpg); }


#container > .title.depth3_1 { background-image: url(../img/web/subvisual3_1.jpg); }

#container > .title.depth3_2 { background-image: url(../img/web/subvisual3_2.jpg); }

#container > .title.depth3_3 { background-image: url(../img/web/subvisual3_3.jpg); }

#container > .title.depth3_4 { background-image: url(../img/web/subvisual3_4.jpg); }

#container > .title.depth4_1 { background-image: url(../img/web/subvisual4_1.jpg); }

#container > .title.depth5_1 { background-image: url(../img/web/subvisual5_1.jpg); }


#container > .title.depth5_2 { background-image: url(../img/web/subvisual5_2.jpg); }

#container > .title.depth5_3 { background-image: url(../img/web/subvisual5_3.jpg); }

#container > .title.depth5_4 { background-image: url(../img/web/subvisual5_4.jpg); }


#container > .title.depth1_11 { background-image: url(../img/web/subvisual6.jpg); }



#container > .location { width: 100%; border-bottom: 1px solid #ebebeb; /* &>.location_in>div>a {display:block; height:55px; padding-left:40px; line-height:55px; position:relative; font-family:'NotoSansKr_Demilight'; font-size:16px; color:#737373; border-left:1px solid #ebebeb;} &>.location_in>div>a::after {display:block; content:''; width:8px; height:11px; position:absolute; right:40px; top:22px; @include icon(101px,0);} &>.location_in>div>a.on {font-family:'NotoSansKr_Medium'; color:#9E7134;} &>.location_in>div>a.on::after {display:none;} */ }

#container > .location > .location_in { overflow: hidden; width: 1160px; height: 55px; margin: 0 auto; }

#container > .location > .location_in > div { width: 216px; float: left; position: relative; }

#container > .location > .location_in > div.long { width: 300px; }

#container > .location > .location_in > div > strong { display: block; height: 55px; padding-left: 40px; line-height: 55px; position: relative; font-family: 'NotoSansKr_Demilight'; font-size: 16px; color: #737373; border-left: 1px solid #ebebeb; }

#container > .location > .location_in > div > strong::after { display: block; content: ''; width: 8px; height: 11px; position: absolute; right: 40px; top: 22px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -101px; background-position-y: 0; }

#container > .location > .location_in > div > strong.on { font-family: 'NotoSansKr_Medium'; color: #9E7134; }

#container > .location > .location_in > div > strong.on::after { display: none; }

#container > .location > .location_in > div > strong > i { display: none; }

#container > .location > .location_in > div > ul { display: none; }

#container > .location > .location_in > div.depth3 { display: none; }

#container > .location > .location_in > div .location_menu { display: none; width: 100%; position: absolute; left: 0; top: 55px; z-index: 100; }

#container > .location > .location_in > div .location_menu > li > a { display: block; height: 55px; padding-left: 40px; line-height: 55px; background: #fff; border: 1px solid #ebebeb; border-top: 0; }

#container > .location > .location_in > div .location_menu > li:first-child > a { border-top: 1px solid #ebebeb; }

body.sub #container > .location { display: block; }

/*	FOOTER 	*/
footer { position: relative; }

footer .footer_btn_area { width: 100%; height: 60px; position: relative; background: #fff; border-top: 1px solid #ccc; }

footer .footer_btn_area > span { display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 0; }

footer .footer_btn_area > span > * { display: block; width: 100%; height: 100%; padding-top: 35px; text-align: center; font-size: 12px; }

footer .footer_btn_area > span.btn_home { margin-left: 455px; }

footer .footer_btn_area > span.btn_home > a { position: relative; color: #111; border-left: 1px solid #ccc; }

footer .footer_btn_area > span.btn_home > a::before { display: block; content: ''; width: 19px; height: 18px; position: absolute; left: 21px; top: 14px; z-index: 10; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: 0; background-position-y: 0; }

footer .footer_btn_area > span.btn_top { margin-left: 515px; }

footer .footer_btn_area > span.btn_top > a { position: relative; color: #fff; cursor: pointer; background: #111; border: 0; }

footer .footer_btn_area > span.btn_top > a::before { display: block; content: ''; width: 23px; height: 12px; position: absolute; left: 19px; top: 16px; z-index: 10; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -406px; background-position-y: 0; }

footer .footer_bottom { padding: 40px 0; overflow: hidden; background: #fbfbfb; border-top: 1px solid #e4e4e4; transition: all 0.5s; }

footer .footer_bottom > .btn_top { display: block; position: absolute; left: 50%; top: -40px; z-index: 100; width: 60px; margin-left: 555px; }

footer .footer_bottom > .btn_top.fixed { position: fixed; top: 90%; }

footer .footer_bottom > .btn_top.none { display: none; }

footer .footer_bottom > .btn_top > img { width: 100%; }

footer .footer_bottom .footer_in { width: 1160px; margin: 0 auto; }

footer .footer_bottom .footer_link { width: 445px; float: right; }

footer .footer_bottom .footer_link .f_btn_area a { display: inline-block; width: 32%; height: 40px; text-align: center; line-height: 38px; position: relative; font-size: 1.143rem; color: #333; background: #fff; border: 1px solid #ccc; border-radius: 20px; }

footer .footer_bottom .footer_link .f_btn_area .cs a { color: #fff; background: #000000; border: 1px solid #ddd; }

footer .footer_bottom .footer_link .familysite { overflow: hidden; padding-top: 10px; }

footer .footer_bottom .footer_link .familysite .in_block.post { float: left; width: 50%; }

footer .footer_bottom .footer_link .familysite .in_block.post > a { display: block; width: 100%; height: 88px; background: url(../img/web/footer_post.jpg) no-repeat left center; background-size: cover; border: 1px solid #ddd; }

footer .footer_bottom .footer_link .familysite .familysite_right { float: right; width: 48%; margin-left: 2%; }

footer .footer_bottom .footer_link .familysite .familysite_right > .family { display: block; width: 100%; margin-top: 8px; }

footer .footer_bottom .footer_link .familysite .familysite_right > .family > a { display: block; position: relative; width: 100%; height: 40px; padding-left: 20px; line-height: 38px; font-size: 14px; color: #454545;  border: 1px solid #e2e2e2; background:#fff url('../img/web/main_foot.png') no-repeat 182px center}

footer .footer_bottom .footer_link .familysite .familysite_right > .family > a::after { display: block; content: ''; position: absolute; right: 18px; top: 17px;   }

footer .footer_bottom .footer_link .familysite .familysite_right > .family > a.on { color: #e61121; border: 1px solid #e61121; outline: 1px solid #e61121; }

footer .footer_bottom .footer_link .familysite .familysite_right > .family > a.on::after { border-color: #e61121; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

footer .footer_bottom .footer_link .familysite .familysite_right > .style_select { display: block; width: 100%; background: #fff; }

footer .footer_bottom .footer_copyright { width: 700px; margin-top: 13px; padding-left: 50px; float: left; overflow: hidden; }

footer .footer_bottom .footer_copyright .privacy { margin-bottom: 20px; }

footer .footer_bottom .footer_copyright .privacy > ul { overflow: hidden; }

footer .footer_bottom .footer_copyright .privacy > ul > li { float: left; padding: 0 9px; position: relative; }

footer .footer_bottom .footer_copyright .privacy > ul > li:first-child { padding: 0 9px 0 0; }

footer .footer_bottom .footer_copyright .privacy > ul > li::before { display: block; content: ''; width: 1px; height: 12px; position: absolute; right: 0; top: 2px; background: #d3d3d3; }

footer .footer_bottom .footer_copyright .privacy > ul > li > a { letter-spacing: -2px; font-family: 'NotoSansKr_Demilight'; font-size: 1.143rem; color: #333; }

footer .footer_bottom .footer_copyright .box { line-height: 26px; letter-spacing: -1px; font-family: 'NotoSansKr_Thin'; font-size: 1.143rem; color: #737373; }

footer .footer_bottom .footer_copyright .box .copyright { margin-top: 7px; color: #a1a1a1; }

footer .familysite_area { display: none; box-sizing: border-box; width: 1100px; height: 290px; padding-top: 20px; position: absolute; left: 50%; margin-left: -550px; bottom: 130px; z-index: 1300; background: #fff; }

footer .familysite_area::before { display: block; content: ''; width: 100%; height: 4px; position: absolute; left: 0; top: 0; background: #de0000; }

footer .familysite_area .title { margin-bottom: 15px; padding-left: 25px; }

footer .familysite_area .title > a { display: inline-block; padding-left: 7px; font-size: 14px; font-weight: bold; color: #111; position: relative; }

footer .familysite_area .title > a:hover { text-decoration: underline; }

footer .familysite_area .title > a::before { display: block; content: ''; width: 2px; height: 2px; position: absolute; left: 0; top: 8px; background: #111; }

footer .familysite_area .link_area { width: 100%; overflow: hidden; }

footer .familysite_area .link_area > dl { box-sizing: border-box; width: 25%; height: 215px; padding-left: 25px; float: left; border-left: 1px solid #c2c2c2; }

footer .familysite_area .link_area > dl:first-child { margin-left: 0; }

footer .familysite_area .link_area > dl dt { margin-bottom: 10px; font-size: 13px; font-weight: bold; color: #9b0000; }

footer .familysite_area .link_area > dl dd { overflow: hidden; }

footer .familysite_area .link_area > dl dd ul { width: 112px; float: left; }

footer .familysite_area .link_area > dl dd ul:first-child { margin-right: 25px; }

footer .familysite_area .link_area > dl dd ul > li { margin-bottom: 10px; }

footer .familysite_area .link_area > dl dd ul > li > a { display: inline-block; padding-left: 7px; font-size: 13px; color: #666; position: relative; }

footer .familysite_area .link_area > dl dd ul > li > a:hover { text-decoration: underline; }

footer .familysite_area .link_area > dl dd ul > li > a:hover { text-decoration: underline; }

footer .familysite_area .link_area > dl dd ul > li > a::before { display: block; content: ''; width: 2px; height: 2px; position: absolute; left: 0; top: 8px; background: #666; }

footer .familysite_area .btn_familysite_close { position: absolute; right: 10px; top: 10px; }

footer .familysite_area .btn_familysite_close { position: absolute; right: 10px; top: 10px; }

body.main footer .footer_bottom > .btn_top { display: none; }

body.main footer .footer_link .f_btn_area .remarkvill { display: inline-block; width: 29%; }

body.main footer .footer_link .f_btn_area .remarkvill a { width: 100%; }

body.main footer .footer_link .f_btn_area .remarkvill a > img { width: 80%; max-width: 95px; vertical-align: middle; }

body.main footer .footer_link .f_btn_area .kt a { width: 39.3%; }

body.main footer .footer_link .f_btn_area .cs a { width: 28.4%; }

@media (min-width: 1280px) { header { z-index: 1200; }
  body.sub header { position: absolute !important; left: 0; top: 0; visibility: hidden; opacity: 0; }
  body.sub #container { padding-top: 200px; }
  body.sub #container.close { padding-top: 130px; }
  body.main footer .footer_btn_area { display: none; }
  body.main footer .footer_bottom .footer_in { width: 1280px; }
  body.main footer .footer_bottom .footer_link { width: 38.19%; }
  body.main footer .footer_bottom .footer_copyright { width: 61.81%; padding-left: 0; }
  body.main footer .footer_bottom .footer_copyright .logo { float: left; padding: 30px 30px 70px 0; }
  body.main footer .footer_bottom .footer_copyright .footer_copyright { float: left; }
  body.sub footer .footer_bottom .footer_link .f_btn_area .remarkvill { display: none; }
  body.sub footer .footer_bottom .footer_copyright .logo { display: none; }
  body.sub footer .footer_bottom .footer_copyright .footer_copyright { float: none; } }





.dim_mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1200; background: #000; }




/*	공통 변수 */
/*	공통 mixin */
/*	animate  */
/*	Tablet Size Change  */
/*	Mobile Size Change */
/*	ICON	*/
/*	Space Border	*/
/*	Contents Images */
/*	Letter-Spacing */
.main_wrap { overflow: hidden; position: relative; width: 100%; }

.main_wrap > div { transition: all .5s; }

.main_wrap img { width: 100%; }

/*	메인 팝업 */
.layerpopup { display: none; position: absolute; left: 0; top: 130px; z-index: 1200; }

.layerpopup .today { position: relative; width: 100%; height: 30px; padding: 0 8px; line-height: 30px; background: #d7d7d7; }

.layerpopup .today label { font-size: 13px; }

.layerpopup .today input { margin: 0; margin-right: 3px; vertical-align: middle; }

.layerpopup .today > a { position: absolute; right: 8px; top: 0; font-size: 13px; }

.layerpopup .today > a > img { vertical-align: middle; }

/*	웹 	*/
.main_visual { overflow: hidden; width: 50%; max-width: 800px; float: left; }

.main_visual li.slick-slide { outline: 0; }

.main_visual li.slick-slide div { width: 100%; background-position: left top; background-size: cover; }

.main_visual li.slick-slide div.view_w { max-width: 800px; height: 755px; }

.main_visual li.slick-slide div.view_t { max-width: 1280px; height: 64vw; }

.main_visual li.slick-slide div.view_m { max-width: 760px; height: 365px; }

.main_visual .slick-dots { position: absolute; left: 0; top: 37%; z-index: 1100; width: 100%; padding-left: 50px; }

.main_visual .slick-dots > li { display: inline-block; margin-right: 15px; }

.main_visual .slick-dots > li button { width: 16px; height: 16px; padding: 0; text-indent: -9999em; background: rgba(255, 255, 255, 0.4); border-radius: 50%; cursor: pointer; }

.main_visual .slick-dots > li.slick-active button { background: #fff; }

.main_right { overflow: hidden; width: 50%; height: 755px; float: right; }

.main_news { float: right; width: 44%; background: #ebeef4; }

.main_news .tab > ul > li > a { height: 46px; font-family: "NotoSansKr_Medium"; font-size: 16px; color: #000; line-height: 46px; background: #f5f7fa; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; }

.main_news .tab > ul > li.on > a { background: #ebeef4; border-bottom: 1px solid #ebeef4; }

.main_news .tab_content { overflow: hidden; position: relative; width: 100%; height: 180px; padding: 10px 9% 25px; }

.main_news .tab_content > ul > li { width: 100%; margin-top: 3.5%; }

.main_news .tab_content > ul > li > a { display: block; overflow: hidden; font-family: "NotoSansKr_Light"; font-size: 16px; color: #363636; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; }

.main_news .tab_content .more { display: block; position: absolute; right: 0; bottom: 0; z-index: 100; width: 14.28%; }

.main_business { overflow: hidden; float: left; position: relative; width: 56%; max-width: 450px; height: 558px; }

.main_business li.slick-slide > a { width: 100%; height: 558px; background-position: left top;  }

.main_business .slick-arrow { position: absolute; top: 50%; width: 40px; height: 40px; z-index: 1100; margin-top: -20px; text-indent: -9999em; cursor: pointer; }

.main_business .slick-arrow.slick-prev { left: 0; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -224px; background-position-y: -24px; }

.main_business .slick-arrow.slick-next { right: 0; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -269px; background-position-y: -24px; }

.main_business .slick-dots { position: absolute; right: 7.2%; top: 8%; z-index: 1100; width: 100%; text-align: right; }

.main_business .slick-dots > li { display: inline-block; margin-right: 10px; }

.main_business .slick-dots > li:last-child { margin-right: 0; }

.main_business .slick-dots > li button { width: 8px; height: 8px; padding: 0; text-indent: -9999em; background: rgba(255, 255, 255, 0.4); border-radius: 50%; cursor: pointer; }

.main_business .slick-dots > li.slick-active button { background: #9E7134; }

.main_asset { float: right; width: 44%; height: 332px; background:##EBEEF4 ; }

.main_asset > a { display: block; width: 100%; height: 100%; text-indent: -9999em; background-image: url(../img/web/main_asset.jpg);}

.main_link { float: left; width: 100%; /* &>ul>li>a {display:block; text-indent:-9999em;} &>ul>li:nth-child(1)>a {@include contentImage(236px,360px,"../img/web/main_link0.png");} &>ul>li:nth-child(2)>a {@include contentImage(236px,360px,"../img/web/main_link1.png");} &>ul>li:nth-child(3)>a {@include contentImage(236px,360px,"../img/web/main_link2.png");} */ }

.main_link > ul { overflow: hidden; width: 100%; }

.main_link > ul > li { float: left; width: 33.331%; }

.main_link > ul > li:nth-child(1) { width: 33.34%; background: #d5aa69; }

.main_link > ul > li:nth-child(2) { background: #373630; }

.main_link > ul > li:nth-child(3) { background: #d5aa69 }

.main_link > ul > li > a { display: block; width: 100%; height: 197px; color: #fff; text-indent: -9999em; background-repeat: no-repeat; background-position: center center; }

.main_link > ul > li:nth-child(1) > a { background-image: url(../img/web/main_link0.png); }

.main_link > ul > li:nth-child(2) > a { background-image: url(../img/web/main_link1.png); }

.main_link > ul > li:nth-child(3) > a { background-image: url(../img/web/main_link2.png); }

/***********	Media Query **********************/


/* @media (max-width:1000px) and (min-width:761px) {
	.main_news {
		.tab_content {
			height:180px;
			padding:10px 7%;

			&>ul>li {margin-top:3%;}
			&>ul>li>a {font-size:16px; line-height:18px;}
			.more {width:12%;}
		}
	}

	.main_asset {
		&>a {background-image:url(../img/tablet/main_asset_t_small.png);}
	}
} */

/*	공통 변수 */
/*	공통 mixin */
/*	animate  */
/*	Tablet Size Change  */
/*	Mobile Size Change */
/*	ICON	*/
/*	Space Border	*/
/*	Contents Images */
/*	Letter-Spacing */
/*	01회사소개 - 개요  */
.con_box.introduce .con_box_in { padding: 30px 0 70px; }

.con_box.introduce .grid-2 { padding-left: 15px; }

.con_box.introduce .grid-2:first-child { padding-left: 0; padding-right: 15px; }

.con_box.introduce .unit { margin-top: -10px; }

.con_box.introduce .cont_div.img0 { width: 100%; height: 0; padding-top: 55.41401%; background-image: url("../img/web/business_map.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size:65%;border:1px solid #ddd }

.con_box.introduce .con_img.img1 { width: 100%; height: 0; padding-top: 43.43434%; background-image: url("../img/web/introduce_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

/*	01회사소개 - CEO 인사말  */
.con_box.ceo { position: relative; margin-top: 70px; }

.con_box.ceo .ceo_img .con_box_in { padding: 70px 35px 0 0; text-align: right; }

.con_box.ceo .ceo_img .name { position: absolute; left: 50%; margin-left: -80px; bottom: 80px; }

.con_box.ceo .ceo_img .name > .in_block { padding-left: 87px; padding-bottom: 10px; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; border-bottom: 2px solid #9E7134; }

.con_box.ceo .ceo_img .name > .in_block > strong { display: block; margin-top: 5px; font-family: "NotoSansKr_Demilight"; font-size: 28px; color: #333; }

.con_box.ceo .ceo_img img { max-width: 409px; }

.con_box.ceo .ceo_txt { width: 50%; max-width: 570px; padding-bottom: 100px; padding-left: 35px; position: absolute; left: 50%; margin-left: -550px; top: 0; z-index: 100; }

.con_box.ceo .ceo_txt .txt { margin-top: 35px; letter-spacing: -1.44px; }

.con_box.ceo .ceo_txt .txt:first-child { margin-top: 0; }

/*	01회사소개 - 연혁	*/
.con_box.history .tab { margin-bottom: 70px; }

.con_box.history .history_box { position: relative; width: 100%; padding-bottom: 70px; }

.con_box.history .history_box::after { display: block; content: ''; width: 1px; height: 100%; position: absolute; bottom: 0; margin-left: -1px; background: #9E7134; }

.con_box.history .history_box > h4 { position: relative; margin: 0 0 25px; font-size: 28px; color: #e71f2a; }

.con_box.history .history_box > h4::before { display: block; content: ''; position: absolute; top: 50%; width: 50px; height: 1px; background: #e71f2a; }

.con_box.history .history_box > h4::after { display: block; content: ''; position: absolute; top: 50%; z-index: 10; width: 15px; height: 15px; margin-top: -7px; background: #fff; border: 2px solid #e71f2a; border-radius: 50%; }

.con_box.history .history_box .history_list > li { margin-top: 10px; }

.con_box.history .history_box .history_list > li:first-child { margin-top: 0; }

.con_box.history .history_box .history_list > li > .in_block { position: relative; border: 1px solid #ccc; border-radius: 10px; }

.con_box.history .history_box .history_list > li strong { position: absolute; top: 22px; font-family: 'NotoSansKr_Medium'; font-size: 18px; color: #f31c21; }

.con_box.history .history_box .history_list > li li { font-family: 'NotoSansKr_Light'; font-size: 18px; color: #939393; line-height: 26px; }

.con_box.history .history_box.left { padding-right: 50%; text-align: right; }

.con_box.history .history_box.left::after { right: 50%; }

.con_box.history .history_box.left > h4 { padding-right: 70px; }

.con_box.history .history_box.left > h4::before { right: 0; }

.con_box.history .history_box.left > h4::after { right: -10px; }

.con_box.history .history_box.left .history_list { padding-right: 70px; }

.con_box.history .history_box.left .history_list > li > .in_block { padding: 19px 78px 19px 31px; }

.con_box.history .history_box.left .history_list > li strong { right: 31px; }

.con_box.history .history_box.right { padding-left: 50%; text-align: left; }

.con_box.history .history_box.right::after { left: 50%; }

.con_box.history .history_box.right > h4 { padding-left: 70px; }

.con_box.history .history_box.right > h4::before { left: 0; }

.con_box.history .history_box.right > h4::after { left: -9px; }

.con_box.history .history_box.right .history_list { padding-left: 70px; }

.con_box.history .history_box.right .history_list > li > .in_block { padding: 19px 31px 19px 78px; }

.con_box.history .history_box.right .history_list > li strong { left: 31px; }

/*	01회사소개 - 비전 	*/
.con_box.vision { /* .con_img{max-width:898px; margin:0 auto; @include contentImage(183px,898px, "../img/web/vision_img.png");}  */ }

.con_box.vision dl { display: table; width: 73.6%; max-width: 810px; margin: 0 auto; padding-bottom: 100px; position: relative; }

.con_box.vision dl.vbox03 { padding-bottom: 70px; }

.con_box.vision dl.vbox04 { padding-bottom: 40px; }

.con_box.vision dl.des dd > .des_txt { width: 100%; position: absolute; left: 0; top: 70px; text-align: right; font-family: "NotoSansKr_Light"; font-size: 18px; color: #bbb; }

.con_box.vision dl dt { display: table-cell; width: 11.2%; vertical-align: bottom; font-family: "NotoSansKr_Medium"; font-size: 34px; color: #555; }

.con_box.vision dl dd { display: table-cell; width: 77.8%; padding: 20px 0; position: relative; text-align: center; font-family: "NotoSansKr_Light"; border: 1px solid #dbdbdb; border-radius: 5px; }

.con_box.vision dl dd::before { display: block; content: ""; width: 14%; height: 100%; position: absolute; left: -14%; top: 0; border-bottom: 1px dotted #dbdbdb; }

.con_box.vision dl dd::after { display: block; content: ""; width: 14%; height: 100%; position: absolute; right: -14%; top: 0; border-bottom: 1px dotted #dbdbdb; }

.con_box.vision dl dd .strong { color: #555; }

.con_box.vision dl.vbox01 dd { font-size: 24px; }

.con_box.vision dl.vbox02 dd { font-family: "NotoSansKr_Thin"; font-size: 18px; }

.con_box.vision dl.vbox02 dd .block { margin-top: 7px; }

.con_box.vision dl.vbox02 strong, .con_box.vision dl.vbox03 strong { font-size: 28px; }

.con_box.vision dl.vbox04 dt { width: 20%; vertical-align: middle; }

.con_box.vision dl.vbox04 dd { text-align: left; border: 0; }

.con_box.vision dl.vbox04 dd > img { max-width: 525px; }

.con_box.vision dl.vbox04 dd::before, .con_box.vision dl.vbox04 dd::after { display: none; }

/*	01회사소개 - 인재상 	*/
.con_box.recruit_tab { margin-top: 50px; }

.con_box.recruit > .con_box_in > p { margin-bottom: 45px; font-family: "NotoSansKr_Demilight"; font-size: 22px; text-align: center; line-height: 30px; letter-spacing: -0.55px; }

.con_box.recruit > .con_box_in > ul { overflow: hidden; }

.con_box.recruit > .con_box_in > ul > li { float: left; width: 23.6%; height: 460px; margin-left: 1.8%; padding-top: 225px; background-repeat: no-repeat; border: 1px solid #ebebeb; border-radius: 8px; }

.con_box.recruit > .con_box_in > ul > li:nth-child(1) { margin-left: 0; background-image: url(../img/web/recruit_icon0.png); background-position: center 75px; }

.con_box.recruit > .con_box_in > ul > li:nth-child(2) { background-image: url(../img/web/recruit_icon1.png); background-position: center 72px; }

.con_box.recruit > .con_box_in > ul > li:nth-child(3) { background-image: url(../img/web/recruit_icon2.png); background-position: center 71px; }

.con_box.recruit > .con_box_in > ul > li:nth-child(4) { background-image: url(../img/web/recruit_icon3.png); background-position: center 79px; }

.con_box.recruit > .con_box_in > ul > li dl dt { margin-bottom: 30px; font-family: "NotoSansKr_Medium"; font-size: 24px; text-align: center; letter-spacing: -1.8px; }

.con_box.recruit > .con_box_in > ul > li dl dd { font-family: "NotoSansKr_Light"; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: -0.8px; }

/*	01회사소개 - 채용공고 	*/
.con_box.recruit_process h4 { margin: 0 0 15px; }

.con_box.recruit_process .recruit_type { margin: 45px 0 30px; font-size: 24px; }

.con_box.recruit_process .img_area img { margin: 0 auto; }

.con_box.recruit_process .btn_area { margin: 70px 0 0; }

.con_box.recruit_process .btn_area > a { display: inline-block; width: 24.5%; height: 45px; font-size: 18px; color: #fff; text-align: center; line-height: 45px; letter-spacing: -0.9px; }

.con_box.recruit_way h4 { margin: 0 0 15px; }

.con_box.recruit_way .description { margin-bottom: 30px; }

.con_box.recruit_way .way_list { overflow: hidden; }

.con_box.recruit_way .way_list > ul { float: left; width: 350px; margin-left: 25px; }

.con_box.recruit_way .way_list > ul:first-child { margin-left: 0; }

.con_box.recruit_way .way_list > ul li { display: table; width: 100%; font-family: "NotoSansKr_Light"; font-size: 18px; color: #bcbcbc; background: #fff; border-top: 1px solid #ebebeb; }

.con_box.recruit_way .way_list > ul li:first-child { border-top: 0; }

.con_box.recruit_way .way_list > ul li > span { display: table-cell; position: relative; width: 19.4%; text-align: center; vertical-align: middle; }

.con_box.recruit_way .way_list > ul li > span::after { display: block; content: ''; position: absolute; right: 0; top: 10%; width: 1px; height: 80%; background: #ebebeb; }

.con_box.recruit_way .way_list > ul li > strong { display: table-cell; width: 80.6%; padding: 20px 0 20px 30px; vertical-align: middle; }

.con_box.recruit_way .way_list > ul li.line-2 > strong { line-height: 22px; }

.con_box.recruit_way .way_list > ul li.on span, .con_box.recruit_way .way_list > ul li.on strong { font-family: "NotoSansKr_Demilight"; color: #de1f26; background: #f4f4f4; }

.con_box.recruit_way .btn_area { position: relative; margin: 30px 0 0; }

.con_box.recruit_way .btn_area > p { font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; text-align: left; line-height: 26px; }

.con_box.recruit_way .btn_area > p > a { color: #026aea; border-bottom: 1px solid #026aea; }

.con_box.recruit_way .btn_area .btn_down { display: block; position: absolute; top: 0; width: 24.5%; height: 45px; font-size: 18px; color: #fff; text-align: center; line-height: 45px; letter-spacing: -0.9px; }

.con_box.recruit_way .btn_area .btn_down.bg_skyblue { right: 25%; }

.con_box.recruit_way .btn_area .btn_down.bg_blue { right: 0; }

.con_box.recruit_notice h4 { margin: 0 0 15px; }

.con_box.recruit_notice .table_area { position: relative; }

.con_box.recruit_notice .table_area > p { position: absolute; right: 0; top: -50px; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; text-align: left; line-height: 26px; }

.con_box.recruit_notice .table_area > p > a { color: #026aea; border-bottom: 1px solid #026aea; }

.con_box.recruit_notice .th_hor_table col.num { width: 8.7%; }

.con_box.recruit_notice .th_hor_table col.kind { width: 10.3%; }

.con_box.recruit_notice .th_hor_table col.tit { width: 52.5%; }

.con_box.recruit_notice .th_hor_table col.date { width: 14.5%; }

.con_box.recruit_notice .th_hor_table col.ing { width: 14%; }

/*	01회사소개 - 오시는 길 */
.con_box.location .map_area { overflow: hidden; width: 100%; height: 452px; margin-bottom: 50px; border: 1px solid #ccc; }

.con_box.location .traffic_list { overflow: hidden; }

.con_box.location .traffic_list > li { float: left; width: 50%; padding: 20px 0 20px 20px; }

.con_box.location .traffic_list > li:last-child { border-left: 1px solid #ebebeb; }

.con_box.location .traffic_list > li dl { display: table; width: 100%; }

.con_box.location .traffic_list > li dl dt { display: table-cell; width: 17.3%; padding-bottom: 90px; font-family: "NotoSansKr_Demilight"; font-size: 20px; color: #666; text-align: center; letter-spacing: -1px; }

.con_box.location .traffic_list > li:nth-child(1) dl dt { background: url(../img/web/traffic_icon0.png) no-repeat center 24px; }

.con_box.location .traffic_list > li:nth-child(2) dl dt { background: url(../img/web/traffic_icon1.png) no-repeat center 24px; }

.con_box.location .traffic_list > li dl dd { display: table-cell; width: 82.7%; padding-top: 23px; vertical-align: top; }

.con_box.location .traffic_list > li dl dd li { margin-bottom: 5px; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; letter-spacing: -0.9px; }

.con_box.location .traffic_list > li dl dd li.plus { margin-top: 15px; }

.con_box.location .traffic_list > li dl dd li > strong { display: inline-block; width: 60px; height: 26px; margin-right: 10px; font-family: "NotoSansKr_Medium"; font-size: 16px; color: #fff; text-align: center; line-height: 26px; border-radius: 8px; }

.con_box.location .traffic_list > li dl dd li > strong.bg_green { background: #08c151; }

.con_box.location .traffic_list > li dl dd li > strong.bg_blue { background: #2961ef; }

.con_box.location .traffic_list > li dl dd li > strong.bg_red { background: #ef3037; }

/***********	Media Query **********************/

/*	02지속가능경영 - 윤리경영 	*/
.con_box.management .con_box_in { padding: 30px 0 70px; }

.con_box.management .con_img { max-width: 926px; margin: 50px auto 0; width: 100%; height: 0; padding-top: 22.4622%; background-image: url("../img/web/management_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.management .btn_area { margin: 30px 0; }

.con_box.management .btn_area .btn { width: 310px; }

.con_box.management .management_layer { display: none; overflow: hidden; position: fixed; left: 50%; top: 10%; z-index: 1300; width: 800px; height: 80%; margin-left: -400px; padding: 30px; background: #666; }

.con_box.management .management_layer .management_con { overflow-x: hidden; height: 92%; padding: 30px; background: #fff; }

.con_box.management .management_layer .management_con .privacy_con > ul > li { margin-top: 15px; }

.con_box.management .management_layer .btn_area { margin: 10px 0; }

.con_box.management .management_layer .btn_area .btn { width: 25%; background: #e03136; }

/*	02지속가능경영 - 사이버신문고 	*/
.con_box.epeople .con_box_in { padding: 30px 0 0; }

.con_box.epeople .th_ver_table col.kind { width: 14.5%; }

.con_box.epeople .th_ver_table col.detail { width: 85.5%; }

.con_box.epeople .icon { display: inline-block; margin-right: 10px; }

.con_box.epeople .icon.email { width: 23px; height: 15px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -97px; background-position-y: -29px; }

.con_box.epeople .icon.phone { width: 16px; height: 18px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -138px; background-position-y: 0; }

.con_box.epeople .icon.location { width: 13px; height: 18px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -139px; background-position-y: -28px; }

.con_box.epeople .management_layer { display: none; overflow: hidden; position: fixed; left: 50%; top: 50%; z-index: 1300; width: 800px; height: 330px; margin-left: -400px; margin-top: -165px; padding: 30px; background: #666; }

.con_box.epeople .management_layer .management_con { overflow-x: hidden; height: 92%; padding: 30px; background: #fff; }

.con_box.epeople .management_layer .management_con .dl_form label { font-size: 1rem; }

.con_box.epeople .management_layer .btn_area { margin: 10px 0; }

.con_box.epeople .management_layer .btn_area .btn { width: 25%; background: #e03136; }

.con_box.epeople .management_layer .btn_area .btn.layer_close { background: #333; }

.con_box.epeople_agree .con_box_in { padding: 50px 0 70px; }

.con_box.epeople_agree h4 { margin: 0; }

.con_box.epeople_agree .btn_area { margin: 30px 0 0; }

.con_box.epeople_agree .btn_area > .btn { width: 188px; padding-left: 55px; text-align: left; position: relative; font-size: 16px; color: #999; background: #f6f7f7; border: 1px solid #e1e1e1; }

.con_box.epeople_agree .btn_area > .btn::before { display: block; content: ""; width: 19px; height: 19px; position: absolute; left: 30px; top: 16px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -163px; background-position-y: 0px; }

.con_box.epeople_agree .scroll_area { width: 100%; height: 365px; margin: 10px 0 20px; padding: 20px; overflow-y: scroll; border: 1px solid #e6e6e6; }

.con_box.epeople_agree .checkbox { text-align: right; }

.con_box.epeople_form h4 { margin: 0 0 15px; }

.con_box.management h6 { margin: 20px 0 10px; text-align: center; font-size: 16px; }

.con_box.management .tbl_box { width: 100%; }

.con_box.management .tbl_box th { text-align: center; }

.con_box.epeople_list .th_hor_table { table-layout: fixed; }

.con_box.epeople_list .th_hor_table col.ep_num { width: 8%; }

.con_box.epeople_list .th_hor_table col.ep_tit { width: 27%; }

.con_box.epeople_list .th_hor_table col.ep_writer { width: 12%; }

.con_box.epeople_list .th_hor_table col.ep_state { width: 14%; }

.con_box.epeople_list .th_hor_table col.ep_date { width: 14%; }

.con_box.epeople_list .th_hor_table col.ep_date02 { width: 14%; }

.con_box.epeople_list .th_hor_table td { font-family: "NotoSansKr_Demilight"; color: #333; }

.con_box.epeople_list .th_hor_table .ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.con_box.epeople_form.view .dl_form.answer { border-top: 0; }

.con_box.epeople_form.view .dl_form dl.input3 dd { overflow: hidden; }

.con_box.epeople_form.view .dl_form dl.input3 dd > span { display: table; float: left; padding-left: 0; }

.con_box.epeople_form.view .dl_form dl.input3 dd > span label { display: table-cell; width: 20%; position: static; line-height: 1; }

.con_box.epeople_form.view .dl_form dl.input3 dd > span strong { display: table-cell; width: 80%; line-height: 1.3; }

.con_box.epeople_form.view .description { margin-top: 0.8rem; font-size: 0.9rem; color: #444; }

.con_box.epeople_form.view .receipt_txt { width: 100%; padding: 30px; margin-top: 20px; color: #fff; line-height: 1.3; background: #888; }


/*	02지속가능경영 - 환경경영 	*/
.con_box.environment .con_box_in { padding: 50px 0 70px; }

.con_box.environment h4 { margin: 0 0 45px; }

.con_box.environment .con_img { width: 100%; height: 0; padding-top: 51.09091%; background-image: url("../img/web/certificate_img.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.environment .btn_area { margin: 30px 0 0; }

.con_box.environment .btn_area > a { width: 230px; }

.con_box.environment_policy h4 { margin: 0 0 30px; }

.con_box.environment_policy .policy_area { margin-top: 15px; padding: 30px; border: 1px solid #e1e1e1; background: #fff; }

.con_box.environment_policy .policy_area > ul { margin-bottom: 20px; }

.con_box.environment_policy .policy_area > ul > li { font-family: "NotoSansKr_Light"; font-size: 16px; line-height: 30px; color: #737373; letter-spacing: -0.4px; }

.con_box.environment_policy .policy_area > p { font-family: "NotoSansKr_Demilight"; color: #444; text-align: center; }

.con_box.environment_policy .policy_area > p.date { font-size: 16px; }

.con_box.environment_policy .policy_area > p.ceo { margin-top: 10px; font-size: 18px; }

.con_box.environment_policy .btn_area { margin: 30px 0; }

.con_box.environment_policy .btn_area > a { width: 330px; }



/*	03사업영역 - 사업영역  */

.con_box.business_area > .con_box_in { padding: 30px 0 70px; }

.con_box.business_area .business_intro { overflow: hidden; width: 100%; margin-top: 30px; }

.con_box.business_area .business_intro > li { float: left; width: 25%; height: 460px; border-right: 1px solid #dbdbdb; }

.con_box.business_area .business_intro > li:first-child { border-left: 1px solid #dbdbdb; }

.con_box.business_area .business_intro > li > a { display: block; overflow: hidden; position: relative; height: 0; }

.con_box.business_area .business_intro > li > a::before { display: block; content: ""; position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; background: #9F7234; opacity: 0; }

.con_box.business_area .business_intro > li:first-child > a::before { display: block; content: ""; color:#fff; position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; background: #9F7234; opacity: 0; }

.dd_d1{}

.con_box.business_area .business_intro > li > a::after { display: block; content: ""; position: absolute; right: -70%; z-index: 70; width: 100%; height: 0; padding-top: 103.7037%; background-image: url("../img/web/businessArea_hover_icon.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; width: 49%; opacity: 0; }

.con_box.business_area .business_intro > li:nth-child(2n-1) > a::after { bottom: 30px; background-position: 50% bottom; }

.con_box.business_area .business_intro > li:nth-child(2n) > a::after { top: 30px; background-position: 50% top; }

.con_box.business_area .business_intro > li > a:hover::before { opacity: 0.8; transition: opacity .4s; }

.con_box.business_area .business_intro > li > a:hover::after { right: 0; opacity: 1; transition: opacity .3s, right .2s; }

.con_box.business_area .business_intro > li:nth-child(1) > a { margin-top: 40px; width: 100%; height: 0; padding-top: 140.51095%; background-image: url("../img/web/businessArea_img0.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.business_area .business_intro > li:nth-child(2) > a { margin-top: 15px; width: 100%; height: 0; padding-top: 140.51095%; background-image: url("../img/web/businessArea_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.business_area .business_intro > li:nth-child(3) > a { margin-top: 65px; width: 100%; height: 0; padding-top: 140.51095%; background-image: url("../img/web/businessArea_img2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.business_area .business_intro > li:nth-child(4) > a { margin-top: 48px; width: 100%; height: 0; padding-top: 140.51095%; background-image: url("../img/web/businessArea_img3.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.business_area .business_intro > li dl { position: absolute; z-index: 100; }

.con_box.business_area .business_intro > li:nth-child(2n-1) dl { left: 10.6%; top: 8%; }

.con_box.business_area .business_intro > li:nth-child(2n) dl { left: 10.9%; bottom: 8%; }

.con_box.business_area .business_intro > li dl dt { font-family: "NotoSansKr_Bold"; font-size: 28px; color: #fff; word-break: break-all; }

.con_box.business_area .business_intro > li dl dd { margin-top: 10px; font-family: "NotoSansKr_Light"; font-size: 14px; color: #fff; letter-spacing: -0.28px; word-break: break-all; }

.con_box.business_area_list ul { overflow: hidden; }

.con_box.business_area_list ul > li { float: left; width: 31.5%; margin-left: 2.75%; }

.con_box.business_area_list ul > li:first-child { margin-left: 0; }

.con_box.business_area_list ul > li > a { display: block; position: relative; padding: 170px 0 50px; text-align: center; background: #fff; border: 1px solid #ccc; border-radius: 7px; }

.con_box.business_area_list ul > li > a::before { display: block; content: ""; position: absolute; left: 50%; top: 50px; z-index: 100; height: 81px; background-repeat: no-repeat; background-position: 0 0; transition: all .4s; }

.con_box.business_area_list ul > li:nth-child(1) > a::before { width: 86px; margin-left: -43px; background-image: url(../img/web/businessArea_list_icon0.png); }

.con_box.business_area_list ul > li:nth-child(2) > a::before { width: 62px; margin-left: -31px; background-image: url(../img/web/businessArea_list_icon1.png); }

.con_box.business_area_list ul > li:nth-child(3) > a::before { width: 80px; margin-left: -40px; background-image: url(../img/web/businessArea_list_icon2.png); }

.con_box.business_area_list ul > li > a dl dt { font-size: 32px; color: #333; letter-spacing: -0.8px; transition: color .2s; }

.con_box.business_area_list ul > li > a dl dd { margin-top: 15px; font-family: "NotoSansKr_Thin"; font-size: 20px; color: #737373; line-height: 28px; transition: color .2s; }

.con_box.business_area_list ul > li > a:hover { background: -moz-linear-gradient(328deg, #f27154 0%, #d5312e 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f27154), color-stop(100%, #d5312e)); /* safari4+,chrome */ background: -webkit-linear-gradient(328deg, #f27154 0%, #d5312e 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(328deg, #f27154 0%, #d5312e 100%); /* opera 11.10+ */ background: -ms-linear-gradient(328deg, #f27154 0%, #d5312e 100%); /* ie10+ */ background: linear-gradient(122deg, #f27154 0%, #d5312e 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27154', endColorstr='#d5312e',GradientType=1 ); /* ie6-9 */ border: 1px solid transparent; }

.con_box.business_area_list ul > li > a:hover dl dt, .con_box.business_area_list ul > li > a:hover dl dd { color: #fff; }

.con_box.business_area_list ul > li:nth-child(1) > a:hover::before { background-position: 0 -81px; }

.con_box.business_area_list ul > li:nth-child(2) > a:hover::before { background-position: 0 -81px; }

.con_box.business_area_list ul > li:nth-child(3) > a:hover::before { background-position: 0 -81px; }

/*	03사업영역 - 개발/투자 - 사업소개  */
.con_box.development_txt .con_box_in { padding: 30px 0 70px; }

.con_box.development_list h4 { margin: 0 0 30px; }

.con_box.development_list ul { overflow: hidden; }

.con_box.development_list ul > li { float: left; width: 355px; height: 405px; margin-left: 17px; margin-bottom: 20px; background: #fff; border: 1px solid #ebebeb; }

.con_box.development_list ul > li:nth-child(3n-2) { margin-left: 0; }

.con_box.development_list ul > li dl { padding-top: 38px; }

.con_box.development_list ul > li dl dt { font-family: "NotoSansKr_Light"; font-size: 16px; text-align: center; letter-spacing: -0.48px; }

.con_box.development_list ul > li dl dt > strong { display: block; margin-bottom: 5px; font-family: "NotoSansKr_Medium"; font-size: 24px; letter-spacing: -1.8px; }

.con_box.development_list ul > li dl dd { margin-top: 12px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #737373; text-align: center; line-height: 24px; letter-spacing: -0.8px; }

.con_box.development_process h4 { margin: 0 0 70px; }

.con_box.development_process .con_img { width: 100%; height: 0; padding-top: 26.14274%; background-image: url("../img/web/development_process.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

/*	03사업영역 - 핵심역량 */
.con_box.capability .con_box_in { max-width: 1160px; padding: 30px 0 70px; }

.con_box.capability .con_box_in .txt {  }

.con_box.capability .con_box_in h4 { }

.con_box.capability h5 { position: relative; width: 320px; height: 95px; margin: 50px auto 30px; font-family: "NotoSansKr_Light"; font-size: 22px; color: #fff; text-align: center; line-height: 95px; background: #e8212a; border-radius: 50px; }

.con_box.capability h5::after { display: block; content: ''; width: 50%; height: 30px; position: absolute; left: 0; bottom: -30px; border-right: 1px dashed #dbdbdb; }

.con_box.capability .capability_list { overflow: hidden; position: relative; padding-top: 50px; }

.con_box.capability .capability_list::before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; width: 944px; height: 50px; margin: 0 auto; border-top: 1px dashed #dbdbdb; }

.con_box.capability .capability_list > li { float: left; position: relative; width: 216px; margin-left: 20px; border: 1px solid #ebebeb; }

.con_box.capability .capability_list > li:first-child { margin-left: 0; }

.con_box.capability .capability_list > li::before { display: block; content: ''; position: absolute; left: 0; top: -50px; width: 50%; height: 50px; border-right: 1px dashed #dbdbdb; }

.con_box.capability .capability_list > li .thumb { position: relative; }

.con_box.capability .capability_list > li:nth-child(1) .thumb { width: 100%; height: 0; padding-top: 78.97196%; background-image: url("../img/web/capability_img0.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.capability .capability_list > li:nth-child(2) .thumb { width: 100%; height: 0; padding-top: 78.97196%; background-image: url("../img/web/capability_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.capability .capability_list > li:nth-child(3) .thumb { width: 100%; height: 0; padding-top: 78.97196%; background-image: url("../img/web/capability_img2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.capability .capability_list > li:nth-child(4) .thumb { width: 100%; height: 0; padding-top: 78.97196%; background-image: url("../img/web/capability_img3.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.capability .capability_list > li:nth-child(5) .thumb { width: 100%; height: 0; padding-top: 78.97196%; background-image: url("../img/web/capability_img4.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.capability .capability_list > li .thumb > div { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.con_box.capability .capability_list > li .thumb > div > span { display: table-cell; width: 100%; font-family: "NotoSansKr_Thin"; font-size: 24px; color: #fff; line-height: 20px; vertical-align: middle; text-align: center; }

.con_box.capability .capability_list > li .thumb > div strong { display: block; font-family: "NotoSansKr_Regular"; line-height: 26px; letter-spacing: -1.2px; }

.con_box.capability .capability_list > li dl { padding: 30px 11px; }

.con_box.capability .capability_list > li dl dt { margin-top: 30px; margin-bottom: 15px; font-size: 20px; line-height: 24px; letter-spacing: -1.6px; }

.con_box.capability .capability_list > li dl dt:first-child { margin-top: 0; }

.con_box.capability .capability_list > li dl dd li { position: relative; padding-left: 8px; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; line-height: 22px; letter-spacing: -1.8px; word-break: break-word; }

.con_box.capability .capability_list > li dl dd li::before { display: block; content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 1px; background: #737373; }

/*	03사업영역 - 개발/투자 - 기업 임대주택  */
.con_box.rentalhouse .con_box_in { padding: 50px 0 70px; }

.con_box.rentalhouse h4:first-child { margin: 0 0 15px; }

.con_box.rentalhouse .feature_list { position: relative; width: 100%; padding-right: 38%; margin-top: 50px; }

.con_box.rentalhouse .feature_list ul { width: 100%; vertical-align: bottom; }

.con_box.rentalhouse .feature_list ul > li { margin-top: 20px; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; vertical-align: bottom; }

.con_box.rentalhouse .feature_list ul > li:first-child { margin-top: 0; }

.con_box.rentalhouse .feature_list ul > li > strong { font-family: "NotoSansKr_Demilight"; font-size: 22px; color: #555; letter-spacing: -1.1px; }

.con_box.rentalhouse .feature_list .remarkvill_img { position: absolute; right: 0; bottom: 0; width: 38%; }

.con_box.rentalhouse .feature_list .remarkvill_img > span { display: block; width: 100%; height: 0; padding-top: 88.60465%; background-image: url("../img/web/remarkvill_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .logo_img { margin: 30px 0; width: 100%; height: 0; padding-top: 43.18182%; background-image: url("../img/web/rentalhouse_logo.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .site_list { overflow: hidden; margin-top: 30px; }

.con_box.rentalhouse .site_list > li { float: left; width: 260px; margin-left: 20px; }

.con_box.rentalhouse .site_list > li:first-child { margin-left: 0; }

.con_box.rentalhouse .site_list > li > a { display: block; position: relative; }

.con_box.rentalhouse .site_list > li:nth-child(1) > a { width: 100%; height: 0; padding-top: 115.38462%; background-image: url("../img/web/rentalhouse_img0.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .site_list > li:nth-child(2) > a { width: 100%; height: 0; padding-top: 115.38462%; background-image: url("../img/web/rentalhouse_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .site_list > li:nth-child(3) > a { width: 100%; height: 0; padding-top: 115.38462%; background-image: url("../img/web/rentalhouse_img2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .site_list > li:nth-child(4) > a { width: 100%; height: 0; padding-top: 115.38462%; background-image: url("../img/web/rentalhouse_img3.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .site_list > li > a > strong { position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; font-size: 24px; color: #fff; text-align: center; line-height: 65px; background: rgba(0, 0, 0, 0.7); }

.con_box.rentalhouse .homepage_list { margin-top: 30px; }

.con_box.rentalhouse .homepage_list > li { margin-bottom: 20px; }

.con_box.rentalhouse .homepage_list > li > a { display: block; }

.con_box.rentalhouse .homepage_list > li:nth-child(1) > a { width: 100%; height: 0; padding-top: 7.9646%; background-image: url("../img/web/rentalhouse_homepage0.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.rentalhouse .homepage_list > li:nth-child(2) > a { width: 100%; height: 0; padding-top: 7.9646%; background-image: url("../img/web/rentalhouse_homepage1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

/*	03사업영역 - 주요실적 */
.result .check_area { width: 100%; padding: 0 40px 20px; margin-bottom: 30px; background: #f9f9f9; border: 1px solid #ccc; }

.result .check_area .checkbox { margin-left: 50px; margin-top: 20px; }

.result .check_area .checkbox:first-child { margin-left: 0; }

.result .btn_area .goList { width: 210px; }

/*	03사업영역 - CM 사업소개 */
.con_box.cm .con_box_in { padding: 30px 0 70px; }

.con_box.cm .con_img { width: 100%; height: 0; padding-top: 46.95731%; background-image: url("../img/web/cm_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.cm .process_list { overflow: hidden; padding: 0 60px; }

.con_box.cm .process_list > li { float: left; width: 186px; margin-left: 12px; padding-top: 80px; }

.con_box.cm .process_list > li:first-child { margin-left: 0; }

.con_box.cm .process_list > li dl dt { display: table; position: relative; width: 100%; height: 96px; border: 7px solid #ccc; border-radius: 50px; }

.con_box.cm .process_list > li dl dt > strong { display: table-cell; font-family: "NotoSansKr_Demilight"; font-size: 20px; text-align: center; vertical-align: middle; }

.con_box.cm .process_list > li dl dt::after { display: block; content: ''; position: absolute; left: 0; bottom: -51px; width: 50%; height: 44px; border-right: 1px dashed #b7b7b7; }

.con_box.cm .process_list > li dl dd { position: relative; margin-top: 44px; padding: 30px 0; background: #f9f9f9; border: 1px solid #ebebeb; border-radius: 5px; }

.con_box.cm .process_list > li dl dd::after { display: block; content: ''; position: absolute; left: 50%; top: -6px; z-index: 10; margin-left: -4px; box-sizing: border-box; width: 10px; height: 10px; background: #fff; border: 2px solid #ccc; border-radius: 50%; }

.con_box.cm .process_list > li dl dd > ul > li { margin-top: 15px; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; line-height: 20px; text-align: center; letter-spacing: -0.9px; }

.con_box.cm .process_list > li dl dd > ul > li:first-child { margin-top: 0; }

.con_box.cm .process_list > li.theme_red { padding-top: 0; }

.con_box.cm .process_list > li.theme_red dl dt { border: 7px solid #f54048; }

.con_box.cm .process_list > li.theme_red dl dd { border: 1px solid #f54048; }

.con_box.cm .process_list > li.theme_red dl dd::after { border: 2px solid #f54048; }

.con_box.cm .th_ver_table col.expect_th { width: 160px; }

.con_box.cm .th_ver_table col.expect_td { width: 940px; }

.con_box.cm .th_ver_table tbody th { padding-left: 25px; padding-top: 20px; text-align: left; vertical-align: top; }

/*	03사업영역 - 자산운영 - 사업소개 */
.con_box.asset_common .con_box_in { padding: 30px 0 0; }

.con_box.asset_common .table_area { padding-left: 260px; margin: 70px 0; background: url("../img/web/asset_common_img.png") no-repeat left center; }

.con_box.asset_common .th_ver_table col.asset_th { width: 160px; }

.con_box.asset_common .th_ver_table col.asset_td { width: 680px; }

.con_box.asset_common .th_ver_table tbody th { padding-left: 20px; text-align: left; }

.con_box.asset_common .th_ver_table tbody td ul > li { position: relative; padding-left: 10px; font-family: "NotoSansKr_Light"; font-size: 16px; line-height: 24px; word-break: break-word; }

.con_box.asset_common .th_ver_table tbody td ul > li::before { display: block; content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: #737373; }

.tab_content.asset_tabcon .con_box:first-child > .con_box_in { padding: 50px 0 70px; }

.tab_content.asset_tabcon .word_description { margin-bottom: 65px; }

.tab_content.asset_tabcon .word_description dt { margin-bottom: 25px; font-family: "NotoSansKr_Light"; font-size: 18px; vertical-align: bottom; }

.tab_content.asset_tabcon .word_description dt > strong { position: relative; padding-right: 16px; margin-right: 12px; font-family: "NotoSansKr_Regular"; font-size: 30px; }

.tab_content.asset_tabcon .word_description dt > strong::after { display: block; content: ''; position: absolute; right: 0; bottom: 9px; width: 3px; height: 18px; background: #9E7134; }

.tab_content.asset_tabcon .word_description dd.box { padding: 20px 30px; margin-bottom: 65px; font-family: "NotoSansKr_Light"; font-size: 18px; line-height: 28px; background: #f9f9f9; border: 1px solid #ededed; }

.asset_tabcon#asset0 .word_description dd.img { width: 100%; height: 0; padding-top: 12.90909%; background-image: url("../img/web/asset0_step_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset0 .table_area { padding: 0 70px; }

.asset_tabcon#asset0 .table_area .th_ver_table col.pm_th { width: 160px; }

.asset_tabcon#asset0 .table_area .th_ver_table col.pm_td { width: 800px; }

.asset_tabcon#asset0 .table_area .th_ver_table tbody th { padding-left: 25px; padding-top: 20px; font-family: "NotoSansKr_Medium"; font-size: 18px; color: #9E7134; text-align: left; vertical-align: top; }

.asset_tabcon#asset0 .table_area .th_ver_table tbody td { font-size: 16px; line-height: 22px; }

.asset_tabcon#asset0 .table_area .th_ver_table tbody td > strong { display: block; margin-bottom: 12px; font-family: "NotoSansKr_Regular"; font-size: 18px; color: #444; }

.asset_tabcon#asset0 .con_box.bg_yes .con_box_in { position: relative; height: 774px; background: url(../img/web/asset_pm_img.png) no-repeat center 70px; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list { position: absolute; left: 50%; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list dt { margin-bottom: 25px; font-size: 20px; line-height: 26px; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list dd { position: relative; margin-top: 12px; padding-left: 12px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #929292; line-height: 20px; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list dd:first-child { margin-top: 0; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list dd::before { display: block; content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #444; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list dd > strong { display: block; color: #737373; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.left { top: 70px; margin-left: -496px; text-align: right; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.left dt { color: #3d99df; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.left dd { padding-left: 0; padding-right: 12px; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.left dd::before { left: inherit; right: 0; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.right { top: 108px; margin-left: 250px; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.right dt { color: #44a7a7; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.bottom { top: 643px; margin-left: -155px; padding-left: 110px; }

.asset_tabcon#asset0 .con_box.bg_yes dl.pm_list.bottom dt { position: absolute; left: 0; top: 11px; color: #369ccd; }

.asset_tabcon#asset1 .word_description dd.img { width: 100%; height: 0; padding-top: 12.90909%; background-image: url("../img/web/asset1_step_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset1 .con_img { width: 100%; height: 0; padding-top: 52.72727%; background-image: url("../img/web/asset1_fm_service.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset1 .fm_center_list { border-top: 1px solid #888; }

.asset_tabcon#asset1 .fm_center_list > li { display: table; width: 100%; min-height: 180px; border-bottom: 1px solid #ebebeb; }

.asset_tabcon#asset1 .fm_center_list > li p.thumb { display: table-cell; position: relative; width: 280px; }

.asset_tabcon#asset1 .fm_center_list > li:nth-child(1) p.thumb { background: url(../img/web/fm_center_list0.jpg) no-repeat 9px 11px; }

.asset_tabcon#asset1 .fm_center_list > li:nth-child(2) p.thumb { background: url(../img/web/fm_center_list1.jpg) no-repeat 9px 11px; }

.asset_tabcon#asset1 .fm_center_list > li p.thumb::after { display: block; content: ''; display: block; content: ''; width: 1px; height: 76%; position: absolute; right: 0; top: 12%; background: #e1e1e1; }

.asset_tabcon#asset1 .fm_center_list > li dl { display: table-cell; width: 820px; padding: 20px 30px; }

.asset_tabcon#asset1 .fm_center_list > li dl dt { margin-top: 20px; font-size: 18px; color: #444; }

.asset_tabcon#asset1 .fm_center_list > li dl dt:first-child { margin-top: 0; }

.asset_tabcon#asset1 .fm_center_list > li dl dd { margin-top: 10px; padding-left: 15px; }

.asset_tabcon#asset1 .fm_center_list > li dl dd ul li { position: relative; padding-left: 10px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #737373; line-height: 24px; }

.asset_tabcon#asset1 .fm_center_list > li dl dd ul li::before { display: block; content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 1px; background: #737373; }

.asset_tabcon#asset1 .fm_consulting_list { overflow: hidden; }

.asset_tabcon#asset1 .fm_consulting_list > li { float: left; width: 260px; margin-left: 20px; border: 1px solid #ebebeb; border-radius: 8px; }

.asset_tabcon#asset1 .fm_consulting_list > li:first-child { margin-left: 0; }

.asset_tabcon#asset1 .fm_consulting_list > li:nth-child(1) > .thumb { width: 100%; height: 0; padding-top: 71.15385%; background-image: url("../img/web/fm_consulting_list0.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset1 .fm_consulting_list > li:nth-child(2) > .thumb { width: 100%; height: 0; padding-top: 71.15385%; background-image: url("../img/web/fm_consulting_list1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset1 .fm_consulting_list > li:nth-child(3) > .thumb { width: 100%; height: 0; padding-top: 71.15385%; background-image: url("../img/web/fm_consulting_list2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset1 .fm_consulting_list > li:nth-child(4) > .thumb { width: 100%; height: 0; padding-top: 71.15385%; background-image: url("../img/web/fm_consulting_list3.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset1 .fm_consulting_list > li dl { padding: 40px 0; text-align: center; }

.asset_tabcon#asset1 .fm_consulting_list > li dl dt { font-family: "NotoSansKr_Medium"; font-size: 24px; letter-spacing: -1.8px; }

.asset_tabcon#asset1 .fm_consulting_list > li dl dd { margin-top: 25px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #737373; line-height: 24px; letter-spacing: -0.8px; }

.asset_tabcon#asset2 .table_area { overflow: hidden; margin-top: 30px; }

.asset_tabcon#asset2 .table_area .table_img { float: left; width: 31.8%; padding-right: 30px; }

.asset_tabcon#asset2 .table_area .table_img > img { width: 100%; max-width: 319px; }

.asset_tabcon#asset2 .table_area .th_ver_table { float: left; width: 68.2%; }

.asset_tabcon#asset2 .table_area .th_ver_table col.lm_th { width: 21.3%; }

.asset_tabcon#asset2 .table_area .th_ver_table col.lm_td { width: 79.7%; }

.asset_tabcon#asset2 .table_area .th_ver_table tbody th { padding: 17px 0 17px 25px; font-family: "NotoSansKr_Medium"; font-size: 18px; color: #9E7134; text-align: left; vertical-align: top; }

.asset_tabcon#asset2 .table_area .th_ver_table tbody td { font-size: 16px; line-height: 22px; }

.asset_tabcon#asset2 .table_area .th_ver_table tbody td > strong { display: block; margin-bottom: 12px; font-family: "NotoSansKr_Regular"; font-size: 18px; color: #444; }

.asset_tabcon#asset2 .word_description dd.img { width: 100%; height: 0; padding-top: 12.90909%; background-image: url("../img/web/asset2_step_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset2 .con_box.bg_yes .con_box_in { width: 100%; height: 0; padding-top: 54.09091%; background-image: url("../img/web/asset2_network.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.asset_tabcon#asset2 .con_box.lm_list h4 { position: relative; width: 29%; height: 96px; margin: 0 auto 40px; font-family: "NotoSansKr_Light"; font-size: 22px; color: #fff; line-height: 96px; text-align: center; background: #e8212a; border-radius: 48px; }

.asset_tabcon#asset2 .con_box.lm_list h4::after { display: block; content: ''; position: absolute; left: 0; bottom: -40px; width: 50%; height: 40px; border-right: 1px dashed #e6e6e6; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul { position: relative; overflow: hidden; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul::before { display: block; content: ''; position: absolute; left: 16%; top: 0; width: 68%; height: 40px; border-top: 1px solid #ebebeb; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li { float: left; width: 32%; max-width: 355px; margin-left: 2%; padding-top: 50px; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li:first-child { margin-left: 0; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dt { display: table; position: relative; z-index: 10; width: 73.23%; height: 96px; margin: 0 auto; background: #fff; border: 7px solid #e8212a; border-radius: 50px; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dt > strong { display: table-cell; font-family: "NotoSansKr_Demilight"; font-size: 20px; text-align: center; vertical-align: middle; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dt::before { display: block; content: ''; position: absolute; left: 50%; top: -12px; z-index: 10; margin-left: -4px; box-sizing: border-box; width: 10px; height: 10px; background: #fff; border: 2px solid #e8212a; border-radius: 50%; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dt::after { display: block; content: ''; position: absolute; left: 0; top: -56px; width: 50%; height: 44px; border-right: 1px dashed #e8e8e8; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dd { position: relative; margin-top: -48px; padding: 50px 0 0; background: #f9f9f9; border: 1px solid #ebebeb; border-radius: 5px; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dd > ul > li { padding: 14px 0; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; line-height: 32px; text-align: center; letter-spacing: -0.9px; border-top: 1px solid #ebebeb; }

.asset_tabcon#asset2 .con_box.lm_list > .con_box_in > ul > li dl dd > ul > li:first-child { border-top: 0; }

/*	03사업영역 - 자산운영 - 주요자산 */
.con_box.assetResult .con_box_in { padding: 30px 0 70px; }

.con_box.assetResult .select_map { display: table; width: 100%; }

.con_box.assetResult .select_map .map_img { display: table-cell; width: 530px; padding: 70px 0; }

.con_box.assetResult .select_map .map_img > p { position: relative; width: 321px; height: 505px; margin: 0 auto; background-image: url(../img/web/map_img.png); background-repeat: no-repeat; background-position: center top; }

.con_box.assetResult .select_map .map_img > p > img { position: absolute; left: 0; top: 0; z-index: 100; }

.con_box.assetResult .select_map .map_img > p > span.on_area { display: block; width: 100%; height: 100%; }

.con_box.assetResult .select_map .map_img > p.map0 > span.on_area { background: url(../img/web/map_img0.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map1 > span.on_area { background: url(../img/web/map_img1.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map2 > span.on_area { background: url(../img/web/map_img2.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map3 > span.on_area { background: url(../img/web/map_img3.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map4 > span.on_area { background: url(../img/web/map_img4.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map5 > span.on_area { background: url(../img/web/map_img5.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map6 > span.on_area { background: url(../img/web/map_img6.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map7 > span.on_area { background: url(../img/web/map_img7.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map8 > span.on_area { background: url(../img/web/map_img8.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map9 > span.on_area { background: url(../img/web/map_img9.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map10 > span.on_area { background: url(../img/web/map_img10.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map11 > span.on_area { background: url(../img/web/map_img11.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map12 > span.on_area { background: url(../img/web/map_img12.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map13 > span.on_area { background: url(../img/web/map_img13.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map14 > span.on_area { background: url(../img/web/map_img14.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map15 > span.on_area { background: url(../img/web/map_img15.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img > p.map16 > span.on_area { background: url(../img/web/map_img16.png) no-repeat center top; }

.con_box.assetResult .select_map .map_img area, .con_box.assetResult .select_map .map_img area:focus, .con_box.assetResult .select_map .map_img area:active { border: none; outline: none; }

.con_box.assetResult .select_map .map_list { position: relative; width: 80%; margin: 30px auto 0; }

.con_box.assetResult .select_map .map_list > label { width: 100%; }

.con_box.assetResult .select_map .map_list > label > a { display: block; position: relative; width: 100%; height: 50px; padding-left: 7%; font-family: "NotoSansKr_Medium"; font-size: 16px; line-height: 50px; border: 1px solid #ebebeb; }

.con_box.assetResult .select_map .map_list > label > a::after { display: block; content: ''; position: absolute; right: 7%; top: 20px; width: 0; height: 0; border: 8px solid #333; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

.con_box.assetResult .select_map .map_list > ul { display: none; position: absolute; left: 0; top: 50px; z-index: 100; width: 100%; }

.con_box.assetResult .select_map .map_list > ul > li > a { display: block; height: 40px; padding-left: 8%; font-family: "NotoSansKr_Light"; font-size: 15px; color: #737373; line-height: 40px; background: #fff; border: 1px solid #ebebeb; border-top: 0; }

.con_box.assetResult .select_map .map_list > ul > li > a:hover { font-family: "NotoSansKr_Regular"; color: #9E7134; }

.con_box.assetResult .select_map .select_area { display: table-cell; width: 570px; padding-right: 70px; vertical-align: top; }

.con_box.assetResult .select_map .select_area h4 { text-align: center; }

.con_box.assetResult .select_map .select_area ul { overflow: hidden; margin-top: 30px; }

.con_box.assetResult .select_map .select_area ul > li { float: left; width: 33.3333%; }

.con_box.assetResult .select_map .select_area ul > li > a { display: block; height: 50px; font-family: "NotoSansKr_Light"; font-size: 20px; color: #737373; text-align: center; line-height: 50px; border: 1px solid #ebebeb; border-top: 0; border-left: 0; }

.con_box.assetResult .select_map .select_area ul > li:nth-child(3n-2) > a { border-left: 1px solid #ebebeb; }

.con_box.assetResult .select_map .select_area ul > li:nth-child(1) > a, .con_box.assetResult .select_map .select_area ul > li:nth-child(2) > a, .con_box.assetResult .select_map .select_area ul > li:nth-child(3) > a { border-top: 1px solid #ebebeb; }

.con_box.assetResult .select_map .select_area ul > li.on > a { color: #fff; background: #c8171e; }

.con_box.assetResult .th_hor_table col.num { width: 8.4%; }

.con_box.assetResult .th_hor_table col.building { width: 14.6%; }

.con_box.assetResult .th_hor_table col.address { width: 45.9%; }

.con_box.assetResult .th_hor_table col.area { width: 12.5%; }

.con_box.assetResult .th_hor_table col.floor { width: 9.7%; }

.con_box.assetResult .th_hor_table col.year { width: 8.9%; }

.con_box.assetResult .th_hor_table td.address { padding-left: 28px; text-align: left; }

.con_box.assetResult .th_hor_table tbody tr:hover * { font-family: "NotoSansKr_Demilight"; color: #9E7134; }

.con_box.assetResult .asset_layer { display: none; overflow: hidden; position: absolute; left: 50%; z-index: 1300; width: 470px; margin-left: -235px; padding: 30px 35px; background: #fff; border: 3px solid #c8171e; }

.con_box.assetResult .asset_layer h4 { margin: 0 0 30px; font-size: 30px; }

.con_box.assetResult .asset_layer .thumb { margin-bottom: 18px; }

.con_box.assetResult .asset_layer .thumb > img { width: 100%; }

.con_box.assetResult .asset_layer .th_ver_table .asset_layer_tit { width: 31.25%; }

.con_box.assetResult .asset_layer .th_ver_table .asset_layer_con { width: 68.75%; }

.con_box.assetResult .asset_layer .th_ver_table th { font-size: 16px; }

.con_box.assetResult .asset_layer .th_ver_table td { font-size: 16px; }

.con_box.assetResult .asset_layer .th_ver_table td a.email { color: #9E7134; border-bottom: 1px solid #9E7134; }

.con_box.assetResult .asset_layer .btn_close { display: block; position: absolute; right: -1px; top: -1px; }

/*	03사업영역 - 유동화/증권화  */
.con_box.stock_intro .con_box_in { padding: 30px 0 70px; }

.con_box.stock_intro .con_img { width: 100%; height: 0; padding-top: 40.45455%; background-image: url("../img/web/stock_intro_img.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.stock_work h4 { margin: 0 0 15px; }

.con_box.stock_work .con_img { margin-top: 30px; width: 100%; height: 0; padding-top: 42.36364%; background-image: url("../img/web/stock_work_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.stock_investment .con_img { width: 100%; height: 0; padding-top: 65%; background-image: url("../img/web/stock_investment_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }




/*	홍보센터 - CI/BI */
.con_box.cibi .con_box_in { padding: 50px 0 70px; }

.tab_content.cibi .color .color_list { overflow: hidden; text-align: center; }

.tab_content.cibi .color .color_list > li { display: inline-block; overflow: hidden; vertical-align: top; border: 1px solid #ccc; border-radius: 5px; }

.tab_content.cibi .color .color_list > li dl { padding: 15px; text-align: left; background: #fff; }

.tab_content.cibi .color .color_list > li dl dt { margin-bottom: 5px; font-family: "NotoSansKr_Bold"; font-size: 16px; color: #444; }

.tab_content.cibi .color .color_list > li dl dd { font-family: "NotoSansKr_Light"; font-size: 12px; color: #737373; }

.tab_content.cibi#ci .con_box.logo .con_box_in { padding: 0; }

.tab_content.cibi#ci .con_box.logo .con_img { width: 100%; height: 0; padding-top: 27.27273%; background-image: url("../img/web/ci_logo_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in { overflow: hidden; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .color { float: left; width: 50%; border-right: 1px solid #ccc; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .color .color_list > li { width: 132px; margin-right: 20px; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .color .color_list > li .color_view { height: 110px; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .color .color_list > li:nth-child(1) .color_view { background: #9E7134; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .color .color_list > li:nth-child(2) .color_view { background: #2f2d2e; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .shape { float: left; width: 50%; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .shape .shape_img { min-height: 175px; width: 100%; height: 0; padding-top: 30.96539%; background-image: url("../img/web/shape_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .ci_description { margin-top: 50px; text-align: center; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .ci_description dt { font-family: "NotoSansKr_Light"; font-size: 26px; letter-spacing: -0.65px; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .ci_description dt > strong { font-family: "NotoSansKr_Medium"; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .ci_description dd { font-family: "NotoSansKr_Light"; font-size: 16px; color: #737373; line-height: 24px; letter-spacing: -0.4px; }

.tab_content.cibi#ci .con_box.bg_yes .con_box_in .ci_description dd > strong { display: block; margin-top: 5px; margin-bottom: 20px; font-family: "NotoSansKr_Demilight"; font-size: 22px; color: #333; }

.tab_content.cibi#bi .con_box_in { padding: 0 0 70px; }

.tab_content.cibi#bi .con_box.logo .con_img { width: 100%; height: 0; padding-top: 27.27273%; background-image: url("../img/web/bi_logo_img.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.tab_content.cibi#bi .txt { letter-spacing: -0.45px; }

.tab_content.cibi#bi .txt.point { margin: 40px 0 20px; font-family: "NotoSansKr_Regular"; font-size: 20px; letter-spacing: -0.5px; }

.tab_content.cibi#bi .con_box.bg_yes .con_box_in .con_img.logo { width: 100%; height: 0; padding-top: 27.27273%; background-image: url("../img/web/bi_logo_img1.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.tab_content.cibi#bi .con_box.bg_yes .con_box_in h4 { margin: 40px 0 30px; }

.tab_content.cibi#bi .color .color_list > li { width: 17.2%; margin-left: 1.8%; }

.tab_content.cibi#bi .color .color_list > li .color_view { height: 148px; }

.tab_content.cibi#bi .color .color_list > li:nth-child(1) .color_view { background: #000000; }

.tab_content.cibi#bi .color .color_list > li:nth-child(2) .color_view { background: #3eb036; }

.tab_content.cibi#bi .color .color_list > li:nth-child(3) .color_view { background: #545454; }

.tab_content.cibi#bi .color .color_list > li:nth-child(4) .color_view { background: #a7a8aa; }

.tab_content.cibi#bi .color .color_list > li:nth-child(5) .color_view { background: url(../img/web/remark_light_gray.png) no-repeat center center; background-size: cover; }

.tab_content.cibi#bi .color .color_list > li dl { min-height: 96px; }

.tab_content.cibi#bi .color .color_list > li dl dt { margin-bottom: 8px; }

.tab_content.cibi#bi .color .color_list > li dl dd { margin-top: 3px; }

.tab_content.cibi#bi .con_box.remark .remark_list { overflow: hidden; margin-top: 50px; }

.tab_content.cibi#bi .con_box.remark .remark_list > li { float: left; position: relative; width: 33.33%; text-align: center; }

.tab_content.cibi#bi .con_box.remark .remark_list > li::before { display: block; content: ''; position: absolute; left: -13px; top: 115px; width: 27px; height: 27px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -320px; background-position-y: 0px; }

.tab_content.cibi#bi .con_box.remark .remark_list > li:first-child::before { display: none; }

.tab_content.cibi#bi .con_box.remark .remark_list > li .thumb > img { max-width: 259px; }

.tab_content.cibi#bi .con_box.remark .remark_list > li dl { margin-top: 30px; }

.tab_content.cibi#bi .con_box.remark .remark_list > li dl dt { font-size: 20px; letter-spacing: -0.5px; }

.tab_content.cibi#bi .con_box.remark .remark_list > li dl dt > strong { display: block; margin-bottom: 5px; font-family: "NotoSansKr_Thin"; font-size: 30px; }

.tab_content.cibi#bi .con_box.remark .remark_list > li dl dt > strong > span { font-family: "NotoSansKr_Medium"; color: #39b459; }

.tab_content.cibi#bi .con_box.remark .remark_list > li dl dd { margin-top: 15px; font-family: "NotoSansKr_Light"; font-size: 16px; color: #737373; line-height: 22px; letter-spacing: -0.4px; }

/*	홍보센터 - 미디어 */
.con_box.media .con_box_in { padding: 50px 0 70px; }

.con_box.media h4 { margin: 0 0 15px; }

.con_box.media .movie_area { margin-bottom: 10px; }

.con_box.media .movie_txt_area { position: relative; }

.con_box.media .movie_txt_area dl dt { padding: 20px 142px 20px 0; font-family: "NotoSansKr_Light"; font-size: 22px; letter-spacing: -0.55px; border-bottom: 1px solid #ccc; }

.con_box.media .movie_txt_area dl dd { padding: 30px; font-family: "NotoSansKr_Light"; }

.con_box.media .movie_txt_area dl dd h5 { margin-bottom: 30px; font-size: 20px; }

.con_box.media .movie_txt_area dl dd .movie_description { font-family: "NotoSansKr_light"; font-size: 18px; color: #737373; line-height: 28px; }

.con_box.media .movie_txt_area .sns_list { overflow: hidden; position: absolute; top: 23px; right: 0; }

.con_box.media .movie_txt_area .sns_list > li { float: left; margin-left: 7px; }

.con_box.media .movie_txt_area .sns_list > li:first-child { margin-left: 0; }

.con_box.media .movie_txt_area .sns_list > li > a { display: block; width: 30px; height: 30px; background-image: url(../img/web/movie_sns_icon.png); background-repeat: no-repeat; text-indent: -9999em; }

.con_box.media .movie_txt_area .sns_list > li:nth-child(1) > a { background-position: 0 0; }

.con_box.media .movie_txt_area .sns_list > li:nth-child(2) > a { background-position: -37px 0; }

.con_box.media .movie_txt_area .sns_list > li:nth-child(3) > a { background-position: -74px 0; }

.con_box.media .movie_txt_area .sns_list > li:nth-child(4) > a { background-position: -111px 0; }



/*	06.고객지원 - QNA */
.con_box.qna .con_box_in { padding: 0 0 70px; }

/*	06.고객지원 - 주요연락처 */
.con_box.contact .th_ver_table col.title { width: 17.2%; }

.con_box.contact .th_ver_table col.detail { width: 47.8%; }

.con_box.contact .th_ver_table col.phone { width: 35%; background: #f5f5f5; }

.con_box.contact .th_ver_table tbody > tr:first-child > th { border-top: 1px solid #888; }

.con_box.contact .th_ver_table tbody td { padding: 10px 30px; font-size: 16px; }

.con_box.contact .th_ver_table tbody td > span.phone { display: inline-block; position: relative; padding-left: 26px; }

.con_box.contact .th_ver_table tbody td > span.phone::before { display: block; content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 18px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -138px; background-position-y: 0; }

.con_box.contact .th_ver_table tbody td > span.email { display: inline-block; position: relative; padding-left: 35px; }

.con_box.contact .th_ver_table tbody td > span.email::before { display: block; content: ''; position: absolute; left: 0; top: 5px; width: 23px; height: 15px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -97px; background-position-y: -29px; }

.con_box.contact .phone_number { width: 100%; height: 70px; margin-top: 5px; font-family: "NotoSansKr_Demilight"; font-size: 24px; text-align: center; line-height: 70px; background: #f9f9f9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }


/*	07. etc - 사이트맵 */
.con_box.sitemap .con_box_in { overflow: hidden; position: relative; }

.con_box.sitemap .con_box_in::before { display: block; content: ''; position: absolute; left: 33.3333%; top: 70px; width: 1px; height: 86.8%; background: #ebebeb; }

.con_box.sitemap .con_box_in::after { display: block; content: ''; position: absolute; left: 66.6666%; top: 70px; width: 1px; height: 86.8%; background: #ebebeb; }

.con_box.sitemap .con_box_in .sitemap_list { float: left; width: 33.3333%; padding: 0 10px; }

.con_box.sitemap .con_box_in .sitemap_list:nth-child(8) { display: none; }

.con_box.sitemap .con_box_in .sitemap_list h4 { }

.sitemap_h41{width: 100%; height: 55px; margin: 0; font-size: 24px; text-align: center; line-height: 55px; background:#9C6E32; }
.sitemap_h42{width: 100%; height: 55px; margin: 0; font-size: 24px; text-align: center; line-height: 55px; background:#54360e;}
.sitemap_h43{width: 100%; height: 55px; margin: 0; font-size: 24px; text-align: center; line-height: 55px; background:#bc9665;}
.sitemap_h44{width: 100%; height: 55px; margin: 0; font-size: 24px; text-align: center; line-height: 55px; background:#e88b12;}
.sitemap_h45{width: 100%; height: 55px; margin: 0; font-size: 24px; text-align: center; line-height: 55px; background:#e5b16c;}




.con_box.sitemap .con_box_in .sitemap_list > ul { padding: 0 30px; }

.con_box.sitemap .con_box_in .sitemap_list > ul > li { margin: 30px 0; }

.con_box.sitemap .con_box_in .sitemap_list > ul > li > a { display: block; position: relative; width: 100%; margin-bottom: 20px; font-family: "NotoSansKr_Demilight"; font-size: 20px; color: #555; }

.con_box.sitemap .con_box_in .sitemap_list > ul > li > a::after { display: block; content: ''; position: absolute; right: 0; top: 3px; width: 7px; height: 11px; vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -438px; background-position-y: 0; }

.con_box.sitemap .con_box_in .sitemap_list > ul > li > ul > li { margin-bottom: 15px; }

.con_box.sitemap .con_box_in .sitemap_list > ul > li > ul > li > a { font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; }

.con_box.email_reject .con_box_in { max-width: 800px; padding-top: 250px; background: url(../img/web/email_reject.gif) no-repeat center 60px; }

.con_box.email_reject .txt.date { margin-top: 10px; text-align: center; }


/*	공통 변수 */
/*	공통 mixin */
/*	animate  */
/*	Tablet Size Change  */
/*	Mobile Size Change */
/*	ICON	*/
/*	Space Border	*/
/*	Contents Images */
/*	Letter-Spacing */
/* 차별화영역 */
.con_box.ict_tab { margin-top: 50px; }

.con_box.ict > .con_box_in { padding-top: 25px; }

.con_box.ict .ict_img1 { width: 529px; margin: 30px auto 0; }

.con_box.ict .ict_img1 .img { width: 100%; height: 0; padding-top: 109.07372%; background-image: url("../img/web/ict_img01.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_img2 { width: 996px; margin: 85px auto 0; }

.con_box.ict .ict_img2 .img { width: 100%; height: 0; padding-top: 52.40964%; background-image: url("../img/web/ict_img02.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict1_img2 { width: 771px; margin: 60px auto 60px; }

.con_box.ict .ict1_img2 .img { width: 100%; height: 0; padding-top: 75.61608%; background-image: url("../img/web/ict1_img2.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict2_img1 { width: 1100px; margin: 16px auto 0; }

.con_box.ict .ict2_img1 .img { width: 100%; height: 0; padding-top: 80.45455%; background-image: url("../img/web/ict2_img1.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict3_img1 { width: 1100px; margin: 28px auto 0; }

.con_box.ict .ict3_img1 .img { width: 100%; height: 0; padding-top: 61.63636%; background-image: url("../img/web/ict3_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict4_img1 { width: 1100px; margin: 45px auto 0; }

.con_box.ict .ict4_img1 .img { width: 100%; height: 0; padding-top: 34.18182%; background-image: url("../img/web/ict4_img1.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict5_img1 { width: 652px; margin: 25px auto 0; }

.con_box.ict .ict5_img1 .img { width: 100%; height: 0; padding-top: 146.16564%; background-image: url("../img/web/ict5_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict6_img1 { width: 853px; margin: 25px auto 0; }

.con_box.ict .ict6_img1 .img { width: 100%; height: 0; padding-top: 131.77022%; background-image: url("../img/web/ict6_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .tab { max-width: 1100px; margin: 100px auto 65px; }

.con_box.ict .ict_ul { position: relative; padding-left: 10px; border-left: 1px solid #e1e1e1; font-size: 18px; letter-spacing: -1px; }

.con_box.ict .ict_ul li { padding: 15px 0 15px 5px; border-top: 1px solid #ebebeb; }

.con_box.ict .ict_ul li:first-child { padding-top: 5px; border-top: 0; }

.con_box.ict .ict_ul li:last-child { padding-bottom: 5px; }

.con_box.ict .ict_ul li > p { margin-left: 8px; text-indent: -8px; }

.con_box.ict .ict_ul li > span { color: #444; font-family: "NotoSansKr_Regular"; }

.con_box.ict .ict_ul li .star { position: relative; top: -2px; color: #9E7134; font-size: 21px; font-family: "NotoSansKr_Demilight"; }

.con_box.ict .ict_business { max-width: 1100px; margin: 0 auto; padding-bottom: 100px; }

.con_box.ict .ict_business h4 { padding: 70px 0 15px; color: #333; font-size: 30px; }

.con_box.ict .ict_business h5 { padding: 45px 0 15px; color: #333; font-size: 24px; line-height: 30px; }

.con_box.ict .ict_business .ict_txt1 { color: #333; font-size: 22px; line-height: 30px; letter-spacing: -1px; text-align: center; }

.con_box.ict .ict_business .ict_txt1 .br { display: block; }

.con_box.ict .ict_business .ict_txt1 strong { font-family: "NotoSansKr_Medium"; color: #e41313; letter-spacing: -0.5px; }

.con_box.ict .ict_business .ict_txt2 { color: #737373; font-size: 18px; font-family: "NotoSansKr_Light"; }

.con_box.ict .ict_business .ict_txt3 { margin-top: 9px; color: #555; font-size: 18px; line-height: 26px; font-family: "NotoSansKr_Light"; text-align: right; }

.con_box.ict .ict_business .ict_txt3 .star { position: relative; top: 6px; color: #9E7134; font-size: 21px; font-family: "NotoSansKr_Demilight"; }

.con_box.ict .ict_business .ict_txt3 .color_b { font-family: "NotoSansKr_Demilight"; }

.con_box.ict .ict_business .th_ver_table th { padding: 20px 5px 20px 15px; background-color: #fff; line-height: 1.45; letter-spacing: -1px; text-align: left; vertical-align: top; }

.con_box.ict .ict_business .th_ver_table th:after { display: none; }

.con_box.ict .ict_business .th_ver_table td { padding: 10px 0 10px; background-color: #fff; }

.con_box.ict .ict_business .th_ver_table tr:last-child th, .con_box.ict .ict_business .th_ver_table tr:last-child td { border-bottom: 1px solid #ccc; }

.con_box.ict .ict_business .ict_officeBuilding { padding: 45px 19px 0; }

.con_box.ict .ict_business .ict_officeBuilding:after { content: ""; display: block; clear: both; }

.con_box.ict .ict_business .ict_officeBuilding .img_area { float: left; width: 442px; margin-top: 40px; }

.con_box.ict .ict_business .ict_officeBuilding .img_area .img { width: 100%; height: 0; padding-top: 135.74661%; background-image: url("../img/web/ict1_img1.png"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_officeBuilding .txt_area { margin-left: 512px; }

.con_box.ict .ict_business .ict_officeBuilding .txt_area .th_ver_table .col1 { width: 29%; }

.con_box.ict .ict_business .ict_officeBuilding .txt_area .txt1 { margin: 5px 0 0 7px; color: #737373; font-size: 16px; font-family: "NotoSansKr_Light"; letter-spacing: -0.5px; text-indent: -7px; line-height: 1.5; }

.con_box.ict .ict_business .ict_officeBuilding .txt_area .txt1 .color_b { color: #555; font-family: "NotoSansKr_Demilight"; }

.con_box.ict .ict_business .ict_service:after { content: ""; display: block; clear: both; }

.con_box.ict .ict_business .ict_service .left_area { float: left; width: 49%; }

.con_box.ict .ict_business .ict_service .right_area { float: right; width: 49%; }

.con_box.ict .ict_business .ict_service .th_ver_table .col1 { width: 30%; }

.con_box.ict .ict_business .ict_service .th_ver_table th.vm { vertical-align: middle; }

.con_box.ict .ict_business .ict_service .ict_ul { min-height: 100px; }

.con_box.ict .ict_business .ict_service.ict_service_v2 .ict_ul { min-height: 207px; }

.con_box.ict .ict_business .ict_service.ict_service_v3 { padding-top: 80px; }

.con_box.ict .ict_business .ict_service.ict_service_v3 .th_ver_table .col1 { width: 25%; }

.con_box.ict .ict_business .ict_service.ict_point { display: table; width: 100%; }

.con_box.ict .ict_business .ict_service.ict_point .point_area { display: table-cell; width: 49%; border-top: 1px solid #888; border-bottom: 1px solid #ccc; background: #fff; line-height: 1.5; word-break: break-all; font-family: "NotoSansKr_Light"; font-size: 18px; color: #737373; }

.con_box.ict .ict_business .ict_service.ict_point .point_area.empty { width: 2%; border: 0; background: none; }

.con_box.ict .ict_business .ict_service.ict_point .point_area .ict_ul { border-left: 0; }

.con_box.ict .ict_business .ict_service.ict_point .point_area .ict_ul:before { content: ""; display: block; position: absolute; top: -2px; left: 0; width: 30%; height: 2px; background: #9E7134; }

.con_box.ict .ict_business .ict_service.ict_point .point_area .ict_ul li { padding-left: 20px; padding-right: 20px; }

.con_box.ict .ict_business .ict_service.ict_point .point_area .ict_ul li:first-child { padding-top: 15px; }

.con_box.ict .ict_business .ict_service.ict_point .point_area .ict_ul li:last-child { padding-bottom: 15px; }

.con_box.ict .ict_business .ict_list { margin: 33px 0 0 -20px; }

.con_box.ict .ict_business .ict_list:after { content: ""; display: block; clear: both; }

.con_box.ict .ict_business .ict_list .list_box { float: left; width: 540px; margin: 0 0 50px 20px; border: 1px solid #e6e6e6; background: #fff; }

.con_box.ict .ict_business .ict_list .list_box .img_area { position: relative; height: 390px; }

.con_box.ict .ict_business .ict_list .list_box .img_area h5 { position: absolute; bottom: 0; left: 0; width: 100%; height: 67px; padding: 0 0 0 35px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 30px; line-height: 67px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img1 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_hotel_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img2 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_hotel_img2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img3 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_apart_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img4 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_apart_img2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img5 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_apart_img3.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img6 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_apart_img4.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img7 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_bill_img1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img8 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_bill_img2.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img9 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_bill_img3.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .img_area .img10 { width: 100%; height: 0; padding-top: 72.49071%; background-image: url("../img/web/ict_bill_img4.jpg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.con_box.ict .ict_business .ict_list .list_box .txt_area { padding: 0 34px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area h6 { padding: 30px 0 21px 1px; border-bottom: 1px solid #333; color: #333; font-size: 24px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item { padding-bottom: 17px; color: #737373; font-size: 16px; font-family: "NotoSansKr_Light"; letter-spacing: -1px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item:after { content: ""; display: block; clear: both; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item.sameH1 { min-height: 257px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item.sameH2 { min-height: 449px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item.sameH3 { min-height: 230px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item.sameH4 { min-height: 401px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li { float: left; width: 50%; padding: 12px 0 10px 35px; line-height: 20px; text-indent: -31px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon50 { padding-top: 11px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li:before { content: ""; display: inline-block; position: relative; top: -2px; width: 26px; height: 26px; margin-right: 5px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon01:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -20px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon02:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -46px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon03:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -72px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon04:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -98px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon05:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -124px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon06:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -150px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon07:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -176px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon08:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -202px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon09:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -228px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon10:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -254px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon11:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -280px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon12:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -306px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon13:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -332px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon14:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -358px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon15:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -384px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon16:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -410px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon17:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -436px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon18:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -462px; background-position-y: -68px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon19:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -20px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon20:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -46px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon21:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -72px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon22:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -98px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon23:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -124px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon24:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -150px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon25:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -176px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon26:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -202px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon27:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -228px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon28:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -254px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon29:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -280px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon30:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -306px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon31:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -332px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon32:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -358px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon33:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -384px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon34:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -410px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon35:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -436px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon36:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -462px; background-position-y: -94px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon37:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -20px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon38:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -46px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon39:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -72px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon40:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -98px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon41:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -124px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon42:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -150px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon43:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -176px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon44:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -202px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon45:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -228px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon46:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -254px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon47:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -280px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon48:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -306px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon49:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -332px; background-position-y: -120px; }

.con_box.ict .ict_business .ict_list .list_box .txt_area .list_item li.icon50:before { vertical-align: middle; background-image: url(../img/web/icon.png); background-repeat: no-repeat; background-position-x: -358px; background-position-y: -120px; height: 28px; }

.con_box.ict .ict_business_full { /* background:#f9f9f9; */ }

.con_box.ict .ict_business_full.bg_white { background: #fff; }

.con_box.ict .ict_business_full.other1 .ict_business, .con_box.ict .ict_business_full.bg_white .ict_business { padding-bottom: 50px; }

.con_box.ict span.br::after { content: ''; display: block; }

.con_box.ict .con_top_tit { padding: 60px 0 50px; }

.con_box.ict .con_top_tit dt { font-family: 'NotoSansKr_Light'; font-size: 42px; color: #333; text-align: center; padding-bottom: 25px; }

.con_box.ict .con_top_tit dt strong { color: #c8171e; }

.con_box.ict .con_top_tit dd { color: #666; font-size: 21px; text-align: center; line-height: 1.6; }

.con_box.ict .con_top_tit dd strong { color: #333; font-family: "NotoSansKr_Medium"; }

.phone_info_wrap { overflow: hidden; position: relative; padding-right: 379px; min-height: 709px; background: #f5f7fc; }

.phone_info_wrap .phone_info_img { display: table; background: #eaeef8; width: 100%; padding: 20px 0; }

.phone_info_wrap .phone_info_img .fn_img { text-align: center; width: 50%; display: table-cell; }

.phone_info_wrap .phone_info_img .fn_img img { max-width: 259px; }

.phone_info_wrap .right_img { position: absolute; right: 0; top: 0; background: url(../img/web/hotel_info_img.jpg) no-repeat center center; background-size: cover; width: 379px; height: 100%; }

.phone_info_wrap .phone_info { padding: 25px; overflow: hidden; }

.phone_info_wrap .phone_info ol { float: left; width: 50%; padding: 0 10px; }

.phone_info_wrap .phone_info ol:first-child { padding-right: 0; }

.phone_info_wrap .phone_info ol li { font-size: 14px; }

.circle_num > li { padding-left: 20px; position: relative; margin-bottom: 5px; line-height: 1.5; font-family: "NotoSansKr_Light"; }

.circle_num > li strong { font-family: "NotoSansKr_Medium"; }

.circle_num > li:before { display: inline-block; position: absolute; left: 0; top: -1px; font-family: "NotoSansKr_Light"; color: #4991cf; }

.circle_num > li.num1::before { content: '\2460'; }

.circle_num > li.num2::before { content: '\2461'; }

.circle_num > li.num3::before { content: '\2462'; }

.circle_num > li.num4::before { content: '\2463'; }

.circle_num > li.num5::before { content: '\2464'; }

.circle_num > li.num6::before { content: '\2465'; }

.circle_num > li.num7::before { content: '\2466'; }

.circle_num > li.num8::before { content: '\2467'; }

.circle_num > li.num9::before { content: '\2468'; }

ul.bl_line li { padding-left: 12px; position: relative; }

ul.bl_line li::before { content: ""; width: 4px; height: 1px; background: #888888; display: inline-block; position: absolute; left: 0; top: 11px; }

.phone_func { padding: 40px 0 0; }

.phone_func .func_list { display: table; width: 100%; padding: 45px 0; border-top: 1px solid #e1e1e1; }

.phone_func .func_list.brd_top_none { border-top: 0; }

.phone_func .func_list .icon_con { display: table-cell; width: 33%; vertical-align: middle; text-align: center; padding: 0 25px; }

.phone_func .func_list .icon_con img { max-width: 150px; }

.phone_func .func_list .txt_con { display: table-cell; }

.phone_func .func_list .txt_con dl dt { line-height: 1.5; }

.phone_func .func_list .txt_con dl dt p.tit { font-size: 28px; font-family: "NotoSansKr_Light"; color: #333; padding-bottom: 20px; }

.phone_func .func_list .txt_con dl dt p.tit em { font-size: 20px; }

.phone_func .func_list .txt_con dl dt p.comment { font-size: 18px; }

.phone_func .func_list .txt_con dl dd { padding-top: 20px; line-height: 1.5; font-size: 16px; }

.phone_func .func_list .txt_con dl dd ul { padding-bottom: 10px; }

.phone_func .func_list .txt_con dl dd ul li { font-family: "NotoSansKr_Light"; }

.phone_func .func_list .txt_con .bg_box { background: #f6f6f6; padding: 25px 40px; color: #888; }

.phone_func .func_list .txt_con .bg_box .txt_bold { font-family: "NotoSansKr_Medium"; }

/* 레이어 공통 */
.layerPopup { position: absolute; z-index: 9999; display: none; left: 50%; top: 50%; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-clip: padding-box; background: #fff; z-index: 9999; border: 3px solid #c8171e; }

.layerPopup span.br::after { content: ""; display: table; }

.layerPopup .layer_top { position: relative; padding: 55px 0 0; text-align: center; }

.layerPopup .layer_top h2 { color: #333333; font-size: 36px; font-family: "NotoSansKr_Medium"; }

.layerPopup .layer_top h2 strong { display: inline-block; position: relative; padding-right: 15px; margin-right: 10px; }

.layerPopup .layer_top h2 strong::before { content: ""; width: 1px; height: 20px; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -10px; background: #333; }

.layerPopup .layer_top .pop_summary { font-size: 16px; line-height: 1.6; padding-top: 15px; }

.layerPopup .layer_top .pop_summary strong { color: #9E7134; }

.layerPopup .layer_top .closeLayer { position: absolute; right: 0; top: 0; background: url(../img/web/asset_layer_close.png) no-repeat; font-size: 0; text-indent: -9999em; width: 58px; height: 58px; }

.layerPopup .layer_top .closeLayer a { display: block; width: 100%; height: 100%; }

.layerPopup .layer_body { padding: 40px; }

.layerPopup.register_layer { margin: 0; left: 50%; top: 80px; transform: translate(-50%, 0); width: 730px; }

#layerScreen { z-index: 9998; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: black; filter: Alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; display: none; }

.pop_register { border-top: 1px solid #888; }

.pop_register .form_tbl input.btmline { border-color: #fff; border-bottom-color: #7f7f7f; }

.pop_register .form_tbl dl { display: table; width: 100%; }

.pop_register .form_tbl dl dt { display: table-cell; width: 140px; vertical-align: middle; padding: 20px; white-space: nowrap; color: #333; background: #ebebeb; font-size: 18px; font-family: "NotoSansKr_Medium"; border-bottom: 1px solid #fff; }

.pop_register .form_tbl dl dd { display: table-cell; vertical-align: middle; padding: 12px 0 12px 20px; text-align: left; border-bottom: 1px solid #ededed; }

.pop_register .form_tbl dl dd * { vertical-align: middle; }

.pop_register .form_tbl dl dd input[type=text] { font-family: "NotoSansKr_Regular"; font-size: 16px; padding: 0 10px; }

.pop_register .form_tbl dl dd select { font-family: "NotoSansKr_Regular"; font-size: 16px; }

.pop_register .form_tbl dl dd textarea { min-height: 150px; font-family: "NotoSansKr_Regular"; font-size: 16px; }

.pop_register .form_tbl .col-group.email_input { width: 100%; overflow: hidden; }

.pop_register .form_tbl .col-group.email_input * { vertical-align: middle; }

.pop_register .form_tbl .col-group.email_input > span { display: block; width: 30%; }

.pop_register .form_tbl .col-group.email_input > span.email_account { float: left; display: block; width: 30%; }

.pop_register .form_tbl .col-group.email_input > span.email_account #userEmail1 { width: 100%; }

.pop_register .form_tbl .col-group.email_input > span.email_server { float: left; position: relative; width: 30%; }

.pop_register .form_tbl .col-group.email_input > span.email_server #userEmail2 { width: 100%; }

.pop_register .form_tbl .col-group.email_input > span.at { float: left; width: 5%; text-align: center; line-height: 36px; }

.pop_register .form_tbl .col-group.email_input > span.select-wrapper { float: right; width: 34%; padding-right: 0; }

.pop_register .form_tbl .col-group.email_input > span.select-wrapper select { margin: 0; padding-right: 0; min-width: auto; width: 100%; }

.pop_register .contact_info { text-align: center; padding-top: 30px; }

.pop_register .contact_info dl dt { color: #a3b3ca; padding-bottom: 10px; }

.pop_register .contact_info dl dt::before { content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/web/icon_phone.png) no-repeat; margin-right: 10px; vertical-align: middle; }

.pop_register .contact_info dl dd { color: #666666; }

.pop_register .contact_info dl dd strong { display: inline-block; margin-right: 5px; }

.pop_register .contact_info dl dd strong a { color: #ee373d; display: inline-block; font-family: "NotoSansKr_Medium"; }

.pop_register .contact_info dl dd span { display: inline-block; background: #f5f5f5; border-radius: 15px; padding: 10px 20px; }

.pop_register .btn_area { margin: 30px 0 0; }

.btn_area .btn.en_btn_lg { width: auto; padding-left: 25px; padding-right: 25px; font-size: 18px; }

.en_page .phone_func .func_list .txt_con dl dt p.tit { font-family: "NotoSansKr_Regular"; }

.en_page .phone_func .func_list .txt_con dl dt p.comment { font-size: 18px; }

.lang_con { position: relative; }

.lang_con * { vertical-align: top; }

.lang_btns { display: inline-block; position: absolute; right: 0; top: 0; }

.lang_btns a { display: inline-block; font-size: 16px; width: 114px; color: #999; border-radius: 20px; text-align: center; margin-left: 7px; border: 1px solid #d4d4d4; padding: 10px 0; font-family: 'NotoSansKr_Regular'; }

.lang_btns a.on { color: #fff; background: #373737; }





/* 푸터 약관들 */
.privacy_con { color: #444; font-size: 15px; line-height: 1.8; font-family: "NotoSansKr_Demilight"; }

.privacy_con h4 { margin: 50px 0 0 !important; color: #e03136 !important; font-size: 20px !important; font-family: "NotoSansKr_Medium"; }

.privacy_con h4:first-child { margin-top: 0 !important; }

.privacy_con h5 { margin: 25px 0 5px; font-size: 16px; font-family: "NotoSansKr_Medium"; }

.privacy_con strong { font-family: "NotoSansKr_Medium"; }

.privacy_con p + .txt_num { margin-top: 5px; }

.privacy_con .mt5 { margin-top: 5px; }

.privacy_con .mt20 { margin-top: 20px; }

.privacy_con .a_link { color: #e03136; }

.privacy_con .underline { border-bottom: 1px solid #444; }

.privacy_con .other_txt1 { margin: 10px 0 0 81px; text-indent: -81px; }

.privacy_con .other_txt2 { margin-left: 25px; text-indent: -8px; }

.privacy_con .other_txt3 { margin-left: 66px; text-indent: -66px; }

.privacy_con .other_txt4 { margin: 10px 0 0 8px; text-indent: -8px; }

.privacy_con .txt_num li { position: relative; padding-left: 28px; }

.privacy_con .txt_num span.num { display: inline-block; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; background: #666; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 13px; text-align: center; line-height: 20px; }

.privacy_con .txt_num .child_num { margin-bottom: 10px; }

.privacy_con .txt_num .child_num li { padding-left: 18px; text-indent: -18px; }

.privacy_con .txt_num .child_bar li { padding-left: 8px; text-indent: -8px; }

.privacy_con .txt_num2 { margin-top: 5px; }

.privacy_con .txt_box { margin-top: 20px; padding: 20px; border: 1px solid #d2d2d2; background: #f9f9f9; }

.privacy_con .txt_box ul { margin-top: 10px; }

.privacy_con .txt_box ul li { margin-left: 8px; text-indent: -8px; }

.privacy_con .txt_box2 { overflow: hidden; margin-top: 20px; padding: 20px; border: 1px solid #d2d2d2; background: #f9f9f9; }

.privacy_con .txt_box2 ul { float: left; width: 50%; padding-left: 40px; }

.privacy_con .txt_box2 ul li { margin-left: 16px; text-indent: -16px; }

.privacy_con .tbl_box { margin-top: 10px; }

.privacy_con .tbl_box table { width: 100%; line-height: 1.6; }

.privacy_con .tbl_box th { padding: 10px 2px; border: 1px solid #d2d2d2; background: #f4f4f4; vertical-align: middle; font-family: "NotoSansKr_Regular"; }

.privacy_con .tbl_box td { padding: 8px 2px; border: 1px solid #d2d2d2; text-align: center; vertical-align: middle; }

.privacy_con .bullet_list > li { position: relative; margin-bottom: 7px; padding-left: 10px; line-height: 17px; }

.privacy_con .bullet_list > li::before { display: block; content: '-'; position: absolute; left: 0; top: 0; }

.privacy_con a.direct { display: inline-block; margin-left: 20px; text-decoration: underline; }


/* notWeb */

/* tablet wide */




/*# sourceMappingURL=maps/style.css.map */

@media (min-width: 1280px) {
		.box{float:left;}
		.box{float:left;}
		.footer_copyright p img{float:left; margin-top:25px; margin-right:60px;}
	}





/*.header_bottom {
    background: -moz-linear-gradient(45deg, #f16e52 0%, #c8171e 14%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f16e52), color-stop(14%, #c8171e));
    background: -webkit-linear-gradient(45deg, #f16e52 0%, #c8171e 14%);
    background: -o-linear-gradient(45deg, #f16e52 0%, #c8171e 14%);
    background: -ms-linear-gradient(45deg, #f16e52 0%, #c8171e 14%);
    background: linear-gradient(45deg, #f16e52 0%, #c8171e 14%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8171e', endColorstr='#f16e52',GradientType=1 );
    border-bottom: 0;
	position: relative;
}*/


/*추가css*/

/*퀵메뉴*/
.baby-sub-quick-menu-area{
  position:fixed;
  top:100px;
  right:45px;
  z-index: 9999;
}

.quick_li{width:90px; height:80px; border:1px solid #ededed}

.quick_li:first-child { background:#fff url("../img/web/quick1.png") no-repeat center 10px; color:#000 }
.quick_li:nth-child(2) { background:#fff url("../img/web/quick2.png") no-repeat center 10px; color:#000 }
.quick_li:nth-child(3) { background:#fff url("../img/web/quick3.png") no-repeat center 10px; color:#000 }
.quick_li:last-child { background:#fff url("../img/web/quick4.png") no-repeat center 10px; color:#000 }

.quick_li:first-child:hover{display:block;background:#eac68f url("../img/web/quick1_hover.png") no-repeat center 10px; }
.quick_li:nth-child(2):hover{display:block;background:#eac68f url("../img/web/quick2_hover.png") no-repeat center 10px; }
.quick_li:nth-child(3):hover{display:block;background:#eac68f url("../img/web/quick3_hover.png") no-repeat center 10px; }
.quick_li:last-child:hover{display:block;background:#eac68f url("../img/web/quick4_hover.png") no-repeat center 10px; }

.quick_li a:hover{color:#fff}
.quick_li a{display:block; text-align:center; color:#000 ; padding-top:55px;}

.baby-sub-quick-menu-area a{display: block;}


/*오시는길*/
.sub14_table{width:100%; border-top:2px solid #A17335; margin-top:40px;}
.sub14_table tr{height:40px;}
.sub14_table th{border:1px solid #ededed; width:150px; text-align:left; padding-left:15px; line-height:40px; background:#f9f9f9; 	font-family: "NotoSansKr_Bold";}
.sub14_table td{border:1px solid #ededed; text-align:left; padding-left:15px; line-height:40px; }

/*사업영역*/
.imgBoxDiv{
      width: 25%;
      height: 460px;
      position: relative;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 2px 2px 8px 0px #000;
	  margin-bottom:50px;
}

.imgDiv{
      width: 100%;
      height: 100%;
      position: absolute;
      background: lightblue;
      z-index:1;
      -webkit-transition:all .5s ease;
      transition: all .5s ease;
      bottom:0px;
      overflow: hidden;

}

.imgBoxDiv:hover .imgDiv{ bottom: 100px; }
.imgBoxDiv:hover .imgDiv2{ bottom: 120px; }
.imgBoxDiv:hover .imgDiv3{ bottom: 150px; }

.imgDescDiv{
      width: 100%;
      height: 100px;
      padding:20px;
      color:#FFFFFF;
      background: #000;
      position: absolute;
      bottom:0px;
      font-family: "NotoSansKr_Light";
	  line-height:20px;
	  letter-spacing:-0.5px;
}

.imgDescDiv2{
      width: 100%;
      height: 120px;
      padding:30px 20px 20px 20px;
      color:#FFFFFF;
      background: #9F7235;
      position: absolute;
      bottom:0px;
      font-family: "NotoSansKr_Light";
	  line-height:20px;
	  letter-spacing:-0.7px;
 }

.imgDescDiv3{
      width: 100%;
      height: 150px;
      padding:15px 20px 20px 20px;
      color:#FFFFFF;
      background: #9F7235;
      position: absolute;
      bottom:0px;
      font-family: "NotoSansKr_Light";
	  line-height:20px;
	  letter-spacing:-0.7px;
 }


ul.business_a  {margin:0 auto; width:100%; height:630px;}
ul.business_a li{ width:25%;float:left;}

ul.business_a li:first-child{margin-top:40px;}

ul.business_a li:nth-child(2){width:23%;float:left;}
ul.business_a li:nth-child(3){margin-top:70px;}
ul.business_a li:last-child{margin-top:40px;}
.imgDiv{color:#fff;font-size:28px;font-family: "NotoSansKr_Bold";padding-left:30px; text-shadow:5px 5px 5px gray;}
.sub21_h3_1{padding-top:80px; text-shadow:5px 5px 5px gray;}
.sub21_h3_2{padding-top:300px; text-shadow:5px 5px 5px gray;}
.sub21_h3_3{padding-top:80px; text-shadow:5px 5px 5px gray;}
.sub21_h3_4{padding-top:300px; text-shadow:5px 5px 5px gray;}
.sub21_p{
	margin-top:10px;
	font-family: "NotoSansKr_Light";
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.28px;
    word-break: break-all;
	text-shadow:5px 5px 5px gray;
}

.defaultTable {margin:0 auto; width:100%; border-top:1px solid #e5e5e5;  text-align:center; margin:50px 0px 100px; }
.defaultTable th {border-bottom:1px solid #e5e5e5; font-size:16px; height:auto; padding:16px 0px; font-weight:700; width:20%; }
.defaultTable td {border-bottom:1px solid #e5e5e5; font-size:14px;  height:auto; padding:16px 0px 16px 10px; text-align:left; }
.defaultTable td.title {text-align:center; background:#f8f9fd; color:000; text-indent:0px;}

/*main_performance*/
.main_performance span{display:inline-block; color:#fff; font-size:14px; font-family: "NotoSansKr_Light";
								border:1px solid #fff; border-radius:15px; width:83px; height:25px; line-height:22px; text-align:center;
								margin-left:43px;margin-top:38px;}
.main_performance h4{color:#fff; font-size:34px; ;font-family: "NotoSansKr_Bold" ;margin-top:13px; margin-left:43px;}
.main_performance p{color:#fff; font-size:18px;  font-family: "NotoSansKr_Regular"; margin-top:13px; margin-left:43px;}