@charset "utf-8";


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 200;
	src: url(/theme/basic/fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(/theme/basic/fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(/theme/basic/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(/theme/basic/fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(/theme/basic/fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(/theme/basic/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/theme/basic/fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(/theme/basic/fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(/theme/basic/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(/theme/basic/fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(/theme/basic/fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(/theme/basic/fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/theme/basic/fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(/theme/basic/fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(/theme/basic/fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/theme/basic/fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(/theme/basic/fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(/theme/basic/fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {	
	font-style: normal;
	font-weight: 700;
	src: url(/theme/basic/fonts/GmarketSansBold.woff2) format('woff2'),  
	url(/theme/basic/fonts/GmarketSansBold.woff) format('woff'),  
	url(/theme/basic/fonts/GmarketSansBold.otf) format('opentype');
}

@font-face {	
	font-style: normal;
	font-weight: 500;
	src: url(/theme/basic/fonts/GmarketSansMedium.woff2) format('woff2'),  
	url(/theme/basic/fonts/GmarketSansMedium.woff) format('woff'),  
	url(/theme/basic/fonts/GmarketSansMedium.otf) format('opentype');
}

@font-face {	
	font-style: normal;
	font-weight: 300;
	src: url(/theme/basic/fonts/GmarketSansLight.woff2) format('woff2'),  
	url(/theme/basic/fonts/GmarketSansLight.woff) format('woff'),  
	url(/theme/basic/fonts/GmarketSansLight.otf) format('opentype');
}


@font-face {
    font-family: 'GyeonggiBatang';
    src: url('/theme/basic/fonts/GyeonggiBatang_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:19px;  font-family:'Noto Sans KR', dotum, sans-serif;background:#fff; overflow-x:hidden; word-break:keep-all; font-weight:300; letter-spacing:-1px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 { font-size:19px;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {border:0;background:none;cursor:pointer}


textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


@media screen and (max-width: 1920px){
	
	body {font-size:16px; line-height:28px;}
	h1, h2, h3, h4, h5, h6 { font-size:16px;}
	}

/* 레이아웃 크기 지정 */


#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 5px;text-align:center;border:0;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px; padding:7px 20px;}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px;border-top: 2px solid #505c78;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}
.tbl_head01 .w1{ width:10%;}
.tbl_head01 .w2{ width:13%;}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}













#header{ position:absolute; top:0; left:0; height:100px; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s}

#headerInnerWrap{position:fixed; top:0; left:0; height:100px; width:100%; z-index:99;  -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
#headerInnerWrap:before{ content:''; position:absolute; bottom:0; width:100%; height:100%; background:#fff; border-bottom:1px #fff solid; opacity:1}
#header .logo{ position:absolute; top:20px; left:150px; font-weight:500; }
#header .logo span{font-size:40px; font-weight:bold; padding-right:10px;}
#header .logo a{ color:#fff;}
#header .logo br{ display:none;}


/* -------- Header :: GNB(PC) -------- */
#gnb{position:absolute; text-align: top:0; right:100px; z-index:99; }
#gnb > ul{display:inline-block; *display:inline;*zoom:1;}
#gnb > ul > li{position:relative; display:inline-block;}
#gnb > ul > li > a, #gnb .ect_m{position:relative; z-index:100; display:block; height:100px; line-height:100px; padding:0 60px; text-align:center; color:#000; font-size:25px; letter-spacing:-0.65px; font-weight:500; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
#gnb > ul > li > a:hover{ color:#18334b}
#gnb > ul > li > a:hover:before, #gnb > ul > li.on > a:before { width: 100%; margin-left: -50%;}
/*#gnb > ul > li > a:before { position: absolute; top: 0px;left: 50%;width: 0%;height: 3px;background-color: #233940; content: ""; -webkit-transition: all 0.8s; -moz-transition: all 0.8s;-o-transition: all 0.8s;
 -ms-transition: all 0.8s;transition: all 0.8s;}*/
 #gnb .ect_m a{ color:#fff;}

/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{	display:none;position:absolute; top:100px; left:0px; z-index:102;width:100%; text-align:left; background-color:#18334b; }
#gnb > ul > li .gnb-2dep ul{padding: 25px 0;}
#gnb > ul > li .gnb-2dep ul li{position:relative; padding:0 30px;}
#gnb > ul > li .gnb-2dep ul li a{display:block; text-align:left; color:#bcc0c2; font-size:19px; line-height:45px; letter-spacing: -0.65px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;  -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#gnb > ul > li .gnb-2dep ul li a:hover{color: #fff; padding-left:15px; }
#gnb > ul > li .gnb-2dep ul li a:before{position:absolute; top:20px; left:30px;content:""; width: 9px; height: 4px; background-color: #fff; opacity:0;filter:Alpha(opacity=0); -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#gnb > ul > li .gnb-2dep ul li a:hover:before{	opacity:1.0;filter:Alpha(opacity=100);}
#gnb .ect_m{ display:inline-block;}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}
/* 모바일 언어선택 */
#gnbM .header-lang {float:left; width:auto; height:30px; z-index:100; margin-top: 12.5px; margin-left: 3.5%;}
#gnbM .header-lang > ul {width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; overflow: hidden;}
#gnbM .header-lang > ul > li{float: left;}
#gnbM .header-lang > ul > li > a{display:block; padding:0 6px; font-size:14px; line-height: 30px; font-weight: 500; color:#4e4e4e;}
#gnbM .header-lang > ul > li > a:hover{color: red;}
#gnbM .header-lang > ul > li.selected a{color: red;}
.m-search-con{top: 24px; text-align: center; position: relative;}
.m-search-con .header-search-word{display: inline-block; width: 64.75%; max-width: 211px; padding: 0 40px 0 8px; height: 41px; border: 1px solid #cfcfcf; -webkit-appearance: none;
-moz-appearance: none;appearance: none;-webkit-border-radius: 0;background:#fff;}
.m-search-con .header-search-btn{color: #020202; position: absolute; right: 50%; top: 11.5px; margin-right: -120.5px;}


	/* -------- Header :: 스타일변경 -------- */	
	/* Header :: 마우스 OVER 스타일 (마우스 오버시 헤더의 배경색이 변경되는 경우에만 삽입) */
	#header.fixed-header.over #headerInnerWrap{background:#fff;}
	#header.fixed-header.over .header-search-open-btn{border-color:#ff6100; color:#ff6100;}
	#header.fixed-header.over .header-lang{border-color:#ff6100;}
	#header.fixed-header.over .header-lang .lang-open-btn{color:#ff6100}
	#header.fixed-header.over .sitemap-line-btn .line{background-color:#ff6100}
	#header.fixed-header.over .sitemap-custom-btn{color:#ff6100; border-color:#ff6100; }
	#header.fixed-header.over #gnb{border-color:rgba(0,0,0,0.2)}
	#header.fixed-header.over #gnb > ul > li > a{color:#333;}
	#header.fixed-header.over #gnb > ul > li > a:hover,#header.fixed-header.over  #gnb > ul > li.on > a{color:#fff;}
	/* Header :: FIXED 스타일 (PC스타일) */
	
	
	
	#header.fixed #headerInnerWrap{top:0; height: 80px; box-shadow: 12px 9px 17px #0000001c; background:#fff;}
	#header.fixed #headerInnerWrap:before{ display:none;}
	#header.fixed .logo{ top:15px;}
	#header.fixed .logo a{ color:#222;}

	#header.fixed #gnb > ul > li > a, #gnb .ect_m{height: 80px; line-height: 80px; color:#555;}
	#header.fixed #gnb .ect_m a{ color:#555;}
	
	#header.fixed .header-lang {margin-top: 16.5px;}
	/* #header.fixed .header-lang > ul > li > a {color: #6d9fde;} */
	/* #header.fixed .header-lang > ul > li.selected a {color: #fff;} */
	#header.fixed .sitemap-line-btn {margin-top: 16.5px;}
/* 	#header.fixed .sitemap-line-btn .line {background-color: #fff;} */
	#header.fixed #gnb.each-menu > ul > li .gnb-2dep{top:80px; }
	#header.fixed .header-search-open-btn, #header.fixed .header-search-close-btn {height: 63px;/*border: 1px solid #f0f4fa;*/}

	#header.fixed .logo img{ width:190px;}

@media screen and (max-width: 1920px){
	
	#gnb{right:80px;}
	

	#headerInnerWrap{ height:70px;}
	#gnb > ul > li > a, #gnb .ect_m{height:70px; line-height:70px; font-size:20px;padding:0 45px;}
	#gnb.each-menu > ul > li .gnb-2dep{ top:70px;}
	#header .logo{ top:17px; left:100px;}
	#header .logo span{font-size:30px; } 
	#header .logo img{ width:190px;}
	
	
	
	#header.fixed #headerInnerWrap{top:0; height: 60px;}
	#headerInnerWrap{ height:70px;}
	#header.fixed #gnb > ul > li > a, #gnb .ect_m{height: 60px; line-height: 60px;}
	#header.fixed #gnb.each-menu > ul > li .gnb-2dep{top:60px; }
	#header.fixed .logo img{ width:150px;}
	
	
	#gnb > ul > li .gnb-2dep ul{padding: 20px 0;}
	#gnb > ul > li .gnb-2dep ul li{padding:0 20px;}
	#gnb > ul > li .gnb-2dep ul li a{font-size:15px; line-height:40px; }
	#gnb > ul > li .gnb-2dep ul li a:before{left:20px;}
	
}

 
@media all and ( max-width: 1440px ){
	/* -------- Header :: GNB(PC) -------- */
	#gnb > ul > li > a, #gnb .ect_m{font-size:16px;}
	#gnb > ul > li .gnb-2dep ul li a{font-size:13px;}
	#header .logo img{ width:180px;}
}
@media all and ( max-width: 1220px ){
	#header, #headerInnerWrap, #headerInner{height:55.5px;}

	#header .logo a{-webkit-background-size: 60%;
	background-size: 60%; background-position: center left;}
	#header.fixed #headerInnerWrap{box-shadow: 1px 1px 3px rgba(0, 0, 0, .1); height:55px;}
	#header.fixed-header.fixed #headerInnerWrap{top:0; background-color:#ff6100; }
	#header .logo{ top:15px; left:10px;}
	#header.fixed .logo{ top:10px;}
	#header .logo img{ width:130px;}
	
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:35px;}
	/* Header :: 사이트맵 버튼 */
	.sitemap-line-btn, .sitemap-custom-btn{display:none;}
	/* Header :: 검색 버튼, 언어선택 버튼 */
	.header-search-box {display: none;}
	.header-lang {display: none;}

	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}
	/* -------- Header :: GNB(Mobile) -------- */
	#gnbM{ 
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-102%;
		width:100%; 
		height:100%;  
		max-width:100%; 
		background-color:#f2f2f2; 
		z-index:999; 
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
	#gnbM .header-lang {display: block;}
	#gnbM #navigation{margin-top:55px; text-align: center;}	/* Header 높이값 */
	/* GNB Mobile :: 1차 */
	
	#gnbM #navigation > li{}
	#gnbM #navigation > li > a {position:relative; display:block; padding:20px 15px; color:#111; font-size:20px; font-weight: 500; letter-spacing: -0.75px;}
	#gnbM #navigation > li.active > a{color:red;}
	#gnbM #navigation > li.has-2dep > a{}
	#gnbM #navigation > li.has-2dep.active > a{}
	/* GNB Mobile :: 2차 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#fff;}
	#gnbM #navigation > li .gnb-2dep > li{}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#4e4e4e; font-weight: 400; letter-spacing: -0.75px; font-size:13px; padding:10px 15px;}
	#gnbM #navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); text-decoration:underline;}
	/* GNB Mobile :: 3차 */
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background-color:#aaa;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
	
	
	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; position:fixed; width: 55.5px; height: 55.5px; background-color: red; top:0px;  right:0px; z-index:9998; 
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	.nav-open-btn .line{
		display:block; width:16px; height:2px; background-color:#fff; border-radius:5px; margin: 4px auto;
		-webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active{background-color: transparent;}
	.nav-open-btn.active .line{background-color:#222;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(6px) rotate(45deg);
		  -ms-transform: translateY(6px) rotate(45deg);
		  -o-transform: translateY(6px) rotate(45deg);
		  transform: translateY(6px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-6px) rotate(-45deg);
		  -ms-transform: translateY(-6px) rotate(-45deg);
		  -o-transform: translateY(-6px) rotate(-45deg);
		  transform: translateY(-6px) rotate(-45deg);
	}
	
	#header.fixed-header .nav-open-btn .line{background-color:#fff}
}
@media all and ( max-width: 800px ){

	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:28px;}
	/* Header :: 사이트맵, 네비게이션 버튼 */
	.nav-open-btn{top:0; margin-top:0;}
	.nav-open-btn .line{width:20px; height:2px;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(7px) rotate(45deg);
		  -ms-transform: translateY(7px) rotate(45deg);
		  -o-transform: translateY(7px) rotate(45deg);
		  transform: translateY(7px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-5px) rotate(-45deg);
		  -ms-transform: translateY(-5px) rotate(-45deg);
		  -o-transform: translateY(-5px) rotate(-45deg);
		  transform: translateY(-5px) rotate(-45deg);
	}
	/* Header :: GNB(Mobile) */
	#gnbM #navigation{margin-top:60px;}	/* Header 높이값 */
	#gnbM #navigation > li > a {font-size:19px;}
	#gnbM #navigation > li .gnb-2dep > li > a{font-size:19px;}
	
	#header .logo{ font-size:13px; }
	#header .logo img{     height: 100%;}
	#header .logo span{ font-size:25px; padding-right:5px;}
}












.fw200{ font-weight:200;}
.fw300{ font-weight:300;}
.fw400{ font-weight:400;}
.fw500{ font-weight:500;}
.fwb{ font-weight:bold}

.fs17{ font-size:17px;letter-spacing:-1px; line-height:25px;}
.fs20{ font-size:20px;letter-spacing:-1px;line-height:35px}
.fs23{ font-size:23px;letter-spacing:-1px;line-height:30px}
.fs25{ font-size:25px;letter-spacing:-1px;line-height:33px;}
.fs30{ font-size:30px;letter-spacing:-1px;line-height:35px;}
.fs35{ font-size:35px;letter-spacing:-1px;line-height:42px;}
.fs40{ font-size:40px;letter-spacing:-1px;line-height:47px;}
.fs45{ font-size:45px;letter-spacing:-1px;line-height:52px;}
.fs50{ font-size:50px;letter-spacing:-1px;line-height:57px;}
.fs55{ font-size:55px;letter-spacing:-1px;line-height:62px;}
.fs60{ font-size:60px;letter-spacing:-2px;line-height:67px;}
.fs70{ font-size:70px;letter-spacing:-2px;line-height:77px;}

.pt100{ padding-top:100px}
.pb100{ padding-bottom:100px}
.mg100{ margin:100px;}


/* margin setting */
.mg00 { margin:0 !important;}
.mg05 { margin:5px;}
.mg10 { margin:10px;}
.mg15 { margin:15px;}
.mg20 { margin:20px;}
.mg25 { margin:25px;}
.mg30 { margin:30px;}
.mg35 { margin:35px;}
.mg40 { margin:40px;}
.mg45 { margin:45px;}
.mg50 { margin:50px;}

.mt00{ margin-top:0 !important;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}

.mt-5{margin-top:-5px !important;}
.mt-10{margin-top:-10px !important;}
.mt-15{margin-top:-15px !important;}
.mt-20{margin-top:-20px !important;}
.mt-25{margin-top:-25px !important;}
.mt-30{margin-top:-30px !important;}
.mt-35{margin-top:-35px !important;}
.mt-40{margin-top:-40px !important;}
.mt-45{margin-top:-45px !important;}
.mt-50{margin-top:-50px !important;}

.ml00{ margin-left:0 !important;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}


.mr00{ margin-right:0 !important;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}

.mb00{ margin-bottom:0 !important;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}


/* padding setting */


.pd00 { padding:0 !important;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd25 { padding:25px;}
.pd30 { padding:30px;}
.pd35 { padding:35px;}
.pd40 { padding:40px;}
.pd45 { padding:45px;}
.pd50 { padding:50px;}

.pt00{ padding-top:0 !important;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}

.pl00{ padding-left:0 !important;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}

.pr00{ padding-right:0 !important;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}

.pb00{ padding-bottom:0 !important;}
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}

#bo_list, #bo_v, #bo_w, #bo_gall {  width:1500px  !important;margin:70px auto 0 auto; }
.inner { position:relative; width:1500px; margin:0 auto;}
.ellip{display:block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}

.ac{ text-align:center;}

.sub_top_box{ position:relative; height:600px; display:table; width:100%; background-size:cover; background-position:50% 50%}
.sub_top_box .sub_vTxt {  text-align:center;    height: 100%;    display: table-cell;    vertical-align: middle;} 
.sub_top_box .sub_vTxt .sTit{ position:relative; display:inline-block; padding-bottom:10px; padding-top:70px; color:#fff;}
.sub_top_box .sub_vTxt .eTxt{ font-weight:200;letter-spacing:-2px; color:#fff;} 
 

 
.subTitleSubject{ padding:100px 0 50px 0; text-align:center;}

.subContent{color:#333;}
.subContent h1{ padding-bottom:70px;  text-align:center;}

.category { position:absolute; bottom:0; left:0;  padding:0; background:#fbaf41; width:100%; text-align:center;}
.category li {display:inline-block; list-style-type:none; margin:0;}
.category .m2 {letter-spacing:-1px;}
.category .m2 a {color:#fff; display:block; padding:20px 50px; font-weight:400;}
.category .m2 a:hover {text-decoration:none; color:#fff;}
.category .selected2 a {color:#fbaf41; background-color:#fff; font-weight:400;}
.category .selected2 a:hover {color:#fbaf41;}

.tabmenu  {text-align:center; margin: 50px auto;}
.tabmenu ul li { display:inline-block;margin:0 .5%;} 
.tabmenu ul li a { width:180px; display:block;padding:0 20px;height:50px; line-height:50px;  border-radius:50px; border:1px #eee solid; }
.tabmenu ul li a:hover { background-color:#7a5013;color:#fff}
.tabmenu ul li.on a { background-color:#7a5013; color:#fff}  



@media screen and (max-width:1920px) {
	
	
	.inner{ width:1400px;}
	#bo_list, #bo_v, #bo_w, #bo_gall {  width:1400px  !important;  }

	.fs17{ font-size:15px;line-height:23px;}
	.fs20{ font-size:17px;line-height:30px;}
	.fs23{ font-size:20px;line-height:27px}
	.fs25{ font-size:20px;line-height:25px;}
	.fs30{ font-size:25px;line-height:32px;}
	.fs35{ font-size:30px;line-height:37px;}
	.fs40{ font-size:35px;line-height:42px;}
	.fs45{ font-size:40px;line-height:47px;}
	.fs50{ font-size:45px;line-height:52px;}
	.fs55{ font-size:50px;line-height:57px;}
	.fs60{ font-size:55px;line-height:62px;}
	.fs70{ font-size:55px;line-height:62px;}

	.mg100{ margin:80px;}
	.pt100{ padding-top:80px}
	.pb100{padding-bottom:80px}
	
	.mt100{ margin-top:80px;}
	.mb100{ margin-bottom:80px;}
	  
	.category .m2 a {padding:15px 35px; }
	
	.subContent h1{ padding:0;margin-bottom:50px;}

	
	.sub_top_box{   height:500px;}
	 
}




@media screen and (max-width:1400px) {
	
	.inner{ width:calc(100% - 20px); margin:0 10px;}
	
	.fs23{ font-size:19px;line-height:26px}
	#bo_list, #bo_v, #bo_w, #bo_gall { width:calc(100% - 20px) !important; margin:50px 10px;  }
	 
}


@media screen and (max-width:960px) {

	.sub_top_box{   height:400px;}
	.category,
	.tabmenu { display:none;} 
	.sub_top_box .sub_vTxt .eTxt { width:70%; margin:0 auto; line-height:120%}
	 
}



@media screen and (max-width:640px) {
	   
	.sub_vTxt .sTit{ padding-bottom:0px;}
	
	.subTitleSubject{ padding:70px 0 30px 0;}
	
	.fs23{ font-size:18px;line-height:24px}
	.fs25{ font-size:20px;line-height:30px;}
	.fs30{ font-size:20px;line-height:32px;}
	.fs35{ font-size:23px;line-height:33px;}
	.fs40{ font-size:25px;line-height:34px;}
	.fs45{ font-size:30px;line-height:47px;}
	.fs50{ font-size:35px;line-height:42px;}
	.fs55{ font-size:40px;line-height:47px;}
	.fs60{ font-size:45px;line-height:52px;}
	.fs70{ font-size:50px;line-height:55px;}
	
	.mb100{ margin-bottom:50px;	}
	.mt100{ margin-top:50px;}
	
}


@media screen and (max-width:480px) {
	
	.fs25{ font-size:17px;line-height:25px;}
	.fs30{ font-size:20px;line-height:32px;}
	.fs35{ font-size:25px;line-height:33px;}
	.fs40{ font-size:27px;line-height:33px;}
	.fs45{ font-size:27px;line-height:47px;}
	.fs50{ font-size:30px;line-height:35px;}
	.fs55{ font-size:35px;line-height:47px;}
	.fs60{ font-size:40px;line-height:52px;}
	.fs70{ font-size:45px;line-height:55px;}
	
	
}

@media screen and (max-width:380px) {
	
	.fs25{ font-size:15px;line-height:25px;}
	.fs30{ font-size:18px;line-height:32px;}
	.fs35{ font-size:21px;line-height:33px;}
	.fs40{ font-size:21px;line-height:33px;}
	.fs45{ font-size:23px;line-height:47px;}
	.fs50{ font-size:28px;line-height:35px;}
	.fs55{ font-size:32px;line-height:47px;}
	.fs60{ font-size:35px;line-height:52px;}
	.fs70{ font-size:37px;line-height:55px;}
	
	
}









#footer .fCont{position:relative; z-index: 20; padding:70px 0;}
.btn_contentTop{
  bottom:0;
  top:-70px !important;
  position: absolute !important;
  opacity: 1 !important;
}
.btn_mouse {
    position: absolute;
    bottom: 25px;
    z-index: 200;
    left: 50%;
    margin-left: -11px;
    display: block;
    width: 22px;
    height: 56px;
    text-indent: -9999em;
    background: red;
}

.scroll{width:100%; font-size:0; line-height:0; text-align: center; position: absolute; left:0; bottom:28px; z-index:11;animation-duration: 1s;
   /* animation-iteration-count:infinite;
    animation-name: scrollDown;
    animation-timing-function:linear;
    animation-direction:alternate;*/ cursor: pointer;}
  

  @keyframes scrollDown {
    from {height:64px;}
    to {height:40px;}
  }

.btn_main_down{display: block; position: absolute; left: 0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align: center;}


.animated, .appear-animation{animation-delay: 100ms;}
.mainWrap{position:relative;min-height:680px;height:100%; overflow:hidden;}
.mainStep{ position:fixed; left:50%;top:50%; width:360px; box-sizing: border-box; padding-left:0;  margin: 0 0 0 600px; z-index:19;}
.mainStep ul{text-align:left; position:absolute; left:70px; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); z-index: 2; width:220px; }
.mainStep ul:after{content:""; display:block; width:1px;height:-webkit-calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:0; top:18px; background:rgba(255,255,255,0.3);}
.mainStep ul li{margin-top:10px;}
.mainStep ul li:first-child{margin-top:0;}
.mainStep ul a{display:block; width:100%; height:30px; position:relative; line-height:30px; z-index: 2}
.mainStep ul a:after{content:""; display:block; width:100%; height:30px; border-radius: 50px; background-color:#0d3f9a; position:absolute; left:20px; top:0;  opacity: 0; filter: alpha(opacity=0);

}
.mainStep ul a:after,
.mainStep ul a .txt{
    -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.mainStep ul a .txt{position:relative; padding-left:22px; display:block;  z-index:2;color:rgba(255,255,255,0.3); font-weight:500; font-size:15px; letter-spacing:0;}
.mainStep ul a .txt:after{content:""; display:block; width:7px; height:7px; background:#fff; border-radius: 50px; position:absolute; left:-3px; top:12px;}
.mainStep ul a .txt:before{content:""; display:block; width:19px; height:19px; border:2px solid #525252; border-radius: 50px; position:absolute; left:-9px; top:6px; opacity: 0}
.mainStep .btnStep {position:absolute; left:70px; bottom:100px; z-index: 2;}



.mainStep ul a:hover .txt{color:#fff;}
.mainStep ul .on a .txt{color:#fff;}
.mainStep ul .on a .txt:after,
.mainStep ul a:hover .txt:after{background-color:#fff;}
.mainStep ul .on a .txt:before,
.mainStep ul a:hover .txt:before{border-color:#fff; opacity: 1}

.mainStep.type02 ul:after{background: #d7d7d7}

.mainStep.type02 ul a .txt{color:#dfdfdf;}
.mainStep.type02 ul a .txt:after{background:#07255d;}

.mainStep.type02 a:hover .txt{color:#07255d;}
.mainStep.type02 .on a .txt{color:#07255d;}

.mainStep.type02 ul .on a .txt:after,
.mainStep.type02 ul a:hover .txt:after{background-color:#07255d;}
.mainStep.type02 ul .on a .txt:before,
.mainStep.type02 ul a:hover .txt:before{border-color:#07255d; opacity: 1}



.sec_button{text-align: center; margin-top:40px;}
.btn_main_down{display: block; position: absolute; left: 0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align: center;}

/* main secstion */
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section.bg .sectionCon{background-color:#f8f8f8;}

.section{position:relative;}
.section .sectionCon{position:absolute;left:0;top:50%; width:100%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); -ms-transform:translate(0, -50%); box-sizing:border-box; padding:0 0;}
.small .section .sectionCon{height: 610px;margin:-305px 0 0 -490px;}


/* title */
.mainTit{text-align: center; margin-bottom:13px; padding-top:75px;}
.mainTit .tit{display:block; font-size:43px;/* padding-top:50px;*/ color:#000;  /* background:url('/ko/front/image/main/icn_tit.png') no-repeat 50% 0;*/ font-family: 'Titillium', 'NotoSansKR', sans-serif; line-height:1.2;}
.sec_top_tx {text-align: center; font-size:17px; color:#676767;} 
.base-height{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.fontfamily {font-family:'GyeonggiBatang'}
/* content */
.mainVisual {height:100%; position:relative; }
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slider .slidesItem{position:relative; height:100%;}
.mainVisual .slider .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important;}
.mainVisual .slider .slidesItem .v1{background:url('/theme/basic/img/main/main_visual_new1.jpg') no-repeat 0 0;} 
.mainVisual .slider .slidesItem .v2{background:url('/theme/basic/img/main/main_visual_new2.jpg') no-repeat 0 0;} 
.mainVisual .slider .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .slider .slidesItem .items .mImg img{width:100%;}
.mainVisual .slider .slidesItem .items .motionArea{display:block; max-width:1500px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slider .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index: 2; display: table; table-layout: fixed;}
.mainVisual .slider .slidesItem .items .motionArea .txInner{display: table-cell; vertical-align:middle;}
.mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; text-align:left; opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:20px; left:0; -webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 { font-size:22px;    color:red; font-weight:500}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:66px; font-weight:600; line-height:120%;margin-top:10px;letter-spacing:-1px; color:#000;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:30px;font-size:26px;	color:#000;} 
.mainVisual .slider .slidesItem .items .motionArea .motion img {display: inline-block;}
.mainVisual .slider .slidesItem .items .motionArea .motion.on{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0 !important;  left:0 !important;-webkit-transition-timing-function: cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}

.mainVisual .slidesItem .items .motionArea .motion{
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -ms-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
}

.mainVisual .slider .slidesItem .items .mSliderItem{display:none;}
.mainVisual .slider .slidesItem .items .mSliderItem img{width:100%;}
.mainVisual .slider.responsive{display:block;}

.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .slick-dots{position:absolute; left:0; bottom:50px; z-index:12; width:100%; text-align: center; font-size:0; line-height:0;}

.mainVisual .slick-dots > li {width:10px; height:10px; background: rgba(255, 255, 255, 0.3);}
.mainVisual .slick-dots > li:hover{background: #fff;}
.mainVisual .slick-dots > li.slick-active{background: #fff; width:50px;}

.mainVisual .slick-arrow{position:absolute; top:50%; margin-top:-200px; width:70px; height:70px; overflow:hidden; text-indent:-9999px; z-index:2; background-size: cover !important;}
.mainVisual .slick-arrow.slick-prev{background:url('/theme/basic/img/main/btn_prev2.png') no-repeat 0 0; left:-9999px;}
.mainVisual .slick-arrow.slick-next{background:url('/theme/basic/img/main/btn_next2.png') no-repeat 0 0; left:-9999px;}

.mainVisual .sliderButtons{/*max-width:1180px; margin:0 auto; position:relative;height:100%; z-index: 10;*/}
.mainVisual .sliderButtons button{width:70px; height:70px; overflow:hidden; position:absolute;  top:50%; text-indent:-9999px; z-index:10; background-size: cover !important; cursor:pointer;   margin-top:35px;}
.mainVisual .sliderButtons .sliderPrev{ background:url('/theme/basic/img/main/btn_prev2.png') no-repeat 0 0; left:45%; -webkit-transform:translate(-800px, -50%); -ms-transform:translate(-800px, -50%); transform:translate(-800px, -50%);}
.mainVisual .sliderButtons .sliderNext{ background:url('/theme/basic/img/main/btn_next2.png') no-repeat 0 0; right:45%; -webkit-transform:translate(800px, -50%); -ms-transform:translate(800px, -50%); transform:translate(800px, -50%);}
.mainVisual .btnInp{display:none;}


@media screen and (max-width: 1920px){
.mainStep ul{left:140px;}
.mainVisual .slider .slidesItem .items .motionArea{ max-width:1200px;}
.mainVisual .sliderButtons .sliderPrev{  -webkit-transform:translate(-600px, -50%); -ms-transform:translate(-600px, -50%); transform:translate(-600px, -50%);}
.mainVisual .sliderButtons .sliderNext{ -webkit-transform:translate(600px, -50%); -ms-transform:translate(600px, -50%); transform:translate(600px, -50%);}  
}
@media all and ( max-width: 1440px ){
}
@media all and ( max-width: 1220px ){

.mainVisual {height:750px} 
.mainVisual .sliderButtons{display:none;}
.mainVisual .slider .slidesItem .items .motionArea .motion{padding-left:0px;}

.mainVisual .slider .slidesItem .items .motionArea .motion.text01 { font-size:20px;  text-align:center}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:56px;  text-align:center }
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 { font-size:24px;  text-align:center } 
}
@media all and ( max-width: 800px ){
.mainVisual {height:650px}  
.mainVisual .slider .slidesItem .items .motionArea .motion { text-align:center}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:48px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 { font-size:22px;}
}
@media all and ( max-width: 600px ){
.mainVisual {height:550px} 
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 { font-size:18px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:42px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 { font-size:20px;}
}
@media all and ( max-width: 400px ){ 
.mainVisual {height:500px} 
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 { font-size:16px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {font-size:32px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 { font-size:16px; line-height:120%}
}






.TitBox { } 
.TitBox p { color:red; font-weight:500; font-size: 22px; text-transform: uppercase; margin-bottom:10px;}
.TitBox h3 { font-size:60px;   line-height:120%}

@media all and (max-width:1920px) {
} 

@media (max-width:1440px ) {
.TitBox h3 { font-size:50px; }
}

@media all and (max-width:1220px ) { 
.TitBox h3 { font-size:46px; }
}

@media all and (max-width:800px) {	

.TitBox {text-align:center} 
.TitBox p {  font-size: 20px;}
.TitBox h3 { font-size:36px;   margin:0 auto;}
.TitBox h3 br { display:none; }
}

@media all and (max-width:600px ) {	
.TitBox p {  font-size: 18px;}
.TitBox h3 { font-size:26px;  }
}

@media all and (max-width:400px ) {
.TitBox p {  font-size: 16px;}
.TitBox h3 { font-size:24px; }
}


 

.section00 {position:relative; overflow:hidden;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative; }

.section01 {}
.section01 .sectionCon .sec01Cont{ max-width:1180px; margin:0 auto; line-height:1.4; padding-top:40px; }
.business-swiper [class*=swiper-button]{background: rgba(0,0,0,.3) url(/theme/basic/img/main/swiper.png) no-repeat 50% 50%/.889rem auto;width: 4.444rem;height: 4.444rem;margin-top: -2.222rem;box-shadow: 20px 20px 40px rgba(0,0,0,.4);text-indent: 0;color: #fff;background-color:rgba(255,255,255,0.2);border-radius: 0;line-height: 1.5}
#businessBg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: background .3s ease-out}
.section01 .swiper-slide{display: flex;align-items: center;justify-content: center}
.section01 .swiper-slide:before{content: '';min-height: 100vh}
.business-swiper{overflow: visible;color: #fff}
.business-wrap{display: flex;align-items: center;position: relative;  }
.btn-bottom{min-width: 10rem;margin-top: 4.444rem}
.business-bg{position: absolute;top: 50%;right: 13.333%;width:650px;height: 100%;box-shadow: 20px 20px 40px rgba(0,0,0,.33);background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;transition: background .3s ease-out;transform: translateY(-50%);}

.business-txt .h1{line-height: 1;display: flex;align-items: flex-start;font-weight: 500; font-size:60px; font-weight:bold;}
.business-txt .h1>small{font-size: .5em;opacity: .3;font-weight: 500;margin: .2em 0 0 .5em} 
.business-txt h2{ font-size:60px;  font-weight:bold; line-height:120%}
.business-txt .bTxt{ margin:30px 0 70px 0; font-size:25px;line-height:120%} 
.swiper-slide:not(.swiper-slide-active) .business-txt, .swiper-slide:not(.swiper-slide-active) .business-bg>*{opacity: 0}
.side-text{position: absolute;writing-mode: tb-rl;letter-spacing: 0;top: 0;right: 100%;text-transform: uppercase;transform: scale(-1);font-size: .889rem;margin-right: 1em;font-weight: 500}
.line-text{position: absolute;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;font-size: 3.333rem;font-weight: 700;position: absolute;bottom: 0;right: 0;transform: translate(.5em, 50%);white-space: nowrap}
.section01 .container { position: relative; width: 100%; max-width: 1500px; margin:0 15%;padding-left: 30px; padding-right: 30px;}
.business-swiper {overflow: visible !important;color: #fff;}
.swiper-slide-active .business-bg { display:none !important;}
.swiper-pagination{ bottom:30px; left:0; right:0; margin:0 auto; }
.swiper-pagination-clickable .swiper-pagination-bullet { margin:0 2px} 
.swiper-pagination-bullet{ width:10px !important; height:10px !important; background:#fff !important;}


.bt { display: inline-block; min-width: 230px; line-height: 50px; text-align: center; color: #000; font-weight:500; letter-spacing: -1px; background: #fff; }
.scaleBtn {position: relative;overflow: hidden;z-index: 1;}
.scaleBtn span {z-index: 1;position: relative;}
.scaleBtn::before { content: '';position: absolute;top: 50%;left: 50%;width: 130%; height: 150px;border-radius: 50%; transform: translate3d(-50%,-50%,0) scale3d(0,0,0);transition: opacity .4s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color: #fff;opacity: 0;}
.bt:hover{color: #fff !important;}
.scaleBtn:hover span { color: #fff !important;}
.scaleBtn:hover::before { opacity: 1;transition-duration: .85s;transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}
.scaleBtn::before { background-color: red;color: #fff}
 

 
@media all and (max-width:1920px) {
} 

@media (max-width:1440px ) {
.swiper-wrapper { height:800px !important;}
.business-txt h2 { font-size:50px; }
}

@media all and (max-width:1220px ) { 
.business-txt h2 { font-size:46px; }
}

@media all and (max-width:800px) {	 
.swiper-wrapper { height:700px !important;}
.business-txt {background:rgba(0,0,0,.4); padding:30px;}
.business-txt .h1 { font-size:40px; display: inline-block;}
.business-txt h2 { font-size:44px;   margin:0 auto;} 
.business-txt .bTxt{ font-size:20px;  }
}

@media all and (max-width:600px ) {
.swiper-wrapper { height:600px !important;}
.business-txt .h1 { font-size:30px;}	 
.business-txt h2{ font-size:42px;  }
.business-txt .bTxt{ font-size:18px;  }
}

@media all and (max-width:400px ) { 
.business-txt h2{ font-size:38px; }
.business-txt .bTxt{ font-size:16px;  }
.bt { width:100%; line-height:50px;}
}

 















.section02{padding:0 100px; background:url(/theme/basic/img/main/sec03_bg.jpg) no-repeat center; background-size:cover;}
.section02 .sectionCon{z-index: 2;}
.section02 .sectionCon .sec02Cont{   margin:0 auto; line-height:1.4;  }
.section02 .sectionCon .area{ position:relative; text-align: right;  }
.section02 .sectionCon .area ul { width:240px; margin: 30px 0 0 auto;}
.section02 .sectionCon .area ul li {position:relative; border-bottom:1px #666 solid;  width:100%;text-align:left; margin:5%; height:40px; line-height:40px}
.section02 .sectionCon .area ul li:after {position:absolute; content:"+"; right:10px; top:0px; font-family: 'Gmarket Sans';} 
     .business-swiper .swiper-button-prev {transform: scaleX(-1);}
@media screen and (max-width: 1920px){
}
@media all and ( max-width: 1440px ){
}
@media all and ( max-width: 1220px ){
.section02 {  background-size:auto; background-position:right bottom;}
}
@media all and ( max-width: 800px ){

.section02 .sectionCon .area ul { width:100%;  }
}
@media all and ( max-width: 600px ){
.section02 {padding:0 50px}
}
@media all and ( max-width: 400px ){
.section02 {padding:0 20px}
}
 


.section03 {position:relative;padding:0 100px; } 
.section03 .sectionCon .sec03Cont{ max-width:1180px; margin:0 auto; line-height:1.4; display: table; table-layout: fixed; width:100%;} 
@media screen and (max-width: 1920px){
}
@media all and ( max-width: 1440px ){
}
@media all and ( max-width: 1220px ){
}
@media all and ( max-width: 800px ){
}
@media all and ( max-width: 600px ){
.section03 {padding:0 50px}
}
@media all and ( max-width: 400px ){
.section03 {padding:0 20px}
}
 








.section04 {position:relative;padding:0 100px; background:url(/theme/basic/img/main/sec04_bg.jpg) no-repeat bottom; background-size:cover;} 
.section04 .sectionCon .sec04Cont{   margin:0 auto; line-height:1.4; display: table; table-layout: fixed; width:100%;} 
.section04 .sectionCon .area ul { margin: 30px auto 0 auto; width:600px;}
.section04 .sectionCon .area ul li {position:relative; border:1px #fff solid; background:rgba(255,255,255,.6);  display:inline-block; width:45%;text-align:center; margin:1%; height:55px; line-height:55px; font-weight:500} 
.section04 .sectionCon .area ul li a {color:#000; } 

@media screen and (max-width: 1920px){
}
@media all and ( max-width: 1440px ){
}
@media all and ( max-width: 1220px ){ 
.section04 .sectionCon .area ul {  width:80%;}
}
@media all and ( max-width: 800px ){ 
.section04 .sectionCon .area ul li { display:block;width:100%; margin:10px auto;font-weight:300}
}
@media all and ( max-width: 600px ){ 
.section04 {padding:0 50px}
.section04 .sectionCon .area ul li {height:45px; line-height:45px;}
}
@media all and ( max-width: 400px ){
.section04 {padding:0 20px}
}
























#footer{ background:#202328 ; color:#999; }
#footer .copy{ font-size:15px; letter-spacing:0; color:#777;}
#footer .f_logo{ position:absolute; top:70px; left:0;}
#footer .info{ margin-left:350px;}
#footer address{ font-style:normal; font-size:16px; line-height:23px; letter-spacing:0}
#footer address span{ font-weight:400;  margin-right:5px; color:#ccc;} 


@media all and (max-width:1920px) {
	 
 
	

	#footer .fCont{padding:50px 0; text-align:center}
	#footer .f_logo{top:50px;}
	#footer address{font-size:15px;}
	#footer .copy{ font-size:13px; }
	#footer .info{ margin-left:300px;}
	
}


@media all and (max-width:1400px) {
	#footer .f_logo{ position:relative; top:0; margin-bottom:15px;}
	#footer .info{ margin-left:0;}
	 
}

@media all and (max-width:1164px) {
    .mainWrap,
    .section {position:relative; !important;min-height:auto !important;height:auto !important; overflow:visible !important;} 

 
    .sectionWrap{position:relative; left:auto !important; top:auto !important; width: 100%;}
    .section{position:relative;}
    .section .sectionCon{padding:70px 0; -webkit-transform: translate(0, 0);
    transform: translate(0, 0); -ms-transform: translate(0, 0);}
    .mainStep{display:none;}
    .sectionCon{position:static !important; margin-top:0 !important; min-height:auto !important;height:auto !important;}
    .section00 .btn_main_down{display:none;}
 
    .section00 .mainVisual .slidesItem .items .pcImg img{position:relative; width:100%;} 
 
    .appear-animation{opacity: 1 !important;     -webkit-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; animation-name: none !important;}
    .main_about .main_about_inner{padding:90px 0;}
    .main_about .main_about_inner .main_about_inner_txt{position: static; padding-right:10px; -webkit-transform: translate(0, 0); transform: translate(0, 0); -ms-transform: translate(0, 0);}
    .main_about .main_about_inner .main_about_inner_list{float:none; padding-top:50px;}
    .main_about .main_about_inner .main_about_inner_list{margin-left:-20px;}
    .main_about .main_about_inner .main_about_inner_list ul li{width:33.33%;}
    
    .section03 #s02 { position:relative; height:270px;}
    .footerWrap{ height:auto !important}
    
    .swiper-slide-prev .business-bg{ display:none;}
     .business-swiper .swiper-button-prev{ display:none;}
     .business-swiper .swiper-button-next{ display:none;}
     .swiper-slide-next .business-bg{ display:none;} 
     
    
    
 
     
     
    
}













.Ceo { position: relative; padding:100px 0 100px 0;   display:inline-block; width:100%;background:url(/theme/basic/img/sub/ceobg.png) no-repeat bottom right;  } 
.Ceo .CeoImg { width:450px; float:left} 
.Ceo .CeoImg img {box-shadow: 12px 22px 17px #0000002c; width:100%} 
.Ceo .Ceo-intro-sub { float:right; width:calc(100% - 500px); padding-top:50px;}
.Ceo .Ceo-intro-sub h4 {}
.Ceo .Ceo-intro-sub p { line-height:160%;margin-bottom:20px; }
.Ceo .Ceo-intro-sub .sign {position: relative;  padding-left:0px; margin-top:50px;} 

@media screen and (max-width:1920px) { 	  
.Ceo:before {height:880px}
}	

@media screen and (max-width:1700px) { 
}	
	

@media screen and (max-width:1400px) { 
.Ceo { padding:100px 0 0 0}	 
.Ceo .Ceo-intro-sub .hello {  } 
.Ceo .Ceo-intro-sub .hello br {display:none}
}	
	
@media screen and (max-width:960px) { 	
.Ceo { padding:50px 0 0 0; background:none}	 
.Ceo .CeoImg { width:80%; float:inherit; text-align:center; margin:0 auto}
.Ceo .CeoImg {position: relative;left: inherit;top: inherit; text-align:center; margin-bottom:30px;}
.Ceo .Ceo-intro-sub { float:inherit; width: 100%  ; }
.Ceo .Ceo-intro-sub { padding:0px; }
}

@media screen and (max-width:640px) { 
.Ceo .CeoImg { width:100%;}	 
}

@media screen and (max-width:480px) { 

}


 
  





.certificate ul li { display:inline-block; text-align:center; margin:2% .5%; width:17.222%; vertical-align: top;}
.certificate ul li img { width:100%;}
.certificate ul li span { display:block;  margin-top:10px;letter-spacing: -1px;}
 
 
 
@media screen and (max-width:960px) { 
.certificate ul li {    width:20%;  }	 
}

@media screen and (max-width:640px) {  
.certificate p br {display:none}
.certificate ul li {    width:30.3333%; margin:1%;   }	 
}

@media screen and (max-width:480px) { 
.certificate ul li {    width:40.3333%;  }	 

}


@media screen and (max-width:420px) { 
.certificate ul li {    width:80%; margin-bottom:30px; }	 

}


 






 
.map {position: relative; margin-bottom:100px; width:100%; display: inline-block; }
.map .mapBox {position:absolute; left:0; right:0; width:1200px;margin: 0 auto;; bottom:-95px;}
.map .mapBox .mapBg { display:inline-block; width:100%;  background-color: #fbaf41;   box-shadow: 13px 13px 13px rgba(0,0,0,0.1); text-align:center;  padding:65px;}
.map .mapBox .mapBg .mapLogo { padding:0 55px;}
.map .mapBox .mapBg .mapText {  color:#000}  


@media all and (max-width:1200px){
.map .mapBox { width:90%}	 
}

@media all and (max-width:980px){ 
.map .mapBox .mapBg .mapLogo {float: inherit;padding: 0; text-align: center; border:0;}
.map .mapBox .mapBg .mapText {float: inherit;padding: 0; text-align: center; margin-top:20px}
}

@media all and (max-width:680px){ 
.map .mapBox .mapBg {padding:60px 30px;}
}

@media all and (max-width:480px){ 
.map .mapBox .mapBg {padding:50px 40px;}

}














 
.secret .secretbgcolor{ background:#f7f7f7; padding:100px 0 0 0; margin-bottom:150px;} 
.secret img { width:100%; margin-bottom:-100px;}
.secret .title {display:inline-block; width:100%;}
.secret .title h4 { float:left; width:30%;}
.secret .title div { float:right; width:65%;}
.secret .title div ul {margin-top:50px}
.secret .title div ul li {color:#666; border-bottom:1px #eee solid; padding-bottom:20px;}
.secret .title div ul li b {color:#000}
.secretbg { background-image:url('/theme/basic/img/sub/secretbg2.png');background-repeat: no-repeat; background-position:100px bottom;}

@media all and (max-width:1200px){
}
@media all and (max-width:980px){ 
.secret .title h4 { float:inherit; width:100%;}
.secret .title div { float:inherit; width:100%;}
.secret .secretbgcolor {padding:0; background:none;margin:50px 0}
.secret img {margin:0}
.secretbg { background-image:none}
}
@media all and (max-width:680px){ 
}
@media all and (max-width:480px){ 
}



 

 
.future h4 {margin-bottom:10px;}
.future h4 span { color:#eee; margin-left:10px;}
.future .futurebgcolor { background-color:#f7f7f7; padding:100px 0 }
.future img { width:100%}
.future .Outlook .Outlooklist {padding:80px 0; width:100%} 
.future .Outlook .Outlooklist .list { width:calc((100% / 4) - 35px); margin:0 15px; display:inline-block; position: relative;  text-align:center; vertical-align:top; border-right:1px #eee solid;}
.future .Outlook .Outlooklist .list:last-child { border-right:0px }
.future .Outlook .Outlooklist .list img { width:80%; margin-bottom:20px}
.future .Outlook .Outlooklist .list .future_text { left:30px; bottom:30px; right:30px;   text-align:left}
.future .Outlook .Outlooklist .list .future_text p { line-height:130%;}  
 

@media all and (max-width:1200px){
}
@media all and (max-width:980px){ 
.future .Outlook .Outlooklist .list { width:40%; border:0; margin:0 10px}
.future .Outlook .Outlooklist .list .future_text { text-align:center}
}
@media all and (max-width:680px){ 
.future h4 span { display:none}
}
@media all and (max-width:480px){ 
}












.sub_title{display:block;clear:both;}
.sub_title h3{margin:0px 0 15px 0;color:#7a5013;}  
.cont_btm {margin-bottom:70px;}
.cont_btm:last-child {margin-bottom:0px;}
.cont_btm .txt { background-color:#f7f7f7; padding:20px 30px; margin-top:20px;}
.cont_btm .make{width:100%;}
.cont_btm .make ul {}
.cont_btm .make ul li{display:inline-block;    position: relative; padding-right:45px; margin-right:10px;  } 
.cont_btm .make ul li:after{    position: absolute; content:"▶" ;right:0;width:30px; height:30px; line-height:30px; font-size:9px; font-weight:bold; color:#fff; background:#666;border-radius:100%; text-align:center}
.cont_btm .make ul li:last-child:after{ display:none}
.cont_btm .how ul{margin: 0;}
.cont_btm .how li{display:inline-block;padding:15px 10px; width:100%; border-bottom:1px dashed #dedede;}
.cont_btm .how .num{  text-align: center; color:#92623d; font-weight:200; font-size:30px;opacity: .7;}


@media all and (max-width:1200px){ 
.cont_btm .make ul li  {  width:100%;border-bottom:1px #eee solid;padding-bottom:10px; margin-bottom:15px;}
.cont_btm .make ul li:after{  content:"▼" ;}
.cont_btm .how .num{   font-size:18px; background-color:#92623d;     display: inline-block; color:#fff; width:30px; line-height:30px; height:30px;}
}

@media all and (max-width:980px){  
.cont_btm .how li { padding:15px 0}
}

@media all and (max-width:680px){  
}

@media all and (max-width:480px){  
}











#facilities{}
#facilities .cont_wrap{}
#facilities .step_box{ text-align:center}
#facilities .step{	width:22%; display:inline-block;padding:0px;  position: relative;  vertical-align: top;margin:1%; padding-right:55px}
#facilities .step:after{ position: absolute; content:"▶" ;right:0; top:120px; width:30px; height:30px; line-height:30px; font-size:9px; font-weight:bold; color:#fff; background:#666;border-radius:100%; text-align:center}
#facilities .step:last-child:after { display:none}
#facilities .step ul{}
#facilities .step img{	width: 100%; position: relative;	}  
#facilities .step ul.img li.tit{	z-index: 1;   margin:0 auto 10px auto;    text-align: left;	width:100% ;	color: #de3d4b;    display: block;	 font-weight:500; font-size:22px;}
#facilities .step ul.img li.tit span{display:inline-block; color:#fff; background: #de3d4b;text-align: center; width:30px; height:30px;line-height:30px; margin-right:5px;font-size:16px;} 
#facilities .step ul.img li.fimg{ display:block; width:100%; height:100%; overflow:hidden; border-radius:15px; border:1px #eee solid;}
#facilities .step .txt{text-align:left; margin-top:15px; line-height:120%}  


@media all and (max-width:1200px){  
}

@media all and (max-width:980px){ 
#facilities .step{	width:31%; } 
}

@media all and (max-width:680px){  
#facilities .step {	width:30%; margin:0 0 30px 0%; padding-right:30px; } 
#facilities .step:after { top:80px; width:25px; height:25px; line-height:25px; font-size:7px; }
#facilities .step ul.img li.tit { font-size:18px;}
} 
@media all and (max-width:480px){  
#facilities .step{	width:95%;margin:0 0 30px 0%; padding-right:0; padding-bottom:50px;} 
#facilities .step:after{   content:"▼" ;bottom:0; left:0; right:0; margin:0 auto; top: inherit;}
}