@charset "utf-8";
/* font */
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  src: url('/resources/font/NanumBarunGothicLight.eot');
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url('/resources/font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
       url('/resources/font/NanumBarunGothicLight.woff2') format('woff2'),
       url('/resources/font/NanumBarunGothicLight.woff') format('woff'),
       url('/resources/font/NanumBarunGothicLight.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumBarunGothicBold';
  font-style: bold;
  src: url('/resources/font/NanumBarunGothicLight.eot');
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url('/resources/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('/resources/font/NanumBarunGothicBold.woff2') format('woff2'),
       url('/resources/font/NanumBarunGothicBold.woff') format('woff'),
       url('/resources/font/NanumBarunGothicBold.ttf') format('truetype');
}

@import url('http://fonts.googleapis.com/css?family=Noto+Sans');

:root {
  --PageWidth: 990px
}

/* reset */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0}
body {font-family:'NanumBarunGothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:12px; color:#242424}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
strong {font-family:'NanumBarunGothicBold','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
fieldset,img,button {border:0}
img,input,button {vertical-align:top}
input, textarea {font-family:'NanumBarunGothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
textarea {resize: none}
table {border-collapse:collapse}
address,em {font-style:normal}
ol,ul,li {list-style:none;padding:0px;margin:0px; word-break:keep-all}
hr {display:none}
a {text-decoration:none; color:#444444}
a:hover,a:active {text-decoration:none}
legend {position:absolute; left:-9999px; top:0}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
button {background:none; font-family:'NanumBarunGothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; cursor:pointer}
button::-moz-focus-inner {padding:0; border:0}
p {line-height:1.5em; word-break:keep-all; margin-bottom:7px}
dd {line-height:1.3em}
.blind {overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px; font-size:0; line-height:0}
.behind {display:inline-block; overflow:hidden; text-indent:-9999px}
.clearfix:after {display:block; clear:both; content:""}
.center {text-align:center;  !important}
#skip_nav a {position:absolute; left:0; top:-1000em; z-index:1000; padding:5px 10px; background:#fff}
#skip_nav a:hover, #skip_nav a:focus {top:0}

/* header */
#wrap {min-width:var(--PageWidth)}
#wrap:after {content:''; display:block; clear:both}
#header {height:76px; z-index:1001; position:relative}
#header .header_wrap {width:var(--PageWidth); height:76px;  margin:0px auto}
#header .header_wrap:after {content:''; display:block; clear:both}
.header_wrap .logo {float:left;padding:25px 0px 0px}
.header_wrap .logo a {display:inline-block; width:139px; height:24px; background:url('/resources/images/common/logo.png') 0 0 no-repeat}
.header_wrap #gnb {float:right; z-index:100}
.header_wrap .gnb_nav:after {content:''; display:block; clear:both}
.header_wrap .gnb_nav a {color:#333; font-size:17px}
.header_wrap .gnb_nav .depth1 {float:left; position:relative; width:120px; padding-top:31px; padding-bottom:5px; margin-left:10px; text-align:center}
.header_wrap .gnb_nav .depth1:first-child {margin-left:0}
.header_wrap .gnb_nav .depth1_link {overflow:hidden; display:block; height:16px; margin-bottom:24px; line-height:15px; font-size:15px; color:#fff; font-weight:bold; letter-spacing:0px}
.header_wrap .gnb_nav .nav1 .depth1_link:hover, #header.header_on .header_wrap .gnb_nav .nav1 .depth1_link:hover {color:#ff7424}
.header_wrap .gnb_nav .nav2 .depth1_link:hover, #header.header_on .header_wrap .gnb_nav .nav2 .depth1_link:hover {color:#ff7424}
.header_wrap .gnb_nav .nav3 .depth1_link:hover, #header.header_on .header_wrap .gnb_nav .nav3 .depth1_link:hover {color:#ff7424}
.header_wrap .gnb_nav .nav4 .depth1_link:hover, #header.header_on .header_wrap .gnb_nav .nav4 .depth1_link:hover {color:#ff7424}
.header_wrap .gnb_nav .nav5 .depth1_link:hover, #header.header_on .header_wrap .gnb_nav .nav5 .depth1_link:hover {color:#ff7424}
.header_wrap .gnb_nav .depth2_nav {display:none; letter-spacing:0px; position:absolute; left:50%; width:120px; margin:35px 0px 0px -60px; text-align:center; z-index:1001; overflow:hidden; height:220px}
.header_wrap .gnb_nav .depth1:first-child .depth2_nav {border-left:0px}
.header_wrap .gnb_nav .depth2_nav a {display:inline-block; margin-top:20px; font-size:15px; color:#fff}
.header_wrap .gnb_nav .depth2_nav li:first-child a {margin-top:0px}
.header_wrap .gnb_nav .depth2_nav a:hover {color:#ff7424}
.navi_layer {display:none; position:absolute; left:0px; right:0px; height:280px; background:url('/resources/images/common/navi_layer_bg.png') 0 0 repeat; z-index:20}

#header.header_on {background:url('/resources/images/common/navi_layer_bg.png') 0 0 repeat}

.navi_layer .count_zone {position:relative; width:247px; height:140px; padding-top:60px; margin-top:25px; border-right:1px solid #4a4d55}
.navi_layer .number {width:83px; height:59px; background:url('/resources/images/common/gnb_num.png') no-repeat}
.navi_layer #gnb_count {display:inline-block; width:83px; padding-left:3px; text-align:right; font-size:77px; font-weight:900; line-height:60px; color:#ff7424; font-family: 'Roboto', sans-serif}
.navi_layer .text {position:absolute; top:70px; left:102px; font-size:16px; color:#ff7424; line-height:24px}

/* footer */
#footer {position:relative; height:185px; background:#f5f5f5; border-top:1px solid #dcdcdc; z-index:1}
.footer_wrap {position:relative; width:var(--PageWidth); height:78px; margin:0px auto; padding:40px 0px}
.footer_wrap:after {content:''; display:block; clear:both}
.footer_wrap .family li {float:left; margin-top:12px}
.footer_wrap .family .li1 {margin-top:12px}
.footer_wrap .family .li2 {margin-left: 17px;margin-top: 12px}
.footer_wrap .family .li3 {margin-left: 20px}
.footer_wrap .family .li4 {margin-left: 19px}
.footer_wrap .family .li5 {margin-left: 17px}
.footer_wrap .footer_btn {float:right; padding-bottom:17px}
.footer_wrap .footer_btn li {float:left; margin-left:13px}
.footer_wrap .family_box {width:160px; height:36px; text-indent:-9999px; background:url('/resources/images/common/btn_family.gif') 0 0 repeat; cursor:pointer}
.footer_wrap .family_box.on {background:url('/resources/images/common/btn_family_on.gif') 0 0 repeat}
.footer_wrap .footer_bot {padding:16px 0 0px; border-top:1px solid #dcdcdc; overflow:hidden; clear:both}
.footer_wrap .footer_bot p {float:left; padding-top:3px; font-size:12px; color:#848484; font-weight:bold}
.footer_wrap .footer_bot .link {float:right}
.footer_wrap .footer_bot .link li {float:left; margin-left:12px}
.footer_wrap .footer_bot .link li a {padding-bottom:2px; background:url('/resources/images/common/footer_linkbg.png') 0 bottom repeat-x; color:#848484; font-size:12px; font-weight:bold}
.footer_wrap .footer_bot .link li a .privacy {padding-bottom:2px; background:url('/resources/images/common/footer_linkbg.png') 0 bottom repeat-x; color:#ff7424; font-size:14px; font-weight:bold}

#mask {position:absolute; z-index:1002; background-color:#000; display:none; left:0; top:0}
.family_layer {display:none; position:absolute; bottom:186px; width:85%; background:#f5f5f5; z-index:1005}
.layer_wrap {width:var(--PageWidth); margin:0 auto; padding:40px 0; overflow:hidden}
.layer_wrap ul {float:left; margin-left:120px}
.layer_wrap ul:first-child {margin-left:0}
.layer_wrap ul li {margin-bottom:25px}
.layer_wrap ul li a {color:#848484; font-size:14px}
.layer_wrap ul li a:hover {color:#ff7424}

/* content */
#contents {padding-bottom:60px}
.section {position:relative; width:var(--PageWidth); min-width:var(--PageWidth); margin:0 auto; padding-top:80px}
.section.full {width:100%; min-width:var(--PageWidth)}
.section.full_bg {width:100%; background:#f5f5f5}
.inner_section {width:var(--PageWidth); margin:0 auto}
.point {color:#ff7424}

/* common css */
.title_zone {position:relative; width:var(--PageWidth); height:263px; margin:0 auto; padding:17px 0 0}
.title_zone h3 {padding-left:49px; color:#fff; font-size:20px; background:url('/resources/images/common/title_bar.gif') 9px center no-repeat; font-weight:bold}
.title_zone p {margin-top:75px; color:#fff; font-size:36px; text-align:center; line-height:49px}

/* paging */
.pagination {padding-top:50px; text-align:center}
.pagination .pagination_inner {display:inline-block; overflow:hidden}
.pagination li {float:left; width:20px; margin-left:45px; line-height:18px; text-align:center; font-weight:bold}
.pagination li:first-child {margin-left:0}
.pagination a {display:inline-block; font-size:16px; color:#242424; font-family: 'Roboto', sans-serif}
.pagination a.on {color:#ff7424; border-bottom:2px solid #ffc9b5}
.pagination .paging_btn {display:block; width:10px; height:18px; margin:0px auto; overflow:hidden; text-indent:-9999px}
.pagination .pre {background:url('/resources/images/common/page_prev.gif') center center no-repeat}
.pagination .next {background:url('/resources/images/common/page_next.gif') center center no-repeat}

.btn_area {overflow:hidden; padding-top:35px; text-align:center}
.btn_area .fl {float:left; margin-left:0}

.btn_base {display:inline-block; width:160px; text-align:center; color:#fff; background:#ff7424; font-size:16px; line-height:36px; font-weight:bold}
.btn_base.gray {background:#575757}
.btn_go {display:inline-block; width:192px; text-align:center; color:#fff; background:#ff7424; font-size:16px; font-weight:bold; line-height:36px}
.btn_lst {display:inline-block; width:98px; text-align:center; color:#242424; font-size:16px; font-weight:bold; line-height:34px; border:1px solid #ccc}
.btn_lst.point {background:#ff7424; color:#fff; border:none}
.btn_round {display:inline-block; width:220px; text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:48px; background:url('/resources/images/common/btn_round_bg.png') 0 0 no-repeat}
.btn_round2 {display:inline-block; width:220px; margin-right:20px; text-align:center; color:#242424; font-size:16px; font-weight:bold; line-height:48px; background:url('/resources/images/common/btn_round_bg2.png') 0 0 no-repeat}
.btn_view {display:inline-block; width:160px; text-align:center; color:#fff; font-size:16px; line-height:40px; font-weight:bold; background:url('/resources/images/main/btn_round_bg.png') 0 0 no-repeat}

/* board_ico */
.board_ico {display:inline-block; width:100px; line-height:36px; background-image:url('/resources/images/common/board_ico_on.png'); text-align:center; font-size:16px; font-weight:bold; color:#ff7424}
.board_ico.close {background-image:url('/resources/images/common/board_ico.png'); color:#999}
.board_ico.close2 {border:1px solid #999; color:#575757}

/* table */
.table_base {width:100%; font-size:16px; border-top:1px solid #999; border-bottom:1px solid #999}
.table_base td {padding:20px; border-top:1px solid #e5e5e5; text-align:center; color:#646464}
.table_base td.text {text-align:left}
.table_base td.text a {color:#242424}
.table_base td.state {color:#575757; font-weight:bold; }
.table_base td.date {font-family:'Noto sans', sans-serif; font-size:16px}
.table_base th {padding:12px 20px; text-align:center; background:url('/resources/images/common/board_bar.gif') 0 center no-repeat}
.table_base th:first-child {background:none}
.table_base td {line-height:1.7em}
.table_base .left_td {text-align:left}
.table_base .sort {display:block; line-height:27px; font-size:16px; font-weight:bold; color:#242424}
.table_base .fixing td {background:#f5f5f5; color:#ff7424}
.table_base .fixing td .sort,.table_base .fixing td a {color:#ff7424}

.apply_form h4 {float:left; padding-bottom:10px; font-size:20px; font-weight:bold}
.apply_form .txt {float:right; padding-top:5px; color:#646464; font-size:16px}
.apply_form .txt22 {padding-top:5px; color:#646464; font-size:16px}
.apply_form .point {color:#ff7c31}
.table_apply {width:100%;font-size:16px; border-top:2px solid #999}
.table_apply td {padding-top:25px}
.table_apply td label.tit {display:block; width:100%; margin-bottom:7px; color:#242424; font-weight:bold; margin-left:5px}
.table_apply td label.tit2 {display:block; width:100%; margin-bottom:15px; color:#242424; font-weight:bold}
.table_apply td input {padding:8px 0 7px 10px; border:1px solid #ccc; font-size:16px; }
.table_apply td input:-ms-input-placeholder {color:#cbcbcb}
.table_apply td input::-webkit-input-placeholder {color:#cbcbcb; }
.table_apply td input::-moz-placeholder {color:#cbcbcb; }
.table_apply td input:focus::-moz-input-placeholder {color:transparent}
.table_apply td input:focus::-ms-input-placeholder {color:transparent}
.table_apply td input:focus::-webkit-input-placeholder {color:transparent}
.table_apply td input.type1 {width:928px}
.table_apply td input.type2 {width:350px; margin-left:5px}
.table_apply td input[type=text].disabled {background-color:#fafafa}
.table_apply td input[type=text].read {background-color:#fafafa; cursor:default}
.table_apply td input.read:focus::-moz-input-placeholder {color:#cbcbcb}
.table_apply td input.read:focus::-ms-input-placeholder {color:#cbcbcb}
.table_apply td input.read:focus::-webkit-input-placeholder {color:#cbcbcb}

.list_split_dual {margin:0px -30px}
.list_split_dual:after {display:block; clear:both; content:""}
.list_split_dual > li {float:left; width:420px; margin:40px 30px}

.ico_secret {display:inline-block; padding-left:10px; line-height:17px}
.srch_area {width:100%; padding-bottom:22px; text-align:right}
.srch_area .srch_box {display:inline-block; vertical-align:top}
.srch_area .srch_txt {float:left; font-size:20px; color:#242424; line-height:36px}
.srch_txt strong {font-weight:bold; color:#ff7424}
.srch_area .btn_srch {width:81px; height:36px; margin-left:-3px}
.srch_area .btn_srch:before {content:''; display:inline-block; width:80px; height:34px; background:url('/resources/images/info/btn_srch.png') center center no-repeat; vertical-align:middle; border:1px solid #ccc; border-left:0}
.srch_area .inp_srch {width:214px; height:34px; padding-left:5px; border:1px solid #ccc; border-right:0}

.srch_area .select_wrap {display:inline-block}
.srch_area .select_box {position:relative; width:124px; height:34px; border:1px solid #ccc}
.srch_area .select_box {margin-right:8px}
.srch_area .select_box > p {width:126px; height:36px}
.srch_area .select_box .sel_btn {display:block; width:120px; height:36px; background:url('/resources/images/common/select_arr2.png') 104px 13px no-repeat; line-height:36px; text-align:center; font-size:16px; color:#242424}
.srch_area .select_box li a:hover {background-color:#ffe3d3;color:#ff7424}
.srch_area .select_list {display:none; position:absolute; left:-1px; top:40px; z-index:10; width:124px; background-color:#fff; border:1px solid #ccc}
.srch_area .select_list.on {display:block}
.srch_area .select_list a {display:block; padding:7px 0 6px; text-align:center; font-size:16px; color:#242424}
.srch_area .select_wrap select {display:none; width:98px; height:34px; margin-right:20px; border:1px solid #ccc; line-height:36px; text-align:center}

.srch_area .select_wrap2 {display:inline-block}
.srch_area .select_wrap2 .select_box {width:124px}
.srch_area .select_wrap2 .select_box > p {width:126px}
.srch_area .select_wrap2 .select_box .sel_btn {width:120px}
.srch_area .select_wrap2 .select_box .select_list {width:124px}
.srch_area .select_wrap2 .select2 {display:none; width:158px; height:34px; margin-right:20px; border:1px solid #ccc; line-height:36px; text-align:center}

.view_tit {position:relative}
.view_tit .tit_top {overflow:hidden; padding-bottom:15px; text-align:center}
.view_tit .tit_top em {display:block; font-size:24px; line-height:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; max-height:70px}
.view_tit .tit_top span {display:inline-block; width:100px; margin-bottom:10px; font-size:16px; text-align:center; font-weight:bold}
.view_tit .tit_top .bot {color:#ff7424}
.view_tit .tit_top .bot:after {content:''; display:block; width:100px; height:2px; margin-top:8px; background:url('/resources/images/common/bu_bot.gif') 50% 0 no-repeat}
.view_tit .tit_inner {overflow:hidden; padding-bottom:23px}
.view_tit .tit_inner span {display:block; font-size:16px; line-height:16px; color:#646464; font-family: 'Noto Sans', sans-serif; text-align:center}
.view_tit dl {text-align:center}
.view_tit dt {display:block; margin-bottom:10px; font-size:16px; line-height:16px}
.view_tit dd {display:block; font-size:16px; line-height:16px; color:#646464}
.view_tit dd.date {font-family:'Noto Sans', sans-serif}
.view_inner {padding:60px 20px; border-top:1px solid #999; font-size:16px; line-height:32px; color:#646464}
.view_inner2 {padding:40px 20px; font-size:16px; line-height:24px; color:#242424; background:#f5f5f5; border-top:1px solid #e5e5e5}
.view_inner img {max-width:100%}
.board_preview .table_base {border-top:1px solid #e5e5e5; border-bottom:0}
.board_preview .board_tit {font-size:16px; color:#ff7424; font-weight:bold; text-align:center; background:url('/resources/images/common/board_bar.gif') center right no-repeat}
.board_preview .txt {text-align:left; padding-left:20px}
.board_preview .txt a {color:#242424}
.view_area2 {padding:0}
.view_area .btn_area,.view_area2 .btn_area {border-top:1px solid #999}
.btn_go_area {margin-top:40px; text-align:center}
.btn_go_area .btn_round:before {content:''; display:inline-block; width:18px; height:23px; padding-right:5px; vertical-align:middle; background:url('/resources/images/info/icon_view.png') 0 0 no-repeat}

.sapui5-frame {overflow:hidden; width:100%; height:200px; min-height:200px; padding:0; margin:0; border:none}
.sapui5-frame:focus {outline:none}