@charset "utf-8";
@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 초기화 */
html { }
body { height:auto; margin:0; padding:0; font-family:'Noto Sans KR', 'dotum', sans-serif; font-size:1em; letter-spacing:-0.03em; -webkit-text-size-adjust: 100%; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
#hd ul, nav ul, #ft ul { list-style:none; margin:0; padding:0; }
legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select { font-family:'Noto Sans KR', 'dotum', sans-serif; vertical-align:middle; }
img { max-width:100%; vertical-align:middle; }
input, button { margin:0; padding:0; font-size:1em; }
button,input[type=submit]{ cursor:pointer; }
input[type=text], input[type=password], input[type=submit], input[type=image], button { font-size:1em; -webkit-appearance:none; border-radius:0; }
textarea, select { font-family:'Noto Sans KR', 'dotum', sans-serif; font-size:1em; }
textarea { -webkit-appearance:none; border-radius:0; }
select {margin:0}
p { margin:0; padding:0; word-break:keep-all; }
hr { display:none; }
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
ol,ul,li{list-style:none;padding:0;margin:0;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:15px 10px}

#gnb_open {position:absolute;top:10px;right:60px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#gnb {display:none;background:#282828}
#gnb a {display:block;color:#efefef}
.gnb_1da {padding:10px;border-top:1px solid #191919}
.gnb_2dul {background:#383838}
.gnb_2da {padding:10px;border-top:1px solid #282828}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#hd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding:30px 0}
#hd_sch #sch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#bbb}
#hd_sch #sch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}

/* 중간 레이아웃 */
#wrapper {margin:20px 0}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 하단 레이아웃 */
#ft {;border-top:1px solid #dde4e9;background:#f2f5f9}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {padding:10px;background:#414141;color:#fff;line-height:2em}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:5px 10px}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

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

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.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;font-size:0}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat  0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;}
#captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#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;display:block;}
#captcha.m_captcha #captcha_reload {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat  0 -30px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#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/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.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:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 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:8px 7px 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:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 { display:inline-block; height:30px; line-height:30px; padding:0 20px; color:#fff; text-decoration:none; vertical-align:middle; background:#666; border:0; border-radius:0.3em; }
a.btn_b01:focus, .btn_b01:hover { text-decoration:none; }
a.btn_b02 { display:inline-block; margin:0 0 3px; padding:8px 7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle; }
a.btn_b02:focus, .btn_b02:hover { text-decoration:none; }
a.btn_admin { display:inline-block; margin:0 0 3px; padding:8px 7px 7px; border:1px solid #e8180c; background:#e8180c; color:#fff; text-decoration:none; vertical-align:middle; } /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover { text-decoration:none; }

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 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_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.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 {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

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

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;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:150px;text-align:center}
.td_group {width:100px;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 {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

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

/* 사용자 정의 *******************************************************************************************************************************************************/
/* 모달 레이어 정의 */
.layer_popup { display:none; margin:0; padding:0 !important; overflow:hidden !important; }
.layer_popup iframe { width:100%; height:100%; border:0; box-sizing:border-box; }

/* 레이어 구성 */
.layer_box { display:block; width:100%; height:100%; padding:20px; box-sizing:border-box; overflow:hidden; }
.layer_box > header { display:none; }
.layer_box > .layer_cnt { display:block; overflow:hidden; }
.layer_box textarea {
	width:100%; height:360px; padding:10px; border:1px solid #ddd; overflow-y:auto; resize:none; outline:0;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.layer_box .email_box { display:block; height:100%; padding:30px; text-align:center; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .email_box .text { margin-bottom:30px; line-height:1.8; font-size:20px; color:#434343; word-break:keep-all; }
.layer_box .email_box .text > span { line-height:1.8; font-size:20px; font-weight:bold; color:#f51515; }
.layer_box .email_box .cnt { line-height:1.8; font-size:13px; color:#555; word-break:keep-all; }
.layer_box .email_box .cnt strong { color:#010101; }

.layer_box .privacy { display:block; height:85%; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .privacy textarea { width:100%; height:300px; padding:10px; font-size:1em; border:0; overflow-x:hidden; outline:0; resize:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.layer_box .sitemap { display:block; height:auto; margin-bottom:10px; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .sitemap dt { padding:5px 5px; font-size:0.87em; color:#000; font-weight:700; text-align:left; background:#f9f9f9; border-bottom:1px dotted #b7b7b7; overflow:hidden; }
.layer_box .sitemap dd { margin:0; padding:5px 5px; }
.layer_box .sitemap dd > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.layer_box .sitemap dd > ul > li { display:block; float:left; width:50%; margin:0; padding:0; box-sizing:border-box; overflow:hidden; }
.layer_box .sitemap dd > ul > li > a { display:block; padding:5px 5px; font-size:0.8125em; color:#666; overflow:hidden; }
.layer_box .sitemap dd > ul > li > a:before { margin-right:5px; content:"\ -"; }
.layer_box .sitemap dd > ul > li > a:hover { color:#000; }
.layer_box .sitemap dd > ul > li:nth-child(3n+3) { border-right:0; }
.layer_box .sitemap dd > ul > li:nth-last-child(1) { border-right:0; }

.layer_box .t_depth_menu { padding:7px 5px !important; background:#f4f4f4; }
.layer_box .t_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .t_depth_menu > li > a { display:block; padding:5px 5px; font-size:0.81em; color:#666;  overflow:hidden; }
.layer_box .t_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }

.layer_box .f_depth_menu { padding:5px !important; background:#fff; }
.layer_box .f_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .f_depth_menu > li > a { display:block; padding:5px 5px; border-bottom:1px dotted #ddd; overflow:hidden; }
.layer_box .f_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }

.ui-widget-overlay { background:rgba(0,0,0,0.7); }

#header { position:relative; width:100%; /*min-width:1350px;*/ height:81px; background:#333; box-sizing:border-box; z-index:50; }
#header > header { position:absolute; left:50%; top:0; bottom:0; margin-left:-600px; }
#header > header > h1 { display:table; width:auto; height:100%; }
#header > header > h1 > a { display:table-cell; text-align:center; vertical-align:middle; }

#header > .topbar { position:absolute; right:50%; top:0; bottom:0; width:70%; max-width:900px; margin-right:-600px; text-align:right; box-sizing:border-box; z-index:11; }
#header > .topbar .btn_close_box { display:none; }
#header > .topbar > .top_btn { display:inline-block; width:auto; vertical-align:top; }
#header > .topbar > .top_btn:after { display:block; content:""; clear:both; }
#header > .topbar > .top_btn > li { float:left; }
#header > .topbar > .top_btn > li > a { display:block; padding:8px 10px; font-size:0.625em; color:#fff; background:url("../images/common/icon_line_1.png") no-repeat left center; }
#header > .topbar > .top_btn > li:nth-child(1) > a { background-image:none; }

#header > .topbar > .gn:after { display:block; content:""; clear:both; }
#header > .topbar > .gn > li { float:left; width:20%; text-align:center; box-sizing:border-box; }
#header > .topbar > .gn > li > a { display:block; padding:15px 0; font-size:1em; color:#fff; }

#header > .topbar .sn { display:none; width:100%; text-align:left; }
#header > .topbar .sn > ul { }
#header > .topbar .sn > ul > li { }
#header > .topbar .sn > ul > li > a { display:block; padding:.5em; font-size:0.875em; color:#333; letter-spacing:-0.05em; text-align:center; }

.down_active { position:fixed !important; left:0; right:0; top:0; width:100%; background:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.2); z-index:40; }
@media all and (max-width:1200px){
	#header > header { left:10px; margin-left:0; }
	#header > .topbar { right:0; max-width:auto; margin-right:0; }
}
@media all and (max-width:1024px){
	#header { position:relative; min-width:100%; max-width:100%; height:80px; }

	#header .btn_total { position:absolute; display:block; right:10px; top:26px; width:30px; height:30px; background:url('../images/common/icon_nav.png') no-repeat center center; background-size:70% auto; }
	#header .btn_total > span { position:absolute; left:-9999px; top:-9999px; }

	#header > .topbar { position:fixed; display:none; right:0; width:220px; max-width:100%; margin:0; text-align:center; background:rgba(0,0,0,0.8); }
	#header > .topbar .btn_close_box { display:block; background:#444; }
	#header > .topbar .btn_close_box > a { display:block; width:27px; height:27px; margin:0 0 0 auto; box-sizing:border-box; overflow:hidden; }
	#header > .topbar .btn_close_box > a:after { color:#fff; font-weight:bold; content:"\×"; }
	#header > .topbar .btn_close_box > a > span { position:absolute; left:-9999px; top:-9999px; }

	#header > .topbar > .top_btn { display:block; width:100%; border-bottom:1px solid #666; }
	#header > .topbar > .top_btn > li { position:relative; float:left; width:33.33%; background:#666; }
	#header > .topbar > .top_btn > li:after { position:absolute; right:0; top:50%; width:1px; height:50%; background:#999; content:""; transform:translateY(-50%); }
	#header > .topbar > .top_btn > li:nth-last-child(2):after { display:none; }
	#header > .topbar > .top_btn > li > a { position:relative; display:block; padding:8px 10px; font-size:0.75em; text-indent:-9999px; background-image:none; }
	#header > .topbar > .top_btn > li:nth-child(1) > a:after { position:absolute; left:50%; top:50%; color:#eee; text-indent:0; content:"\KOR"; transform:translateX(-50%) translateY(-50%); }
	#header > .topbar > .top_btn > li:nth-child(2) > a:after { position:absolute; left:50%; top:50%; color:#eee; text-indent:0; content:"\USA"; transform:translateX(-50%) translateY(-50%); }
	#header > .topbar > .top_btn > li:nth-child(3) > a:after { position:absolute; left:50%; top:50%; color:#eee; text-indent:0; content:"\JPN"; transform:translateX(-50%) translateY(-50%); }
	#header > .topbar > .top_btn > li:nth-child(4) { display:none; }

	#header > .topbar > .gn > li { position:relative; float:none; width:100%; text-align:left; background:#fff; border-bottom:1px solid #d8d8d8; }
	#header > .topbar > .gn > li > a { padding:10px; font-size:0.8125em; color:#333; }

	#header > .topbar .sn { display:none; background:#eee; }
	#header > .topbar .sn > ul > li { border-top:1px solid #d8d8d8; }
	#header > .topbar .sn > ul > li > a { padding:10px; font-size:0.75em; color:#333; letter-spacing:-0.05em; text-align:left; }
	#header > .topbar .sn > ul > li > a:before { margin-right:5px; content:"\-"; }
}

.gn_bg { position:absolute; display:none; left:0; right:0; top:81px; height:200px; background:rgba(256,256,256,0.8); z-index:10; }
.blind_block { position:fixed; display:none; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8); z-index:49; }

.btn_total { display:none; overflow:hidden; }

#footer { /*min-width:1350px;*/ text-align:center; background:#333; }
#footer > footer { width:auto; max-width:1200px; height:100%; margin:0 auto; padding:20px; box-sizing:border-box; overflow:hidden; }
#footer > footer > .footbar { display:inline-block; vertical-align:top; }
#footer > footer > .footbar > li { float:left; }
#footer > footer > .footbar > li > a { display:block; padding:8px 10px; font-size:0.75em; color:#ccc; background:url("../images/common/icon_line_1.png") no-repeat left center; }
#footer > footer > .footbar > li:nth-child(1) > a { background-image:none; }
#footer > footer > p { font-size:0.8125em; color:#ccc; line-height:2; }
#footer > footer > p > .btn_ims { display:inline-block; padding:0 0.5em; font-size:0.625em; background:#fff; border-radius:3px; }
@media all and (max-width:1024px){
	#footer { min-width:100%; max-width:100%; }
	#footer > footer { width:100%; max-width:100%; }
}

#main_body { position:relative; margin:0 auto 100px; }
#sub_body { position:relative; min-width:1200px; margin:0 auto 50px; }
@media all and (max-width:1024px){
	#sub_body { min-width:100%; max-width:100%; }
}
@media all and (max-width:640px) {
	#main_body { margin:0 auto; }
	#sub_body { margin:0; }
}

.btn_top { position:absolute; display:block; right:50%; top:516px; width:auto; height:auto; margin:auto 0; margin-right:-700px; z-index:100; }

@media all and (max-width:1024px){
	.btn_top { display:none; }
}

/* 메인 비쥬얼 */
#main_visual { width:auto; /*min-width:1350px;*/ max-width:1600px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
#main_visual > header { font-size:0; text-indent:-9999px; }
#main_visual .main_visual { display:block; list-style:none; margin:0; padding:0; }
#main_visual .main_visual li { position:relative; text-align:center; box-sizing:border-box; }

#main_visual .slogan { width:auto; max-width:800px; margin:0 auto; padding:2em 5em 10em; }
#main_visual .slogan .t_b { margin-bottom:20px; font-family:"Noto Sans KR", sans-serif; font-size:2.8125em; color:#fff; font-weight:700; word-break:keep-all; }
#main_visual .slogan .t_s { font-family:"Noto Sans KR", sans-serif; font-size:1.125em; color:#fff; }

#main_visual .main_visual_area { display:block; margin:0; padding:0; }
#main_visual .bx-wrapper { margin:0; padding:0; border:0; box-shadow:0 0 0 transparent; }
#main_visual .bx-viewport { margin:0; padding:0; background:transparent; }

#main_visual .bx-controls { position:absolute; display:inline-block; left:50%; bottom:50px; width:auto; margin-left:-50px; padding:0; z-index:40; }
#main_visual .bx-controls .bx-pager { position:relative; display:inline-block; bottom:auto; width:auto; margin:0; padding:0; vertical-align:middle; }
#main_visual .bx-controls .bx-pager-item { display:inline-block; }
#main_visual .bx-controls .bx-pager-item > a { display:block; width:10px; height:10px; box-sizing:border-box; background:#9c9d9e; border:2px solid #9c9d9e; }
#main_visual .bx-controls .bx-pager-item > a.active { background:transparent; border:2px solid #fff; }

#main_visual .bx-controls .ctr_btn { position:relative; display:inline-block; width:auto; bottom:auto; margin-top:-10px; padding:0; vertical-align:middle; }
#main_visual .bx-controls .ctr_btn_item { display:inline-block; }
#main_visual .bx-controls .ctr_btn_item > a { display:block; width:10px; height:10px; margin:0 5px; padding:0; box-sizing:border-box; overflow:hidden; }
#main_visual .bx-controls .ctr_btn_item > .btn_play { display:none; background:url('../images/main/btn_play.png') no-repeat left center; }
#main_visual .bx-controls .ctr_btn_item > .btn_pause { background:url('../images/main/btn_pause.png') no-repeat left center; }
#main_visual .bx-controls .ctr_btn_item > a > span { font-size:0; text-indent:-9999px; }
@media all and (max-width:1024px){
	#main_visual { min-width:100%; max-width:100%; }
	#main_visual .slogan { max-width:100%; padding:1em 1em 3em; }
	#main_visual .slogan .t_b { margin-bottom:0; font-size:2.5em; }
	#main_visual .slogan .t_s { font-size:1em; }
	#main_visual .bx-controls { bottom:10px; }
}
@media all and (max-width:840px){
	#main_visual .slogan { max-width:100%; padding:1em 1em 3em; }
	#main_visual .slogan .t_b { margin-bottom:0; font-size:2em; }
	#main_visual .slogan .t_s { font-size:0.875em; }
}
@media all and (max-width:640px){
	#main_visual .main_visual li { height:0; padding-bottom:41%; }
	#main_visual .main_visual li > img { position:absolute; left:50%; top:0; transform:translateX(-50%); }
	#main_visual .slogan { max-width:100%; padding:1em 1em 3em; }
	#main_visual .slogan .t_b { margin-bottom:0; font-size:1.5em; }
	#main_visual .slogan .t_s { font-size:0.875em; }
}
@media all and (max-width:480px){
	#main_visual .bx-wrapper .bx-caption { background:#333; }
	#main_visual .main_visual li { height:0; padding-bottom:64%; }
	#main_visual .slogan { max-width:100%; padding:1em 1em 3em; }
	#main_visual .slogan .t_b { margin-bottom:0; font-size:1em; }
	#main_visual .slogan .t_s { font-size:0.8125em; }
}

/* 메인 컨텐츠 */
.m_cnt_1 { width:auto; max-width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.m_cnt_1 > li { position:relative; float:left; width:50%; height:0; padding-bottom:25%; box-sizing:border-box; overflow:hidden; }
.m_cnt_1 > li:nth-child(1) { background:#ecd900; }

.m_portfolio { position:absolute; left:50%; top:50%; width:80%; text-align:center; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
.m_portfolio > h2 { margin-bottom:15px; font-size:2.5em; color:#fff; }
.m_portfolio > p { margin-bottom:15px; font-size:1.25em; color:#fff; line-height:2; word-break:keep-all; }
.m_portfolio > a { display:inline-block; width:26%; padding:.5em; font-size:0.9375em; color:#fff; border:1px solid #fff; }

.m_info { position:absolute; left:50%; top:50%; width:80%; text-align:left; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
.m_info > h2 { margin-bottom:20px; font-size:1.3em; color:#333; line-height:1.3; }
.m_info > p { margin-bottom:20px; font-size:0.875em; color:#999; line-height:1.6; word-break:keep-all; }
.m_info > a { display:block; width:26%; margin:0 auto 0 0; padding:.5em; font-size:0.9375em; color:#999; text-align:center; border:1px solid #ccc; }
@media all and (max-width:1024px){
	.m_cnt_1 { max-width:100%; }
	.m_cnt_1 > li { padding-bottom:40%; }
}
@media all and (max-width:768px){
	.m_cnt_1 > li { padding-bottom:40%; }

	.m_portfolio > h2 { font-size:2.5em; }
	.m_portfolio > p { font-size:1.25em; }
	.m_portfolio > a { width:50%; font-size:0.9375em; }

	.m_info > h2 { font-size:1em; }
	.m_info > p { font-size:0.8125em; line-height:1.3; }
	.m_info > a { width:50%; font-size:0.9375em; }
}
@media all and (max-width:600px){
	.m_cnt_1 > li { float:none; width:100%; height:auto; padding:50px 0; }
	.m_portfolio { position:relative; left:auto; top:auto; width:80%; margin:0 auto; transform:none; }
	.m_portfolio > h2 { margin-bottom:10px; font-size:2em; }
	.m_portfolio > p { margin-bottom:10px; font-size:1.25em; }
	.m_portfolio > a { display:block; width:auto; font-size:0.9375em; }

	.m_info { position:relative; left:auto; top:auto; width:80%; margin:0 auto; text-align:center; box-sizing:border-box; transform:none; }
	.m_info > h2 { margin-bottom:10px; font-size:1.3em; }
	.m_info > p { font-size:0.875em; line-height:1.5; }
	.m_info > a { width:auto; margin:0 auto; font-size:0.9375em; }
}

.m_cnt_2 { position:relative; width:auto; max-width:1200px; height:0; margin:0 auto; padding-bottom:43%; box-sizing:border-box; overflow:hidden; }
.m_biz { position:absolute; left:50%; top:50%; width:80%; text-align:center; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; z-index:2; }
.m_biz a { display:block; width:100%; height:100%; overflow:hidden; }
.m_biz h1 { margin-bottom:30px; font-size:2.8125em; color:#fff; font-weight:400; }
.m_biz p { font-size:1.125em; color:#fff; line-height:2; word-break:keep-all; }
.m_cnt_2 > img { transform:scale(1); transition:all .5s ease-out; z-index:1; }
.m_cnt_2:hover > img { transform:scale(1.1); transition:all .5s ease-out; }
@media all and (max-width:1024px){
	.m_cnt_2 { max-width:100%; }
}
@media all and (max-width:768px){
	.m_biz h1 { margin-bottom:20px; font-size:2em; }
	.m_biz p { font-size:1em; line-height:1.8; }
}
@media all and (max-width:600px){
	.m_cnt_2 { height:auto; padding:50px 0; background:url("../images/main/m_biz_bg.jpg") no-repeat center center; background-size:cover; }
	.m_cnt_2 > img { display:none; }
	.m_biz { position:relative; left:auto; top:auto; margin:0 auto; transform:none; }
	.m_biz h1 { margin-bottom:10px; font-size:1.3em; }
	.m_biz p { font-size:0.875em; }
}

.m_box { width:auto; max-width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.m_box > li { float:left; width:50%; box-sizing:border-box; overflow:hidden; }
@media all and (max-width:1024px){
	.m_box { max-width:100%; }
}
@media all and (max-width:640px){
	.m_box > li { float:none; width:100%; }
}
.m_rnd { position:relative; box-sizing:border-box; overflow:hidden; }
.m_rnd > header { position:relative; height:100px; background:#fff; box-sizing:border-box; overflow:hidden; z-index:3; }
.m_rnd > header > h1 { position:absolute; left:50%; top:50%; font-size:2.1875em; color:#1f1a17; font-weight:400; text-align:center; transform:translateX(-50%) translateY(-50%); }
.m_rnd .m_rnd_box { position:relative; display:block; height:0; margin:0; padding:0 0 59%; box-sizing:border-box; overflow:hidden; z-index:2; }
.m_rnd .m_rnd_box > a { position:absolute; left:50%; top:50%; width:80%; height:auto; font-size:1.125em; color:#fff; line-height:2; text-align:center; word-break:keep-all; transform:translateX(-50%) translateY(-50%); }
.m_rnd .img_box { position:absolute; left:0; bottom:0; box-sizing:border-box; overflow:hidden; z-index:1; }
.m_rnd .img_box > img { transform:scale(1); transition:all .5s ease-out; }
.m_rnd:hover .img_box > img { transform:scale(1.2); }
@media all and (max-width:640px){
	.m_rnd > header { padding:1em 0; }
	.m_rnd > header > h1 { font-size:2em; }
	.m_rnd .m_rnd_box { padding:0 0 40%; background-size:100% auto; }
}
@media all and (max-width:600px){
	.m_rnd > header { padding:1em 0; }
	.m_rnd > header > h1 { font-size:1.5em; }
	.m_rnd .m_rnd_box { height:auto; padding:0; text-align:center; background-size:100% auto; overflow:hidden; }
	.m_rnd .m_rnd_box > a { position:relative; display:block; left:auto; top:auto; margin:0 auto; padding:50px 50px; font-size:1em; line-height:1.8; transform:none; }
}

.m_notice { box-sizing:border-box; overflow:hidden; }
.m_notice > header { position:relative; height:100px; box-sizing:border-box; overflow:hidden; }
.m_notice > header > h1 { position:absolute; left:50%; top:50%; font-size:2.1875em; color:#1f1a17; font-weight:400; text-align:center; transform:translateX(-50%) translateY(-50%); }
.m_notice > .m_notice_box { position:relative; display:block; height:0; margin:0; padding:0 0 59.4%; background:#2dbfcc; box-sizing:border-box; }
.m_notice > .m_notice_box > .m_notice_box_in { position:absolute; left:0; top:50%; width:100%; text-align:center; transform:translateY(-50%); }
.m_notice > .m_notice_box > .m_notice_box_in > h2 { margin:0 auto 10px; font-size:1.125em; color:#fff; font-weight:400; line-height:2; word-break:keep-all; }

.m_notice .mark_frame { width:85%; height:107px; margin:0 auto; padding:0.5em; border:1px solid rgba(256,256,256,0.6); box-sizing:border-box; overflow:hidden; }
.m_notice .mark_frame > li { position:relative; float:left; height:100%; box-sizing:border-box; }
.m_notice .mark_frame > li:nth-child(1) { width:25%; }
.m_notice .mark_frame > li:nth-child(1):after { position:absolute; right:-2px; top:50%; width:1px; height:90%; background:#cef0f3; transform:translateY(-50%); content:''; }
.m_notice .mark_frame > li:nth-child(2) { width:25%; }
.m_notice .mark_frame > li:nth-child(3) { float:right; width:50%; text-align:left; }
.m_notice .mark_frame > li span { display:block; }
.m_notice .mark_frame > li em { display:block; font-style:normal; font-size:1.125em; color:#fff; }
.m_notice .mark_frame > li .abs_middle { position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); }
.m_notice .mark_frame > li .txt-b { font-size:1.125em; color:#fff; line-height:1.8; }
.m_notice .mark_frame > li .txt-s { font-size:0.875em; color:#fff; line-height:1.8; }

.m_notice .mark_frame .mark_box { display:inline-block; vertical-align:top; }
.m_notice .mark_frame .mark_box > span { display:block; }
.m_notice .mark_frame .mark_box > em { display:block; font-style:normal; }
@media all and (max-width:940px){
	.m_notice .mark_frame > li em { font-size:1em; }
	.m_notice .mark_frame > li .txt-b { font-size:1em; }
	.m_notice .mark_frame > li .txt-s { font-size:0.8125em; }
}
@media all and (max-width:848px){
	.m_notice .mark_frame > li em { font-size:0.8125em; }
	.m_notice .mark_frame > li .txt-b { font-size:1em; }
	.m_notice .mark_frame > li .txt-s { font-size:0.8125em; }
}
@media all and (max-width:640px){
	.m_notice > header { padding:1em 0; }
	.m_notice > header > h1 { font-size:2em; }
	.m_notice > .m_notice_box { padding:0 0 40%; }
}
@media all and (max-width:600px){
	.m_notice > header { padding:1em 0; }
	.m_notice > header > h1 { font-size:1.5em; }
	.m_notice > .m_notice_box { height:auto; margin:0 auto; padding:50px 0; }
	.m_notice > .m_notice_box > .m_notice_box_in { position:relative; left:auto; top:auto; width:100%; text-align:center; transform:none; }
}
@media all and (max-width:400px){
	.m_notice > .m_notice_box > .m_notice_box_in > h2 { font-size:1em; }
	.m_notice .mark_frame { height:auto; }
	.m_notice .mark_frame > li { float:none; width:100% !important; padding:10px 0; text-align:center; border-bottom:1px solid rgba(256,256,256,0.5); }
	.m_notice .mark_frame > li:nth-child(1):after { display:none; }
	.m_notice .mark_frame > li:nth-last-child(1) { border-bottom:0; }
	.m_notice .mark_frame > li .abs_middle { position:relative; left:auto; top:auto; transform:none; }
	.m_notice .mark_frame > li .txt-b { font-size:1em; text-align:center; }
	.m_notice .mark_frame > li .txt-s { font-size:0.8125em; text-align:center; }
}

/* 서브 프레임 */
#sub_visual { min-width:1350px; height:283px; }
.sub_visual_1 { background:url("../images/sub/sub_visual_1.jpg") no-repeat center top; background-size:cover; }
.sub_visual_2 { background:url("../images/sub/sub_visual_2.jpg") no-repeat center top; background-size:cover; }
.sub_visual_3 { background:url("../images/sub/sub_visual_3.jpg") no-repeat center top; background-size:cover; }
.sub_visual_4 { background:url("../images/sub/sub_visual_4.jpg") no-repeat center top; background-size:cover; }
.sub_visual_5 { background:url("../images/sub/sub_visual_5.jpg") no-repeat center top; background-size:cover; }
.sub_visual_6 { background:url("../images/sub/sub_visual_6.jpg") no-repeat center top; background-size:cover; }
@media all and (max-width:1024px){
	#sub_visual { min-width:100%; max-width:100%; height:0; padding-bottom:20%; }
}
@media all and (max-width:768px){
	#sub_visual { padding-bottom:20%; }
}
@media all and (max-width:480px){
	#sub_visual { padding-bottom:30%; }
}

/* 로컬 네비게이션 */
#ln_area { display:block; height:45px; margin:0 auto; padding:0; border-bottom:1px solid #f0f0f0; box-sizing:border-box; }
#ln_area ul { display:block; list-style:none; width:auto; max-width:1200px; margin:0 auto; padding:0; box-sizing:border-box; }
#ln_area ul li { display:block; }
#ln_area ul li a { display:block; width:100%; height:100%; }

#ln_area > .ln { width:100%; height:100%; }
#ln_area > .ln > li { position:relative; float:left; width:240px; height:100%; }
#ln_area > .ln > li .label_show { display:block; height:45px; line-height:45px; margin-top:1px; padding-left:20px; font-size:1em; color:#333; background:url("../images/sub/ln_arrow_bg.gif") no-repeat 95% center; border-right:1px solid #e7e7e7; box-sizing:border-box; overflow:hidden; }
#ln_area > .ln > li .label_hide { font-size:0; text-indent:-9999px; }

#ln_area > .ln > li:nth-child(1) { width:50px; }
#ln_area > .ln > li:nth-child(1) a { background:#bd2126 url('../images/sub/icon_home.png') no-repeat center center; }

#ln_area .sln { position:absolute; display:none; width:100%; margin-top:-1px; padding:10px 0; background:#626263; overflow:hidden; z-index:10; }
#ln_area .sln > li { display:block; box-sizing:border-box; overflow:hidden; }
#ln_area .sln > li > a { display:block; height:30px; line-height:30px; padding:0 16px; font-size:0.8125em; color:#c4c4c4; }
#ln_area .sln > li:hover > a { color:#fff; text-decoration:underline; }

#ln_area > .ln > li:nth-child(3) .sln { margin-left:-1px; width:calc(100% + 1px); }
#ln_area > .ln > li:nth-child(4) .sln { margin-left:-1px; width:calc(100% + 1px); }
@media all and (max-width:1024px){
	#ln_area { display:none; }
}

/* 피드백 */
#feedback { position:relative; width:auto; max-width:1200px; margin:30px auto; padding:16px 0; border-bottom:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
#feedback > .h2_label { font-size:1.875em; color:#666; font-weight:400; }
#feedback > .process { position:absolute; right:0; top:50%; }
#feedback > .process > span { display:inline-block; font-size:0.8125em; color:#999; vertical-align:middle; }
#feedback > .process > .home { width:14px; height:14px; font-size:0; text-indent:-9999px; background:url("../images/sub/icon_home2.png") no-repeat center center; }
#feedback > .process > .arrow { width:14px; height:14px; background:url("../images/sub/icon_arrow.png") no-repeat center center; }
@media all and (max-width:1024px){
	#feedback { max-width:100%; margin-left:10px; margin-right:10px; }
	#feedback > .h2_label { font-size:1.875em; }
	#feedback > .process > span { font-size:0.8125em; }
}
@media all and (max-width:768px){
	#feedback > .h2_label { font-size:1.875em; }
	#feedback > .process > span { font-size:0.8125em; }
}
@media all and (max-width:640px){
	#feedback > .h2_label { font-size:1.5em; }
	#feedback > .process > span { font-size:0.8125em; }
}
@media all and (max-width:480px){
	#feedback { margin:0; padding:10px 0; }
	#feedback > .h2_label { font-size:1.2em; text-align:center; }
	#feedback > .process { display:none; }
}

/* 서브 컨텐츠 영역 */
#sub_cnt { display:block; width:auto; max-width:1200px; height:auto; min-height:500px; margin:0 auto; padding:50px 0; overflow:hidden; }
@media all and (max-width:1024px){
	#sub_cnt { max-width:100%; min-height:auto; margin:0 10px; }
}
@media all and (max-width:640px){
	#sub_cnt { padding:10px 0; }
}

/* CEO 인사말 */
.ceo { position:relative; padding-right:50%; box-sizing:border-box; overflow:hidden; }
.ceo .img { position:absolute; right:0; top:0; width:45%; border:1px solid #ddd; overflow:hidden; }
.ceo .img > img { max-width:100%; }
.ceo .txt_b { margin-bottom:30px; font-size:1.875em; color:#666; line-height:1.8; word-break:keep-all; }
.ceo .txt_n { margin-bottom:25px; font-size:0.9375em; color:#666; line-height:2; word-break:keep-all; }
.ceo .sign_name { text-align:right; }
.ceo .sign_name > .t1 { display:inline-block; font-size:1.125em; vertical-align:baseline; }
.ceo .sign_name > .t2 { display:inline-block; font-size:1.5625em; vertical-align:baseline; }
.ceo .sign_name > .t3 { display:block; font-size:0.9375em; color:#666; line-height:2; word-break:keep-all; }
.ceo .sign_name > .sign { display:inline-block; vertical-align:bottom; }
.ceo .sign_name > .sign > img { vertical-align:bottom; }
@media all and (max-width:1024px){
	.ceo { padding:0; }
	.ceo .img { display:none; }
}
@media all and (max-width:480px){
	.ceo .txt_b { font-size:1.2em; line-height:1.8; }
	.ceo .txt_n { font-size:0.875em; line-height:2; }
	.ceo .sign_name > .t1 { font-size:0.875em; }
	.ceo .sign_name > .t2 { font-size:0.875em; }
	.ceo .sign_name > .t3 { font-size:0.0.875em; }
}

/* 연혁 */
.history { position:relative; padding:12px 0; background:url("../images/sub1/history_bg.png") no-repeat 23% 28%; box-sizing:border-box; overflow:hidden; }
.history .history_box { position:relative; display:block; width:50%; padding:0 40px 40px; text-align:right; box-sizing:border-box; }
.history .history_box:after { position:absolute; right:0; top:7px; width:1px; height:100%; background:#1a3a7b; content:""; }
.history .history_box > header { position:relative; margin-bottom:10px; }
.history .history_box > header:after { position:absolute; right:-45px; top:7px; width:10px; height:10px; background:#1a3a7b; border-radius:50%; content:""; }
.history .history_box > header > h1 { padding:0; font-size:1.5em; color:#333; font-weight:500; line-height:1; }
.history .history_box > ul { display:inline-block; list-style:none; }
.history .history_box > ul li { position:relative; margin:8px 0; padding-right:90px; font-size:0.9375em; color:#666; font-weight:400; line-height:1.6; }
.history .history_box > ul li .head { position:absolute; display:block; right:0; width:83px; color:#333; font-weight:500; text-align:right; }
.history .history_box > ul li .imgs { position:absolute; display:block; left:50px; margin-top:10px; margin-left:-40px; }

.history .history_right { margin-left:50%; text-align:left; }
.history .history_right:after { position:absolute; left:-1px; top:7px; width:1px; height:100%; background:#1a3a7b; content:""; }
.history .history_right > header:after { position:absolute; left:-45px; top:7px; width:10px; height:10px; background:#1a3a7b; border-radius:50%; content:""; }
.history .history_right > ul li { padding-left:90px; padding-right:0; }
.history .history_right > ul li .head { left:0; width:83px; text-align:left; }
.history .history_right > ul li .imgs { left:50px; margin-top:10px; margin-left:-40px; }

@media all and (max-width:480px){
	.history .history_box { width:99%; margin-left:1%; padding:0 40px 40px; text-align:left; }
	.history .history_box:after { left:-1px; top:7px; }
	.history .history_box > header:after { left:-45px; top:7px; }
	.history .history_box > header > h1 { font-size:1.2em; }
	.history .history_box > ul li { padding-left:90px; padding-right:auto; font-size:0.875em; }
	.history .history_box > ul li .head { left:0; right:auto; text-align:left; }
	.history .history_box > ul li .imgs { position:relative; display:block; left:auto; width:200px; height:auto; margin-top:10px; overflow:hidden; }

	.history .history_right { margin-left:1%; text-align:left; }
}

/* 조직도 */
.organization { position:relative; padding:30px 0; text-align:center; box-sizing:border-box; overflow:hidden; }
.organ_box { position:relative; width:940px; height:451px; margin:0 auto; background:url("../images/sub1/organ_line.gif") no-repeat left top; box-sizing:border-box; overflow:hidden; }
.organ_box .organ { width:229px; height:45px; line-height:45px; font-size:0.9375em; color:#fff; text-align:center; }
.organ_box .organ_1 { position:absolute; left:50%; top:0; margin-left:-115px; background:#1a3a7b url('../images/sub1/organ_bg.png') no-repeat right bottom; }
.organ_box .organ_2 { position:absolute; left:50%; top:75px; margin-left:-115px; background:#33569c url('../images/sub1/organ_bg.png') no-repeat right bottom; }
.organ_box .organ_3 { position:absolute; left:50%; top:150px; margin-left:-115px; background:#3e64af url('../images/sub1/organ_bg.png') no-repeat right bottom; }
.organ_box .organ_4 { position:absolute; left:50%; top:225px; margin-left:-115px; background:#5681d7 url('../images/sub1/organ_bg.png') no-repeat right bottom; }
.organ_box .organ_4_1 { position:absolute; right:50%; top:225px; margin-right:-420px; background:#00aeef; }
.organ_box .organ_5 { position:absolute; left:50%; top:300px; margin-left:-115px; background:#85a4e2 url('../images/sub1/organ_bg.png') no-repeat right bottom; }

.organ_box .organ_sub { box-sizing:border-box; overflow:hidden; }
.organ_box .organ_sub > li { display:block; float:left; width:92px; height:45px; margin-right:22px; font-size:0.9325em; color:#666; line-height:45px; text-align:center; background:#fff; border:1px solid #cfcfcf; border-top:2px solid #5086a6; }
.organ_box .organ_sub > li:nth-last-child(1) { margin-right:0; }
.organ_box .organ_sub_1 { position:absolute; left:0; bottom:0; }
.organ_box .organ_sub_2 { position:absolute; right:0; bottom:0; }

/* 파트너 */
.partner { position:relative; box-sizing:border-box; overflow:hidden; }
.partner > header { display:none; }
.partner .partner_box { margin-bottom:40px; overflow:hidden; }
.partner .partner_box > h2 { margin-bottom:20px; font-size:1.625em; color:#333; font-weight:500; }
.partner .partner_box > h2 > span { display:inline-block; margin-left:5px; font-size:70%; color:#666; font-weight:400; }
.partner .partner_box > .listup { list-style:none; overflow:hidden; }
.partner .partner_box > .listup > li { position:relative; float:left; width:23.5%; height:0; margin-right:2%; margin-bottom:20px; padding-top:6%; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.partner .partner_box > .listup > li > img { position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto; }
.partner .partner_box > .listup > li:nth-child(4n+4) { margin-right:0; }
.partner .partner_box > .listup > li:nth-child(4n+1) { clear:both; }
.partner .partner_box:nth-last-child(1) { margin-bottom:0; }
@media all and (max-width:640px){
	.partner .partner_box > h2 { font-size:1.3em; }
	.partner .partner_box > .listup > li { width:32%; margin-right:2%; margin-bottom:10px; padding-top:9%; }
	.partner .partner_box > .listup > li:nth-child(4n+4) { margin-right:2%; }
	.partner .partner_box > .listup > li:nth-child(4n+1) { clear:none; }
	.partner .partner_box > .listup > li:nth-child(3n+3) { margin-right:0; }
	.partner .partner_box > .listup > li:nth-child(3n+1) { clear:both; }
}
@media all and (max-width:480px){
}

/* 오시는 길 */
.location { position:relative; box-sizing:border-box; overflow:hidden; }
.location .map_box { position:relative; height:0; padding-bottom:50%; margin-bottom:30px; box-sizing:border-box; overflow:hidden; }
.location .map_box > .map_size { position:absolute; left:0; top:0; width:100%; height:100%; }
.location .map_box > .map_size > .wrap_map { height:calc(100% - 40px); }

.location .location_info { list-style:none; overflow:hidden; }
.location .location_info > li { position:relative; padding:10px 0 10px 40px; font-size:0.9325em; color:#666; line-height:2; }
.location .location_info > li .head { position:absolute; display:inline-block; left:0; top:0; bottom:0; width:28px; height:28px; margin:auto 0; font-size:0; text-indent:-9999px; }
.location .location_info > li .icon_home { background:url("../images/sub1/icon_home.png") no-repeat center center; }
.location .location_info > li .icon_tel { background:url("../images/sub1/icon_tel.png") no-repeat center center; }
.location .btn_print { position:absolute; right:0; bottom:30px; width:50px; height:58px; line-height:90px; font-size:0.9325em; color:#666; text-align:center; background:url("../images/sub1/icon_print.png") no-repeat center top; }

.print_map { padding:10px; }
.print_map > header { display:none; margin-bottom:20px; }
@media print {
	.print_map > header { display:block; }
}
@media all and (max-width:640px){
	.location .map_box { min-height:auto; margin-bottom:30px; box-sizing:border-box; overflow:hidden; }
	.location .btn_print { display:none; }
}

/* 작업공정 및 설비 */
.process_area { position:relative; box-sizing:border-box; overflow:hidden; }
.process_area > header { display:none; }
.process_area .pro_box1 { margin-bottom:50px; }
.process_area .pro_box1 .case { list-style:none; margin:0; padding:0; overflow:hidden; }
.process_area .pro_box1 .case:after { display:block; content:''; clear:both; }
.process_area .pro_box1 .case > li { position:relative; float:left; width:18.4%; margin-right:2%; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.process_area .pro_box1 .case > li:nth-last-child(1) { margin-right:0; }
.process_area .pro_box1 .case .num { position:absolute; left:0; top:0; width:53px; height:49px; line-height:49px; font-size:1.875em; color:#fff; text-align:center; background:#33cccc; overflow:hidden; }
.process_area .pro_box1 .case .box_icon { position:relative; height:150px; margin:0 5%; text-align:center; border-bottom:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.process_area .pro_box1 .case .box_icon .label { position:absolute; top:70%; width:100%; }
.process_area .pro_box1 .case .p_icon_1 { background:url('../images/sub2/p_icon_1.png') no-repeat center 50%; }
.process_area .pro_box1 .case .p_icon_2 { background:url('../images/sub2/p_icon_2.png') no-repeat center 50%; }
.process_area .pro_box1 .case .p_icon_3 { background:url('../images/sub2/p_icon_3.png') no-repeat center 50%; }
.process_area .pro_box1 .case .p_icon_4 { background:url('../images/sub2/p_icon_4.png') no-repeat center 50%; }
.process_area .pro_box1 .case .p_icon_5 { background:url('../images/sub2/p_icon_5.png') no-repeat center 50%; }

.process_area .pro_box1 .case .box_listup { position:relative; height:300px; text-align:center; box-sizing:border-box; overflow:hidden; }
.process_area .pro_box1 .listup { position:absolute; list-style:none; top:50%; width:100%; box-sizing:border-box; transform:translateY(-50%); overflow:hidden; }
.process_area .pro_box1 .listup > li { margin-bottom:12px; padding-bottom:22px; font-size:1em; color:#666; text-align:center; background:url('../images/sub2/p_icon_down.png') no-repeat center bottom; }
.process_area .pro_box1 .listup > li:nth-last-child(1) { margin-bottom:0; padding-bottom:0; background-image:none; }
@media all and (max-width:768px){
	.process_area .pro_box1 .case > li { float:none; width:100%; margin:0 0 10px; padding-left:50px; }
	.process_area .pro_box1 .case .num { width:50px; height:50px; line-height:50px; font-size:1.6em; }
	.process_area .pro_box1 .case .box_icon { height:auto; margin:0; padding:13px 0 13px 20px; text-align:left; border:0; background:#f4f4f4; }
	.process_area .pro_box1 .case .box_icon .label { position:relative; top:auto; box-sizing:border-box; }

	.process_area .pro_box1 .case .box_listup { height:auto; margin-left:20px; padding:10px 0; }
	.process_area .pro_box1 .listup { position:relative; list-style:none; top:auto; transform:none; }
	.process_area .pro_box1 .listup > li { position:relative; float:left; margin:0 20px 0 0; padding:0; font-size:0.875em; text-align:center; background-image:none; }
	.process_area .pro_box1 .listup > li:after { position:absolute; right:-19px; top:29%; display:block; width:10px; height:10px; background:url("../images/sub2/p_icon_down.png") no-repeat center center; content:""; transform:rotate(-90deg) translateY(-50%); }
	.process_area .pro_box1 .listup > li:nth-last-child(1):after { display:none; }
}

.process_area .pro_box2 { margin-bottom:50px; }
.process_area .pro_box2:nth-last-child(1) { margin-bottom:0; }
.process_area .pro_box2 > h2 { margin-bottom:30px; padding-left:20px; font-size:1.5625em; color:#666; font-weight:400; background:url('../images/sub2/icon_h2.png') no-repeat left center; }
.process_area .pro_box2 .case { list-style:none; margin:0; padding:0; overflow:hidden; }
.process_area .pro_box2 .case:after { display:block; content:''; clear:both; }
.process_area .pro_box2 .case > li { position:relative; float:left; width:23.5%; margin-right:2%; box-sizing:border-box; overflow:hidden; }
.process_area .pro_box2 .case > li:nth-last-child(1) { margin-right:0; }
.process_area .pro_box2 .case > li.half { width:49%; }
.process_area .pro_box2 .case > li.total { width:100%; }
.process_area .pro_box2 .case .photo { margin:0 auto 18px; text-align:center; }

.process_area .pro_box2 .case2 { position:relative; min-height:208px; margin-top:40px; box-sizing:border-box; overflow:hidden; }
.process_area .pro_box2 .case2 > header { margin-bottom:16px; }
.process_area .pro_box2 .case2 > header > h1 { font-size:1.875em; color:#666; font-weight:400; }
.process_area .pro_box2 .case2 .photo { position:relative; float:left; width:25%; height:0; padding-top:20%; overflow:hidden; }
.process_area .pro_box2 .case2 .photo > img { position:absolute; left:0; top:0; width:auto; max-width:100%; height:auto; }

.process_area .pro_box2 .s_case { list-style:none; margin:0; padding:0; overflow:hidden; }
.process_area .pro_box2 .s_case > li { padding:8px 0 8px 10px; font-size:0.9375em; color:#333; font-weight:500; background:url('../images/sub2/icon_point_1.gif') no-repeat left 17px; }
.process_area .pro_box2 .s_case > li.half { float:left; width:43%; }
.process_area .pro_box2 .s_case > li.quarter { float:left; width:23%; }

.process_area .pro_box2 .s_listup { list-style:none; margin:0; padding:0; overflow:hidden; }
.process_area .pro_box2 .s_listup > li { padding:5px 0 5px 10px; font-size:0.9375em; color:#666; font-weight:400; background:url('../images/sub2/icon_point_2.gif') no-repeat left 14px; }
.process_area .pro_box2 .s_listup > li:nth-last-child(1) { padding-bottom:0; }
@media all and (max-width:640px){
	.process_area .pro_box2 > h2 { font-size:1.3em; }
	.process_area .pro_box2 .case > li { width:49%; margin-bottom:20px; }
	.process_area .pro_box2 .case > li:nth-last-child(1) { margin-right:0; }
	.process_area .pro_box2 .case > li:nth-child(2n+2) { margin-right:0; }
	.process_area .pro_box2 .case > li:nth-child(2n+1) { clear:both; }
	.process_area .pro_box2 .case > li.half { width:100%; }
	.process_area .pro_box2 .case .photo > img { width:100%; }

	.process_area .pro_box2 .case > li.total { width:100%; }
	.process_area .pro_box2 .case > li.total > .photo { }
	.process_area .pro_box2 .case > li.total > .photo > img { height:auto !important; }

	.process_area .pro_box2 .case2 { min-height:100%; padding-left:45%; border:1px solid #ddd; overflow:hidden; }
	.process_area .pro_box2 .case2 > header { margin-bottom:10px; }
	.process_area .pro_box2 .case2 > header > h1 { font-size:1.2em; }
	.process_area .pro_box2 .case2 .photo { position:absolute; left:0; top:0; float:none; width:40%; height:0; padding-bottom:30%; }
	.process_area .pro_box2 .case2 .photo > img { width:100%; }

	.process_area .pro_box2 .s_case { list-style:none; margin:0; padding:0; overflow:hidden; }
	.process_area .pro_box2 .s_case > li { padding:8px 0 8px 10px; font-size:0.9375em; color:#333; font-weight:500; background:url('../images/sub2/icon_point_1.gif') no-repeat left 17px; }
	.process_area .pro_box2 .s_case > li.half { float:left; width:43%; }
	.process_area .pro_box2 .s_case > li.quarter { width:48%; }

	.process_area .pro_box2 .s_listup { margin-top:10px; }
	.process_area .pro_box2 .s_listup > li { padding:3px 0 3px 10px; font-size:0.8125em; }
}

/* 연구소 소개 */
.lab_area { position:relative; box-sizing:border-box; overflow:hidden; }
.lab_area > header { display:none; }
.lab_area > .lab_photo { margin:0 0 30px; padding:0; overflow:hidden; }
.lab_area > .lab_photo > ul { overflow:hidden; }
.lab_area > .lab_photo > ul:after { display:block; content:""; clear:both; }
.lab_area > .lab_photo > ul > li { }
.lab_area > .lab_photo > ul > li:nth-child(2n+2) { float:right; margin-right:0; }
.lab_area > p { font-size:0.9375em; color:#666; line-height:2; word-break:keep-all; }
@media all and (max-width:640px){
	.lab_area > .lab_photo > ul > li { float:none; width:100%; margin:0; }
	.lab_area > p { font-size:0.875em; }
}

/* 연구활동 */
.research_area { box-sizing:border-box; overflow:hidden; }
.research_area > header { display:none; }
.research_area > .research_photo { margin:0 0 30px; padding:0; overflow:hidden; }

.research_area > .listup { list-style-type:decimal !important; padding:0; counter-reset:item; overflow:hidden; }
.research_area > .listup > li { position:relative; list-style-type:none !important; padding-left:30px; font-size:0.9375em; color:#666; line-height:2; text-align:justify; counter-increment:item; }
.research_area > .listup > li:before { position:absolute; left:0; top:4px; width:20px; height:20px; line-height:20px; color:#fff; text-align:center; content:""counter(item)""; background:#9e1915; border-radius:3px; }
@media all and (max-width:640px){
	.research_area > .listup > li { font-size:0.875em; }
}

/* 작업공정 및 설비 */
.proc_area { box-sizing:border-box; overflow:hidden; }
.proc_area > header { display:none; }

.proc_area .pro_box { margin-bottom:50px; }
.proc_area .pro_box .case { list-style:none; margin:0; padding:0; overflow:hidden; }
.proc_area .pro_box .case:after { display:block; content:''; clear:both; }
.proc_area .pro_box .case > li { position:relative; float:left; width:15%; margin-right:2%; padding:0 0.1em; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.proc_area .pro_box .case > li:nth-last-child(1) { margin-right:0; }
.proc_area .pro_box .case .num { position:absolute; left:0; top:0; width:53px; height:49px; line-height:49px; font-size:1.875em; color:#fff; text-align:center; background:#33cccc; overflow:hidden; }
.proc_area .pro_box .case .box_icon { position:relative; height:180px; margin:0; text-align:center; box-sizing:border-box; overflow:hidden; }
.proc_area .pro_box .case .box_icon .label { position:absolute; top:70%; width:100%; }
.proc_area .pro_box .case .p_icon_1 { background:url('../images/sub4/p_icon_1.png') no-repeat center 50%; }
.proc_area .pro_box .case .p_icon_2 { background:url('../images/sub4/p_icon_2.png') no-repeat center 50%; }
.proc_area .pro_box .case .p_icon_3 { background:url('../images/sub4/p_icon_3.png') no-repeat center 50%; }
.proc_area .pro_box .case .p_icon_4 { background:url('../images/sub4/p_icon_4.png') no-repeat center 50%; }
.proc_area .pro_box .case .p_icon_5 { background:url('../images/sub4/p_icon_5.png') no-repeat center 50%; }
.proc_area .pro_box .case .p_icon_6 { background:url('../images/sub4/p_icon_5.png') no-repeat center 50%; }

.proc_area .table_outline { overflow:hidden; }
.proc_area .table_outline > table { width:100%; border-collapse:collapse; border-spacing:0; }
.proc_area .table_outline > table th { padding:15px 0; font-size:0.9375em; font-weight:normal; background:#ddd; border:1px solid #ccc; }
.proc_area .table_outline > table td { padding:15px 0; font-size:0.9375em; text-align:center; border:1px solid #ccc; }
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.proc_area .pro_box .case > li { width:15.83%; margin-right:1%; }
	.proc_area .pro_box .case .num { width:30px; height:30px; line-height:30px; font-size:1em; }
	.proc_area .pro_box .case .box_icon { position:relative; height:150px; margin:0; text-align:center; box-sizing:border-box; overflow:hidden; }
	.proc_area .pro_box .case .box_icon .label { top:60%; font-size:0.8125em; }
	.proc_area .pro_box .case .p_icon_1 { background-position:center 30%; }
	.proc_area .pro_box .case .p_icon_2 { background-position:center 30%; }
	.proc_area .pro_box .case .p_icon_3 { background-position:center 30%; }
	.proc_area .pro_box .case .p_icon_4 { background-position:center 30%; }
	.proc_area .pro_box .case .p_icon_5 { background-position:center 30%; }
	.proc_area .pro_box .case .p_icon_6 { background-position:center 30%; }

	.proc_area .table_outline > table th { padding:12px 0; font-size:0.8125em; }
	.proc_area .table_outline > table td { padding:10px 0; font-size:0.8125em; }
}
@media all and (max-width:640px){
	.proc_area .pro_box { margin-bottom:30px; }
	.proc_area .pro_box .case > li { width:32%; margin-right:2%; margin-bottom:15px;  }
	.proc_area .pro_box .case > li:nth-child(3n+3) { margin-right:0; }
	.proc_area .pro_box .case > li:nth-child(3n+1) { clear:both; }
	.proc_area .pro_box .case .num { width:30px; height:30px; line-height:30px; font-size:1.2em; }
	.proc_area .pro_box .case .box_icon { position:relative; height:150px; margin:0; text-align:center; box-sizing:border-box; overflow:hidden; }
	.proc_area .pro_box .case .box_icon .label { top:60%; }
	.proc_area .table_outline > table th { padding:12px 0; }
	.proc_area .table_outline > table td { padding:10px 0; }
}
@media all and (max-width:360px){
	.proc_area .pro_box { margin-bottom:20px; }
	.proc_area .pro_box .case > li { width:48%; margin-right:4%; margin-bottom:10px;  }
	.proc_area .pro_box .case > li:nth-child(3n+3) { margin-right:4%; }
	.proc_area .pro_box .case > li:nth-child(3n+1) { clear:none; }
	.proc_area .pro_box .case > li:nth-child(2n+2) { margin-right:0; }
	.proc_area .pro_box .case > li:nth-child(2n+1) { clear:both; }
	.proc_area .pro_box .case .p_icon_1 { background-position:58% 40%; }
	.proc_area .pro_box .case .p_icon_2 { background-position:50% 40%; }
	.proc_area .pro_box .case .p_icon_3 { background-position:50% 40%; }
	.proc_area .pro_box .case .p_icon_4 { background-position:50% 40%; }
	.proc_area .pro_box .case .p_icon_5 { background-position:50% 40%; }
	.proc_area .pro_box .case .p_icon_6 { background-position:50% 40%; }
	.proc_area .pro_box .case .box_icon .label { top:70%; }

	.proc_area .table_outline > table { display:block; width:100%; margin:0; padding:0; }
	.proc_area .table_outline > table thead { display:none; }
	.proc_area .table_outline > table tbody { position:relative; display:block; width:100%; box-sizing:border-box; }
	.proc_area .table_outline > table tbody tr { position:relative; display:block; width:100%; margin-bottom:10px; box-sizing:border-box; border:1px solid #ddd; }
	.proc_area .table_outline > table tbody tr td { position:relative; display:block; padding:5px 5px 5px 100px; font-size:0.8125em; text-align:left; border:0; border-bottom:1px solid #ddd; }
	.proc_area .table_outline > table tbody tr td:nth-last-child(1) { border-bottom:0; }
	.proc_area .table_outline > table tbody tr td:nth-child(1):before { position:absolute; left:0; top:0; width:80px; height:100%; line-height:30px; text-align:center; background:#eee; content:"\번호"; }
	.proc_area .table_outline > table tbody tr td:nth-child(2):before { position:absolute; left:0; top:0; width:80px; height:100%; line-height:30px; text-align:center; background:#eee; content:"\품명"; }
	.proc_area .table_outline > table tbody tr td:nth-child(3):before { position:absolute; left:0; top:0; width:80px; height:100%; line-height:30px; text-align:center; background:#eee; content:"\모델명"; }
	.proc_area .table_outline > table tbody tr td:nth-child(4):before { position:absolute; left:0; top:0; width:80px; height:100%; line-height:30px; text-align:center; background:#eee; content:"\수량"; }
	.proc_area .table_outline > table tbody tr td:nth-child(5):before { position:absolute; left:0; top:0; width:80px; height:100%; line-height:30px; text-align:center; background:#eee; content:"\제작회사"; }
	.proc_area .table_outline > table tbody tr td:nth-child(6):before { position:absolute; left:0; top:0; width:80px; height:100%; line-height:30px; text-align:center; background:#eee; content:"\설치장소"; }
}

/* 인증현황 */
.certi_area { box-sizing:border-box; overflow:hidden; }
.certi_area > header { display:none; }

.certi_area .c_box { display:block; float:left; overflow:hidden; }
.certi_area .c_box > h2 { margin-bottom:20px; font-size:1.25em; color:#333; font-weight:normal; }

.certi_area .c_box .list_type1 { list-style:none; }
.certi_area .c_box .list_type1:after { display:block; content:''; clear:both; }
.certi_area .c_box .list_type1 > li { float:left; width:226px; margin-right:15px; margin-bottom:26px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.certi_area .c_box .list_type1 > li > img { max-width:100%; }
.certi_area .c_box .list_type1 > li:nth-child(5n+5) { margin-right:0; }
.certi_area .c_box .list_type1 > li:nth-child(5n+1) { clear:both; }
.certi_area .c_box .list_type1 > li:nth-last-child(1) { margin-right:0; }

.certi_area .c_box .list_type2 { list-style:none; }
.certi_area .c_box .list_type2:after { display:block; content:''; clear:both; }
.certi_area .c_box .list_type2 > li { float:left; width:auto; margin-right:15px; margin-bottom:26px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.certi_area .c_box .list_type2 > li > img { max-width:100%; }
.certi_area .c_box .list_type2 > li:nth-last-child(1) { margin-right:0; }

.certi_area .list_mr { margin-right:15px; }
.certi_area .list_clear { clear:both; }

@media all and (max-width:1024px){
	.certi_area .c_box { float:none; }
	.certi_area .c_box .list_type1 > li { width:19.2%; margin-right:1%; margin-bottom:20px; }
	.certi_area .c_box .list_type2 > li { width:49.5%; margin-right:1%; margin-bottom:20px; }
}
@media all and (max-width:640px){
	.certi_area .c_box .list_type1 > li { width:32.66%; margin-bottom:10px; }
	.certi_area .c_box .list_type1 > li:nth-child(5n+5) { margin-right:1%; }
	.certi_area .c_box .list_type1 > li:nth-child(5n+1) { clear:none; }
	.certi_area .c_box .list_type1 > li:nth-child(3n+3) { margin-right:0; }
	.certi_area .c_box .list_type1 > li:nth-child(3n+1) { clear:none; }
}

/* 담당자 연락처 */
.charge_area { position:relative; display:block; width:auto; max-width:1200px; margin:0 auto; padding:0; background:#668fcc url('../images/sub5/charge_img_2.png') no-repeat left top; box-sizing:border-box; overflow:hidden; }
.charge_area > .deco { position:absolute; right:0; bottom:0; width:15px; height:12px; background:url('../images/sub5/charge_img_1.png') no-repeat right bottom; }
.charge_area > header { display:none; }
.charge_area > .charge_box { width:380px; margin:30px 80px 30px auto; padding:0; box-sizing:border-box; overflow:hidden; }

.charge_area .tel_box1 { margin-bottom:30px; font-size:1.5625em; color:#fff; overflow:hidden; }
.charge_area .tel_box1 h2 { display:inline-block; font-weight:400; }

.charge_area .tel_box2 { overflow:hidden; }
.charge_area .tel_box2 > h2 { width:380px; height:45px; line-height:45px; font-size:1.25em; color:#fff; font-weight:400; text-align:center; background:rgba(256,256,256,0.5); border-radius:22px; }
.charge_area .tel_box2 .tel_list { list-style:none; width:360px; margin:15px auto 0; padding:0; overflow:hidden; box-sizing:border-box; }
.charge_area .tel_box2 .tel_list > li { position:relative; float:left; width:47%; margin:4px 0; margin-right:6%; padding:4px 0 4px 45px; font-size:1.0625em; color:#fff; font-weight:400; box-sizing:border-box; overflow:hidden; }
.charge_area .tel_box2 .tel_list > li:nth-child(2n+2) { margin-right:0; }
.charge_area .tel_box2 .tel_list > li:nth-child(2n+1) { clear:both; }
.charge_area .tel_box2 .tel_list > li .circle { position:absolute; right:0; width:25px; height:25px; line-height:25px; color:#668fcc; text-align:center; background:#fff; border-radius:50%; overflow:hidden; }
.charge_area .tel_box2 .tel_list > li:nth-child(1) { background:url('../images/sub5/charge_icon_1.png') no-repeat left 50%; }
.charge_area .tel_box2 .tel_list > li:nth-child(2) { background:url('../images/sub5/charge_icon_4.png') no-repeat left 50%; }
.charge_area .tel_box2 .tel_list > li:nth-child(3) { background:url('../images/sub5/charge_icon_2.png') no-repeat left 50%; }
.charge_area .tel_box2 .tel_list > li:nth-child(4) { background:url('../images/sub5/charge_icon_5.png') no-repeat left 50%; }
.charge_area .tel_box2 .tel_list > li:nth-child(5) { background:url('../images/sub5/charge_icon_3.png') no-repeat left 50%; }
.charge_area .tel_box2 .tel_list > li:nth-child(6) { background:url('../images/sub5/charge_icon_6.png') no-repeat left 50%; }
@media all and (max-width:1024px){
	.charge_area { max-width:100%; background-position:-50% 50%; background-size:auto 100%; }
}
@media all and (max-width:900px){
	.charge_area { background-position:50% 50%; background-size:cover; }
	.charge_area > .deco { display:none; }
	.charge_area > .charge_box { width:60%; margin:30px auto; padding:30px; background:rgba(0,0,0,0.7); border-radius:10px; }
	.charge_area .tel_box1 { margin-bottom:30px; font-size:1.5em; text-align:center; }
	.charge_area .tel_box2 > h2 { width:auto; font-size:1.2em; }
}
@media all and (max-width:640px){
	.charge_area > .charge_box { width:80%; }
	.charge_area .tel_box1 { font-size:1.3em; }
	.charge_area .tel_box2 > h2 { font-size:1em; }
	.charge_area .tel_box2 .tel_list > li { font-size:1em; }
}
@media all and (max-width:360px){
	.charge_area .tel_box2 .tel_list { width:auto; }
	.charge_area .tel_box2 .tel_list > li { float:none; width:100%; margin:8px 0; padding:4px 0 4px 45px; font-size:1em; }
	.charge_area .tel_box2 .tel_list > li:nth-child(2n+2) { margin-right:0; }
	.charge_area .tel_box2 .tel_list > li:nth-child(2n+1) { clear:none; }
	.charge_area .tel_box2 .tel_list > li .circle { position:absolute; right:0; width:25px; height:25px; line-height:25px; color:#668fcc; text-align:center; background:#fff; border-radius:50%; overflow:hidden; }
}


/* 준비중 */
#ready { margin-top:100px; text-align:center; overflow:hidden; }
#ready > header { display:none; }
#ready > p { padding-top:60px; font-size:1.875em; color:#666; font-weight:400; background:url('../images/sub/img_ready.png') no-repeat center top; }