@charset "utf-8";

/* 공통 */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; height: 100%; }
body { min-width: 1200px;/*max-width: 1920px; */ margin: 0 auto 0; padding: 0; font-size: 16px; font-family: "Pretendard Variable", Pretendard, 굴림, sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 1.25em; font-family: "Pretendard Variable", Pretendard, 굴림, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li { list-style: none; }
legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden }
label, input, button, select, img { vertical-align: middle }
input, button { margin: 0; padding: 0; font-family: "Pretendard Variable", Pretendard, 굴림, sans-serif; font-size: 1em; }
button { cursor: pointer }
img { border: 0; border: none; }
textarea, select { font-family: "Pretendard Variable", Pretendard, 굴림, sans-serif; font-size: 1em; }
select { margin: 0 }
p { margin: 0; padding: 0; word-break: break-all }
hr { display: none }
pre { overflow-x: scroll; font-size: 1.25em; }
.adb { display: block; width: 100%; height: 100%; position: relative; }
a:link, a:visited, a:hover, a:focus, a:active { color: #000; text-decoration: none; }
.clear:after { content: ""; display: block; clear: both; }
.hide { position: absolute; top: 0; left: -99999px; height: 0; width: 0; font-size: 0; overflow: hidden; line-height: 0; }

div,ul,li,span,input,textarea,a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



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



/* 상단 레이아웃 */
#hd { position: relative; min-width: 1400px; }
#hd_h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#hd_topbar { width: 100%; background: #656d79; }
#hd_topbar_wrapper { width: 1400px; margin: 0 auto; font-size: 0.75em; padding-right: 10px; }
#hd_topbar_wrapper .topbar_box { width: 100%; text-align: right; }
#hd_topbar_wrapper .topbar_box #tnb { display: inline-block; }
#hd_topbar_wrapper #tnb li { display: inline-block; padding: 0 8px 0 3px; zoom: 1; *display: inline; position: relative; line-height: 34px; }
#hd_topbar_wrapper #tnb li:after { content: "|"; display: block; position: absolute; top: 0; right: 0; color: #ffffff8a; }
#hd_topbar_wrapper #tnb li.last:after { content: ""; top: -999px; right: -999px; line-height: 0; height: 0; font-size: 0; }
#hd_topbar_wrapper #tnb li a { color: #fff; }

@media (max-width: 1400px) {
	#hd { min-width: 1200px; }
	#hd_topbar_wrapper { width: 1200px; }
}



/* 메인메뉴 */
#hd_wrapper { z-index: 99999; margin: 0 auto; width: 100%; height: 107px; zoom: 1 }
#hd_wrapper:after { display: block; visibility: hidden; clear: both; content: "" }
#hd_wrapper.hd_fixed { position: fixed; top: 0; left: 0; z-index: 9999; }
.nav_wrap { position: relative; margin: 0 auto; }
.nav_inner { width: 1400px; margin: 0 auto; }
.nav_inner:after { clear: both; display: block; content: ""; }
#cb_gnb { position: relative; z-index: 9999; height: 107px; }
.cb_gnb1 { background: rgba(255, 255, 255, 1); }
.cb_gnb2 { background: rgba(0, 0, 0, .7); }
#logo { float: left; z-index: 10000; margin-top: 26px; }
#logo a { display: block; }
#logo a img { width: 100%; }
.gnb_list_ul { float: right; }
.gnb_list_ul a { display: block; }
.gnb_list_li { float: left; margin: 0px 0px; }
.gnb_list_tit { line-height: 107px; height: 107px; font-weight: normal; letter-spacing: -1px; position: relative; padding: 0 0; overflow: hidden; font-weight: 500; }
.gnb_list_tit > a { text-align: center; display: block; width: 100%; height: 100%; position: relative; padding: 0 13px; box-sizing: border-box; color: #666; transform: skew(-0.01deg); }
.gnb_list_tit > a:hover { text-decoration: none !important; }
.gnb_list_tit.on > a { /*font-weight: bold;*/ /*color: #333333;*/ /*background: #cfcfcf;*/ }
.gnb_list_ul:after { clear: both; display: block; content: ""; }
/*
.gnb_list_tit > a::after { position: absolute; width: 100%; height: 2px; background: #359d99; bottom: 2px; left: -1px; content: ''; transition: all 0.2s ease-out; transform: translate(-100%, 0); }
.gnb_list_tit > a:hover::after { transform: translate(0, 0); }
*/
.inner_list { width: 100%; display: none; position: absolute; top: 107px; left: 0; background-color: #dde0e1; z-index: 999999 }
.inner_list h2 { display: none; }
.inner_list_box { position: relative; min-width: 1400px; max-width: 1840px; margin: 0 auto; height: 400px; background-repeat: no-repeat; background-position: top left; }
.inner_list_bg1 { background-image: url('../img/layout/inner_list_bg1.jpg'); }
.inner_list_bg2 { background-image: url('../img/layout/inner_list_bg2.jpg'); }
.inner_list_bg3 { background-image: url('../img/layout/inner_list_bg3.jpg'); }
.inner_list_bg4 { background-image: url('../img/layout/inner_list_bg4.jpg'); }
.inner_list_bg5 { background-image: url('../img/layout/inner_list_bg5.jpg'); }
.inner_list_bg6 { background-image: url('../img/layout/inner_list_bg6.jpg'); }
.inner_list_bg7 { background-image: url('../img/layout/inner_list_bg7.jpg'); }
.inner_list_bg8 { background-image: url('../img/layout/inner_list_bg8.jpg'); }
.inner_list_bg9 { background-image: url('../img/layout/inner_list_bg9.jpg'); }
.inner_list_bg10 { background-image: url('../img/layout/inner_list_bg10.jpg'); }
.inner_list_bg11 { background-image: url('../img/layout/inner_list_bg11.jpg'); }
.inner_list_box:after { clear: both; display: block; content: ""; }
.list_panner { float: left; padding: 40px 20px 0 80px; }
.list_panner:nth-of-type(1) { margin-left: 433px; }
.list_panner strong, .list_panner span { display: block; }
.list_panner > strong { font-size: 1.125em; padding: 0 0 10px 0; }
.list_panner > a { font-size: 0.875em; line-height: 2em; position: relative; }
.list_panner.banner > strong {/*color: #fe5501; */ }
.list_panner.banner a {/*color: #fe5501; font-size: 18px; font-weight: 700; */ }

@media (max-width: 1400px) {
	.nav_inner { width: 1200px; }
	.gnb_list_tit > a { padding: 0 6px; }
	.inner_list_box { min-width: 1200px; }
}



/* 하단 레이아웃 */
#ft { width: 100%; min-width: 1400px; background: #434e5f; }
#ft_company_wrapper { width: 1300px; padding: 50px 0; margin: 0 auto; overflow: hidden; position: relative; }
#ft_logo { float: left; }
#ft_company { float: right; color: #ffffff; font-size: 14px; line-height: 56px; }
#ft_company a { color: #ffffff; }
#ft_company_wrapper:after { clear: both; display: block; content: ""; }

@media (max-width: 1400px) {
	#ft { min-width: 1200px; }
	#ft_company_wrapper { width: 1200px; }
	#ft_company { font-size: 14px; }
}



/* 우측 메뉴 */
#followMenu { position: fixed; width: 79px; z-index: 9999; text-align: center; right: 20px; top: 700px; transition: 0.3s; }
#followMenu > ul > li { }
#followMenu > ul > li:nth-child(1) { border: 1px solid #8a949f; border-radius: 40px; background: #ffffff; padding: 0 12px 30px 12px; }
#followMenu > ul > li:nth-child(2) { padding: 13px 0 0 0; }
#followMenu > ul > li .fm_inner_ul li { border-bottom: 1px solid #d9dcdf; padding: 15px 0 15px 0; line-height: 100%; }
#followMenu > ul > li .fm_inner_ul li a { font-size: 14px; font-weight: 500; color: #434e5f; }
#followMenu > ul > li .fm_inner_ul li img { padding: 0 0 5px 0; }
#followMenu > ul > li .fm_inner_ul li:nth-child(1) { padding: 30px 0 15px 0; }
#followMenu > ul > li .fm_inner_ul li:nth-child(2) a { letter-spacing: -2px; }
#followMenu > ul > li .fm_inner_ul li:nth-child(5) { border-bottom: none; padding: 15px 0 0 0; }
#followMenu > ul > li .fm_inner_ul li:nth-child(5) a { font-size: 18px; line-height: 130%; }
#followMenu > ul > li.gotop a { display: inline-block; width: 79px; height: 79px; background: #000000; font-size: 24px; font-weight: 500; color: #dee2e9; line-height: 79px; border-radius: 50%; }



/* 공통 */
.con_div { position: relative; width: 100%; min-width: 1400px; margin: 0; padding: 0 20px; overflow: hidden; z-index: 1; }
.con_div img { max-width: 100%; }
.con_div .con { position: relative; width: 100%; min-width: 1360px; max-width: 1840px; margin: 0 auto; z-index: 10; }
.con_div .con.mw1200 { max-width: 1200px; min-width: auto; }
.con_div .con.mw1000 { max-width: 1000px; min-width: auto; }
.con_div .con:after { clear: both; display: block; content: ''; }
.con_div .con .left { float: left; }
.con_div .con .left.w20 { width: 20%; }
.con_div .con .left.w25 { width: 25%; }
.con_div .con .left.w30 { width: 30%; }
.con_div .con .left.w50 { width: 50%; }
.con_div .con .left.w70 { width: 70%; }
.con_div .con .left.w80 { width: 80%; }
.con_div .con .left:after { clear: both; display: block; content: ''; }
.con_div .con .right { float: right; }
.con_div .con .right:after { clear: both; display: block; content: ''; }

@media (max-width: 1400px) {
	.con_div { min-width: 1200px; }
	.con_div .con { min-width: 1200px; }
}



/* 메인 */
.main_slide .swiper-pagination-bullet { width: 10px; height: 10px; }
.main_slide .swiper-pagination-bullet-active { background: #ffffff; }
@media (max-width: 768px) {
	.main_slide .swiper-horizontal>.swiper-pagination-bullets, .slide .swiper-pagination-bullets.swiper-pagination-horizontal, .slide .swiper-pagination-custom, .slide .swiper-pagination-fraction { bottom: 0; }
}

.main_b_list { max-width: 1750px; margin: 0 auto; }
.main_b_list li { float: left; width: 20%; padding: 0 1%; border-left: 1px solid #e5e5e5; }
.main_b_list li:last-child { border-right: 1px solid #e5e5e5; }
.main_b_list:after { clear: both; display: block; content: ""; }

.main_e { }
.main_e .inner-wrap { width: 1450px; display: flex; overflow: visible; }
.main_e .inner-wrap .title { display: none; }
.main_e .video { width: 956px; height: 538px; border: 9px solid #d1d7e1; }
.main_e .video #youtube { width: 100%; height: 100%; }
.main_e .video #youtube iframe { width: 100%; height: 100%; }
.main_e .thumb { width: 464px; height: 538px; margin-left: 30px; }
.main_e .thumb .sec7 .swiper-wrapper { padding-top: 0; }

.main_h { background: #fff; }
.main_h > ul { }
.main_h > ul > li { float: left; width: 33.3333%; border-right: 1px solid #e6e6e6; box-sizing: border-box; }
.main_h > ul > li:first-child { border-left: 1px solid #e6e6e6; }
.main_h .board-latest > ul > li { font-size: 1em; }

.main_i #map { max-width: 1200px; height: 425px; margin: 0 auto; border: 1px solid #d9d9d9; }



/* 서브 */
.tab_head { width: 100%; padding: 0 20px; box-sizing: border-box; text-align: center; }
.con_div .con .tab_head { padding: 0 0; }
.tab_head img { max-width: 100%; border-radius: 50px; }

.tab_menu { padding: 50px 0; }
.tab_menu ul { margin: 0 auto; }
.tab_menu ul li { float: left; border-right: 1px solid #c9ced4; }
.tab_menu ul li:last-child { border-right: none; }
.tab_menu ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 57px; line-height: 130%; background: #5e6e7f; color: #ffffff; text-align: center; }
.tab_menu ul li.on a { background: #1ab5aa; }
.tab_menu ul:after { clear: both; display: block; content: ""; }



/* 공통 */
.fs14 { font-size: 14px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs130 { font-size: 130px; }
.fw600 { font-weight: 600; }
.lh100p { line-height: 100%; }
.fc_white { color: #ffffff; }
.fc_gray1 { color: #525965; }
.fc_gray2 { color: #565e6a; }
.fc_gray3 { color: #d1d7e1; }
.fc_brown1 { color: #c27b1f; }
.ff_Nanum_Myeongjo { font-family: "Nanum Myeongjo", serif; }
.pd_t20 { padding-top: 20px; }
.pd_t30 { padding-top: 30px; }
.pd_t50 { padding-top: 50px; }
.pd_t60 { padding-top: 60px; }
.pd_t80 { padding-top: 80px; }
.pd_t100 { padding-top: 100px; }
.pd_b20 { padding-bottom: 20px; }
.pd_b30 { padding-bottom: 30px; }
.pd_b50 { padding-bottom: 50px; }
.pd_b60 { padding-bottom: 60px; }
.pd_b80 { padding-bottom: 80px; }
.pd_b100 { padding-bottom: 100px; }
.pd_b130 { padding-bottom: 130px; }
.rnd50px { border-radius: 50px; }
.ov_hidden { overflow: hidden; }
.bg_gray1 { background: #d1d7e1; }
.bg_gray2 { background: #f7f7f7; }
.aligncenter { text-align: center; }



/* 다른 곳에서 정의된 스타일시트를 무력화 하기 위함 */
p.tab_head{ margin-top: 0; }

/* 게시판 관련 */
fieldset input#stx { height: 38px; }
fieldset input.btn_submit { height: 38px !important; }
fieldset select#sfl { height: 38px !important; }
#fwrite { padding: 0 0 30px 0; }
#fwrite input { margin: 0; height: 40px; }
#fwrite input[type=file] { background: none !important; border: none !important; }
#fwrite .write_p span { width: 182px; height: auto; line-height: 40px; padding: 4px 6px; }
#fwrite .write_p span + span { width: 418px; background: none; padding: 4px 6px; height: auto !important; }
#fwrite .btn { line-height: 38px; padding: 0 12px; vertical-align: middle; }
.input_type1 { height: 40px; margin: 0; }
.cont_request table { font-size: 1em; }
#bo_v_sns { display: none; }
.wrap { margin: 0 auto !important; }
.title_type1 { font-size: 2.4em !important; color: #333333 !important; margin: 0 0 0 0 !important; padding: 0 !important; }
.td_cont { font-size: 1em !important; }
#bo_v_table { width: 1200px; font-size: 2.4em !important; color: #333333 !important; margin: 0 auto !important; padding: 0 !important; }
input.btn_submit { width: auto; height: auto !important; line-height: 38px; border-radius: 0; background-color: #898989; padding: 0 12px; }
a.btn_submit { display: inline-block; width: auto; height: auto !important; color: #ffffff; line-height: 38px; border-radius: 0; background-color: #898989; padding: 0 12px; }
#fwrite table th { width: 182px !important; padding: 4px 6px !important; line-height: 40px; }
#fwrite table td { width: 1018px !important; padding: 4px 6px !important; }
.cont_request td input#wr_subject { height: 38px !important; }
#captcha { margin: 0; }
#cf_privacy_term fieldset { margin: 0 0 0 0 !important; }
#cf_privacy_term textarea { min-height: 90px; height: 90px; }
#bo_w { margin: 0 auto; }
#bo_w .tbl_frm01 textarea,
.frm_input { margin: 0 !important; }
#mb_login #login_fs .frm_input { margin: 0 0 10px 100px !important; height: 38px !important; padding: 0 5px; }
#mb_login #login_fs .login_id { top: 11px !important; }
#mb_login #login_fs .login_pw { top: 58px !important; }
#mb_login .login_ingo_bottom a { padding: 6px 6px !important; }
.mbskin { width: 1200px; margin: 0 auto; }
#find_info.mbskin { width: 600px; }
#register_php .mbskin { width: 1000px; }
.mbskin .logo { display: none; }
.mbskin .tbl_frm01 { }
#fregister textarea { width: 100%; }
#fregisterform { padding: 0 0 30px 0; }
#mb_login.mbskin { margin: 0 auto; padding: 0 0 30px 0; }
#password_lost_php { min-width: auto; }
#board_php p.tab_head { display: block; }
.cont_request table { border-top: 2px solid #2e9d96; margin-top: 20px; }
#bo_gall { /*margin-top: 20px;*/ }
#bo_sch { margin-bottom: 20px; }
#bo_v_title { padding: 20px 0; font-size: 1.25em; line-height: 100%; }
#bo_w { margin-top: 20px; }
.before_box .before_img_box { margin-top: 90px; }
#bo_list { margin-top: 20px; }
#bo_list .tbl_head01 { margin: 0 0 20px 0;}
.wrap .cont_request td select { width: 100%; }



/* 기존 css 중 사용하는 것 */

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

#wrapper { width: 100% ; margin: 0 auto; overflow: hidden; min-width: 1200px; }
#wrapper:after { display: block; visibility: hidden; clear: both; content: "" }

#container { position: relative; width: 100%; min-height: 500px; max-width: 1920px; height: auto !important; height: 500px; zoom: 1; margin: 0 auto; }
#container:after { display: block; visibility: hidden; clear: both; content: "" }
#container_title { margin-bottom: 20px; font-size: 1.2em; font-weight: bold }

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

/* sub style */
.sub_wrap { width: 100%; }
.sub_content { width: 100%; }
.sub_content.min { width: 1200px; margin: 0 auto; }
.sub_wrap img { max-width: 100%; }
.sub_content img { max-width: 100%; }
/* sub style end */

/*
#mb_login.mbskin { margin: 60px auto; width: 1200px; background: #f6f6f6; }
.mbskin { margin: 0 auto; padding: 30px 0 30px 0; }
.mbskin .logo { display: none; }
*/






/* 이 아래는 사용여부를 모름.... */
#wrap { width: 100%; min-width: 1400px; }


/*

ul#gnb_1dul { width: 1100px; float: right; padding: 0; zoom: 1; }
#gnb_1dul:after { display: block; visibility: hidden; clear: both; content: "" }
.gnb_1dli { position: relative; float: left; text-align: center; padding: 0; }
.menubg { display: none; background: #eee; width: 100%; position: absolute; left: 0; z-index: 9999 }
a.gnb_1da { display: inline-block; padding: 52px 26px; font-family: "Pretendard Variable", 'Nanum Barun Gothic', 'Nanum Gothic'; line-height: 1.6em; font-size: 15px; font-weight: bold; color: #000; }
a.sub_gnb_1da { color: #000; }
a.gnb_1da_0, a.gnb_1da_1, a.gnb_1da_3, a.gnb_1da_7 { padding: 62px 26px; }

.gnb_1da.c_pointer { cursor: pointer }
.gnb_1da:focus, .gnb_1da:hover { color: #844f9d; }
.gnb_1dli_air .gnb_1da { color: #844f9d }
.gnb_1dli_on .gnb_1da { color: #844f9d }
.sub_gnb_1da:focus, .sub_gnb_1da:hover { color: #2c9694; }
.gnb_1dli_air .sub_gnb_1da { color: #2c9694 }
.gnb_1dli_on .sub_gnb_1da { color: #2c9694 }
.gnb_2dul { display: none; top: 70px; font-size: 16px; z-index: 9999; margin-top: 12px; }
a.gnb_2da { display: block; padding: 8px 10px; text-align: center; text-decoration: none; color: #fff; font-size: 13px; }
a.gnb_2da:hover { color: rgb(222, 151, 255); }
.gnb_1dli_over .gnb_2dul { display: block; left: 0; }
.gnb_1dli_over2 .gnb_2dul { display: block; right: 0; }
.resNum { position: absolute; top: 23px; right: 26px; text-align: left; }
.resNum h3, #ft_resNum h3 { font-size: 16px; color: #fff }
.resNum strong, #ft_resNum strong { font-size: 35px; color: #fff }

#gnb_empty { padding: 10px 0; width: 100%; text-align: center; line-height: 2em }
#gnb_empty a { text-decoration: underline }

*/

/* 중간 레이아웃 */
#index_wrapper { position: relative; }

#visual { border-bottom: 1px solid #ddd; background: #fff; width:/* 1200px */100%; margin: 74px auto 0; padding-bottom: 30px; }

#index_container { position: relative; width: 100%; min-width: 1200px; margin: 0 auto; font-size: 1em; zoom: 1 }

#aside { width: 200px; padding-top: 88px; float: left; }
#aside .am_ul { width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #ddd; list-style: none; }
#aside .am_ul li { border-top: 1px solid #ddd; }
#aside .am_ul li a { display: block; padding: 15px 0 15px 20px; text-decoration: none; }
#aside .am_ul li a:hover,
#aside .am_ul li.on a { color: #008299 }
#aside .am_default,
#aside .am_ul .am_first { position: relative; padding: 15px 0; margin: 0 0 20px 0; text-align: center; background: #333; border: 0; font-size: 1.2em; font-family: "Pretendard Variable" Regular; color: #fff }
#aside .amf_cut_box { position: absolute; width: 24px; height: 24px; }
#aside .amf_cut_1 { top: 0; right: 0; background: url("../img/am_first_cut_1.png") no-repeat; }
#aside .amf_cut_2 { bottom: 0; left: 0; background: url("../img/am_first_cut_2.png") no-repeat; }



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

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

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

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

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

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

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

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

.btn_submit { padding: 8px; border: 0; background: #333; color: #fff; letter-spacing: -0.1em; cursor: pointer }
fieldset .btn_submit { padding: 0 7px; height: 24px; line-height: 1em }

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

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

/* 게시판용 버튼 */
a.btn_b01 { display: inline-block; padding: 7px; border: 1px solid #ddd; background: #f6f6f6; color: #000; text-decoration: none; vertical-align: middle }
a.btn_b01:focus, .btn_b01:hover { text-decoration: none }
a.btn_b02 { display: inline-block; padding: 7px 7px; border: 1px solid #3b3c3f; background: #333; color: #fff; text-decoration: none; vertical-align: middle }
a.btn_b02:focus, .btn_b02:hover { text-decoration: none }
a.btn_admin { display: inline-block; padding: 7px; border: 1px solid #e8180c; background: #e8180c; color: #fff; text-decoration: none; vertical-align: middle }/* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover { text-decoration: none }

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

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

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

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

/* 폼 테이블 */
.tbl_frm01 { width: 1200px; margin: 0 auto 20px !important; }
.tbl_frm01 table { width: 100%; border-collapse: collapse; border-spacing: 0 }
.tbl_frm01 th { width: 85px; padding: 7px 13px; border: 1px solid #ddd; border-left: 0; background: #f6f6f6; text-align: left }
.tbl_frm01 td { padding: 7px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: transparent }
.tbl_frm01 textarea, .frm_input { border: 1px solid #e4eaec; background: #f7f7f7; color: #000; vertical-align: middle; line-height: 2em }
.tbl_frm01 textarea { padding: 2px 2px 3px }
.frm_input { height: 40px; }
.tbl_frm01 textarea { width: 98%; height: 100px }
.tbl_frm01 a { text-decoration: none }
.tbl_frm01 .frm_file { display: block; margin-bottom: 5px }
.tbl_frm01 .frm_info { display: block; padding: 0 0 5px; line-height: 1.4em }

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

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

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

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

/* 새창 기본 스타일 */
.new_win { }
.new_win .tbl_wrap { margin: 0 20px }
.new_win #win_title { margin: 0 0 20px; padding: 20px; border-top: 3px solid #333; border-bottom: 1px solid #dde4e9; background: #fff; font-size: 1.2em }
.new_win #win_title .sv { font-size: 0.75em; line-height: 1.2em }
.new_win .win_ul { margin: -20px 0 20px 0; padding: 0 20px; border-bottom: 1px solid #455255; background: #484848; list-style: none; zoom: 1 }
.new_win .win_ul:after { display: block; visibility: hidden; clear: both; content: "" }
.new_win .win_ul li { float: left; margin-left: -1px }
.new_win .win_ul a { display: block; padding: 10px 10px 8px; border-right: 1px solid #455255; border-left: 1px solid #455255; color: #fff; font-family: "Pretendard Variable"; font-weight: bold; text-decoration: none }
.new_win .win_desc { padding: 20px }

.new_win .win_btn { clear: both; padding: 20px; text-align: center }/* 새창용 */
.new_win .win_btn button { display: inline-block; padding: 0 10px; height: 30px; border: 0; background: #4b545e; color: #fff; line-height: 2em; cursor: pointer }
.new_win .win_btn input { padding: 0 10px; height: 30px; line-height: 2em }
.new_win .win_btn a { display: inline-block; padding: 0 10px; height: 30px; background: #4b545e; color: #fff; vertical-align: middle; line-height: 2.4em }
.new_win .win_btn a:focus, .new_win .win_btn a:hover { text-decoration: none }

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

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

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

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

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

/*#######################################*/
.upper { text-transform: uppercase; }



.section2-wrap { width: 100%; overflow: hidden; background: #fff; padding: 100px 0; }
.section2 { max-width: 1630px; margin: 0 auto; position: relative; font-size: 0; }
.section2 .contents { position: relative; }
.section2 .contents .box { float: left; width: 25%; height: 782px; position: relative; overflow: hidden; text-align: center; cursor: pointer; }
.section2 .contents .box .inner { width: 100%; height: 662px; position: relative; }
.section2 .contents .box .inner .img_wrap .img { width: 100%; width: 407.5px; height: 100%; top: 0; left: 50%; margin-left: -203.75px; position: absolute; }
.section2 .contents .box .inner .img_wrap .img > div { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
.section2 .contents .box .inner .img_wrap .img .off { opacity: 0; }

.section2 .contents .box: nth-child(1) .inner { margin-top: 30px; }
.section2 .contents .box: nth-child(2) .inner { margin-top: 90px; }
.section2 .contents .box: nth-child(3) .inner { margin-top: 30px; }
.section2 .contents .box: nth-child(4) .inner { margin-top: 90px; }



/* main visual style */
.main_visual_wrap { width: 100%; height: 880px; position: relative; }
.main_visual { width: 100%; position: relative; height: 680px; overflow: hidden; }
.main_visual_img { display: none; position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; height: 100%; }
.main_visual_img img { width: 100%; }
.main_visual_in { position: absolute; width: 1494px; height: 880px; left: 50%; margin-left: -600px; bottom: 0; }
.main_visual_p { position: absolute; width: 86px; bottom: 50px; left: 50%; margin-left: -43px; }
.main_visual_p ul li { float: left; margin-right: 5px; width: 15px; height: 15px; 
 background: #fff; cursor: pointer; border-radius: 7px; 
 font-size: 12px; line-height: 15px; color: #333; text-align: center; text-indent: -9999px; }
.main_visual_p ul li.ons { background: #2c9694; color: #fff; width: 40px; opacity: 1; }

.main_box_menu { width: 1494px; margin: 0 auto; }
.main_box_menu li { float: left; width: 360px; height: 348px; margin-bottom: 16px; margin-right: 16px; }
.main_box_menu li.last { margin-right: 0; }
.main_box_menu li a { display: block; width: 100%; }
.main_box_menu li img { width: 100%; }

.main_slide_btn { width: 100%; }
.bx-wrapper .bx-controls-direction a { width: 36px; height: 36px; display: block; }
.main_prev_btn { left: 0; }
.main_next_btn { right: 0; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0px; }
.bx-controls-direction { /*position: relative;*/ /*width: 1250px;*/ margin: 0 auto; }

.bx-wrapper .bx-next { right: -40px; bottom: 19px !important; background: url(../img/next.png) no-repeat; }
.bx-wrapper .bx-prev { left: -40px; bottom: 19px !important; background: url(../img/prev.png) no-repeat; }
.bx-wrapper .bx-pager.bx-default-pager a { float: left; margin: 0; width: 250px; height: 68px; cursor: pointer; border-radius: 0; font-size: 12px; line-height: 15px; color: #333; text-align: center; text-indent: -9999px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { color: #fff; width: 250px; opacity: 1; }
.bx-pager-link { background-size: contain !important; box-sizing: border-box; }
.bx-pager-link0 { background: url('../img/list_btnbg0_off.png') no-repeat; border-left: 0; }
.bx-pager-link1 { background: url('../img/list_btnbg4_off.png') no-repeat; }
.bx-pager-link2 { background: url('../img/list_btnbg1_off.png') no-repeat; }
.bx-pager-link3 { background: url('../img/list_btnbg2_off.png') no-repeat; }
.bx-pager-link4 { background: url('../img/list_btnbg3_off.png') no-repeat; border-right: 0; }

.bx-pager-link0.active { background: url('../img/list_btnbg0_on.png') no-repeat; }
.bx-pager-link1.active { background: url('../img/list_btnbg4_on.png') no-repeat; }
.bx-pager-link2.active { background: url('../img/list_btnbg1_on.png') no-repeat; }
.bx-pager-link3.active { background: url('../img/list_btnbg2_on.png') no-repeat; }
.bx-pager-link4.active { background: url('../img/list_btnbg3_on.png') no-repeat; }
/* main visual style */

/* main latest style */
.info_box { width: 100%; background-image: url("../img/main_bottom_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.info_box_ul { width: 1494px; margin: 0 auto; padding: 16px 0 70px; }
.info_box_li { width: 493px; height: 428px; background-color: rgba(255, 255, 255, .9); margin-right: 7px; float: left; border: 1px solid #ccc; box-sizing: border-box; }
.info_box_li.ex { padding: 23px 26px; box-sizing: border-box; position: relative; }
.info_box_li.last { margin-right: 0; padding: 23px 26px; box-sizing: border-box; position: relative; }
.info_box_li a { width: 100%; display: block;/* padding: 10px 26px 24px; */ position: relative; box-sizing: border-box; font-size: 15px; line-height: 1.6em; }
.info_box_li a:hover { text-decoration: none; }
.info_box_li a.news_a { padding: 0; display: block; position: absolute; top: 0; right: 34px; font-size: 13px; }
.info_box_li a span { line-height: 30px; display: block; width: 52px; border: 1px solid #ccc; text-align: center; }
.info_box_li a span.addr { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.info_box_tit { border-bottom: 1px solid #2c9694; padding-bottom: 16px; line-height: 1.6em; font-size: 1.3em; padding-left: 30px; }
.info_box_more { position: absolute; font-size: 14px; top: 22px; right: 26px; }
em { font-style: normal; }

.info_box_tit.news { margin-bottom: 10px; }
.lt { width: 100%; margin-bottom: 0; padding-bottom: 0; }
.news_box { width: 100%; }
.news_box li { width: 100%; border-bottom: 1px solid #c9c9c9; padding: 10px 34px; box-sizing: border-box; text-align: right }
.news_box a { display: inline-block; width: 82%; text-align: left; padding: 0; float: left; }
.news_box a, .news_box span { font-size: 13px; line-height: 1.6em; color: #000; }

/* main section style */
.upper { text-transform: uppercase; text-align: center; }
.main_tit { font-size: 24px; text-align: center; font-weight: normal; line-height: 3em; margin-bottom: 24px; }
.section { width: 1200px; margin: 0 auto; min-height: 100px; padding-bottom: 74px; }
.block { display: block; }
.section0 { width: auto; }
.section0 .block { float: left; width: 33.3%; }
.section0 .block img { width: 100%; }
.section1 { text-align: center; }
.section1 span { color: #333; padding-top: 20px; display: block; }
.section1 .main_tit { line-height: 2em; }
.section1 a { display: block; width: 100%; }
.section2 { width: auto; }
.section2 .block { float: left; width: 33.3%; }
.section2 .block a img { width: 100%; display: block; }
.section3 .block { width: 360px; float: left; text-align: center; }
.latest_tit { font-size: 18px; text-align: left; font-weight: bold; line-height: 2.2em; position: relative; color: #000; }
.latest_tit .latest_s_more { content: "+"; display: block; position: absolute; top: 0; right: 0; color: #000; font-size: 24px; }
.latest_s_tit { font-size: 14px; margin-left: 10px; color: #8c8c8c; }
.section3 .block.left { margin-right: 30px; }
.section3 .block.midden { width: 420px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 0 30px; box-sizing: border-box; }
.section3 .block.right { margin-left: 30px; }
.section3 .latest { width: 100%; height: 250px; border: 2px solid #e4e4e4; box-sizing: border-box; }
.section3 .block_wide { width: 100%; text-align: center; clear: both; padding-top: 74px; }
.section4 { width: 100%; position: relative; height: 400px; overflow: hidden; }
.section9 { width: 100%; position: relative; height: 600px; overflow: hidden; background: url('../img/youtube.jpg') center no-repeat; margin-bottom: 70px; }
.section9 > a { display: block; width: 100%; height: 600px; }
.video_cover { position: absolute; display: block; width: 1903px; top: 50%; left: 50%; margin-top: -225px; margin-left: -951.5px; z-index: 9; }
.video_cover img { width: 100%; }
#video { position: relative; width: 100%; height: 1070px;/* top: 50%; left: 50%; margin-top: -350px; margin-left: -600px; */ }
.section5 { }
.section5 .block { float: left; margin-right: 6px; }
.section5 .block.last { margin-right: 0; position: relative; }
.section6 { width: 100%; margin-bottom: 0; background: #fff; }
.section6 a { width: 100%; display: block; }
.section6 img { width: 100%; }
/* sub end */



/*----------------------------------------*/



.inner-wrap { width: 1400px; overflow: hidden; margin: 0 auto; position: relative; }

.visual { width: 100%; overflow: hidden; position: relative; padding-top: 86px; }

.visual .swiper-container .swiper-slide { 
/*
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex; 
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	-webkit-justify-content: center; 
	justify-content: center; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	-webkit-align-items: center; 
	align-items: center; 
*/
}

.visual .swiper-container { width: 100%; height: 800px; }

.visual .swiper-slide { text-align: center; font-size: 18px; background-position: center; background-repeat: no-repeat; }
.visual [data-slide-no="slide-1"] { background-image: url('../img/main/ms-01.jpg?ver=3'); }
.visual [data-slide-no="slide-2"] { background-image: url('../img/main/ms-02.jpg?ver=1'); }
.visual [data-slide-no="slide-3"] { background-image: url('../img/main/ms-03.jpg?ver=1'); }
.visual .swiper-slide > img { display: none; }

.visual .swiper-pagination-bullet { width: 15px; height: 15px; }

.visual .swiper-slide .inner-wrap { height: 800px; }
.visual .swiper-slide .inner-wrap .txt-wrap { position: relative; background: rgba(0,0,0,0.0); }
.visual .swiper-slide .inner-wrap .txt-wrap > p { opacity: 0; transition: all 2s ease-in-out; transform: translate(-500px, 0); }
.visual .swiper-slide .inner-wrap .txt-wrap2 > p { opacity: 0; transition: all 1s ease-in-out; transform: translate(0, 50px); }
.visual .swiper-slide.on .inner-wrap .txt-wrap > p { opacity: 1; transform: translate(0, 0); }
.visual .swiper-slide.on .inner-wrap .txt-wrap > p:nth-child(1) { transition-delay: 0s; }
.visual .swiper-slide.on .inner-wrap .txt-wrap > p:nth-child(2) { transition-delay: 0.2s; }
.visual .swiper-slide.on .inner-wrap .txt-wrap > p:nth-child(3) { transition-delay: 0.5s; }
.visual .swiper-slide.on .inner-wrap .txt-wrap > p:nth-child(4) { transition-delay: 0.7s; }

.visual .swiper-slide .inner-wrap .txt-wrap.txt1 { width: 774px; height: 390px; left: 500px; top: 200px; }
.visual .swiper-slide .inner-wrap .txt-wrap.txt2 { width: 804px; height: 420px; left: 400px; top: 220px; }
.visual .swiper-slide .inner-wrap .txt-wrap.txt3 { width: 697px; height: 420px; left: 500px; top: 210px; }



.article { width: 100%; overflow: hidden; background-color: #fff; }
.article .title { text-align: center; font-size: 35px; padding-bottom: 40px; font-family: 'Nanum Myeongjo', serif; }
.article .title span { position: relative; }
.article .title span::after { position: absolute; width: 100%; height: 1px; background: #000; content: ''; bottom: 0; left: 0; }

.article1 { padding: 100px 0; }
.article1 .inner-wrap { position: relative; overflow: hidden; }
.article1 .inner-wrap .left { position: absolute; left: 10px; top: 120px; width: 700px; height: 635px; background: #fff; }
.article1 .inner-wrap .left::before { position: absolute; left: -10px; top: 10px; width: 700px; height: 635px; background: #359d99; content: ''; z-index: -1; }
.article1 .inner-wrap .left > p { position: absolute; left: 72px; bottom: 227px; }
.article1 .inner-wrap .left > p > a { text-decoration: none; display: block; width: 100%; height: 100%; border: 1px solid #000; width: 280px; height: 40px; text-align: center; line-height: 40px; transition: all 0.3s ease-in-out; background: url('../img/main/arrow.png') 250px center no-repeat; }
.article1 .inner-wrap .left > p > a:hover { border: 1px solid #359d99; color: #359d99; background: url('../img/main/arrow-on.png') 250px center no-repeat; }
.article1 .inner-wrap .right { float: right; position: relative; z-index: -2; }

.article2 { padding: 100px 0 100px; text-align: center; position: relative; }
.article2 > .inner-wrap { overflow: hidden; position: relative; }
.article2 > .inner-wrap > p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); color: #fff; font-size: 50px; opacity: 0; transition: all 0.3s ease-in-out; transform: translate(0, 500px); line-height: 1; padding-top: 200px; box-sizing: border-box; }
.article2 > .inner-wrap:hover > p { opacity: 1; transform: translate(0, 0); }
.article2 > .inner-wrap > p > a { font-size: 20px; color: #fff; text-decoration: none; }

.article3 { width: 100%; position: relative; overflow: hidden; }
.article3 .bg-img { width: 100%; height: 600px; background: url('/theme/oin/img/youtube.jpg') center no-repeat; }
.article3 .bg-img a { display: block; width: 100%; height: 100%; }

.article4 { padding: 100px 0 120px; text-align: center; position: relative; background: #f6f6f6; }
.article4 > p.title { font-family: 'NanumSquare', sans-serif; }
.article4 .program-gallery .item { position: relative; width: 100%; height: 100%; }
.article4 .program-gallery .item > a { display: block; position: absolute; left: 2%; top: 2%; width: 96%; height: 96%; background: rgba(173,200,5,0.3); opacity: 0; transform: translate(0,-50px); transition: all 0.5s ease-in-out; }
.article4 .program-gallery .item > a > img { width: 100%; }
.article4 .program-gallery .item:hover > a { opacity: 1; transform: translate(0,0); }

.article5 { padding: 100px 0; position: relative; }
.article5 .inner-wrap { position: relative; padding-bottom: 100px; }
.article5 .inner-wrap .box { position: absolute; top: 550px; left: 40px; width: 300px; height: 300px; background: rgba(7,9,82,0.6); text-align: center; line-height: 300px; }
.article5 .inner-wrap .text { position: absolute; top: 800px; left: 440px; font-family: 'Nanum Myeongjo', serif; font-size: 20px; font-weight: 700; }
.article5 .inner-wrap .sp-buttons { position: absolute; text-align: right; padding-top: 35px; }

.article6 { background-color: transparent; }

.article7 { background: #fff; padding: 100px 0 0; }
.article7 > ul { }
.article7 > ul > li { float: left; width: 33.3333%; border-right: 1px solid #e6e6e6; box-sizing: border-box; }
.article7 > ul > li:first-child { border-left: 1px solid #e6e6e6; }