@charset "utf-8";

h3.cont_title{ position: relative; display: block; font-size: 2.3rem; font-weight: 600; color: #25367A; padding-left: 3rem; margin-bottom: 2.6rem; }
h3.cont_title:before{ position: absolute; top: .9rem; left: 0; content: ""; display: inline-block; width: 2rem; height: 2rem; background: url(../images/common/bullet.png) no-repeat; background-size: contain; }

h4.cont_title{ position: relative; display: block; font-size: 2rem; font-weight: 500; color: #333; padding-left: 1.9rem; margin-bottom: 1.8rem; }
h4.cont_title:before{ position: absolute; top: 50%; left: 0; content: ""; display: inline-block; width: 1rem; height: 3px; background-color: #333333; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
h5.cont_title{ position: relative; padding-left: 2.3rem; font-size: 1.7rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -0.05rem; color: #333; }
h5.cont_title .num{ position: absolute; left: 0; top: 0; display: inline-block; margin-right: .5rem;}

strong{ font-weight: 600; }

.list_dot{}
.list_dot > li{ position: relative; padding-left: 2.2rem; margin-bottom: .8rem; font-size: 1.7rem; color: #282728; letter-spacing: -0.05rem; line-height: 2.5rem; font-weight: 500; }
.list_dot > li:before{ position: absolute; top: 1rem; left: 1rem; content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background-color: #C7C7C7;}
.list_dot > li > p{ font-size: 1.7rem; font-weight: 300; color: #555; margin-top: .6rem; }

.list_dot2{ margin-top: .6rem; }
.list_dot2 > li{ position: relative; padding-left: 1rem; font-size: 1.6rem; color: #555; font-weight: 300; line-height: 2.6rem; letter-spacing: -0.04rem; }
.list_dot2 > li:before{ position: absolute; top: 1.2rem; left: 0; content: ""; display: inline-block; width: 2px; height: 2px; border-radius: 50%; background-color: #555;}

.mCSB_scrollTools{ width: 10px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 10px; border-radius: 0; background-color: #F4F4F4; }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 10px; border-radius: 0; background-color: #D8DBE0; }

.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_textbox:focus { border-color: #000; }
.form_textbox.hasDatepicker { width: 15rem; padding-right: 5rem; }
.form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 3rem; margin: 0.6rem 0 0 -4rem; }
.form_textbox.number { width: 15rem; }

.form_mail { line-height: 4rem; }
.form_mail .form_textbox { width: 20rem; }

.form_select { display: inline-block; position: relative; height: 4rem; color: #333; }
.form_select::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1rem; transform: translateY(-50%); content: ''; }
.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_select select:hover, .form_select select:focus { border-color: #000; }

.form_check { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_check label { cursor: pointer; }
.form_check label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_check label::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; top: 0.5rem; z-index: -1; width: 1.5rem; height: 1.5em; color: #484c58; content: ''; text-align: center; line-height: 1.5rem; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_check input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_check input:focus + label::before { outline: 1px dotted #000; }
.form_check input:checked + label::after { opacity: 1; }
.form_check:last-child { margin-right: 0; }

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_radio label { cursor: pointer; }
.form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_radio label::after { position: absolute; left: 0.5rem; top: 1rem; z-index: -1; width: 0.5rem; height: 0.5rem; border-radius: 100%; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_radio input:focus + label::before { outline: 1px dotted #000; }
.form_radio input:checked + label::after { background-color: #484c58; }
.form_radio:last-child { margin-right: 0; }

.form_file { display: block; overflow: hidden; position: relative; z-index: 0; width: 100%; height: 3.5rem; max-height: 100%; text-align: left; line-height: 3.5rem; }
.form_file input { width: 8rem; height: 7rem; margin-top: -3.5rem; border: 0 none; opacity: 0; cursor: pointer; }
.form_file input:hover + .txt::before,
.form_file input:focus + .txt::before { background-color: #999; color: #fff; }
.form_file .txt::before { position: absolute; left: 0; top: 0; z-index: -1; width: 8rem; height: 100%; border: 1px solid #999; font-size: 1.5rem; color: #333; content: '첨부파일'; text-align: center; cursor: pointer; transition: all 0.2s; }
.form_file .txt { overflow: hidden; float: right; width: calc(100% - 9rem); text-overflow: ellipsis; }

.btn_line { height: 2.8rem; border: 1px solid #999; line-height: 2.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5rem; font-weight: 400; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; transition: all 0.2s; }
.btn_line:hover, .btn_line:focus { border-color: #333; background-color: #333; color: #fff; }
.btn_line i { font-size: 1.6rem; margin-left: 0.5rem; vertical-align: middle; }

.board_btns { margin-top: 3rem; text-align: center; }
.board_btns.right{ text-align: right; }
.board_btns .txt { margin: -2rem 0 1rem; font-size: 1.5rem; color: #999; text-align: left; }
.board_btns .btn { height: 5rem; border: 1px solid #333; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 12.8rem; padding: 0 2rem; background-color: #333; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; }
.board_btns .btn:hover, .board_btns .btn:focus { background-color: transparent; color: #333; }
.board_btns .btn.type1 { border: 1px solid #ddd; background-color: #fff; color: #333; }
.board_btns .btn.type1:hover, .board_btns .btn.type1:focus { border-color: #333; }


.program{ margin-bottom: 8rem; }

/* 게시판 상단 */
.board_info { overflow: hidden; line-height: 4rem; }
.board_info + * {margin-top: 2rem;}

/* 게시판 목록 페이지 수 */
.board_info .page { float: left; }
.board_info .page span { display: inline-block; vertical-align: top; }
.board_info .page span + span::before { display: inline-block; width: 1px; height: 1.5rem; margin: 0 1rem 0 0.5rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_info .page strong, .board_info .page b { font-weight: 500; color: #000; }

/* 게시판 목록 검색 */
.board_info form,
.board_info fieldset { float: right; }
.board_info .form { display: table; width: calc(100% + 0.5rem); table-layout: fixed; font-size: 1.5rem; width: auto; }
.board_info .form > * { display: table-cell; padding-right: 0.5rem; vertical-align: top; }
.board_info .form .item.type1 { padding-right: 0; }
.board_info .form .btn { width: 6.5rem !important; }
.board_info .form .btn button { width: 100%; height: 4rem; border: 1px solid #000; background-color: #000; color: #fff; text-align: center; transition: all 0.2s; }
.board_info .form .btn button:hover,
.board_info .form .btn button:focus {background-color: #fff; color: #000;}
.board_info .form .form_select {width: 100%;}

/* 게시판 목록 RSS */
.board_info .icon_rss { display: inline-block; width: 2.5rem; height: 2.5rem; margin-left: 0.5rem; font-size: 2rem; text-align: center; line-height: 2.5rem; vertical-align: middle; }
.board_info .icon_rss::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; color: #ee802f; content: ''; }

/* 게시판 페이징 */
* + .board_pager { margin-top: 4rem; margin-bottom: 8rem; }
.board_pager { font-size: 1.5rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; text-align: center; line-height: 4rem; vertical-align: top; }
.board_pager a.arr { border: 1px solid #ddd; }
.board_pager a.arr::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }
.board_pager a.arr.first::before { content: ""; }
.board_pager a.arr.prev::before { content: ""; }
.board_pager a.arr.next::before { content: ""; }
.board_pager a.arr.last::before { content: ""; }
.board_pager a.arr.first, .board_pager a.arr.last { text-indent: -1.2rem; letter-spacing: -1.2rem; }
.board_pager a.active { background-color: #333; color: #fff; }
.board_pager .group { margin: 0 0.5rem; }
.txt_left { text-align: left !important; }
.txt_left.title{ width: 40%; }

/* 게시판 목록 */
.board_list table { width: 100%; margin-bottom: -1px; }
.board_list thead th { font-size: 1.6rem; padding: 1.25rem; border-bottom: 1px solid #aaa; font-weight: 600; color: #222; text-align: center; white-space: nowrap; }
.board_list td { font-size: 1.5rem; padding: 1rem; border-bottom: 1px solid #ddd; color: #666; text-align: center; line-height: 3.5rem; white-space: nowrap; }
.board_list td[aria-label="첨부파일"] img { width: 2.5rem; }
.board_list td.txt_left a { font-size: 1.6rem; display: inline-block; max-width: 100%; color: #333; vertical-align: middle; }

/* 게시판 목록 아이콘 */
.board_list .xi-new { font-size: 2.2rem; float: right; margin: 0.75rem 0 0 0.5rem; color: #116eb4; }
.board_list .xi-lock { display: inline-block; position: relative; top: -0.1rem; font-size: 2rem; color: #222; vertical-align: middle; }

/* 게시판 목록 상태 아이콘 */
.board_list .icon { display: inline-block; min-width: 8rem; height: 2.75rem; padding: 0 1rem; border-radius: 0.5rem; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_list .icon[data-label="처리완료"] {background-color: #000; color: #fff;}
.board_list .icon[data-label="답변완료"] {background-color: #777; color: #fff;}
.board_list .icon[data-label="진행중"] {background-color: #116eb4; color: #fff;}
.board_list .icon_notice { display: inline-block; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #333; font-size: 1.3rem; color: #fff; vertical-align: middle; font-style: normal; }


/* 게시판 내용 */
.board_view { border-top: 2px solid #555; }
.board_view > .title { font-size: 2.2rem; padding: 2.5rem 0; border-bottom: 1px solid #ddd; font-weight: 600; color: #333; text-align: center; word-break: keep-all; }
.board_view > .title .category { display: block; font-size: 1.6rem; color: #999; }
.board_view > .title .category::before { display: inline-block; position: relative; top: -0.2rem; width: 1rem; height: 1rem; margin-right: 0.75rem; border-radius: 100%; content: ''; vertical-align: middle; }
.board_view > .title .cateC01::before {background: #F6C375;}
.board_view > .title .cateC02::before {background: #DF7373;}
.board_view .info { padding: 2rem 0; border-bottom: 1px solid #dddd; background-color: #f8f9fa; color: #666; text-align: center; }
.board_view .info li { display: inline-block; vertical-align: top; font-size: 1.6rem; color: #000; }
.board_view .info li + li::before { display: inline-block; position: relative; top: -1px; width: 3px; height: 3px; margin: 0 1.5rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_view .info strong { margin-right: 0.75rem; font-weight: 300; color: #999; }
.board_view .info strong:after{ content: ""; display: inline-block; width: 1px; height: 1.2rem; background-color: #ddd; margin: 0 0 0 1rem; vertical-align: middle; }
.board_view .contents { padding: 5.5rem; border-bottom: 1px solid #ddd; }
.board_view .contents p { min-height: 2rem; margin: 0; padding: 0; }
.board_view .contents .img { margin-top: 2rem; }
.board_view .contents .img + .img { margin-top: 1rem; }
.board_view .txt_center { margin-bottom: 2rem; }
.board_view img{ max-width: 100%; }
div[class^=sub02] .board_view .info{ display: none; }

/* 게시판 내용 파일 */
.board_view .file { position: relative; padding: 2rem 0 2rem 14.5rem; border-bottom: 1px solid #ddd; }
.board_view .file .title { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 14.5rem; font-weight: 500; color: #333; text-align: center; }
.board_view .file .list img { width: 2.5rem; margin-right: 0.5rem; vertical-align: middle; }
.board_view .file .list li { overflow: hidden; position: relative; min-height: 3rem; padding-right: 21rem; text-overflow: ellipsis; white-space: nowrap; line-height: 3rem; }
.board_view .file .list li + li {margin-top: 0.5rem;}
.board_view .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_view .file .list li > a:hover, .board_view .file .list li > a:focus { color: #116eb4; }
.board_view .file .list .link { position: absolute; right: 0; top: 0; }
.board_view .file .list .txt { font-size: 1.2rem; color: #999; }

/* 게시판 이전글 다음글 */
.prevnext { margin-top: 4rem; border-bottom: 1px solid #aaa; }
.prevnext li { overflow: hidden; padding: 2rem 0; border-top: 1px solid #ddd; color: #333; }
.prevnext li.next span::before { content: ''; }
.prevnext span { float: left; width: 15rem; color: #666; }
.prevnext span::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: 1.5rem; float: left; width: 5rem; content: ''; text-align: center; }
.prevnext a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; width: calc(100% - 15rem); }

/* 게시판 답변 */
.board_btns + .board_reply { margin-top: 2rem; border-top: 1px solid #aaa; }
.board_reply { padding: 2rem; border-bottom: 1px solid #e8e8e8; }
.board_reply .title { font-size: 1.8rem; font-weight: 600; color: #333; }
.board_reply .info { font-size: 1.5rem; margin: 0.5rem 0 1rem; padding: 1rem 1.5rem; background-color: #f8f8f8; }
.board_reply .info li { display: none; }
.board_reply .info li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_reply .info li[class] { display: inline; }
.board_reply .info strong { margin-right: 0.5rem; font-weight: 400; color: #333; }
.board_reply .info:last-child { margin-bottom: 0; }
.board_reply .file { position: relative; margin: 2rem -2rem -2rem; padding: 1rem 2rem; border-top: 1px solid #f8f8f8; }
.board_reply .file .label { display: block; margin: 0.5rem 0; font-weight: 500; color: #333; }
.board_reply .file .list img { width: 2.5rem; margin-right: 0.5rem; }
.board_reply .file .list li { overflow: hidden; position: relative; min-height: 3rem; padding: 0 21rem 0 1.5rem; text-overflow: ellipsis; white-space: nowrap; line-height: 3rem; }
.board_reply .file .list li::before { position: absolute; left: 0; top: auto; content: '-'; }
.board_reply .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_reply .file .list li > a:hover, .board_view .file .list li > a:focus { color: #116eb4; }
.board_reply .file .list .link { position: absolute; right: 0; top: 0; }
.board_reply .file .list .txt { font-size: 1.2rem; color: #999; }
.board_reply + .board_btns {margin-top: 1rem;}

/* 게시판 답변 상황 */
.board_state { position: relative; margin-top: 4rem; padding: 1.5rem 1.5rem 1.5rem 7rem; border: 1px solid #ddd; background-color: #f6f7f9; }
.board_state::before { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; overflow: hidden; position: absolute; left: 2rem; top: auto; width: 3rem; height: 3rem; border-radius: 100%; background-color: #3c4165; font-size: 1.8rem; font-weight: 400; color: #fff; content: ''; text-align: center; }
.board_state li { display: inline; }
.board_state li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 0.75rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_state label { margin-right: 0.5rem; font-weight: 500; color: #000; }
.board_state button { font-size: 1.4rem; color: #116eb4; }
.board_state .title { display: block; margin-bottom: 0.5rem; color: #333; line-height: 3rem; }
.board_state .form { line-height: 4rem; }
.board_state .form ul { display: inline-block; margin-right: 1rem; vertical-align: top; }
.board_state .form_textbox,
.board_state .form_select select { width: 15rem; }
.board_state .btn { height: 4rem; padding: 0 1.5rem; border: 0 none; background-color: #484c58; color: #fff; text-align: center; vertical-align: top; }

/* 게시판 답변상황 아이콘 */
.board_state .icon { display: inline-block; position: relative; top: -1px; min-width: 8rem; height: 2.75rem; padding: 0 1rem; border-radius: 0.5rem; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_state .icon[data-label="처리완료"],
.board_state .icon[data-label="답변완료"] {background-color: #555; color: #fff; }
.board_state .icon[data-label="진행중"] { background-color: #116eb4; color: #fff; }

/* 코멘트 */
* + .comment { margin-top: 5rem; }
.comment .form { position: relative; margin: 0 0 5rem; padding-bottom: 4.9rem; border: 1px solid #ddd; background-color: #f8f9fa; color: #999; }
.comment .form textarea { font-size: 1.5rem; width: 100% !important; max-width: 100%; min-height: 8.5rem; padding: 1.5rem; border: 0 none !important; vertical-align: top; }
.comment .form .length { font-size: 1.3rem; position: absolute; left: 0; bottom: 0; padding-left: 2rem; line-height: 5rem; }
.comment .form button { height: 5rem; border: 1px solid #555; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5rem; display: inline-block; min-width: 8.8rem; padding: 0 1rem; background-color: #555; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; right: -1px; bottom: -1px; }
.comment .form button:hover, 
.comment .form button:focus { background-color: transparent; color: #555; }
.comment > .title { font-size: 1.6rem; font-weight: 300; color: #666; }
.comment > .title span { font-weight: 500; color: #116eb4; }

/* 코멘트 목록 */
.comment .list { margin-top: 1.5rem; border-top: 1px solid #aaa; }
.comment .list li { position: relative; padding: 2rem; border-bottom: 1px solid #ddd; color: #767676; }
.comment .list .name { font-weight: 500; }
.comment .list .txt { display: block !important; width: auto !important; height: auto !important; margin-bottom: 0.5rem; opacity: 1 !important; }
.comment .list .date { font-size: 1.4rem; color: #999; }
.comment .list .form { width: 100% !important; margin: 1rem 0 0; }
.comment .list .re { padding-left: 4rem; }
.comment .list .re::before { position: absolute; top: 2.5rem; left: auto; width: 1rem; height: 1rem; margin-left: -2rem; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; content: ''; }

/* 코멘트 버튼 */
.comment .list .btn { position: absolute; right: 2rem; top: 2rem; font-size: 1.4rem; color: #333; }
.comment .list .btn a + a::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.3rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.comment .list .btn_reply { height: 3rem; border: 1px solid #ddd; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 7rem; margin-top: 1rem; padding: 0 1rem; background-color: #fff; color: #666; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.comment .list .btn_reply:hover, .comment .btn_reply:focus { border-color: #333; background-color: #333; color: #fff; }

/* 공공누리 디자인 추가 */
.kogl_open .label { display: block; width: 17.1rem; height: 3.5rem; background-color: #999; font-size: 400; text-align: center; color: #fff; line-height: 3.5rem; }
.kogl_open .kogl { margin-bottom: 2rem; }
.kogl_open .form_radio { display: block; margin-top: 1rem; }
.kogl_open .form_radio .img { float: left; width: 13rem; padding-right: 1rem; }
.kogl_open .txt_right { margin: 1rem 0; }

@media (max-width: 768px)
{	
	/* 게시판 페이징 */
	.board_pager .group { margin: 0 2rem; }
	.board_pager .group a { display: none; }
	.board_pager .group a:last-child,
	.board_pager .group .active { display: inline; }
	.board_pager .group .active { background: none; font-weight: 600; color: #333; }
	.board_pager .group .active::after { font-weight: 300; content: ' / ' }

	/* 게시판 목록 정보 */
	.board_info form, .board_info fieldset{ float: none; }
	.board_info { margin-bottom: 1rem; }
	.board_info .page_info,
	.board_info form { float: none; }	
	.board_info .form { width: 100%; margin-bottom: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; }
	.board_info .form .item { width: 12rem; }
	.board_info .form .item.type1 {width: auto;}
	
	/* 게시판 목록 기본 */
	.board_list table { table-layout: fixed; }
	.board_list tr { display: block; padding: 1rem 0; border-bottom: 1px solid #ddd; }
	.board_list colgroup, .board_list thead { display: none; }
	.board_list td { display: block; padding: 0; border: 0 none; text-align: left; line-height: 1.5; }
  
	/* 게시판 목록 */
	.board_list .tstyle_list td::before { margin-right: 0.5rem; font-weight: 400; color: #333; content: attr(aria-label); }
	.board_list .tstyle_list td.m_hidden, 
	.board_list .tstyle_list td[aria-label="분류"]::before, 
	.board_list .tstyle_list td[aria-label="첨부파일"],
	.board_list .tstyle_list td[aria-label="처리상태"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="처리상태"] {margin-top: 0.5rem;}
	.board_list .tstyle_list td[aria-label="제목"] a { font-size: 1.8rem; margin-bottom: 0.5rem; font-weight: 500; color: #000; white-space: normal; }
	.board_list .tstyle_list td[aria-label="제목"]::before,
	.board_list .tstyle_list td[aria-label="링크"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="링크"] { margin-top: 0.5rem; }
	  
	/* 게시판 목록 아이콘 */
	.board_list .xi-lock {top: -0.3rem;}
	.board_list .xi-new { margin-top: 0.25rem; }
	  
	/* 게시판 내용보기 */
	.board_view .contents { padding: 1.5rem 0; }
	
	/* 게시판 내용보기 파일 */
	.board_view .file { padding: 1.5rem; }
	.board_view .file .title { display: block; position: static; width: auto; margin-bottom: 1rem; text-align: left; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	.board_view .file .list .txt { display: none; }

	/* 게시판 답변 */
	.board_reply { padding: 1.5rem 0; }
	.board_reply .file { margin: 1.5rem 0 -1.5rem; padding: 1rem 0; }
	
	/* 게시판 답변상황 */
	.board_state .form ul { display: block; margin: 0; }
	.board_state .form li { display: block; margin-bottom: 0.5rem; }
	.board_state .form li + li::before { display: none; }
	.board_state .form label { float: left; width: 7rem; margin: 0; }
	.board_state .form .btn { width: 15rem; margin: 1rem 0 0 7rem; }

	/* 게시판 코멘트 */
	.comment .list li {padding: 1.5rem 0;}
	.comment .list .btn {right: 0.5rem; top: 1rem;}
	.comment .list .re {padding-left: 2rem;}
}

@media (max-width: 580px)
{
	/* 게시판 목록 정보 */
	.board_info .form { display: block; }
	.board_info .form .item { display: block; width: 100%; padding: 0 0 0.5rem; }
	.board_info .form .item.btn { width: 100% !important; padding: 0; }
	
	/* 게시판 내용 정보 */
	.board_view .info { padding: 1.5rem; }
	.board_view .info li { display: block; text-align: left; }
	.board_view .info li + li::before { display: none; }
	.board_view .txt_center { margin-bottom: 1rem; }
	
	/* 게시판 내용 파일 */
	.board_view .file .list li { padding-right: 10rem; }
	.board_view .file .list .link a[target="_blank"] { display: none; }
	
	/* 게시판 답변 */
	.board_reply .info li[class] { display: block; }
	.board_reply .info li + li::before { display: none; }
	.board_reply .file .list li { padding-right: 10rem; }
	.board_reply .file .list .link a[target="_blank"] { display: none; }
	
	/* 게시판 답변상황 */
	.board_state { margin-top: 2rem; padding: 1.5rem; }
	.board_state::before { display: block; position: static; margin-bottom: 0.5rem; }
	.board_state li { display: block; }
	.board_state li + li::before { display: none; }

	/* 게시판 코멘트 */
	.comment .form {margin: 2rem 0;}
	
	/* 공공누리 */
	.kogl_open .form_radio .img { display: block; float: none; width: 100%; padding: 0 0 0.5rem; }

}

/* FAQ */
.faq { border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.faq .group { border-bottom: 1px solid #ddd; }
.faq .group.active .label::before { background-color: #116eb4; }
.faq .group.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.faq .group.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding-top: 1.5rem; padding-bottom: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: relative; padding: 0 9rem 0 12rem; border-top: 1px solid #ddd; background-color: #f4f5f6; }
.faq .item::before { font-size: 2rem; position: absolute; left: 3.5rem; top: 1.5rem; font-family: 'xeicon'; color: #999; content: ''; }
.faq .item::after { position: absolute; left: 6.5rem; top: 1.5rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #fff; font-weight: 600; color: #333; content: 'A'; text-align: center; line-height: 3.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label { display: block; position: relative; padding: 2rem 6.5rem; font-weight: 600; color: #333; }
.faq .label::before { position: absolute; left: 1.5rem; top: 1.5rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #333; color: #fff; content: 'Q'; text-align: center; line-height: 3.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label::after { font-size: 2.2rem; position: absolute; right: 3rem; bottom: 1.5rem; font-family: 'xeicon'; font-weight: 400; color: #999; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

/* 이북형 */
.board_ebook { display: inline-block; width: calc(100% + 0px); width: calc(100% + 6rem); margin: 0 -3rem; }
.board_ebook > * { clear: none; float: left; width: calc(50% - 0px); margin-right: 0px; }
.board_ebook > *:nth-child(n + 3) { margin-top: 0px; }
.board_ebook > *:nth-child(2n + 1) { clear: both; }
.board_ebook li { padding: 4rem 3rem; }
.board_ebook li:nth-child(n + 3) { border-top: 1px solid #ddd; }
.board_ebook .thumb { overflow: hidden; float: right; width: 16rem; height: 22.5rem; }
.board_ebook .thumb img { min-height: 100%; }
.board_ebook .group { float: left; position: relative; width: calc(100% - 20rem); height: 22.5rem; }
.board_ebook .title { font-size: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-bottom: 2.5rem; font-weight: 600; color: #222; }
.board_ebook .date { display: none; }
.board_ebook .desc { overflow: hidden; max-height: 7.8rem; color: #666; }
.board_ebook .btn { position: absolute; left: 0; bottom: 0; width: 100%; }
.board_ebook .btn a { font-size: 1.5rem; position: relative; width: 13.5rem; min-width: auto; max-width: 48%; height: 4.2rem; padding: 0 1.5rem; text-align: left; line-height: 4rem; }
.board_ebook .btn a i { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5rem; }

/* PDF형 */
.board_pdf { display: inline-block; width: calc(100% + 0px); width: calc(100% + 5.5rem); margin: 0 -2.75rem; }
.board_pdf > * { clear: none; float: left; width: calc(25% - 0px); margin-right: 0px; }
.board_pdf > *:nth-child(n + 5) { margin-top: 0px; }
.board_pdf > *:nth-child(2n + 1) { clear: none; }
.board_pdf > *:nth-child(3n + 1) { clear: none; }
.board_pdf > *:nth-child(4n + 1) { clear: both; }
.board_pdf li { padding: 3.5rem 2.75rem; border-bottom: 1px solid #ddd; }
.board_pdf .thumb { display: block; overflow: hidden; position: relative; height: 0; margin-bottom: 2rem; padding-top: 132%; border: 1px solid #ddd; }
.board_pdf .thumb_img{ display: block; }
.board_pdf .thumb_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; }
.board_pdf .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 2rem; font-weight: 500; display: block; margin-bottom: 0.5rem; color: #222; padding-right: 4.5rem; }
.board_pdf .title .board-icon.new{ display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background-color: #116eb4; text-align: center; font-size: 1.2rem; font-weight: 500; vertical-align: middle; line-height: 1.6rem; margin-top: -0.2rem; }
.board_pdf .label { font-weight: 400; color: #000; }
.board_pdf .name { display: none; }
.board_pdf .btn { display: block; overflow: hidden; margin-top: 2rem; }
.board_pdf .btn a { font-size: 1.5rem; position: relative; float: left; width: calc(50% - 0.5rem); min-width: auto; height: 4.2rem; padding: 0 1.5rem; text-align: left; line-height: 4rem; }
.board_pdf .btn a i { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5rem; }
.board_pdf .btn a + a { float: right; }

.board_pdf.type2 .thumb{ padding-top: 128%; border: 1px solid #ddd; }

/*.board_pdf.type2 .thumb img{ width: 100%; }*/
.board_pdf.type2 .group{ position: relative; }
.board_pdf.type2 .btn { display: block; overflow: hidden; margin-top: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0;}
.board_pdf.type2 .btn a{ font-size: 0; position: relative; float: none; width: 4.2rem; min-width: auto; height: 4.2rem; padding: 0; text-align: center; line-height: 4.2rem; border: 0; border-radius: 50%; background-color: #25367A; color: #fff; }
.board_pdf.type2 .btn a i{ top: 50%; right: auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin-left: 0; }

/* 동영상 게시판 */
.gallery_list { overflow: hidden; width: calc(100% + 4rem); margin-bottom: -1px; }
.gallery_list li { float: left; width: 33.333%; padding: 4rem 4rem 4rem 0; border-bottom: 1px solid #ddd; }
.gallery_list li:nth-child(3n+1) { clear: both; }

.gallery_list.type1 li { width: 25%; }
.gallery_list.type1 li:nth-child(3n+1) { clear: none; }
.gallery_list.type1 li:nth-child(4n+1) { clear: both; }

.gallery_list a { display: block; }
.gallery_list a:hover .thumb::before,
.gallery_list a:hover .thumb::after,
.gallery_list a:focus .thumb::before,
.gallery_list a:focus .thumb::after { opacity: 1; transform: rotate(0); transition: all 0.4s 0.1s; }
.gallery_list a:hover .thumb img,
.gallery_list a:focus .thumb img { opacity: 0.6; }

.gallery_list .thumb { display: block; overflow: hidden; position: relative; z-index: 0; height: 0; margin-bottom: 2rem; padding-top: 62%; background-color: #000; color: #fff; }
.gallery_list .thumb img { position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; min-height: 100%; transform: translateY(-50%); transition: all 0.2s; }
.gallery_list .thumb::before { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -1rem; font-style: normal; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.gallery_list .thumb::after { position: absolute; left: 0; top: 50%; width: 100%; margin-top: 1rem; font-style: normal; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }

.gallery_list .title { display: inline-block; overflow: hidden; max-width: 100%; font-size: 1.8rem; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.gallery_list .title .board-icon.new{ display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background-color: #116eb4; text-align: center; font-size: 1.2rem; font-weight: 500; vertical-align: middle; line-height: 1.6rem; margin-top: -0.2rem; }
.gallery_list .title .xi-new { margin-top: 0.3rem; }
.gallery_list .label { font-weight: 400; color: #000; }

.gallery_list .desc { white-space: nowrap; }
.gallery_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.gallery_list .desc > span { display: inline-block; vertical-align: middle; }
.gallery_list .desc .name { display: none; }
.gallery_list .desc .name + span::before { display: none; }

/* 갤러리 내용 */
.gallery_view { margin-bottom: 2rem; }
.gallery_view .list { margin-top: 1rem; text-align: center; }
.gallery_view .list img { display: inline-block; max-width: 100%; min-height: 100%; }
.gallery_view .thumb { position: relative; padding: 0 5rem; }
.gallery_view .thumb li { padding-right: 1rem; }
.gallery_view .thumb li a { display: block; overflow: hidden; position: relative; height: 8rem; border: 2px solid #fff; background-color: #000; transition: all 0.2s; }
.gallery_view .thumb li a img { opacity: 0.7; transition: all 0.2s; }
.gallery_view .thumb .active a { border-color: #555; }
.gallery_view .thumb .active a img { opacity: 1; }
.gallery_view .thumb img { transition: all 0.2s; }
.gallery_view .thumb .bx-wrapper { position: relative; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a { overflow: hidden; position: absolute; left: -5rem; top: 50%; width: 4rem; height: 4rem; border-radius: 100%; background-color: #000; color: #fff; text-align: center; line-height: 4rem; transform: translateY(-50%); }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: ''; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -5rem; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; }

/* 웹진형 게시판 */
.blog_list { margin-bottom: -1px; }
.blog_list a { display: block; overflow: hidden; padding: 4rem 0; border-bottom: 1px solid #ddd; }
.blog_list a:hover .thumb::before,
.blog_list a:hover .thumb::after,
.blog_list a:focus .thumb::before,
.blog_list a:focus .thumb::after { opacity: 1; transform: rotate(0); transition: all 0.4s 0.1s; }
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img { opacity: 0.6; }

.blog_list .thumb { overflow: hidden; float: left; position: relative; z-index: 0; width: 30rem; height: 19rem; background-color: #000; color: #fff; }
.blog_list .thumb img { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.blog_list .thumb::before { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: -1rem; font-style: normal; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; font-style: normal; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.blog_list .thumb::after { position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: 1rem; font-style: normal; font-weight: 600; content: '자세히 보기'; text-align: center; font-style: normal; opacity: 0; transition: all 0.2s; }

.blog_list .title { display: block; overflow: hidden; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 600; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.blog_list .title .board-icon.new{ display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background-color: #116eb4; text-align: center; font-size: 1.2rem; font-weight: 500; vertical-align: middle; line-height: 1.6rem; margin-top: -0.2rem; }
.blog_list .label { font-weight: 400; color: #000; }
.blog_list .txt { display: block; overflow: hidden; height: 5.2rem; margin-bottom: 3rem; color: #666; }

.blog_list .desc { float: right; width: calc(100% - 35rem); padding: 2.5rem 0; }
.blog_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.blog_list .desc > span { dislay: inline-block; vertical-align: middle; }

.board_list{ border-top: 2px solid #555555; overflow: hidden; }

@media (max-width: 1023px) 
{
	/* 동영상 게시판 */
	.gallery_list li { width: 33.333% !important; }
	.gallery_list li:nth-child(4n+1) { clear: none !important; }
	.gallery_list li:nth-child(3n+1) { clear: both !important; }

    /* 이북형 */
    .board_ebook { width: calc(100% + 4rem); margin: 0 -2rem; }
    .board_ebook li { padding: 3rem 2rem; }
    .board_ebook .group { width: calc(100% - 18rem); }
    .board_ebook .btn a { padding: 0 1rem; }

    /* PDF형 */
    .board_pdf { width: calc(100% + 2rem) !important; margin: 0 -1rem; }
    .board_pdf li { padding: 2rem 1rem; }
    .board_pdf .btn a { padding: 0 1rem; }
    .board_pdf .btn a i { right: 1rem; } 
}

@media (max-width: 767px) 
{ 
    /* 이북형 */
    .board_ebook { display: block; width: 100%; margin: 0; }
    .board_ebook > * { display: block; clear: none; float: none; width: 100%; margin-right: 0; }
    .board_ebook > * + * { margin-top: 0; }
    .board_ebook li { overflow: hidden; padding: 1.5rem; }
    .board_ebook li:nth-child(n + 2) { border-top: 1px solid #ddd; }
    .board_ebook .group { height: 21.5rem; padding: 1rem 0 0; }

    /* PDF형 */
    .board_pdf { display: inline-block; width: calc(100% + 0px); }
    .board_pdf > * { clear: none; float: left; width: calc(33.33333% - 0px); margin-right: 0px; }
    .board_pdf > *:nth-child(n + 4) { margin-top: 0px; }
    .board_pdf > *:nth-child(2n + 1) { clear: none; }
}

@media (max-width: 540px) 
{ 
	/* 동영상 게시판 */
	.gallery_list { width: calc(100% + 2rem); }
	.gallery_list li { width: 50% !important; padding: 2rem 2rem 2rem 0; }
	.gallery_list li:nth-child(3n+1) { clear: none !important; }
	.gallery_list li:nth-child(2n+1) { clear: both !important; }

    /* FAQ */
    .faq .label { padding: 1.5rem 4rem 1.5rem 6.5rem; }
    .faq .label::before { top: 1rem; }
    .faq .label::after { right: 1rem; bottom: 1rem; }
    .faq .item { padding: 0 1rem 0 6.5rem; }
    .faq .item::before { display: none; }
    .faq .item::after { left: 1.5rem; }

    /* PDF형 */
    .board_pdf { display: inline-block; width: calc(100% + 0px); }
    .board_pdf > * { clear: none; float: left; width: calc(50% - 0px); margin-right: 0px; }
    .board_pdf > *:nth-child(n + 3) { margin-top: 0px; }
    .board_pdf > *:nth-child(2n + 1) { clear: both; }

    /* 웹진형 게시판 */
	.blog_list a { padding: 2rem 0; }
	.blog_list .thumb { width: 20rem; height: 14rem; }
	.blog_list .txt { margin-bottom: 2rem; }
	.blog_list .title { margin-bottom: 0.5rem; }
	.blog_list .desc { width: calc(100% - 22rem); padding: 0.5rem 0; }

}

@media (max-width: 360px) 
{ 
	/* 동영상 게시판 */
	.gallery_list .desc span { display: block; }
	.gallery_list .desc span::before { display: none !important; }

    /* 이북형 */
    .board_ebook li { padding: 1.5rem 0; }
    .board_ebook .thumb { width: 14rem; height: 20rem; }
    .board_ebook .group { width: calc(100% - 16rem); height: 19rem; }
    .board_ebook .desc { max-height: 5.1rem; }

    /* PDF형 */
    .board_pdf .btn a { display: block; float: none; width: 100%; }
    .board_pdf .btn a + a { float: none; margin-top: 0.5rem; } 
}

/* 테이블 */
.table_box { position: relative; margin-bottom: 30px;}
.table_box::after { content: ''; width: 100%; height: 1px; background: #AAAAAA; position: absolute; bottom: 0; left: 0; }
.table_box .right{ text-align: right; }
.table.left th,
.table.left td { text-align: left; padding: 1rem .5rem; }
.table { display: table; width: 100%; border-top: 1px solid #9CA7B2; border-bottom: 1px solid #9ca7b2; border-collapse: collapse; letter-spacing: 0; }
.table th { padding: 2.2rem 0; line-height: 1; border-bottom: 1px solid transparent; border-left: 1px solid transparent; vertical-align: middle; word-wrap: break-word; word-break: keep-all; color: #424242;}
.table td { padding: 2.2rem 0; border-bottom: 1px solid transparent; border-right: 1px solid transparent; vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center; font-weight: 300; }
.table th { background: #fff }
.table th:first-child{ border-left: 0; color: #000; }
.table tbody th,
.table thead th { vertical-align: middle; }
.table tbody th { text-align: center; }
.table tfoot th,
.table tfoot td { background-color: #f8f9fa; border-bottom: 0 }
.table tbody th { color: #222; font-size: 1.6rem; font-weight: 500; line-height: 1.2 }
.table thead th { color: #222; font-size: 1.6rem; font-weight: 500; line-height: 1.2; text-align: center; background-color: #FAFAFA; }
.table th.left,
.table td.left { text-align: left; padding-left: 2rem; }
.table th.center,
.table td.center { text-align: center; }
.table th:last-child,
.table td:last-child { border-right: 0 }
.table th { border-left-color: #ddd; border-bottom-color: #ddd }
.table tbody th{ border-bottom-color: #ddd; }
.table td { border-right-color: #ddd; border-bottom: 1px solid #ddd; color: #707070; font-size: 1.6rem; }
.table.row th,
.table.row td{ border-left: 0; } 
.table_scroll_icon i { font-size: 1.25rem; color: #333; }
.table_box--scroll { border-top: none; }
.table_desc{ text-align: right; font-size: 1.5rem; margin-bottom: 1rem; }

@media(max-width: 767px) {
    .table_box--scroll { width: 100%; overflow-x: scroll;}
    .table_scroll_icon { display: block;}
    .table_box--scroll .table{ width: 767px;}
}

.product_category{ position: relative; overflow: hidden; margin-bottom: 4.5rem; }
.product_category .category{ float: left; width: 50%; }
.product_category .category.cate3{ display: none; }
.product_category .category > .mo_btn{ display: none; position: relative; width: 100%; background-color: #555C78; border: 1px solid #464D65; color: #fff; font-size: 1.6rem; letter-spacing: -0.08rem; line-height: 3.7rem; padding: 1.3rem 2rem; text-align: left; }
.product_category .category > span{ position: relative; display: block; width: 100%; background-color: #555C78; border: 1px solid #464D65; color: #fff; font-size: 1.6rem; letter-spacing: -0.08rem; line-height: 3.7rem; padding: 1.3rem 2rem; }
.product_category .category > button:after,
.product_category .category > span:after,
.product_category .category > .mo_btn:after{ position: absolute; top: 50%; right: 2rem; content: ""; font-family: 'xeicon'; font-size: 1.2rem; color: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.product_category .group{ overflow: hidden; display: block; width: 100%; height: 24.5rem; border: 1px solid #E1E1E1; background-color: #fff; }
.product_category .group ul{ padding: 1.5rem 1rem; }
.product_category .group ul > li > button{ display: block; width: 100%; padding: 1rem 2rem; font-size: 1.6rem; color: #555; letter-spacing: -0.08rem; border: 0; background-color: transparent; text-align: left; }
.product_category .group ul > li > button.on{ background-color: #EDF1F6; font-weight: 600; color: #25367A; }
.product_category .group .noData{ position: relative; height: 24rem; }
.product_category .group .noData p{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY( -50% ); -webkit-transform: translateY( -50% ); text-align: center; }

@media (max-width: 767px) 
{ 
	.product_category .category{ float: none; width: 100%; }
	.product_category .category > .mo_btn{ display: block; }
	.product_category .category > span,
	.product_category .group{ display: none; }
	.product_category .group.on{ display: block; }
}

/* 지나온길 */

.history{ margin-bottom: 8rem; }
.history .topbox{ padding: 21rem 13.3rem; background: url(../images/sub/sub0106_top_img01.png) top center no-repeat; background-size: cover; }
.history .topbox span{ display: block; font-size: 1.2rem; font-family: 'gms'; line-height: 4.2rem; color: #fff; margin-bottom: 1rem; letter-spacing: 0.03rem }
.history .topbox strong{ display: block; font-size: 3rem; font-weight: 400; line-height: 4.2rem; letter-spacing: -0.15rem; color: #fff; }
.history_wrap{ position: relative; }
.history_wrap .indicator{ position: absolute; top: 16rem; left: 50%; margin-left: 1px; width: 2px; height: calc(100% - 25.5rem); background-color: #E9EAF1; }
.history_wrap .indicator #bar{ position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: #C10000; transition: all .3s; -webkit-transition: all .3s; }
.history_list{ position: relative; }
.history_list .list_wrap{ padding-top: 8rem; }
.history_list .list_wrap .history_title{ display: block; font-family: 'gms'; font-size: 6rem; line-height: 4.2rem; color: #25367A; margin-bottom: 3rem; text-align: center; }
.history_list .list_wrap ul{ position: relative; }
.history_list .list_wrap ul li{ display: block; width: 50%; min-height: 11rem; text-align: left; margin-left: 50%; padding-left: 3.8rem; }
.history_list .list_wrap ul li:nth-child(odd){ text-align: right; margin-left: 0; margin-right: 50%; padding-left: 0; padding-right: 3.8rem; }
.history_list .list_wrap ul li .year{ position: relative; display: block; font-family: 'gms'; font-size: 2rem; margin-bottom: 1.2rem; }
.history_list .list_wrap ul li .year:before{ position: absolute; top: 50%; left: -4.1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #C10000; }
/*.history_list.list1 .list_wrap ul li:first-child .year:after{ position: absolute; top: 50%; right: -5.6rem;  transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid #C10000; }*/
.history_list .list_wrap ul li:nth-child(odd) .year:before{ left: auto; right: -4.5rem; }
.history_list .list_wrap ul li .desc{ font-size: 1.6rem; line-height: 3rem; letter-spacing: -0.048rem; color: #555; }
.history_list.list2 .list_wrap .history_title{ width: 20.2rem; height: 6.9rem; margin: 0 auto 3rem; background: url(../images/sub/1990s.png) no-repeat; background-size: contain; font-size: 0; }
.history_list.list2 .list_wrap ul:before{ height: calc( 100% - 11% ); }
.history_list.list1 .list_wrap .history_title:before{ position: absolute; top: 14rem; left: 50%; margin-left: -54rem; z-index: -1; content: ""; display: inline-block; width: 19.9rem; height: 20rem; background: url(../images/sub/sub0106_img01.png) no-repeat; background-size: contain; }
.history_list.list1:before{ position: absolute; z-index: -1; top: 50%; margin-top: -28rem; left: 50%; margin-left: 39rem; content: ""; display: inline-block; width: 26rem; height: 27rem;background: url(../images/sub/sub0106_img02.png) no-repeat; background-size: contain; }
.history_list.list1:after{ position: absolute; z-index: -1; bottom: 25rem; left: 50%; margin-left: -61rem; content: ""; display: inline-block; width: 25.8rem; height: 25.8rem; background: url(../images/sub/sub0106_img03.png) no-repeat; background-size: contain; }
.history_list.list2 .list_wrap .history_title:before{ position: absolute; top: 7rem; left: 50%; margin-left: -60rem; z-index: -1; content: ""; display: inline-block; width: 43rem; height: 43rem; background: url(../images/sub/sub0106_img04.png) no-repeat; background-size: contain; }
.history_list.list2:before{ position: absolute; z-index: -1; top: 50%; margin-top: -28rem; left: 50%; margin-left: 36rem; content: ""; display: inline-block; width: 29.6rem; height: 44.9rem;background: url(../images/sub/sub0106_img05.png) no-repeat; background-size: contain; }
.history_list.list2:after{ position: absolute; z-index: -1; bottom: 25rem; left: 50%; margin-left: -61rem; content: ""; display: inline-block; width: 22.6rem; height: 22.6rem; background: url(../images/sub/sub0106_img06.png) no-repeat; background-size: contain; }

@media (max-width: 1329px) {
	.history{ overflow: hidden; }
}
@media (max-width: 1023px) {
	.history .topbox{ padding: 17rem 4rem 4rem; }
	.history .topbox strong{ font-size: 2rem; line-height: 3.2rem; }
}

@media (max-width: 767px) 
{ 
	.history .topbox{ padding: 6rem 2rem 2rem; }
	.history_list.list1 .list_wrap .history_title:before,
	.history_list.list1:before,
	.history_list.list1:after,
	.history_list.list2 .list_wrap .history_title:before,
	.history_list.list2:before,
	.history_list.list2:after{ display: none; }
	.history_list .list_wrap ul:before{ left: 2rem; }
	.history_list .list_wrap ul li,
	.history_list .list_wrap ul li:nth-child(odd){ width: 100%; margin: 0; text-align: left; padding: 0 0 0 5rem; }
	.history_list .list_wrap ul li .year:before{ left: -3.2rem; }
	.history_list .list_wrap ul li:nth-child(odd) .year:before{ right: auto; left: -3.2rem; }
	.history_list.list1 .list_wrap ul li:first-child .year:after{ right: auto; left: -4.4rem; }
	.history_wrap .indicator{ left: 2rem; }
	.history_list .list_wrap .history_title{ font-size: 4rem; }
	.history_list.list2 .list_wrap .history_title{ width: 14rem; height: 5rem; }
}

.map{ position:relative; padding-left: 32rem; margin-top: 7rem; height: 56rem; }
.map_desc{}
.map_desc b{ display: block; font-size: 2rem; font-weight: 400; line-height: 2.9rem; letter-spacing: -0.1rem; color: #fff; }
.map_desc strong{ display: block; font-size: 3.5rem; font-weight: 500; line-height: 4.6rem; letter-spacing: -0.175rem; color: #fff; margin-bottom: 2rem; }
.map_desc p{ font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.05rem; color: #D3DCE4; }
.map_left{ position:absolute; top: 0; left: 0; background-color: #6B8AA5; width: 32rem; height: 100%; padding: 7rem 4.8rem 7.8rem; }
.map_right{ position:relative; height: 100%; background-color: #D5E3EF; padding: 4.75rem 9rem 4rem; }
.map .center{ display: inline-block; height: 100%; float: right; }
.map .office{ display: inline-block; height: 100%; float: left; }
.map_right button{ display: block; width: 18rem; height: 5rem; line-height: 5rem; border-radius: 3.5rem; border: 0; background-color: #fff; margin-bottom: 2rem; font-size: 1.6rem; color: #333; transition: all .2s; -webkit-transition: all .2s; cursor: pointer; outline: 0; text-align: left; padding-left: 2rem; }
.map_right button[checked="checked"],
.map_right button:hover,
.map_right button:focus{ color: #fff; background-color: #C10000; }
.map_right button > i{ display: inline-block; vertical-align: middle; width: 3.2rem; height: 3.2rem; margin-right: .7rem; }
.map_right button.pin8 > i{ background: url(../images/sub/sub0107_icon01.png) no-repeat; background-size: contain; }
.map_right button.pin8:hover > i,
.map_right button.pin8:focus > i{ background: url(../images/sub/sub0107_icon01_ov.png) no-repeat; background-size: contain; }
.map_right button.pin9 > i{ background: url(../images/sub/sub0107_icon02.png) no-repeat; background-size: contain; }
.map_right button.pin9:hover > i,
.map_right button.pin9:focus > i{ background: url(../images/sub/sub0107_icon02_ov.png) no-repeat; background-size: contain; }
.map_right button.pin7 > i,
.map_right button.pin10 > i,
.map_right button.pin11 > i,
.map_right button.pin12 > i{ background: url(../images/sub/sub0107_icon03.png) no-repeat; background-size: contain; }
.map_right button.pin7:hover > i,
.map_right button.pin7:focus > i,
.map_right button.pin10:hover > i,
.map_right button.pin10:focus > i,
.map_right button.pin11:hover > i,
.map_right button.pin11:focus > i,
.map_right button.pin12:hover > i,
.map_right button.pin12:focus > i{ background: url(../images/sub/sub0107_icon03_ov.png) no-repeat; background-size: contain; }
.map_right button.pin1 > i,
.map_right button.pin2 > i,
.map_right button.pin3 > i,
.map_right button.pin4 > i,
.map_right button.pin5 > i,
.map_right button.pin6 > i{ background: url(../images/sub/sub0107_icon04.png) no-repeat; background-size: contain; }
.map_right button.pin1:hover > i,
.map_right button.pin1:focus > i,
.map_right button.pin2:hover > i,
.map_right button.pin2:focus > i,
.map_right button.pin3:hover > i,
.map_right button.pin3:focus > i,
.map_right button.pin4:hover > i,
.map_right button.pin4:focus > i,
.map_right button.pin5:hover > i,
.map_right button.pin5:focus > i,
.map_right button.pin6:hover > i,
.map_right button.pin6:focus > i{ background: url(../images/sub/sub0107_icon04_ov.png) no-repeat; background-size: contain; }
.map_bg{ position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; }
.map_cate{ position: absolute; bottom: 7.8rem; left: 0; width: 100%; padding: 0 4.8rem; }
.map_cate button{ position: relative; display: block; width: 100%; padding: 1.5rem 0; background-color: transparent; color: #D3DCE4; font-size: 1.8rem; border: 0; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: left; outline: 0; transition: all .2s; -webkit-transition: all .2s; cursor: pointer; }
.map_cate button[checked="checked"],
.map_cate button:hover,
.map_cate button:focus{ border-color: #fff; color: #fff; font-weight: 400; }
.map_cate button i{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #D3DCE4; font-size: 2rem; }
.map_cate button[checked="checked"] i,
.map_cate button:hover i,
.map_cate button:focus i{ color: #fff; }
.map_right button:before{ position: absolute; left: 50%; z-index: 2; content: ""; display: inline-block; width: .9rem; height: .9rem; border-radius: 50%; background-color: #92A5C7; transition: all .2s; -webkit-transition: all .2s; }
.map_right button:after{ position: absolute; left: 50%; z-index: 1; width: .9rem; height: .9rem; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; background: rgb(193 0 0 / 50%); -webkit-transition: -webkit-transform 0.4s, opacity 0.8s; transition: transform 0.4s, opacity 0.8s; }
.map_right button.pin1:before,
.map_right button.pin1:after{ top: calc(50% - 19.7rem); left: calc(50% - 7.8rem); }
.map_right button.pin2:before,
.map_right button.pin2:after{ top: calc(50% - 2rem); left: calc(50% - -0.5rem); }
.map_right button.pin3:before,
.map_right button.pin3:after{ top: calc(50% - 11.7rem); left: calc(50% - 2.3rem); }
.map_right button.pin4:before,
.map_right button.pin4:after{ top: calc(50% - 5rem); left: calc(50% - 10.5rem); }
.map_right button.pin5:before,
.map_right button.pin5:after{ top: calc(50% - -2rem); left: calc(50% - -5.5rem); }
.map_right button.pin6:before,
.map_right button.pin6:after{ top: calc(50% - -8rem); left: calc(50% - 11.5rem); }
.map_right button.pin7:before,
.map_right button.pin7:after{ top: calc(50% - 16rem); left: calc(50% - 10rem); }
.map_right button.pin8:before,
.map_right button.pin8:after{ top: calc(50% - 14.5rem); left: calc(50% - 8.8rem); }
.map_right button.pin9:before,
.map_right button.pin9:after{ top: calc(50% - 3.3rem); left: calc(50% - 5rem); }
.map_right button.pin10:before,
.map_right button.pin10:after{ top: calc(50% - 2.3rem); left: calc(50% - 4.6rem); }
.map_right button.pin11:before,
.map_right button.pin11:after{ top: calc(50% - -1.7rem); left: calc(50% - 8.6rem); }
.map_right button.pin12:before,
.map_right button.pin12:after{ top: calc(50% - -8rem); left: calc(50% - 1rem); }


.map_right button[checked="checked"]:before,
.map_right button:hover:not([disabled]):before,
.map_right button:focus:not([disabled]):before{ background-color: #C10000; }
.map_right button[checked="checked"]:after,
.map_right button:hover:not([disabled]):after,
.map_right button:focus:not([disabled]):after{ -webkit-transform: scale(4); transform: scale(4); opacity: 0; }
.map_right button[disabled="disabled"]{ background-color: #E1EBF3; color: #A5B0BB; cursor: default; }

.map_acc{ margin-top: 5rem; }
.map_acc .item{ border: 1px solid #E1E1E1; margin-top: 1rem; }
.map_acc .item .inner{ display: none; position: relative; background-color: #FAFAFA; padding: 2.2rem 3rem; }
.map_acc .item.on .inner{ display: block; }
.map_acc .item .inner ul{}
.map_acc .item .inner ul li{ position: relative; float: left; display: inline-block; padding-left: 2.2rem; margin-right: 2rem; }
.map_acc .item .inner ul li:before{ position: absolute; top: .5rem; left: 0; content: ""; display: inline-block; vertical-align: middle; width: 1.6rem; height: 1.6rem; }
.map_acc .item .inner ul li.addr:before{ background: url(../images/sub/icon_pin.png) no-repeat; background-size: contain; }
.map_acc .item .inner ul li.call:before{ background: url(../images/sub/icon_tel.png) no-repeat; background-size: contain; }
.map_acc .item .inner ul li.fax:before{ background: url(../images/sub/icon_fax.png) no-repeat; background-size: contain; }


.map_acc .item .inner .view_map{ position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1.4rem; color: #333; padding: .5rem 1rem; border: 1px solid #999; transition: all .2s; -webkit-transition: all .2s; }
.map_acc .item .inner .view_map i{ margin-left: .4rem; }
.map_acc .item .inner .view_map:hover,
.map_acc .item .inner .view_map:focus{ background-color: #333; color: #fff; }

.map_acc .item_btn{ position: relative; display: block; width: 100%; padding: 2.2rem 3rem; font-size: 2rem; font-weight: 500; line-height: 2.9rem; letter-spacing: -0.1rem; color: #111; }
.map_acc .item_btn > i{ position: absolute; top: 50%; margin-top: -1rem; right: 3rem; font-size: 2.4rem; color: #333; transition: all .2s; -webkit-transition: all .2s; }
.map_acc .item.on > i,
.map_acc .item_btn.on > i{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

@media (max-width: 1299px) {
	.map_right{ padding: 4.75rem 2rem 4rem; }
	.map_right button{ width: 14rem; }
}

@media (max-width: 1023px) {
	.map{ display: none; }
	.map_acc{ margin-top: 0; }
}

@media (max-width: 767px) {
	.map_acc .item .inner ul li{ float: none; display: block; }
	.map_acc .item .inner .view_map{ top: auto; bottom: 2.2rem; transform: translateY(0); -webkit-transform: translateY(0); }
}

#txt.sub0101{ width: 100%; }
#txt.sub0101 .depth3-tab-ul{ width: 128rem; margin: 0 auto; }
.greeting{ width: 128rem; margin: 0 auto; }
.greeting_top{ position: relative; margin-bottom: 6rem; padding-top: 7rem; }
/*
.greeting_top .thumb{ position: absolute; right: 0; top: 0; width: 48rem; height: 51rem; }
.greeting_top .thumb img{ width: 100%; height: auto; }
*/
.greeting_tit{ display: block; font-weight: 300; font-size:3.5rem; word-break: keep-all; line-height: 4.6rem; letter-spacing: -0.175rem; color:#333; margin-bottom: 2rem; }
.greeting_tit .blue{ display: block; font-weight: 600; color: #014DA0; margin-bottom: .8rem; }
.greeting_sub_tit{ display: block; font-size: 3.5rem; font-weight: 600; color: #014DA0; word-break: keep-all; letter-spacing: -0.1rem; line-height: 4.6rem; }
.greeting_txt{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #555; margin-bottom: 4.5rem; word-break: keep-all; }
.greeting_center{ background-color: #FAFAFA; padding: 6rem 0 5rem; }
.greeting_center .inner,
.greeting_new .inner{ width: 128rem; margin: 0 auto; }
.greeting_center .inner li{ margin-bottom: 2rem; }
.greeting_center .inner li b{ position: relative; display: block; font-size: 2rem; font-weight: 500; line-height: 3rem; padding-left: 3.6rem; margin-bottom: 1.4rem; word-break: keep-all; }
.greeting_center .inner li b .num{ position: absolute; top: .2rem; left: 0; display: inline-block; width: 2.8rem; height: 2.8rem; line-height: 3.2rem; vertical-align: middle; border-radius: 50%; background-color: #C10000; color: #fff; text-align: center; font-family: 'gms'; font-weight: 500; font-size: 1.3rem; margin-right: .8rem; }
.greeting_center .inner li p{ font-size: 1.7rem; color: #555; line-height: 2.6rem; }
.greeting_bottom{ width: 128rem; margin: 0 auto; padding: 6rem 0 7rem; }
.greeting_bottom .greeting_txt{ margin-bottom:6.1rem; }
.greeting_bottom .sign{ display: inline-block; font-size: 2rem; font-weight: 600; color: #333; letter-spacing: -0.1rem}
.greeting_bottom .sign em{ display: inline-block; margin-left: .5rem; font-style: normal; font-weight: 300; }
.greeting_bottom .sign img{ display: inline-block; vertical-align: middle; margin-left: 1.6rem; }
.sign_wrap{margin-top:6rem;text-align:right}

/* 20220908 CEO인사말 신규 스타일 추가 */
.greeting_new{background:#F2F4F6;}
.greeting_new .inner{position:relative;min-height:66rem;margin-top:7rem}
.greeting_new .inner:before{content:"";position:absolute;left:-32rem;bottom:0;width:96rem;height:66rem;background:url(../images/sub/bg_greeting.png) left bottom no-repeat;background-size:cover}
.greeting_new .img{position:absolute;left:12.3rem;bottom:0}
.greeting_new .img img{vertical-align:top;width:47.7rem}
.greeting_new .grt_txt{float:right;letter-spacing:-.05rem;padding-right:3rem}
.greeting_new .grt_txt .top{display:block;margin-top:14.3rem;font-size:3.5rem;line-height:4.8rem;color:#333}
.greeting_new .grt_txt .top span{color:#014DA0}
.greeting_new .grt_txt .desc{position:relative;margin-top:4rem;padding-top:4.4rem;font-size:2.7rem;line-height:4.2rem;color:#333;font-weight:400;word-break:keep-all}
.greeting_new .grt_txt .desc:before{content:"";position:absolute;left:0;top:0;width:5rem;height:.4rem;background:#014DA0}

.company_value{ position: relative; padding: 42rem 24rem 0; background: url(../images/sub/sub0101_img02.png) top center no-repeat; background-size: contain; }
.company_value .value_list{ position: relative; padding: 4rem 8rem 0; background-color: #fff; width: 144rem; margin: 0 auto; }
.company_value .value_list .list{ position: relative; display: table; width: 100%; height: 20rem; padding: 7rem 0 7.5rem 46rem; border-top: 1px solid #E1E1E1; }
.company_value .value_list .list1{ border-top: 0; }
.company_value .value_list .list .list_tit{ position: absolute; top: 50%; left: 3.5rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 2rem; font-weight: 500; letter-spacing: -0.1rem; line-height: 2.8rem; color: #111; }
.company_value .value_list .list p{ display: table-cell; vertical-align: middle; font-size: 1.7rem; line-height: 2.8rem; letter-spacing: -0.05rem; color: #333 }
.company_value .value_list .list .list_tit:before{ position: absolute; left: 28rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; width: 7.8rem; height: 7.8rem; background: url(../images/sub/sub0101_icon01.png) no-repeat; background-size: contain; }
.company_value .value_list .list2 .list_tit:before{ background: url(../images/sub/sub0101_icon02.png) no-repeat; background-size: contain; }
.company_value .value_list .list3 .list_tit:before{ background: url(../images/sub/sub0101_icon03.png) no-repeat; background-size: contain; }
.company_value .value_list .tit_box{ position: absolute; top: -22rem; left: 8rem; display: inline-block; padding: 13rem 15.8rem 4.2rem 3.8rem; background: rgb(1,77,160); background: -moz-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); box-shadow: 3px 3px 10px #00000029; }
.company_value .value_list .tit_box:before{ position: absolute; top: -2.4rem; left: 3.8rem; content: ""; display: inline-block; width: .8rem; height: 4.8rem; background-color: #C10000; }
.company_value .value_list .tit_box strong{ color: #fff; font-size: 3rem; font-weight: 400; line-height: 4.2rem; letter-spacing: -0.15rem; text-align: left; }

@media (max-width: 1919px) {
	.company_value .value_list{ width: 100%; }
}

@media (max-width: 1479px) {
	.company_value{ padding: 42rem 2rem 0; }
	.greeting,
	.greeting_center .inner,
	.greeting_bottom,
	#txt.sub0101 .depth3-tab-ul,
	.greeting_new .inner{ width: 100%; }
	.greeting_center{ padding-left: 2rem; padding-right: 2rem; }

	.greeting_new{width:calc(100% + 4rem);margin-left:-2rem}
}
@media (max-width:1200px){
	.greeting_new .grt_txt .top{font-size:2.7rem;line-height:4rem}
	.greeting_new .grt_txt .desc{font-size:2.2rem;line-height:3.6rem}
}
@media (max-width: 1023px) {
	.greeting_top{ padding-top: 3rem; }
	.greeting_tit{ font-size: 16px; }
	.greeting_sub_tit{ font-size: 16px; font-weight: 600; line-height: 2.8rem; }
	.greeting_txt,
	.greeting_top .sign{ font-size: 13px; }
	.greeting_new .img{left:2.5rem}
}

@media (max-width: 767px) {
	.greeting_tit{ line-height: inherit; margin-bottom: 0;}
	.greeting_sub_tit{ margin-bottom: 10px; }
	.company_value{ background-size: auto 248px; }
	.company_value .value_list{ padding: 2rem 0; }
	.company_value .value_list .list{ display: block; height: auto; padding: 2rem 0; }
	.company_value .value_list .list .list_tit{ position: static; display: block; margin: 0 auto 2rem; transform: translateY(0); -webkit-transform: translateY(0); }
	.company_value .value_list .list .list_tit:before{ top: -10px; left: auto; right: 0; display: block; margin: 0 auto 1rem; transform: translate(0); -webkit-transform: translate(0); }
	.company_value .value_list .list p{ display: block; }
	.company_value .value_list .tit_box{ left: 2rem; width: 100%; top: -16rem; left: 0; padding: 6.5rem 2.2rem 4.4rem; }
	.company_value .value_list .tit_box strong{ font-size: 18px; line-height: 24px; }
	.company_value .value_list .tit_box:before{ left: 2.8rem; }
	.greeting_top{ padding-right: 0; margin-bottom: 30px; }
	.greeting_top .thumb{ position: static; margin: 0 auto 2rem; }
	.greeting_txt{ margin-bottom: 2rem; line-height: 22px; }

	.greeting_new .img img{width:40rem}
}
@media (max-width:640px){
	.greeting_new .inner{padding:5rem 2rem 33rem}
	.greeting_new .grt_txt{float:none;padding:0}
	.greeting_new .grt_txt .top{margin-top:0;font-size:2.5rem}
	.greeting_new .grt_txt .desc br{display:none}
	.greeting_new .img{left:50%;transform:translateX(-50%)}
	.greeting_new .img img{width:25rem}
}

@media (max-width: 479px) {
	.greeting_top .thumb{ width: auto; height: auto; }
}

#txt.sub0102{ width: 100%; }
#txt.sub0102 .depth3-tab-ul{ width: 128rem; margin: 0 auto; }

.philosophy{  background: url(../images/sub/sub0102_img01.png) bottom center no-repeat; background-size: contain; padding-bottom: 7rem; }
.philo_top{ width: 128rem; margin: 0 auto; margin-bottom: 5.3rem; padding-top: 8rem; padding-right: 34.2rem; }
.philo_tit{ display: block; font-size: 3rem; line-height: 4.2rem; letter-spacing: -0.15rem; color: #014DA0; margin-bottom: 1rem; }
.philo_sub_tit{ display: block; font-size: 2rem; line-height: 2.9rem; letter-spacing: -0.1rem; font-weight: 500; color: #111; margin-bottom: 2rem; }
.philo_txt{ font-size: 1.7rem; letter-spacing: -0.05rem; line-height: 3rem; font-weight: 300; color: #555; }
.philo_img_box{ position: relative; width: 144rem; height: 0; padding-bottom: 25.5%; margin: 0 auto 2rem; background: url(../images/sub/sub0102_img02.png) no-repeat; background-size: cover; }
.philo_img_box .inner{ position: absolute; top: -26rem; right: 8rem; width: 29rem; height: 29rem; background: rgb(1,77,160); background: -moz-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); text-align: center; color: #fff; font-family: 'gms'; }
.philo_img_box .inner:after{ position: absolute; bottom: -2.8rem; left: 3rem; content: ""; display: inline-block; width: .8rem; height: 4.8rem; background-color: #C10000; }
.philo_img_box .inner .philo_en_tit{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 2.4rem; font-weight: 100; letter-spacing: 0.12rem; line-height: 5rem; white-space: nowrap; }
.philo_img_box .inner .philo_en_tit b{ display: block; font-weight: 600; }
.philo_list{ width: 128rem; margin: 0 auto; }
.philo_list .list{ position: relative; padding: 4rem 0 3.5rem 11rem; }
.philo_list .list .cate{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width: 8rem; height: 8rem; line-height: 8rem; border-radius: 50%; background-color: #C10000; color: #fff; font-size: 1.5rem; font-weight: 400; text-align: center; letter-spacing: -0.045rem; }
.philo_list .list2 .cate{ background-color: #014DA0; }
.philo_list .list .list_tit{ display: block; font-size: 2.2rem; line-height: 3.4rem; letter-spacing: -0.1rem; color: #333; margin-bottom: 1.5rem; font-weight: 400; word-break: keep-all; }
.philo_list .list .list_txt{ font-size: 1.7rem; letter-spacing: -0.05rem; line-height: 2.8rem; color: #333; }

.spirit{ padding-top: 5rem; }
.spirit_top{ height: 46rem; background: url(../images/sub/sub0103_img01.png) 50% 50% no-repeat; background-size: cover; padding: 7rem 6rem; margin-bottom: 4.2rem; }
.spirit_top .inner{ position: relative; display: inline-block; padding: 6.2rem 6.2rem 6.2rem 4rem; background-color: #fff;  }
.spirit_tit{ display: block; font-size: 2rem; font-weight: 500; color: #333; letter-spacing: -0.1rem; line-height: 2.9rem; margin-bottom: 5.8rem; }
.spirit_tit b{ display: block; font-size: 3.5rem; line-height: 4.6rem; letter-spacing: -0.175rem; color: #014DA0; }
.spirit_txt{ font-size: 1.7rem; font-weight: 300; color: #555; letter-spacing: -0.05rem; line-height: 3rem; }
.spirit_tit:after{ position: absolute; top: 16.7rem; left: 4rem; content: ""; display: inline-block; width: 9.4rem; height: .4rem; background-color: #E1E1E1; }
.spirit_list{ padding-bottom: 4rem; border-bottom: 2px solid #555; }
.spirit_list .list{ position: relative; display: block; padding: 3rem 3rem 3rem 22.7rem; border-top: 1px solid #E1E1E1; }
.spirit_list .list1{ border-top: 0; }
.spirit_list .list b{ position: absolute; top: 50%; left: 3.8rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 2rem; line-height: 2.9rem; letter-spacing: -0.1rem; color: #111; }
.spirit_list .list b:after{ position: absolute; top: 50%; right: -7rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; width: 3.6rem; height: .4rem; background: url(../images/sub/sub0103_img02.png) no-repeat; background-size: contain; }
.spirit_list .list b .num{ display: inline-block; font-size: 1.3rem; font-family: 'gms'; width: 2.8rem; height: 2.8rem; line-height: 3.2rem; text-align: center; border-radius: 50%; color: #fff; font-weight: 600; background-color: #014DA0; margin-left: .8rem; vertical-align: middle; }
.spirit_list .list p{ word-break: keep-all; }

.five_rule{ position: relative; width: 128rem; margin: 0 auto; padding: 10rem 0 0 27rem; }
.five_rule .rule_tit{ position: absolute; top: 10rem; left: 0; display: inline-block; font-size: 2.2rem; color: #333; font-weight: 500; line-height: 3.5rem; letter-spacing: -0.1rem; }
.five_rule .rule_tit b{ display: block; font-size: 2.6rem; letter-spacing: -0.1rem; color: #005BBF; font-weight: 600; }
.five_rule ul{ overflow: hidden; }
.five_rule ul li{ float: left; width: calc( 33.33% - 54px); margin-left: 8rem; margin-bottom: 4rem; }
.five_rule ul li:nth-child(3n+1){ margin-left: 0; }
.five_rule ul li b{ position: relative; display: block; font-size: 1.8rem; font-weight: 500; padding-bottom: 1rem; border-bottom: 2px solid #555; margin-bottom: 2rem;}
.five_rule ul li b .num{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; font-size: 1.6rem; font-family: 'gms'; font-weight: 300; color: #005BBF; }
.five_rule ul li p{ font-size: 1.6rem; font-weight: 300; line-height: 2.6rem; letter-spacing: -0.048rem; color: #555; }

@media (max-width: 1479px) {
	#txt.sub0102 .depth3-tab-ul,
	.philo_top,
	.philo_img_box,
	.philo_list,
	.five_rule{ width: 100%; }
	.philo_list{ padding: 0 2rem }
	.philosophy{ padding-bottom: 0; background: none; }
	.philo_img_box{  padding-bottom: 34.5%; }
	.philo_img_box .inner{ right: 3rem; }
}

@media (max-width: 1023px) {
	.philo_tit{ font-size: 2.5rem;}
	.philo_top{ padding-right: 0; padding-top: 3rem; }
	.philo_img_box .inner{ position: static; width: auto; height: auto; background-color: transparent; }
	.philo_list .list .cate{ top: 4rem; transform: translateY(0); -webkit-transform: translateY(0); }
	.five_rule { padding-left: 0; padding-top: 4rem; }
	.five_rule .rule_tit{ position: static; margin-bottom: 4rem; display: block; }
	.five_rule ul li{ width: calc( 33.33% - 14px); margin-left: 2rem; }
}

@media (max-width: 767px) {
	.spirit{ padding-top: 0; }
	.spirit_top{ height: auto; padding: 2rem; }
	.spirit_top .inner{ display: block; height: 100%; background-color: rgba(255,255,255,0.8); padding: 2rem; }
	.spirit_list .list{ padding: 2rem; }
	.spirit_list .list b{ position: relative; top: 0; left: 0; transform: translateY(0); -webkit-transform: translateY(0); margin-bottom: 2rem; }
	.spirit_list .list b:after{ display: none; }
	.spirit_tit:after{ top: 11.7rem; left: 2rem; }
	.five_rule ul li{ width: calc( 50% - 10px); height: 12rem; margin-left: 20px; }
	.five_rule ul li:nth-child(3n+1){ margin-left: 2rem; }
	.five_rule ul li:nth-child(2n+1){ margin-left: 0; }
}

#txt.sub010401{ width: 100%; margin-bottom: 0; }
#txt.sub010401 .depth3-tab-ul{ width: 1280px; margin: 0 auto; }
.right_people{ text-align: center; }
.right_people_top{ position: relative; width: 128rem; margin: 0 auto; height: 56.5rem; padding: 46.5rem 4rem 0; background: url(../images/sub/sub010401_img01.png) 50% 50% no-repeat; background-size: cover; }
.right_people_top .inner{ background-color: #fff; padding: 4.2rem 2rem 0; text-align: center; }
.right_people_top .inner strong{ display: block; font-size: 3rem; font-weight: 500; letter-spacing: -0.1rem; line-height: 4.2rem; color: #014DA0; margin-bottom: 1.4rem; }
.right_people_top .inner p{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #555; }
.right_people_list{ margin: 15rem auto 0; background-color: #FAFAFA; padding: 12rem 0 18rem; }
.right_people_list .list_wrap{ width: 128rem; margin: 0 auto; overflow: hidden; }
.right_people_list .list_wrap .list{ float: left; width: calc( 25% - 2.1rem ); margin-left: 2.7rem; background-color: #fff; padding: 5.4rem 0 6.5rem; }
.right_people_list .list_wrap .list1{ margin-left: 0; }
.right_people_list .list_tit{ display: block; font-size: 2rem; line-height: 2.9rem; letter-spacing: -0.1rem; color: #111; margin-bottom: 5rem; }
.right_people_list .list_wrap .img_wrap{ position: relative; width: 11rem; height: 11rem; margin: 0 auto 1.8rem; overflow: hidden; }
.right_people_list .list_wrap .img_wrap img{ display: inline-block; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.right_people_list .list_wrap p{ padding: 0 2rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.05rem; line-height: 2.8rem; color: #555; }

.sub0210 .right_people_top{ margin-top: 7rem; }

@media (max-width: 1479px) {
	#txt.sub010401,
	#txt.sub010401 .depth3-tab-ul,
	.right_people_top,
	.right_people_list .list_wrap{ width: 100%; }
}

@media (max-width: 767px) {
	.sub0210 .right_people_top{ margin-top: 0; }
}

@media (max-width: 767px) {
	.right_people_list{ padding: 4rem 2rem; }
	.right_people_list .list_wrap .img_wrap img{ height: 100%; }
	.right_people_list .list_wrap .list{ width: calc( 50% - 1rem ); margin-left: 2rem; margin-bottom: 2rem; }
	.right_people_list .list_wrap .list:nth-child(2n+1){ margin-left: 0; }
	.right_people_list .list_wrap p{ padding: 2rem 0; height: auto; }
	.right_people_top{ padding-left: 2rem; padding-right: 2rem; padding-top: 30.5rem; height: 0; }
	.right_people_top .inner{ margin-top: -8rem; }
	.right_people_top .inner p br{ display: none; }
	.right_people_top .inner strong{ font-size: 2.5rem; }
}

#txt.sub010402 .right_people_top{ background: url(../images/sub/sub010402_img01.png) 50% 50% no-repeat; background-size: cover; }

.recruit_info{ margin-top: 8.7rem; padding: 0 4rem; }
.recruit_info .table th{ font-size: 1.8rem; background-color: #FAFAFA; }
.recruit_info .table td{ padding-left: 3.3rem; font-size: 1.7rem; border-left: 0; }
.recruit_info .table td ul{}
.recruit_info .table td ul li{ position: relative; float: left; display: inline-block; padding-left: 2.2rem; margin-right: 2rem; }
.recruit_info .table td ul li:before{ position: absolute; top: .5rem; left: 0; content: ""; display: inline-block; vertical-align: middle; width: 1.6rem; height: 1.6rem; }
.recruit_info .table td ul li.addr:before{ background: url(../images/sub/icon_pin.png) no-repeat; background-size: contain; }
.recruit_info .table td ul li.call:before{ background: url(../images/sub/icon_tel.png) no-repeat; background-size: contain; }
.recruit_info .table td ul li.fax:before{ background: url(../images/sub/icon_fax.png) no-repeat; background-size: contain; }

@media (max-width: 767px) {
	.recruit_info{ padding: 0; }
	.recruit_info .table td ul li{ float: none; display: block; text-align: left; }
	.recruit_info .table th{ padding-left: 3rem;}
	.recruit_info .table th,
	.recruit_info .table td{ display: block; text-align: left; }
}

#txt.sub010501{ width: 100%; }
#txt.sub010501 .depth3-tab-ul{ width: 1440px; margin: 0 auto; }
.ethics{ width: 144rem; margin: 7rem auto 0; text-align: center; }
.ethics .layout{ width: 128rem; margin: 0 auto; text-align: left; }
.ethics_top{ position: relative; height: 46rem; margin-bottom: 15rem; background: url(../images/sub/sub0105_img01.png) 50% 50% no-repeat; background-size: cover; padding: 17.8rem 8rem 0; }
.ethics_top .top_tit{ text-align: left; padding-left: 5rem; }
.ethics_top .top_tit .en_tit{ display: block; font-family: 'gms'; font-size: 1.2rem; color: #fff; line-height: 4.2rem; letter-spacing: 0.03rem; margin-bottom: 1rem; }
.ethics_top .top_tit strong{ display: block; font-size:3rem; letter-spacing: -0.15rem; line-height: 4.2rem; color: #fff; font-weight: 400; margin-bottom: 13rem; }
.ethics_top ul{ display: block; width: 100%; }
.ethics_top ul li{ float: left; width: calc( 33.33% - 1.33rem ); height: 15.2rem; margin-left: 2rem; background-color: #fff; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); padding: 2.5rem; text-align: center; }
.ethics_top ul li:first-child{ margin-left: 0; }
.ethics_top ul li .num{ display: block; width: 3.2rem; height: 3.2rem; border-radius: 50%; background-color: #014DA0; color: #fff; font-family: 'gms'; font-size: 1.4rem; font-weight: 100; line-height: 3.4rem; text-align: center; margin: 0 auto 1rem; }
.ethics_top ul li p{ font-size: 1.7rem; color: #555; font-weight: 400; line-height: 2.6rem; letter-spacing: -0.05rem; }
.ethics_schema{ position: relative; width: 100%; border: 1px solid #E1E1E1; padding: 6.3rem 6rem; display: table; margin-top: 2.4rem; margin-bottom: 3rem; }
.ethics_schema .group{ display: table-cell; vertical-align: middle; text-align: center; }
.ethics_schema .group .cir{ position: relative; display: block; width: 14rem; height: 14rem; border-radius: 50%; }
.ethics_schema .group .cir .icon{ position: absolute; top: 50%; left: 50%; display: inline-block; color: #fff; font-size: 1.8rem; font-weight: 400; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; }
.ethics_schema .group .cir .icon img{ display: block; }
.ethics_schema .group1 .cir{ background-color: #25367A; border: 2px solid #25367A; }
.ethics_schema .group3{ min-width: 29rem; }
.ethics_schema .group3 .cir{ float: left; margin-right: 1rem; background-color: #C10000; border: 2px solid #C10000; }
.ethics_schema .group3 .cir:nth-child(2){ background-color: #fff; color: #C10000; margin-right: 0; }
.ethics_schema .group3 .cir:nth-child(2) .icon{ color: #C10000; }
.ethics_schema .group5 .cir:first-child{ background-color: #E6E9EE; border: 2px solid #E6E9EE; margin-bottom: 2rem; }
.ethics_schema .group5 .cir:nth-child(2){ background-color: #E1EDF9; border: 2px solid #E1EDF9; }
.ethics_schema .group5 .cir .icon{ color: #111; }
.ethics_schema .group2,
.ethics_schema .group4{ padding: 0 5rem; }
.ethics_schema .group .flow p{ font-size: 1.6rem; font-weight: 400; color: #333; word-break: keep-all; letter-spacing: -0.08rem; }
.ethics_schema .group .flow2{ margin-top: 4.4rem; }
.ethics_schema .group .flow .arr{ margin: 0.8rem 0; }
.ethics_list{ overflow: hidden; }
.ethics_list .list{ float: left; width:calc( 50% - 3rem ); margin-left: 6rem; margin-bottom: 3.6rem; }
.ethics_list .list:nth-child(2n+1){ margin-left: 0; }
.ethics_list .list_tit{ display: block; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.09rem; padding-bottom: 1rem; border-bottom: 2px solid #555; margin-bottom: 2rem; }
.ethics_list .list p{ font-size: 1.7rem; line-height: 2.8rem; letter-spacing: -0.05rem; color: #555; }
.gray_box{ border: 1px solid #E1E1E1; background-color: #FAFAFA; padding: 4rem 5rem; }
.gray_box ul{}
.gray_box ul li{ position: relative; display: block; margin-bottom: 2rem; padding-left: 6rem; }
.gray_box ul li .num{ position: absolute; top: -.8rem; left: 0; display: inline-block; width: 4rem; height: 4rem; line-height: 4.2rem; color: #fff; font-size: 1.5rem; font-weight: 400; text-align: center; background-color: #014DA0; border-radius: 50%; }

@media (max-width: 1479px) {
	#txt.sub010501,
	.ethics{ width: 100%; }
	.ethics_top{ padding: 15rem 2rem 0; }
	.ethics .layout{ width: 100%; }
	.ethics_schema{ padding: 2rem; }
	#txt.sub010501 .depth3-tab-ul{ width: 100%; }
}

@media (max-width: 1279px) {
	.ethics_top{ padding-top: 5rem; }
	.ethics_top .top_tit strong{ margin-bottom: 5rem; }
	.ethics_top ul li{ height: 20rem; }
	.ethics_top ul li p br{ display: none; }
	.ethics_schema{ display: block; }
	.ethics_schema .group{ display: block; float: none; text-align: center;}
	.ethics_schema .group3{ min-width: 0; }
	.ethics_schema .group .cir{ display: inline-block; margin: 0 auto; }
	.ethics_schema .group3 .cir,
	.ethics_schema .group3 .cir:nth-child(2){ float: none; margin: 0 auto; }
	.ethics_schema .group5 .cir:first-child{ margin-bottom: 0; }
	.ethics_schema .group .flow .arr { display: inline-block; width: 8rem; transform: rotate(90deg); -webkit-transform: rotate(90deg); margin: 0; }
	.ethics_schema .group .flow .arr img{ width: 100%; }
	.ethics_schema .group .flow p{ margin: 30px 0; }
	.ethics_schema .group4{ padding-right: 1rem; }
	.ethics_schema .group4 .flow{ margin-left: 0; display: inline-block; margin-right: 1rem; }
	.ethics_schema .group4 .flow2{ margin-top: 0; margin-right: 0; }
	.ethics_schema .group5{ clear: both; }
}

@media (max-width: 1279px) {
	.ethics{ margin-top: 0; }
}

@media (max-width: 767px) {
	.ethics_list .list{ width: 100%; margin-left: 0; }
	.gray_box{ padding: 4rem 2rem; }
	.ethics_top{ height: auto; margin-bottom: 5rem; padding-bottom: .5rem; }
	.ethics_top ul li{ float: none; width: 100%; height: auto; margin-left: 0; margin-bottom: 2rem; }
	.ethics_top .top_tit{ padding-left: 0; }
	.ethics_top .top_tit .en_tit{ margin-bottom: 0; line-height: 3.5rem; }
	.ethics_top .top_tit strong{ margin-bottom: 2rem; }
}

/*톻합검색*/

.search_wrap{ }
.search_wrap .keyword{ color: #005BBF !important; font-weight: 600 !important; }

.depth4-tab-ul{ display: table; width: 100%; height: 5rem; table-layout: fixed; margin-top: 3rem; margin-bottom: 3rem; }
.depth4-tab-ul li{ display: table-cell; width: 1%; }
.depth4-tab-ul li a{ display: block; width:100%; height: 100%; position: relative; line-height: 5rem; font-size: 1.7rem; font-weight: 300; color:#555; background: #fff; text-align: center; border: 1px solid #ddd; border-left: 0; }
.depth4-tab-ul li:first-child a{ border-left: 1px solid #ddd; }
.depth4-tab-ul li.on a{ font-weight: 400; color:#fff; background: #2A3D7B; border-color: #2A3D7B; }
.depth4-tab-ul li.on:first-child a { border-color: #014DA0; }

.search-box{ margin-top: 7rem; margin-bottom: 5rem; border: 2px solid #333; position: relative;}
.search-box:after{ content: ''; display: block; clear: both;}
.search-box > div{ float: left;}
.search-box .form{ width: 100%; height: 6.6rem}
.search-box .form:after{ content: ''; display: block; clear: both; }
.search-box .form .search{ width: 100%; height: 100%; float: left; position: relative; }
.search-box .form .search:after{ content: ''; display: block; clear: both; }
.search-box .form .search input{ width: calc(100% - 16.4rem); height: 100%; float: left; border:none; padding: 2rem 2.4rem; }
.search-box .form .search button{ width: 16.4rem; height: 100%; float: left; background: #333; font-size: 1.6rem; font-weight: 300; color: #fff; vertical-align: middle; border: 0; }
.search-box .form .search button span{ padding-left: .6rem; vertical-align: middle; }
.search-box .form .search button i{ font-size: 2.5rem; vertical-align: middle; }
.search_list{}
.search_list .list_wrap{}
.search_list .list_wrap .tit_wrap{ border-bottom: 1px solid #999; padding-bottom: 1.4rem; vertical-align: middle; margin-top: 5rem; }
.search_list .list_wrap .tit_wrap .tit{ display: inline-block; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.06rem; line-height: 5rem; vertical-align: middle; }
.search_list .list_wrap .tit_wrap .tit span{ display: inline-block; font-family: 'gms'; font-size: 1.5rem; font-weight: 100; color: #fff; padding: .8rem 1.2rem .6rem 1.2rem; line-height: 1; background-color: #25367A; border-radius: 1.9rem; margin-left: .8rem; margin-top: -.5rem; vertical-align: middle; }
.search_list .list .board_pdf li{ border-bottom: 0; }
.search_list .list_wrap .more{ display: block; text-align: center; font-size: 1.5rem; color: #333; line-height: 2.8rem; letter-spacing: -0.045rem; padding: 1.8rem; margin-top: 3.2rem; font-weight: 300; border: 1px solid #E1E1E1; background-color: #FAFAFA; }
.search_list .list > div{ border-bottom: 1px solid #eee }
.search_list .list > div > a{ display: block; padding: 2.2rem 1rem; font-size: 1.7rem; font-weight: 300; line-height: 2.8rem; letter-spacing: -0.05rem; }
.search_list .list > div > a > .keyword{ font-weight: 400; }
.search_list .list > div{ border-bottom: 1px solid #eee; }
.search_list .list > div > a > .navi,
.search_list .list > div > a > .title{ display: block; font-size: 1.9rem; font-weight: 600; line-height: 2.8rem; letter-spacing: -0.05rem; margin-bottom: 1.2rem; color: #333; }
.search_list .list > div > a p{ font-size: 1.7rem; font-weight: 300; color: #555; line-height: 3rem; letter-spacing: -0.05rem; }
.search_list .list > div > a ul{ margin-top: 1.8rem; }
.search_list .list > div > a ul li{ display: inline-block; font-size: 1.5rem; line-height: 2.8rem; letter-spacing: -0.04rem; color: #555; font-weight: 300; vertical-align: middle; }
.search_list .list > div > a ul li b{ display: inline-block; font-weight: 400; color: #333; }
.search_list .list > div > a ul li.navi:after{ content: ""; display: inline-block; width: .3rem; height: .3rem; border-radius: 50%; background-color: #ddd; vertical-align: middle; margin: 0 .8rem; }
.search_list .list > div > a ul li.date b:before{ content: ""; display: inline-block; width: 1px; height: 1.1rem; background-color: #ddd; vertical-align: middle; margin: 0 .8rem; }
.search_list .list.none{color:#AAAAAA; text-align: center; padding: 3rem 0;}
.search_list .list.none span{font-size: 3.8rem; }
.search_list .list.none p{font: 1.7rem; margin-top: 1rem;}

/*시세정보서비스*/

#layerPopup{ margin-top: 7rem; }
#layerPopup .layer_wrap{ vertical-align: middle; }
#layerPopup .layer{ width: 100%; height: auto; background-color: #fff; margin: 0 auto; }
#layerPopup .layer .mCSB_inside > .mCSB_container{ margin-right: 0; }
#layerPopup .layer_top{ display: table; width: 100%; height: 37rem; background: url(../images/sub/bg_sms.png) 50% 50% no-repeat; background-size: cover; padding: 0 5rem; text-align: left; }
#layerPopup .layer_top .inner{ display: table-cell; vertical-align: middle; }
#layerPopup .layer_top .layer_tit{ display: block; color: #fff; font-size: 3rem; font-weight: 600; letter-spacing: -0.01rem; line-height: 4.2rem; margin-bottom: 1.6rem; }
#layerPopup .layer_top .layer_txt{ font-size: 1.7rem; color: #fff; opacity: 0.8; line-height: 2.8rem; letter-spacing: -0.085rem; }
#layerPopup .layer_cont{ padding: 4rem 5rem; }
#layerPopup .layer_cont .info_box{ clear: both; background-color: #FAFAFA; border-radius: 1rem; padding: 2rem; }
#layerPopup .layer_cont .info_box p{ text-align: center; font-size: 1.6rem; color: #555; line-height: 2.2rem; letter-spacing: -0.04rem; vertical-align: middle; }
#layerPopup .layer_cont .info_box p i{ font-size: 1.9rem; margin-right: .4rem; color: #014DA0; vertical-align: middle; }
#layerPopup .layer_cont .cont_tit{ clear: both; display: block; margin-top: 3.2rem; margin-bottom: 1.6rem; font-size: 2.3rem; text-align: left; }
#layerPopup .layer_cont .pass_form{ border-top: 2px solid #555; border-bottom: 1px solid #ddd; padding: 2.4rem 0; text-align: center; }
#layerPopup .layer_cont .pass_form label,
#layerPopup .layer_cont .pass_form input{ display: inline-block; vertical-align: middle; }
#layerPopup .layer_cont .pass_form label{ font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.05rem; margin-right: 2.8rem; font-weight: 400; color: #333; }
#layerPopup .layer_cont .pass_form input{ width: 100%; max-width: 30rem; padding: 1rem; height: 4.2rem; border: 1px solid #ddd; }
#layerPopup .layer_cont .board_btns{ margin-bottom: 3rem; }
#layerPopup .layer_cont .textarea { position: relative; border: 1px solid #ddd; text-align: left; padding: 30px 30px 30px; }
#layerPopup .layer_cont .textarea b{ display:  block; font-weight: 500; margin: 1rem 0 .25rem; }
#layerPopup .layer_cont .terms .textarea b:first-child{ margin-top: 0; }
#layerPopup .layer_cont .terms_down{ position: absolute; top: -4.5rem; right: 0; font-size: 1.5rem; font-weight:400; }
#layerPopup .layer_cont .terms_down img{ display: inline-block; margin-right: .5rem; vertical-align: middle; }
#layerPopup .layer_cont .terms_down:hover,
#layerPopup .layer_cont .terms_down:focus{ text-decoration: underline; }
#layerPopup .layer_cont .terms_txt{ float: left; display: inline-block; margin-top: 1rem; }
#layerPopup .layer_cont .terms_radio{ float: right; display: inline-block; margin-top: 10px; margin-bottom: 30px; text-align: right; }
#layerPopup .layer_cont .terms_radio label{ display: inline-block; margin-right: 25px; }
#layerPopup .layer_cont .terms_radio .pi-form-label-box input{ position: absolute; opacity: 0; width: 25px; height: 25px; z-index:1; cursor: pointer;}
#layerPopup .layer_cont .terms_radio .pi-form-label-box input ~ span:before{ content: "\e92b"; font-family:'xeicon'; display: inline-block; font-size:2.6rem; color: #ddd; z-index:-1; vertical-align: middle; margin-right: 5px; }
#layerPopup .layer_cont .terms_radio .pi-form-label-box input:checked ~ span:before{ color: #055bb2; }
#layerPopup .layer_cont .terms_radio .pi-form-label-box i { display: none; }

/*Board Write*/
.writeForm{ position: relative; border-top: 2px solid #555; margin-bottom: 3rem; }
.writeForm .form_info{ position: absolute; top: -4.5rem; right: 0; font-size: 1.6rem; color: #333; font-weight: 400; letter-spacing: -0.048rem; line-height: 2.6rem; }
.writeForm .essential{ display: inline-block; font-size: 1.7rem; font-weight: 500; color: #E10025; line-height: 1; height: 1.2rem; margin-right: .5rem; vertical-align: middle; }
.tstyle_write { width: 100%; border-collapse: collapse; letter-spacing: 0; position: relative; }
.tstyle_write th, .tstyle_write td { font-size: 1.6rem; padding: 1rem 2rem; border-bottom: 1px solid #e4e4e4; word-break: keep-all; }
.tstyle_write tbody th { color: #333; text-align: left; vertical-align: top; padding:2rem; }
.tstyle_write tbody th label { position: relative; font-weight: 400}
.tstyle_write tbody th label .star { color: #D2599C; margin-left: .4rem; position: absolute; right: -1rem; top: 0; }
.tstyle_write tbody tr td { font-size: 1.5rem; padding: 1rem 0; text-align: left; }
.tstyle_write tbody tr td input[type="text"] { width: 100%; }
.tstyle_write tbody tr td textarea { border: 1px solid #ddd; padding: .8rem 1.4rem; min-height: 200px; width: 100%; }
.tstyle_write tbody tr td.th_add span { font-weight: normal; font-size: 11px; color: #777; letter-spacing: -1px; }
.tstyle_write tbody tr td.add_file th { background-color: #fff; }
.tstyle_write tbody tr td.add_file td { background: url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left: 0; }
.tstyle_write tbody tr td.add_file th span { font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info td { border-left: none; font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td { background: #FCFCFC; padding: 3px 0 3px 70px; }
.tstyle_write tbody td:first-child { border-left: 0; }
.tstyle_write tbody tr.add_file td input { border: none !important; }
.tstyle_write tbody tr td input.line-no { border: none !important; }
.tstyle_write .ui-datepicker-trigger { padding: 0; vertical-align: top; }
.tstyle_write .xi-calendar-check { font-size: 2.4rem; margin: .8rem 0 0 -3.6rem; }
.tstyle_write .date_term { display: inline-block; margin: 0 1rem; }
.tstyle_write .gallery_help { display: inline-block; font-size: 1.4rem; margin-left: 1rem; }
.tstyle_write tbody tr td input{ padding: .8rem 1.2rem; border: 1px solid #ddd; background-color: transparent; }
.tstyle_write tbody tr td input + p{ margin-top: 1rem; font-size: 1.5rem; color: #999999; line-height: 2.2rem; letter-spacing: -0.045rem; }
.tstyle_write tbody tr td .form_select{ margin-left: .5rem; }
.tstyle_write tbody tr td .form_select:first-child{ margin-left: 0; }
.tstyle_write tbody tr td .form_select select{ position: relative; z-index: 1; border: 1px solid #ddd; display: inline-block; padding: 1rem; min-width: 18rem; background-color: transparent; }
.tstyle_write tbody tr td .form_select:after { content: ''; display: inline-block; color: #333; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; z-index: 0; }
.tstyle_write tbody tr td input[type="checkbox"] { position: absolute; opacity: 0; z-index: 1; cursor: pointer; width: 2.2rem; height: 2.2rem; }
.tstyle_write tbody tr td input[type="checkbox"]+span{ display: inline-block; margin-right: .5rem; }
.tstyle_write tbody tr td input[type="checkbox"]+span:before { content: ""; font-family: 'xeicon'; display: inline-block; font-size: 2rem; line-height: 1; border: 1px solid #ddd; z-index: -1; color: #fff; vertical-align: middle; margin-right: 6px; margin-top: -0.2rem; transition: all .2s; -webkit-transition: all .2s; }
.tstyle_write tbody tr td input[type="checkbox"]:checked + span:before { border-color: #005BBF; background-color: #005BBF; }

@media (max-width: 1199px) {
	#layerPopup .layer_cont{ padding: 2rem; }
}

@media (max-width: 1023px) {
	#layerPopup .layer_top{ height: 23rem; }
}

@media (max-width: 639px) {
	.tstyle_write tbody tr td .form_select{ width: 100%; margin-left: 0; margin-bottom: .5rem; }
	#layerPopup .layer_top{ padding: 3rem; }
	#layerPopup .layer_top .layer_tit{ font-size: 2.5rem; }
	#layerPopup .layer_top .layer_txt{ font-size: 1.6rem; }
	#layerPopup .layer_top .layer_txt br{ display: none; word-break: keep-all; }
	#layerPopup .layer_cont .textarea{ margin-top: 5.5rem; }
	#layerPopup .layer_cont .textarea > div{ max-height: 17rem; overflow: auto; }


}

.overseas{ margin-top: 7rem;}
.overseas_list{ position: relative; margin-bottom: 2rem; border: 1px solid #E1E1E1; padding-left: 32rem; }
.overseas_list .name{ position: absolute; top: 0; left: 0; width: 32rem; height: 100%; background-color: #FAFAFA; padding: 5rem 4rem; }
.overseas_list .name .flag{ display: block; margin-bottom: 1.4rem; }
.overseas_list .name strong{ display: block; font-size: 2.6rem; line-height: 4.2rem; letter-spacing: -0.01rem; margin-bottom: 0.6rem; color: #333; }
.overseas_list .name .cn{ display: block; font-style: normal; font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.05rem; color: #999; }
.overseas_list .info{ padding: 5rem; }
.overseas_list .info ul{ overflow: hidden; }
.overseas_list .info li b,
.overseas_list .info li{ display: inline-block; padding: 1.8rem 0; font-size: 1.7rem; border-bottom: 1px solid #555; }
.overseas_list .info li b{ position:absolute; bottom: -1px; left: 0; width: 10rem; height: 100%; color: #333; font-weight: 400; }
.overseas_list .info li{ position: relative; width: 100%; padding-left: 12.4rem; border-color: #E1E1E1; color: #555; }
.overseas_list .info .noline{ border: none; }

@media (max-width: 1023px) {
	.overseas{ margin-top: 0;}
}

@media (max-width: 767px) {
	.overseas_list{ padding-left: 0; }
	.overseas_list .name{ position: static; width: 100%; padding: 3rem; }
	.overseas_list .info{ padding: 3rem; }
	.overseas_list .info li{ padding-left: 0; }
	.overseas_list .info li b{ position: static; display: block; border-bottom: 0; padding: 0; }
}

.sub0109 .depth3-tab-ul{ height: 7rem; }
.ci_box{ position: relative; border: 1px solid #ddd; margin-bottom: 5rem; }
.ci_grid{ background: url(../images/sub/sub0109_bg.png) repeat; padding: 5.5rem 6.8rem 6.5rem; }
.ci_grid .thumb{ display: block; text-align: center; }
.ci_grid .thumb img{ max-width: 100%; }
.ci_download{ position: relative; background-color: #FAFAFA; border-top: 1px solid #ddd; padding: 1.7rem 3.2rem; }
.ci_download b{ display: inline-block; font-size: 2rem; color: #333; line-height: 4.6rem; letter-spacing: -0.1rem; }
.ci_download .down_wrap{ float: right; display: inline-block; }
.ci_download .down_wrap a{ position: relative; display: inline-block; width: 20rem; padding: 1rem 1.5rem; margin-left: 0.5rem; background-color: #fff; border:1px solid  #999; color: #333; letter-spacing: -0.045rem; text-align: left; }
.ci_download .down_wrap a:first-child{ margin-left: 0; }
.ci_download .down_wrap a i{ position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

@media (max-width: 1023px) {
	.sub0109 .depth3-tab-ul{ height: 0; }
	.ci_download b,
	.ci_download .down_wrap{ float: none; display: block; overflow: hidden; }
	.ci_download b{ margin-bottom: 1rem; }
}

@media (max-width: 767px) {
	.ci_grid{ padding: 2rem; }
	.ci_download .down_wrap a{ float:left; width: calc( 50% - .25rem ); margin-bottom: .5rem; }
	.ci_download .down_wrap a:nth-child(2n+1){ margin-left: 0; }
}

.product_service{}
.product_service .service_top{ position: relative; padding-left: 11rem; margin-bottom: 5.3rem; }
.product_service .service_top .inner{ height: 55rem; }
.product_service .service_top.st01 .inner{ background: url(../images/sub/sub020102_img01.png) 50% 50% no-repeat; background-size: cover; }
.product_service .service_top.st02 .inner{ background: url(../images/sub/sub020202_img01.png) 50% 50% no-repeat; background-size: cover; }
.product_service .service_top.st03 .inner{ background: url(../images/sub/sub020302_img01.png) 50% 50% no-repeat; background-size: cover; }
.product_service .service_top.st04 .inner{ background: url(../images/sub/sub020402_img01.png) 50% 50% no-repeat; background-size: cover; }
.product_service .service_top .top_txt{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 42rem; background-color: #014DA0; padding: 20rem 4rem 6rem; color: #fff; }
.product_service .service_top .top_txt strong{ display: block; font-size: 4rem; font-weight: 600; line-height: 6.5rem; letter-spacing: -0.1rem; vertical-align: middle; }
.product_service .service_top .top_txt strong .num{ display: inline-block; width: 4.7rem; vertical-align: middle; line-height: 1; }
.product_service .service_top .top_txt strong .num img{ width: 100%; height: auto; }
.product_service .service_top .top_txt p{ word-spacing: keep-all; opacity: .7; font-size: 1.7rem; font-weight: 100; line-height: 2.8rem; letter-spacing: -0.05rem; }
.product_service .service_list{ margin-bottom: 5rem; }
.product_service .service_list li{ position: relative; border: 1px solid #E1E1E1; padding: 3rem 3rem 3rem 13rem; margin-bottom: 1rem; }
.product_service .service_list li .cir{ position:absolute; left: 3rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 7.6rem; height: 7.6rem; border-radius: 50%; background-color: #EDF1F6; }
.product_service .service_list li .cir img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 4.6rem; height: 4.6rem; }
.product_service .service_list li b{ display: block; font-size: 2rem; font-weight: 500; line-height: 2.9rem; letter-spacing: -0.1rem; margin-bottom: .8rem; }
.product_service .service_list li p{ font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.05rem; color: #555; }

#txt.sub0208{ width: 100%; }
#txt.sub0208 .depth3-tab-ul{ width: 1440px; margin: 0 auto; }
.pet_service{ width: 144rem; margin: 7rem auto 0; }
.pet_service .service_top{ width: 100%; height: 55rem; background: url(../images/sub/sub0208_img01.png) 50% 50% no-repeat; background-size: cover; margin-bottom: 7.6rem; }
.pet_service .inner{ position: relative; width: 128rem; margin: 0 auto; padding-left: 40rem; }
.pet_service .inner .service_tit{ position: absolute; top: 0; left: 0; max-width: 30.5rem; }
.pet_service .inner .service_tit strong{ display: block; font-size: 3.5rem; font-weight: 600; line-height: 4.6rem; letter-spacing: -0.175rem; }
.pet_service .inner .service_tit strong .blue{ display: block; color: #014DA0; }
.pet_service .inner .service_tit strong:after{ content: ""; display: block; width: 9.4rem; height: .4rem; background-color: #E1E1E1; margin: 2.4rem 0 3rem; }
.pet_service .inner .service_tit p { font-size: 1.8rem; color: #555; line-height: 3rem; letter-spacing: -0.09rem; }
.pet_service .inner .service_tit p img{ display: block; margin-top: 3.4rem; margin-bottom: 3.4rem; }
.pet_service .inner .service_txt{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #555; margin-bottom: 2.2rem; }
.pet_service .inner b.point{ display: block; font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #555; }
.pet_service .inner b.point .red{ display: inline-block; color: #C10000; }

@media (max-width: 1479px) {
	#txt.sub0208 .depth3-tab-ul{ width: 100%; }
}
@media (max-width: 767px) {
	.product_service .service_top{ padding-left: 0; }
	.product_service .service_top .top_txt{ position: static; width: 100%; padding: 1rem 2rem 2rem; transform: translateY(0); -webkit-transform: translateY(0); top: 0; word-break: keep-all; }
	.product_service .service_top .top_txt strong{ font-size: 2.5rem; }
	.product_service .service_top .top_txt strong .num{ width: 3rem; }
	.product_service .service_top .inner{ height: 0; padding-bottom: 47%; }
	.pet_service .service_top{ height: 40rem; }
}

.pet_channel{ position: relative; padding: 2.7rem 5rem 2.7rem 6rem; margin-top: 8rem; background-color: #EDF1F6; overflow: hidden; }
.pet_channel b{ float:left; display: inline-block; line-height: 6rem; font-size: 2rem; font-weight: 500; color: #25367A; letter-spacing: -0.1rem; }
.pet_channel b i{ margin-right: 1rem; }
.pet_channel ul{ float: right; overflow: hidden; }
.pet_channel ul li{ position: relative; float: left; margin-left: 1rem; }
.pet_channel ul li a{ width: 20rem; display: inline-block; padding: 1.3rem 1.5rem; background-color: #fff; color: #333; font-size: 1.7rem; font-weight: 400; vertical-align: middle; letter-spacing: -0.05rem; }
.pet_channel ul li a .icon{ display: inline-block; width: 3.4rem; height: 3.4rem; vertical-align: middle; margin-right: 1rem;  }
.pet_channel ul li a .icon img{ width: 100%; }
.pet_channel ul li a i{ position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

@media (max-width: 1479px) {
	.pet_service{ width: 100%; }
}

@media (max-width: 1299px) {
	.pet_service .inner{ width: 100%; }
}

@media (max-width: 1023px) {
	.pet_service .inner .service_tit{ position: static; margin-bottom: 2rem; }
	.pet_service .inner{ padding-left: 0; }
	.pet_channel b,
	.pet_channel ul{ float: none; display: block; }
	.pet_channel ul li{ margin-bottom: 1rem; }
}

@media (max-width: 479px) {
	.pet_channel ul li{ float: none; margin-left: 0; }
	.pet_channel ul li a{ width: 100%; }
}

.consult{}
.consult .right_people_top{ background: url(../images/sub/sub0210_img01.png) 50% 50% no-repeat; background-size: cover; }
.consult_wrap{ overflow: hidden; margin-top: 13.8rem; }
.consult_box{ float: left; width: calc( 33.33% - 1.7rem); margin-left: 2.5rem; margin-bottom: 2.5rem; border: 1px solid #E1E1E1; border-top-color: #555; padding: 2rem 2.5rem; }
.consult_box:nth-child(3n+1){ margin-left: 0; }
.consult_box strong{ display: block; text-align: center; font-size: 2rem; line-height: 2.9rem; letter-spacing: -0.1rem; font-weight: 500; color: #111; padding-bottom: 2rem; vertical-align: middle; border-bottom: 1px solid #E1E1E1 }
.consult_box strong .num{ display: inline-block; width: 3.2rem; height: 3.2rem; border-radius: 50%; background-color: #014DA0; margin-right: 1rem; color: #fff; font-family: 'gms'; font-weight: 100; line-height: 3.4rem; text-align: center; font-size: 1.4rem; }
.consult_box ul{ padding-top: 2rem; }
.consult_box ul li{ display: block; margin-bottom: 1.2rem; font-size: 1.7rem; color: #555; font-weight: 300; line-height: 2.9rem; }
.consult_box ul li i{ display: inline-block; font-size: 1.8rem; color: #AAAAAA; margin-right: 1rem; }
.consult_box ul li i.call{ width: 1.7rem; height: 1.7rem; background: url(../images/sub/sub0210_icon01.png) no-repeat; background-size: contain; }
.consult_box ul li b{ display: inline-block; font-size: 1.7rem; font-weight: 500; line-height: 2.6rem; letter-spacing: -0.05rem; color: #333; width: 11rem; }

@media (max-width: 1023px) {
	.consult_box{ width: calc( 50% - 1.25rem); }
	.consult_box:nth-child(3n+1){ margin-left: 2.5rem; }
	.consult_box:nth-child(2n+1){ margin-left: 0; }
}

@media (max-width: 767px) {
	.consult_box{ width: 100%; margin-left: 0; }
	.consult_box:nth-child(3n+1){ margin-left: 0; }
}

#txt.sub040501{ width: 100%; }
.research_center{ margin-top: 6.5rem; }
.research_top{ width: 128rem; text-align: center; margin: 0 auto; }
.research_top_tit{ display: block; font-size: 3.5rem; line-height: 4.6rem; letter-spacing: -0.175rem; color: #333; font-weight: 400; margin-bottom: 1.7rem; word-break: keep-all; }
.research_top_tit .red{ font-weight: 600; color: #C10000; }
.research_top_en{ margin-bottom: 2.5rem; }
.research_top p{ font-size: 1.7rem; color: #555; line-height: 3rem; letter-spacing: -0.05rem; margin-bottom: 1.5rem; text-align: left; }
.research_top .thumb{ max-width: 100%; }
.research_top .thumb img{ width: 100%; }
.research_cont{}
.research_img{ margin-top: 10rem; width: 100%; height: 60rem; background: url(../images/sub/sub0401_img03.png) 50% 50% no-repeat; background-size: cover; padding-top: 11.7rem; text-align: center; }
.research_img img{ display: inline-block; margin-bottom: 16rem; }
.research_img .inner{ position: relative; width: 144rem; height: auto; margin: 0 auto; padding: 6rem 8rem 6.5rem 25.8rem; background-color: #fff; text-align: left; box-shadow: 0px 0px 6px #00000014; }
.research_img .inner strong{ position: absolute; top: 6.7rem; left: 7.8rem; font-size: 2.6rem; font-weight: 500; line-height: 4.2rem; letter-spacing: -0.1rem; }
.research_img .inner p{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #333; }
.vision{ width: 128rem; margin: 12.8rem auto 0; text-align: center; }
.vision_tit{ display: block; font-size: 2.6rem; font-weight: 500; line-height: 4.2rem; letter-spacing: -0.1rem; margin-bottom: 5rem; color: #333; }
.vision_box{ position: relative; display: table; width: 100%; border: 1px solid #aaa; min-height: 14rem; }
.vision_box.box1{ float: left; width: 58rem; border: 3px solid #005BBF; margin-bottom: 13rem; padding: 0 6.5rem;}
.vision_box.box2{ float: right; width: 58rem; border: 3px solid #C10000; margin-bottom: 13rem; padding: 0 6.5rem;}
.vision_box.box2:before{ position: absolute; left: -8.6rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: block; width: 5.2rem; height: 5.2rem; background: url(../images/sub/sub0401_img05.png) no-repeat; background-size: contain; }
.vision_box.box3{ text-align: left; padding: 4rem; margin-bottom: 10rem; }
.vision_box.box3:before{ position: absolute; top: -10.3rem; left: 50%; z-index: -1; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ""; display: block; width: 72.9rem; height: 10.8rem; background: url(../images/sub/sub0401_img06.png) no-repeat; background-size: contain; }
.vision_box .inner{ display: table-cell; vertical-align: middle; }
.vision_box .inner b{ display: block; font-size: 2rem; font-weight: 500; color: #111; margin-bottom: 1.2rem; letter-spacing: -0.1rem; line-height: 2.6rem; }
.vision_box.box1 .inner b{ font-family: 'gms'; font-size: 1.5rem; font-weight: 600; letter-spacing: 0; margin-bottom: .9rem; color: #014DA0; }
.vision_box.box2 .inner b{ font-family: 'gms'; font-size: 1.5rem; font-weight: 600; letter-spacing: 0; margin-bottom: .9rem; color: #C10000; }
.vision_box.box1 p,
.vision_box.box2 p{ font-weight: 400; font-size: 1.7rem; line-height: 2.6rem; letter-spacing: -0.05rem; }
.vision_box.box3 p{ word-break: keep-all; }

#txt.sub040502{ width: 100%; }
.research_history_wrap{ width: 144rem; margin: 0 auto; }
.research_history_top{ position: relative; height: 48rem; background: url(../images/sub/sub040502_img01.png) 50% 50% no-repeat; background-size: cover; }
.research_history_top .inner{ position: absolute; bottom: -20rem; left: 8rem; width: 38rem; height: 26rem; padding: 13rem 3.8rem 0; background: rgb(1,77,160); background: -moz-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); text-align: center; color: #fff; text-align: left; box-shadow: 3px 3px 10px #00000029; }
.research_history_top .inner:after{ position: absolute; top: -2.8rem; left: 3rem; content: ""; display: inline-block; width: .8rem; height: 4.8rem; background-color: #C10000; }
.research_history_top .inner .research_history_tit{ font-size: 3rem; font-weight: 400; letter-spacing: -0.15rem; line-height: 5rem; white-space: nowrap; }
.research_history{ margin-top: 7rem; padding-left: 57.5rem; }
.research_history ul{ position: relative; }
.research_history ul:before{ position: absolute; left: -2.8rem; top: 2.5%; content: ""; display: inline-block; width: 2px; height: 95%; background-color: #E9EAF1; }
.research_history ul li{ position: relative; margin-bottom: 4.2rem; }
.research_history ul li:before{ position: absolute; top: 50%; left: -3.2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #C10000; }
.research_history ul li .year{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; font-family: 'gms'; font-weight: 600; color: #333; width: 4.5rem; margin-right: 3rem; }
.research_history ul li p{ display: inline-block; font-size: 1.6rem; line-height: 3rem; letter-spacing: -0.04rem; color: #555; padding-left: 8.7rem; }
.research_history ul li p .month{ display: inline-block; font-weight: 500; color: #555; margin-right: 1rem; } 

@media (max-width: 1479px) {
	.research_top,
	.research_img .inner,
	.vision{ width: 100%; }
	.research_history_wrap{ width: 100%; }
	.vision_box.box1,
	.vision_box.box2{ width: calc(50% - 6rem); }
	.research_img { height: auto; }
}

@media (max-width: 1023px) {
	.research_history_top{ padding: 4rem; height: auto; }
	.research_history_top .inner{ position: relative; bottom: auto; left: auto; }
	.research_history { padding-left: 4rem; }
	.research_top_en{ width: 90%; margin: 0 auto 2.5rem; }
	.research_top_en img{ width: 100%; }
}

@media (max-width: 767px) {
	.research_history_top .inner{ width: 100%; }
	.vision_box.box1, 
	.vision_box.box2{ width: 100%; padding: 0 2rem; }
	.vision_box.box2:before{ left: 50%; margin-left: -2.6rem; top: -9rem; transform: translate(0); -webkit-transform: translate(0); }
	.research_img { background-size: 181%; background-position: top; padding-top: 4.7rem; }
	.research_img img{ width: 16rem; margin-bottom: 5rem; }
	.research_img .inner{ padding: 2rem; }
	.research_img .inner strong{ position: static; margin-bottom: 2rem; display: block; }
	.vision_box.box3:before{ width: 100%; }
}

.research_center_map{ border: 1px solid #ddd; }
.research_center_map .map{ display: block; }
.root_daum_roughmap{ width: 100% !important; }
.research_center_addr{ position: relative; background-color: #FAFAFA; padding: 3.3rem; }
.research_center_addr ul{ overflow: hidden; }
.research_center_addr ul li{ float: left; display: inline-block; font-size: 1.7rem; font-weight: 100; line-height: 3rem; letter-spacing: -0.05rem; color: #555; }
.research_center_addr ul li b{ display: inline-block; font-weight: 400; color: #333; padding: 0 .6rem 0 0; }
.research_center_addr ul li b:before{ content: ""; display: inline-block; width: 1px; height: 1.6rem; background-color: #ddd; vertical-align: middle; margin: 0 1rem; }
.research_center_addr ul li:first-child b:before{ display: none; }
.research_center_addr ul li b i{ font-size:2.2rem; color: #014DA0; vertical-align: middle; }
.research_center_addr > .more{ display: inline-block; position: absolute; top: 50%; right: 3.3rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 16rem; padding: 2rem; color: #fff; font-size: 1.5rem; line-height: 1; letter-spacing: -0.045rem; background-color: #014DA0; }
.research_center_addr > .more i{ position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-right: 1rem; }

@media (max-width: 1023px) {
	.research_center_addr > .more{ position: relative; transform: translate(0); -webkit-transform: translate(0); right: auto; top: auto; margin-top: 1rem; }
}

.etc_topbox{ position: relative; background-color: #F8F9FA; padding: 4.6rem 4.6rem 4.6rem 17.6rem; }
.etc_topbox .cir{ position: absolute; top: 50%; left: 5rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 9.6rem; height: 9.6rem; border-radius: 50%; background-color: #fff; text-align: center; }
.etc_topbox .cir img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: block; }
.etc_topbox .top_tit{ display: block; font-size: 2.3rem; line-height: 4rem; letter-spacing: -0.01rem; color: #333; margin-bottom: .9rem; font-weight: 600; }
.etc_topbox p{ font-size: 1.7rem; letter-spacing: -0.08rem; line-height: 2.8rem; color: #555; font-weight: 300; }
.etc_topbox p b{ font-weight: 500; }

.privacy{ margin-top: 7rem; }
.privacy h3.cont_title{ margin-top: 4rem; }
.privacy h3.cont_title:before{top:.7rem}
.privacy_icon{vertical-align:middle;position:relative;top:-2px;margin-right:3px}
.etc_txt{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; font-weight: 300; color: #555; margin-bottom: 1.2rem; }
.etc_txt a{ display: inline-block; margin-top: 2rem; font-weight: 400; text-decoration: underline; }
.etc_txt b{ display: block; margin: 3rem 0; }
.gray_dot{ position: relative; padding-left: 1.5rem; font-size: 1.7rem; line-height: 2.5rem; letter-spacing: -0.05rem; color: #282728; font-weight: 300; }
.gray_dot:before{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background-color: #C7C7C7; }
.list_num li .gray_dot{ margin-top: 1rem; }
.gray_dot + .gray_dot{ margin-top: 1rem; }
.list_num{}
.list_num li{ position: relative; padding-left: 2.3rem; font-size: 1.7rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -0.05rem; color: #333; margin-bottom: .8rem; }
.list_num li .num{ position: absolute; left: 0; top: 0; display: inline-block; margin-right: .5rem; }
.list_num + h4.cont_title{ margin-top: 2rem; }
.list_dot{ margin-top: 1rem; }
.list_dot li{ position: relative; padding-left: 3.3rem; font-size: 1.6rem; font-weight: 300; line-height: 2.6rem; letter-spacing: -0.048rem; color: #555; }
.list_dot li:before{ width: 2px; height: 2px; background-color: #555; left: 2.3rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.list_num + .gray_box{ margin-top: 2rem; margin-bottom: 2rem; padding: 2rem 3.4rem; }
div[id^="norm"] h3.cont_title{ margin-top: 4rem; }
.list_num .list_dot li,
.gray_box .list_dot li{ padding-left: 1rem; }
.gray_box .list_dot li{ margin-bottom: 0; }
.list_num .list_dot li:before,
.gray_box .list_dot li:before{ left: 0; }

.labeling_list {display: flex;flex-wrap: wrap;width: calc(100% + 2.5rem);margin-top:4rem;word-break: keep-all;}
.labeling_list li {display: flex;border: 1px solid #E7E8EA;width: calc(33.3% - 2.5rem);margin: 0 2.5rem 2.5rem 0;padding:0 1.5rem;min-height: 22rem;align-items: center;justify-content: center;text-align: center;border-radius:2rem}
.labeling_list li .item {text-align: center;letter-spacing: -.05rem}
.labeling_list li .item strong {display: block;margin: 1.7rem 0 .6rem;font-size: 1.6rem;font-weight: bold;color: #242427}
.labeling_list li .item p {line-height: 2.2rem;font-size: 1.4rem;}
.labeling_list li .anchor_btn {margin-top: 1rem}

/* 개인정보처리방침 */
.privacy_list_wrap {padding: 2rem 3rem;background-color: #fff;border: 1px solid #E7E8EA;word-break: keep-all;border-radius:2rem;word-break:keep-all}
.privacy_list {display: flex;flex-flow: row wrap;overflow: hidden}
.privacy_list > li {width: 60%;margin: .5rem 0;padding-right: 2rem;line-height: 2.5rem}
.privacy_list > li:nth-child(even) {width: 40%}
.privacy_list > li > a {display: block;position: relative;padding-left: 2.8rem}
.privacy_list > li > a > img {position: absolute;left: 0;top: .5rem;height: 2rem;margin-right: .5rem}

.sitemap{ margin-top: 7rem; }
.sitemap > li{ position: relative; padding: 5rem 0 2rem 25.5rem; border-bottom: 1px dotted #aaa; overflow: hidden; }
.sitemap > li:first-child{ padding-top: 0; }
.sitemap > li:first-child > .depth2 > li:nth-child(5),
.sitemap > li:first-child > .depth2 > li:nth-child(6),
.sitemap > li:first-child > .depth2 > li:nth-child(7),
.sitemap > li:first-child > .depth2 > li:nth-child(8){ min-height: 26rem; }
.sitemap > li > a{ position: absolute; top: 5.5rem; left: 0; display: block; font-size: 2.4rem; font-weight: 600; line-height: 4.2rem; letter-spacing: -0.1rem; color: #014DA0; }
.sitemap > li:first-child > a{ top: .5rem; }
.sitemap .depth2{}
.sitemap .depth2 > li{ float: left; width: calc( 25% - 2.4rem ); margin-left: 3.2rem; margin-bottom: 3rem; }
.sitemap > li:nth-child(2) .depth2 > li:nth-child(4){ min-height: 16rem; }
.sitemap .depth2 > li:nth-child(4n+1){ margin-left: 0; }
.sitemap .depth2 > li > a { display: block; padding: 1.4rem 2rem; font-size: 1.8rem; line-height: 2.7rem; font-weight: 400; color: #333; letter-spacing: -0.05rem; background-color: #F6F6F8; border: 1px solid #D2D4DA; text-align: left; transition: all .3s; -webkit-transition: all .3s; }
.sitemap .depth2 > li > a:hover,
.sitemap .depth2 > li > a:focus{ background-color: #fff; color: #014DA0; border: 1px solid #014DA0; }
.sitemap .depth3{ margin: 1.6rem 0 3rem; }
.sitemap .depth3 > li{ display: block; margin-bottom: .8rem; }
.sitemap .depth3 > li > a{ position: relative; display: block; padding-left: 1.2rem; font-size: 1.6rem; letter-spacing: -0.08rem; }
.sitemap .depth3 > li > a:before{ position: absolute; top: 50%; left: 0; transform: translate(-50%); -webkit-transform: translate(-50%); content: ""; display: inline-block; width: .4rem; height: .4rem; border-radius: 50%; background-color: #555; }
.sitemap > li:nth-child(2) .depth2 > li:nth-child(8){ min-height: 12.7rem; }

@media (max-width: 1199px) {
	.sitemap > li > a{ position: static; margin-bottom: 2rem; }
	.sitemap > li{ padding-left: 0; }
}

@media (max-width: 767px) {
	.etc_topbox{ padding: 2rem; }
	.etc_topbox .cir{ display: none; }
	.sitemap .depth2 > li{ width: calc( 50% - 1rem ); margin-left: 2rem; }
	.sitemap .depth2 > li:nth-child(2n+1){ margin-left: 0; }
	.sitemap > li:nth-child(2) .depth2 > li:nth-child(8),
	.sitemap > li:first-child > .depth2 > li:nth-child(7),
	.sitemap > li:first-child > .depth2 > li:nth-child(8){ min-height: 0; }

    .labeling_list li .item img{height:6.4rem}
	.privacy_list li, .privacy_list li:nth-child(even){width:100%}
}

@media (max-width: 560px) {
  .labeling_list li{width:calc(50% - 2.5rem)}
}

@media (max-width: 479px) {
	.sitemap .depth2 > li{ width: 100%; margin-left: 0; }
	.sitemap > li:nth-child(2) .depth2 > li:nth-child(4),
	.sitemap > li:first-child > .depth2 > li:nth-child(6){ min-height: 0; }
}

.chemistry_center{}
.chemi_top{ position: relative; }
.chemi_top .inner{ height: 40rem; background: url(../images/sub/sub0404_img01.png) right bottom no-repeat; margin-top: 7rem; }
.sub0403 .chemi_top .inner{ background: url(../images/sub/sub0403_img01.png) right bottom no-repeat; }
.chemi_txt{ position: absolute; bottom: 0; left: 0; width: 66rem; height: 37rem; background: rgb(1,77,160); background: -moz-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); padding: 5.4rem 5rem; color: #fff; }
.sub0403 .chemi_txt{ padding-top: 10rem; }
.chemi_txt .chemi_tit{ display: block; font-family: 'gms'; font-size: 1.6rem; margin-bottom: 1rem; }
.chemi_txt strong{ display: block; font-size: 3.5rem; font-weight: 400; line-height: 4.6rem; letter-spacing: -0.175rem; margin-bottom: 1.8rem; }
.chemi_txt strong b{ font-weight: 600; display: block; }
.chemi_txt p{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #CCDBEC; margin-bottom: 2.8rem; }
.chemi_txt em{ display: block; font-style: normal; font-weight: 600; font-size: 2rem; line-height: 4.6rem; letter-spacing: -0.1rem }
.chemistry_center h3.cont_title{ margin-top: 5rem; }
.chemistry_center .cont_list1{ overflow: hidden; }
.chemistry_center .cont_list1 li{ position: relative; float: left; width: calc( 50% - 1rem ); margin-left: 2rem; margin-bottom: 2rem; border: 1px solid #E1E1E1; background-color: #FAFAFA; padding: 2.5rem 3rem 2.5rem 7rem; word-break: keep-all; }
.chemistry_center .cont_list1 li:nth-child(2n+1){ margin-left: 0; }
.chemistry_center .cont_list1 li .num{ position: absolute; top: 2.5rem; left: 3rem; display: inline-block; width: 2.8rem; height: 2.8rem; line-height: 3.2rem; border-radius: 50%; background-color: #014DA0; font-family: 'gms'; font-weight: 500; font-size: 1.3rem; color: #fff; text-align: center; vertical-align: middle; }
.chemistry_center .cont_txt{ font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.05rem; color: #555; }
.chemistry_center .cont_list2{ overflow: hidden; margin-bottom: 3.8rem; margin-top: 3rem; }
.chemistry_center .cont_list2 li{ position: relative; float: left; display: table; width: 11rem; height: 11rem; border-radius: 50%; border: 3px solid #CAD0D6; text-align: center; margin-left: 3.5rem; }
.chemistry_center .cont_list2 li:first-child{ margin-left: 0; }
.chemistry_center .cont_list2 li .num{ position: absolute; right: 0; top: 0; display: block; width: 3rem; height: 3rem; border-radius: 50%; background-color: #63768A; color: #fff; font-family: 'gms'; font-size:1.2rem; font-weight: 100; line-height: 3.2rem; text-align: center; }
.chemistry_center .cont_list2 li em{ display: table-cell; vertical-align: middle; font-style: normal; }

@media (max-width: 1399px) {
	.chemistry_center .cont_list2 li{ margin-left: 1.5rem; }
}

@media (max-width: 1299px) {
	.chemistry_center .cont_list1 li{ min-height: 10rem; }
}

@media (max-width: 1199px) {
	.chemistry_center .cont_list2{ width: 61rem; }
	.chemistry_center .cont_list2 li{ margin-bottom: 2rem; }
	.chemistry_center .cont_list2 li:nth-child(6){ margin-left: 0; }
}

@media (max-width: 1023px) {
	.chemi_top{ height: auto; margin-top: 0; }
	.chemi_top .inner{ height: 0; padding-bottom: 56%; background: url(../images/sub/sub0404_img01.png) 50% 50% no-repeat; background-size: cover; }
	.sub0403 .chemi_top .inner{ height: 0; padding-bottom: 56%; background: url(../images/sub/sub0403_img01.png) 50% 50% no-repeat; background-size: cover; }
	.chemi_txt,
	.sub0403 .chemi_txt{ position: static; width: 100%; height: auto; background: rgb(1 77 160 / 90%); background: -moz-linear-gradient(90deg, rgba(1,77,160,.9) 0%, rgba(1,62,128,.9) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160 ,.9) 0%, rgba(1,62,128,.9) 100%); background: linear-gradient(90deg, rgba(1,77,160,.9) 0%, rgba(1,62,128,.9) 100%); padding: 2.5rem; }
	.chemi_txt strong{ font-size: 2.5rem; line-height: 4rem; }
	.chemistry_center .cont_list1 li{ width: 100%; float: none; margin-left: 0; min-height: 0; }
}

@media (max-width: 767px) {
	.chemistry_center .cont_list2{ width: 100%; }
	.chemistry_center .cont_list2 li{ width: 49%; height: auto; margin-left: 2%; border-radius: 0; text-align: center; padding: 2rem; }
	.chemistry_center .cont_list2 li:nth-child(6){ margin-left: 2%; }
	.chemistry_center .cont_list2 li:nth-child(2n+1){ margin-left: 0; }
	.chemistry_center .cont_list2 li .num{ position: static; margin: 0 auto; }
	.chemistry_center .cont_list2 li em{ display: block; }
	.chemistry_center .cont_list2 li em br{ display: none; }
}

@media (max-width: 479px) {
	.chemistry_center .cont_list2 li{ width: 100%; margin-left: 0; margin-bottom: 1rem; }
	.chemistry_center .cont_list2 li:nth-child(6){ margin-left: 0; }

}

/* 조직도 */

.org_wrap{ margin-top: 7rem; }
.org_top{ position: relative; display: table; width: 100%; height: 50rem; background: url(../images/sub/sub0401_top.png) 50% 50% no-repeat; background-size: cover; text-align: center; }
.org_top_tit{ display: table-cell; vertical-align: middle; font-size: 2.4rem; font-weight: 100; color: #fff; font-family: 'gms'; letter-spacing: 0.24rem; padding-bottom: 8.5rem; }
.org_top_tit .outline{ display: inline-block; }
.org_top_tit .outline img{ width: 100%; }
.org_top_tit img{ display: inline-block; vertical-align: middle; }
.org{ position: relative; margin: -10rem auto; text-align: center; width: 120rem; background-color: #fff; padding-top: 19.8rem; padding-bottom: 26.5rem; }
.org .head{ position: absolute; top: -12rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: table; width: 23.2rem; height: 23.2rem; background: url(../images/sub/sub0401_head.png) no-repeat; background-size: cover; text-align: center; }
.org .head b{ display: table-cell; vertical-align: middle; color: #fff; font-weight: 500; font-size: 2.3rem; line-height: 3rem; letter-spacing: -0.1rem;  }
.org_list{ position: relative; display: inline-block; }
.org_list:before{ position: absolute; top: -5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ""; display: block; width: 75rem; height: 1px; background-color: #E1E1E1;  }
.org_list > li{ position: relative; float: left; display: inline-block; text-align: center; font-size: 1.7rem; color: #555; letter-spacing: -0.05rem; margin-left: 26.5rem; }
.org_list > li:before{ position: absolute; top: -5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ""; display: inline-block; width: 1px; height: 5rem; background-color: #E1E1E1; }
.org_list > li:nth-child(2):before{ height: 10.5rem; top: -10.5rem; }
.org_list > li:after{ position: absolute; top: -.35rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ""; display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; background-color: #25367A; }
.org_list > li:first-child{ margin-left: 0; }
.org_list > li .cir{ position: relative; display: block; margin: 0 auto 1.6rem; width: 11rem; height: 11rem; border-radius: 50%; background-color: #F4F6FC; }
.org_list > li .cir img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.lab_history{ margin-top: 4rem; }
.lab_history .box{ position: relative; float: left; display: inline-block; width: 50%; }
.lab_history .box:before{ content: ""; display: inline-block; position: absolute; left: .4rem; top: .5rem; width: 2px; height: 89%; background-color: #E9EAF1; }
.lab_history .box:nth-child(2):before{ height: 92%; }
.lab_history .box > li{ position: relative; display: block; margin-bottom: 4rem; padding-left: 12rem; word-break: keep-all; }
.lab_history .box > li b{ position: absolute; left: 3.4rem; top: 0; display: inline-block; font-family: 'gms'; font-size: 2rem; color: #333; }
.lab_history .box > li b:before{ position: absolute; top: 50%; left: -3.4rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); content:""; display: inline-block; width: 1rem; height: 1rem; background-color: #C10000; border-radius: 50%; }

.sub0110 .org{ padding-top: 36.5rem; }
.sub0110 .org_wrap{ margin-top: 17rem; }
.sub0110 .org .head{ top: 0; z-index: 1; background: none; }
.sub0110 .org .head img{ width: 100%; }
.sub0110 .org_list > li .cir{ margin: 0 auto 1.6rem; background-color: #FBF6F6; }
.sub0110 .org_list > li b{ display: block; color: #333; margin-bottom: 1.3rem; }
.sub0110 .org_list > li p{ font-size: 1.6rem; font-weight: 400; color: #555; }
.sub0110 .org_list > li{ width: 17.3rem; }
.sub0110 .org_list:before { width: 87.4rem; }
.sub0110 .org_list > li:after{ background-color: #E10025; }
.sub0110 .org_vision{ z-index: 0; position: absolute; top: 7rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 99.2rem;  }
.sub0110 .org_vision > div{ float: left; width: calc( 50% - 1.6rem); margin-left: 3.2rem; background: url(../images/sub/sub0110_box.png) 50% 50% no-repeat; background-size: cover; border-radius: 4rem; height: 18rem; padding: 4.4rem 2rem; text-align: center; color: #fff; font-size: 2.7rem; font-weight: 400; }
.sub0110 .org_vision > div:first-child{ margin-left: 0; }
.sub0110 .org_vision > div span{ position: relative; display: block; font-size: 1.7rem; font-weight: 300; margin-bottom: 2.4rem; }
.sub0110 .org_vision > div span:after{ position: absolute; bottom: -1.3rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ""; display: block; width: 2.6rem; height: 2px; background-color: #fff; }
.sub0110 .org_list > li:nth-child(2):before{ height: 25.5rem;top: -25.5rem; }


@media (max-width: 1279px) {
	.org{ width: 95%;}
}

@media (max-width: 1023px) {
	.sub0110 .org_wrap{ margin-top: 4rem; }
	.org_top{ display: none; padding-bottom: 20%; }
	.org{ width: 100%; margin-top: 0; padding: 0 0 10rem 0; }
	.org .head{ position: static; width: 20rem; height: 20rem; transform: translate(0); -webkit-transform: translate(0); margin: 0 auto 9rem; }
	.org_list:before{ width: 62rem; }
	.sub0110 .org_list:before{ width: 75rem; }
	.org_list > li,
	.sub0110 .org_list > li{ margin-left: 20rem; }
	.lab_history .box{ float: none; width: 100%; marign-bottom: 2rem; }
	.sub0110 .org_vision{ width: 100%; }
}

@media (max-width: 767px) {
	.sub0110 .org .head{ position: absolute;  transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	.org .head b{ font-size: 2.1rem; }
	.org_top_tit{ margin-top: 17%; word-break: keep-all; font-size: 2rem; line-height: 1.4; }
	.org_top_tit .outline{ width: 10rem; }
	.org_list:before{ width: 42rem; }
	.sub0110 .org_list:before{ width: 42.5rem; }
	.org_list > li,
	.sub0110 .org_list > li{ width: 13rem; margin-left: 8rem; word-break: keep-all; }
	.org_list > li .cir{ width: 10rem; height: 10rem; }
	.org_list > li:nth-child(2):before{ height: 10.8rem; top: -10.8rem; }
	.sub0110 .org_vision > div{ font-size: 2rem; }
}

@media (max-width: 479px) {
	.org_top{ padding-bottom: 15%; }
	.org_top_tit{ margin-top: 15%; }
	.org_list:before{ width: 26rem; }
	.sub0110 .org_list:before{ width: 26rem; }
	.org_list > li{ margin-left: 0;}
	.sub0110 .org_list > li{ margin-left: 0;}
}

/* 페이지 준비중 */
.cont_ing{ text-align: center; }
.cont_ing > img{ max-width: 100%; }



/* 기업이념 NEW */

#txt.sub0102{ width: 140rem; }
.jeil_way{ padding-top: 11.1rem; }
.jeil_way_title{ position: relative; display: block; font-size: 3.4rem; line-height: 3.2rem; letter-spacing: -0.1rem; font-weight: 600; color: #333; margin-bottom: 8.9rem; text-align: center; }
.jeil_way_title:after{ position: absolute; bottom: -5.7rem; left: 50%; content: ""; display: block; width: .4rem; height: 3.6rem; background: url(../images/sub/sub0102_title_after.png) no-repeat; background-size: contain; }
.jeil_way_title_en{ display: block; font-size: 1.8rem; margin-bottom: 1rem; text-align: center; font-family: 'gms'; font-weight: normal; color: #014DA0; }
.jeil_way_cont{ width: 128rem; margin: 0 auto; border: 1px solid #E1E1E1; overflow: hidden; }
.jeil_way_cont_box{ position: relative; float: left; width: 50%; padding: 4.8rem 2.4rem 4.8rem 14rem; }
.jeil_way_cont_box:first-child{ border-right: 1px solid #E1E1E1; }
.jeil_way_circle{ position: absolute; top: 4.1rem; left: 4.1rem; width: 8rem; height: 8rem; line-height: 8rem; text-align: center; color: #fff; font-size: 1.5rem; border-radius: 50%; }
.jeil_way_circle.blue{ background-color: #014DA0; }
.jeil_way_circle.red{ background-color: #C10000; }
.jeil_way_text{ font-size: 2rem; font-weight: 400; line-height: 3.4rem; letter-spacing: -0.1rem; }
.jeil_main_value:before{ content: ""; display: block; width: 27.6rem; height: 8.8rem; background: url(../images/sub/sub0102_img03.png) no-repeat; background-size: contain; margin: 0 auto 2.2rem; }
.jeil_main_value{ margin-bottom: 10rem; }
.jeil_main_value_wrap{ background: url(../images/sub/sub0102_img04.png) no-repeat; background-size: 100% auto; text-align: center; }
.jeil_main_value_title{ display: block; padding: 14.6rem 0 11.3rem; font-size: 2.6rem; font-family: 'gms'; color: #fff; }
.jeil_main_value_title b{ position: relative; display: inline-block; font-size: 3rem; font-weight: 400; font-family: 'nsk'; vertical-align: middle; margin-right: 3rem; }
.jeil_main_value_title b:after{ position: absolute; right: -1.8rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; width: .2rem; height: 1.8rem; background-color: rgba(255,255,255,0.6); }
.jeil_main_value_list{ padding: 0 8rem; }
.jeil_main_value_list_box{ float: left; width: calc( 25% - 2.1rem ); margin-left: 2.7rem; background-color: #fff; padding: 6.5rem 3.5rem 5rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.jeil_main_value_list_box:first-child{ margin-left: 0; }
.jeil_main_value_list_box .icon_wrap{ width: 11rem; height: 11rem; margin: 0 auto 6.3rem; overflow: hidden; }
.jeil_main_value_list_box .icon_wrap img{ width: 100%; }
.jeil_main_value_list_title{ display: block; text-align: left; font-size: 1.8rem; font-weight: 400; padding-bottom: 1rem; margin-bottom: 1.9rem; border-bottom: 2px solid #555; }
.jeil_main_value_list_title  .en{ display: inline-block; font-family: 'gms'; font-size: 1.6rem; font-weight: 300; color: #C10000; vertical-align: middle; }
.jeil_main_value_list_text{ font-size: 1.6rem; font-weight: 300; color: #555; line-height: 2.6rem; letter-spacing: -0.048rem; text-align: left; }

@media (max-width: 1419px) {
	#txt.sub0102,
	.jeil_way_cont{ width: 100%; }
	.jeil_way_text{ font-size: 1.8rem; line-height: 3rem; }
	.jeil_main_value_list{ padding: 0 3rem; }
	.jeil_main_value_list_box{ padding: 5rem 3rem; }
}

@media (max-width: 1279px) {
	.jeil_way_cont_box{ float: none; width: 100%; }
	.jeil_way_cont_box:first-child{ border-right: 0; border-bottom: 1px solid #E1E1E1; }
	.jeil_main_value_list_box{ width: calc( 50% - 1.5rem); margin-bottom: 3rem; }
	.jeil_main_value_list_box:nth-child(2n+1){ margin-left: 0; }
}

@media (max-width: 1023px) {
	.jeil_main_value_wrap{ background-size: auto 40rem; background-position: top center; }
	.jeil_main_value_title{ padding: 8rem 0; }
	.jeil_main_value_list_box{ float: none; width: 100%; margin-left: 0; border: 1px solid #f0f0f0; }
	.jeil_main_value_list_box .icon_wrap{ margin-bottom: 2rem; }
	.jeil_way_text br{ display: none; }
}

/* 브로슈어 */
.brochure_wrap{position:relative;margin-top:7rem;padding:8rem 0 0 3rem}
.brochure_wrap:before{content:"";position:absolute;left:50%;top:0;width:calc(100% + 16rem);height:40rem;background:#EAF1F3;transform:translateX(-50%);z-index:-1}
.brochure_wrap img{max-width:100%;height:auto}
.brochure_wrap .thumb{max-width:40.98%;float:left;border:2rem solid #fff;box-shadow:0 .3rem 1.9rem rgba(0,0,0,.16)}
.brochure_wrap .desc_box{overflow:hidden;padding:6.3rem 0 0 9rem;word-break:keep-all}
.brochure_wrap .desc_box .sub_tit{font-size:2.2rem;color:#014DA0;font-weight:600;font-family:'gms', sans-serif;text-decoration:underline}
.brochure_wrap .desc_box .title{display:block;margin:3.7rem 0 0;font-size:3.5rem;color:#333;line-height:4.6rem;letter-spacing:-.3rem}
.brochure_wrap .desc_box .title>span{display:block;font-weight:500}
.brochure_wrap .desc_box p{font-size:1.8rem;line-height:3.1rem;color:#555}
.brochure_wrap .desc_box .desc{margin-top:14.3rem}
.brochure_wrap .desc_box .down_wrap{margin-top:7.7rem}
.brochure_wrap .down_wrap a{ position: relative; display: inline-block;overflow:hidden;width:calc(50% - .8rem);max-width:26rem;padding:1.5rem; margin-right: 0.5rem; background-color: #fff; border:1px solid  #999; color: #333; letter-spacing: -0.045rem; text-align: left;font-weight:500;transition:all .2s}
.brochure_wrap .down_wrap a:hover{background:#c10000;color:#fff;border-color:#c10000}
.brochure_wrap .down_wrap a:last-child{margin-right:0}
.brochure_wrap .down_wrap a i{ position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}

@media (max-width:1220px){
	.brochure_wrap .desc_box{padding-left:5rem}
}
@media (max-width:1180px){
	.brochure_wrap .desc_box .title{font-size:3rem;line-height:4.1rem}
}
@media (max-width:1023px){
	.brochure_wrap:before{height:36rem}
}
@media (max-width:800px){
	.brochure_wrap{padding:4rem 0;text-align:center}
	.brochure_wrap .thumb{display:inline-block;float:none;margin:0 auto;max-width:42rem}
	.brochure_wrap .desc_box{padding-left:0;text-align:left}
	.brochure_wrap .desc_box .title>span{display:inline}
	.brochure_wrap .desc_box .desc{margin-top:4rem}
	.brochure_wrap .desc_box .desc br{display:none}
	.brochure_wrap .desc_box .down_wrap{margin-top:4.5rem;text-align:center}
}
@media (max-width:400px){
	.brochure_wrap .desc_box .sub_tit{font-size:1.9rem}
}