/* 서브_기본 CSS */
.s_vis_wrap {position:relative; width:100%; height:450px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:260px; text-align:center; color:rgba(255,255,255,.7); font-size:20px; font-weight:300;}
.s_vis_1 {background:#0d2c40 url("/img/sub/s_vis_1.jpg") no-repeat 50% 0px fixed;}
.s_vis_3 {background:#0d2c40 url("/img/sub/s_vis_3.jpg") no-repeat 50% 0px fixed;}
.s_vis_4 {background:#0d2c40 url("/img/sub/s_vis_4.jpg") no-repeat 50% 0px fixed;}
.s_vis_5 {background:#0d2c40 url("/img/sub/s_vis_5.jpg") no-repeat 50% 0px fixed;}
.s_vis_tit {display:inline-block; color:#fff; font-size:30px; font-weight:500; padding-top:7px; letter-spacing:-2px;}

/* 서브_메뉴 CSS */
.s_manu_wrap {position:absolute; width:100%; height:100px; left:0px; top:400px;text-align:center; z-index:100; font-size:0;}
.s_manu_box {display:inline-block; width:200px; height:100px; margin-right:1px; background:#f7f9ff; box-sizing:border-box;}
.s_manu_box a {display:block; width:100%; height:100px; line-height:100px; text-align:center; color:#8c8c8c; font-size:19px; box-sizing:border-box; transition:all 0.5s ease 0s;}
.s_manu_box a:hover {background:#fff; color:#000; text-decoration:underline 1px rgba(0,0,0,.15);}
.s_manu_box:last-child {margin-right:0px;}
.s_on {background:#fff; color:#000 !important; font-weight:500;}

.s_cont_wrap {position:relative; width:100%; background:#fff; padding-top:90px; padding-bottom:100px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.s_container {position:relative; width:1200px; margin:0 auto; min-height:600px;}

/* 서브_검색 CSS */
.s_search_wrap {position:relative; width:100%; height:52px; margin:0 auto; border-bottom:solid 2px #000; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 서브_list CSS */
.s_list_wrap {position:relative; width:100%; margin-top:30px;}
.s_list_wrap ul li {position:relative; float:left; width:33.333%; padding-top:33.333%; border:solid 1px #dadada; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px; overflow:hidden;}
.s_list_wrap ul li:nth-child(3n+1) {border-right:0px;}
.s_list_wrap ul li:nth-child(3n+2) {border-right:0px;}
.s_list_wrap ul li:last-child {border-right:solid 1px #dadada}
.s_list_txtbox {position:absolute; width:100%; height:100%; left:0px; top:0px;}
.s_list_txtbox a {display:block; width:100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:40px;}
.s_list_txtbox a:hover {text-decoration:underline 1px rgba(0,0,0,.15); background:rgba(247,249,255,.4);}
.s_list_tit {position:relative; width:100%; text-align:center; font-size:22px; line-height:120%; letter-spacing:-2px; font-weight:500; word-break:keep-all;}
.s_list_line {position:relative; width:40px; height:1px; background:#c3cad1; margin:27px auto;}
.s_list_txt {position:relative; width:100%; font-size:18px; line-height:150%; color:#333; text-align:center; font-weight:300; overflow:hidden; max-height:205px; word-break:keep-all;}
.s_list_txt img {width:100%; height:auto; padding:7px 0px;}
.s_list_day {position:relative; width:100%; font-size:17px; color:#999; text-align:center; letter-spacing:normal; font-weight:300; padding-top:15px;}
.s_list_none {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:60px 0px; margin-top:30px; border:solid 1px #dadada;text-align: center; font-size:18px; line-height:120%; letter-spacing:-2px; font-weight:500; color:#666;}

.s_list_none_ul {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:60px 0px; margin-top:30px; border:solid 1px #dadada;text-align: center; font-size:18px; line-height:120%; letter-spacing:-2px; font-weight:500; color:#666;}

.s_page_wrap {position:relative; width:100%; height:40px; text-align:center; margin-top:40px; font-size:0;}
.s_page_num {display:inline-block; width:40px; height:40px; border:solid 1px #e4e4e4; border-radius:3px; margin-right:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; vertical-align:top;}
.s_page_num a {display:block; width:100%; height:38px; text-align:center; font-size:15px; line-height:38px; color:#999;}
.s_page_num a.on {background:#f4f4f4; color:#000;}
.s_page_num:last-child {margin-right:0px;}
.prev {background:#18384c url("/img/sub/prev.png") no-repeat; background-size:40px 40px; border:none !important;}
.next {background:#18384c url("/img/sub/next.png") no-repeat; background-size:40px 40px; border:none !important;}

/* 서브_view CSS */
.s_view_tit {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#000; font-size:26px; letter-spacing:-2px; line-height:145%; margin-top:30px; padding-bottom:20px; word-break:keep-all;}
.s_view_day {position:relative; width:100%; color:#999; font-size:17px; letter-spacing:normal;}
.s_view_down {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:15px; border-top:solid 1px #e4e4e4; margin-top:15px;}
.s_view_down a {color:#4674c0; font-size:17px; line-height:130%; word-break:keep-all;}
.s_view_down a:hover {text-decoration:underline 1px rgba(0,0,0,.2);}
.s_view_txt {position:relative; width:100%; min-height:350px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:20px; padding:45px 0px; border-top:solid 2px #000; border-bottom:solid 1px #dadada; color:#666; font-size:18px; line-height:180%; overflow:hidden; word-break:keep-all;}
.s_view_txt img {display:block; padding:12px 0px;}
.s_view_prev {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 0px 20px 27px; border-bottom:solid 1px #dadada; background:url("/img/sub/prev_2.png") no-repeat 0px 50%; background-size:20px 20px;}
.s_view_prev a {color:#999; font-size:17px; line-height:140%; word-break:keep-all;}
.s_view_prev a:hover {color:#666; text-decoration:underline 1px rgba(0,0,0,.2);}
.s_view_next {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 0px 20px 27px; border-bottom:solid 1px #dadada; background:url("/img/sub/next_2.png") no-repeat 0px 50%; background-size:20px 20px;}
.s_view_next a {color:#999; font-size:17px; line-height:140%; word-break:keep-all;}
.s_view_next a:hover {color:#666; text-decoration:underline 1px rgba(0,0,0,.2);}
.s_view_d {letter-spacing:normal; padding-left:10px;}
.s_view_bt {position:relative; width:180px; height:64px; margin:0 auto; margin-top:30px;}
.s_view_bt a {display:block; width:100%; height:64px; line-height:62px; text-align:center; color:#666; font-size:16px; font-weight:500; border:solid 1px #c1c1c1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.s_view_bt a:hover {color:#0d2c40; border:solid 1px #0d2c40; text-decoration:underline 1px rgba(0,0,0,.2);}

/* about CSS */
.a_tit_wrap {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:50px; color:#000; font-size:36px; letter-spacing:-3px; line-height:120%; font-weight:500; text-align:center;}
.a_tit_line {position:relative; width:30px; height:1px; background:rgba(0,0,0,.25); margin:30px auto;}
.a_txt_wrap {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#666; font-size:18px; line-height:160%; font-weight:400; text-align:center; word-break:keep-all;}
.a_txt {display:inline-block; width:100%; font-size:23px; padding-bottom:25px; color:#333; line-height:150%; font-weight:500; word-break:keep-all;}
.a_txt_wrap img {display:block; width:46px; height:auto; margin:0 auto; margin-top:35px;}

.a_p_box {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:45px 45px 50px 45px; margin-bottom:10px; background:url("/img/sub/a_logo_2.png") no-repeat 100% 100%; border:solid 1px #e4e4e4;}
.a_p_box:nth-child(1) {margin-top:15px;}
.a_p_name {position:relative; width:100%; font-size:28px; font-weight:500; letter-spacing:-2px; color:#333; padding-bottom:30px; border-bottom:solid 1px #e5e7ee;}
.a_p_txt {display:inline-block; font-size:17px; font-weight:500; padding-left:9px; color:#666;}
.a_p_line {position:relative; width:25px; height:1px; background:rgba(0,0,0,.2); margin-top:15px; margin-bottom:15px;}
.a_p_txt_2 {position:relative; width:70%; color:#666; line-height:180%; font-size:17px; margin-top:23px; word-break:keep-all;}

.a_m_wrap {position:relative; width:100%; height:440px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:solid 1px #e4e4e4; margin-top:15px; margin-bottom:20px;}
.a_m_info {position:relative; width:100%;}
.a_m_info ul li {position:relative; border-bottom:solid 1px #e4e4e4; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:18px 0px;}
.a_m_tit {position:relative; float:left; width:80px; font-size:17px; font-weight:500; color:#333;}
.a_m_txt {position:relative; float:left; width:550px; font-size:17px; font-weight:400; color:#666; line-height:130%; word-break:keep-all;}

/* use CSS */
.u_box {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:45px 45px 50px 45px; border:solid 1px #e4e4e4; margin-bottom:10px;}
.u_txt_1 {position:relative; width:100%; font-size:18px; color:#333; letter-spacing:-2px; font-weight:500; line-height:130%; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom:20px;}
.u_tit_1 {position:relative; width:100%; font-size:24px; color:#000; letter-spacing:-2px; font-weight:500; line-height:130%; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:solid 1px #e5e7ee; padding-bottom:25px;}
.u_tit_2 {position:relative; width:100%; font-size:19px; color:#000; line-height:130%; font-weight:500; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom:5px; padding-top:27px; letter-spacing:-2px;}
.u_txt_2 {position:relative; width:70%; font-size:17px; color:#666; line-height:160%; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.u_txt_3 {position:relative; width:70%; font-size:17px; color:#666; line-height:160%; word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:27px;}

/* form CSS */
.inputForm_search {float:left; width:calc(100% - 50px); height:50px; font-size:18px; font-weight:400; color:#666;}
.search_bt {float:right; width:50px; height:50px; cursor:pointer; background:url("/img/sub/search.png") no-repeat; background-size:50px 50px; transition:all 0.2s ease 0s; opacity:.4;}
.search_bt:hover {opacity:1;}

/* 태블릿 CSS */
@media all and (max-width:1199px){
	.s_container {width:92%;}
	.s_list_wrap ul li {float:none; width:100%; height:auto; padding:0px; margin-bottom:0px; border-bottom:0px;}
	.s_list_wrap ul li:last-child {border-bottom:solid 1px #dadada;}
	.s_list_wrap ul li:nth-child(3n+1) {border-right:solid 1px #dadada;}
	.s_list_wrap ul li:nth-child(3n+2) {border-right:solid 1px #dadada;}
	.s_list_txtbox {position:relative;}
}

/* 모바일 CSS */
@media all and (max-width:767px){
	.s_cont_wrap {padding-top:20px; padding-bottom:70px;}
	.s_container {min-height:500px;}
	.s_vis_wrap {height:240px; padding-top:150px; background-size:1500px auto; font-size:17px;}
	.s_vis_tit {font-size:24px;}
	.s_manu_wrap {display:none;}
	.s_list_txtbox a {padding:35px 25px;}
	.s_list_tit {font-size:18px;}
	.s_list_line {margin:15px auto;}
	.s_list_txt {font-size:16px; max-height:210px;}
	.s_list_day {font-size:14px; padding-top:10px;}
	.s_list_none {font-size:16px; padding:40px 0px;}
	.s_page_wrap {margin-top:30px;}
	.s_view_tit {font-size:19px; font-weight:500; letter-spacing:-1px;}
	.s_view_day {font-size:16px;}
	.s_view_down a {font-size:16px;}
	.s_view_txt {font-size:17px; padding:35px 0px; line-height:160%;}
	.s_view_txt img {width:100%; height:auto;}
	.s_view_prev a {font-size:16px;}
	.s_view_next a {font-size:16px;}
	.s_view_bt a {font-size:15px;}
	.a_tit_wrap {font-size:22px; padding-top:40px;}
	.a_tit_line {margin:18px auto;}
	.a_txt_wrap {font-size:16px; line-height:150%;}
	.a_txt {font-size:17px; line-height:145%;}
	.a_txt_wrap img {width:38px; height:auto;}
	.a_p_box {padding:30px 24px; background-image:none;}
	.a_p_name {font-size:22px; padding-bottom:21px; color:#000;}
	.a_p_txt {font-size:16px;}
	.a_p_txt_2 {font-size:16px; width:100%; margin-top:17px; line-height:160%;}
	.a_m_wrap {height:260px;}
	.a_m_info ul li {border-bottom:solid 1px #efefef;}
	.a_m_tit {margin-bottom:5px; font-size:16px;}
	.a_m_txt {width:100%; font-size:16px;}
	.u_box {padding:30px 24px 32px 24px;}
	.u_txt_1 {font-size:17px; padding-top:25px; letter-spacing:-1px;}
	.u_tit_1 {font-size:20px; padding-bottom:18px;}
	.u_tit_2 {font-size:17px; padding-top:21px; letter-spacing:-1px}
	.u_txt_2 {width:100%; font-size:16px;}
	.u_txt_3 {width:100%; font-size:16px; padding-top:20px;}
}