/* mainQuickBar
------------------------------------------------------ */
.click-txt { position: fixed; top: 0; right: 74px; display: inline-block; line-height: 64px; font-size: 30px; color: #009ab6; font-weight: 600; z-index: 99; } 
.quick-open-btn { position: fixed; top: 0; right: 0; display: inline-block; width: 64px; height: 64px; background: url(/image/main/quick_btn.jpg) no-repeat; z-index: 99; font-size: 0; text-indent: -9999px; cursor: pointer; } 
.quick-open-btn.on { background: url(/image/main/quick_btn_on.jpg) no-repeat; right: 352px; font-size: 0; text-indent: -9999px; } 
#mainQuickBar { position: fixed; top: 0; right: -347px; width: 352px; border-left: 5px solid #19b0cb; overflow-y: auto; height: 100%; z-index: 999; background: #fff; } 
.quick-container { height: 100%; min-height: 100%; /* overflow-y:hidden; overflow-x:hidden; */ } 
.quick-container h2 { text-align: center; padding-top: 5px; } 
.quick-container h4.cs-number { font-size: 38px; font-weight: 700; padding: 15px 0; letter-spacing: -1px; text-align: center; color: #fff; background: #7cb113; } 
.quick-container h4.cs-number i { font-size: 34px; vertical-align: middle; } 
.quick-event-list { width: 100%; } 
.quick-event-list li { /*width:300px; */
height: 235px; padding: 10px 15px 5px 15px; border-bottom: 1px solid #19b0cb; } 
.quick-event-list li a { display: block; } 
.event-img-thum { display: inline-block; width: 292px; height: 178px; border: 5px solid #d9d9d9; margin-bottom: 10px; position: relative; } 
.event-img-thum > img { width: auto; display: block; margin: 0px auto; max-width: 292px; } 
.event-tag { position: absolute; left: -0px; right: 0px; display: inline-block; width: 79px; height: 58px; background: url(/image/main/quick_bar_tag.png) no-repeat; text-align: center; font-size: 16px; line-height: 20px; color: #fff; font-weight: 600; padding-top: 20px; } 
.event-info { width: 100%; } 
.event-info p { display: block; overflow: hidden; font-size: 20px; line-height: 30px; font-weight: 600; } 
.event-info p strong { /* display:inline-block; */
float: left; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; color: #3c3c3c; float: left; letter-spacing: -1px; } 
.event-info p span { display: inline-block; width: 100px; height: 30px; font-size: 18px; text-align: center; padding: 0 8px; background-color: #ffd800; color: #000; font-weight: 700; } 


#mainOnline { position:relative; width:100%; background:url(/image/main/main_online_bg.jpg) no-repeat fixed center center; padding: 40px 0; } 
#mainOnlineBg { position:absolute; top:0; left:0; right:0; width:100%; /* height:446px; *//* background-color:rgba(0,0,0,0.7); */ } 
#mainOnline > .online-con { position:relative; width: 990px; text-align:center; margin:0 auto; max-width: 100%; } 
.online-con > h2 { color: #fff; font-size: 4em; } 
.online-con > h4.section-number { color:#ffff66; } 
.online-con > h4 { color: #fff; font-size: 2.5em; } 
.online-con > p { color:#fff; margin-bottom: 20px; font-size: 1.2em; } 
.online-con > .online-list { display: block; /*opacity:0; filter:Alpha(opacity=0); */ } 
.online-con > .online-list li { display: inline-block; /* width: 20%; */height:134px; border-radius:10px; margin: 5px; text-align: center; } 
.online-con > .online-list li a { display: inline-block; font-size:17px; width:134px; height:134px; line-height:134px; color:#fff; font-weight:600; font-family:"나눔고딕", NanumGothic, "Nanum Gothic"; font-size: 3em; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; background: #00cccc; } 
.online-con > .online-list li:first-child { margin-left:0; } 
.online-con > .online-list li a i { color: #fff; } 
.online-con > .online-list li a span { display: none; } 
.online-con > .online-list li:hover a i,.online-con > .online-list li a:focus i { display: none; } 
.online-con > .online-list li:hover a span,.online-con > .online-list li a:focus span { display: block; } 
.online-con > .online-list li:hover a,.online-con > .online-list li a:focus { font-size:2em; background:#7cb113; } 

ul.galtabul { margin: 0px; padding: 0px; list-style: none; text-align: center; float: left; border-top: 2px solid #5f5f5f; border-bottom: 2px solid #cacaca; width: 100%; margin-bottom: 30px; } 
ul.galtabul li { background: #f4f4f4; color: #555; display: inline-block; padding: 10px 0; cursor: pointer; float: left; width: 33.33%; font-size: 1.2em; font-weight: bold; } 
ul.galtabul li.current { background: #000000; color: #fff; } 
.tab-content { display: none; text-align: center; } 
.tab-content.current { display: inherit; } 

.b_btn { padding:0 15px; text-align: center; } 
.b_btn a { display: inline-block; border:1px solid #737373; color:#000000; font: 500 1.2em/40px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 0 35px; text-transform: uppercase; margin-bottom: 60px; border-radius: 2em; } 
.b_btn a:hover { background: #4f4f4f; border-color: #4f4f4f; color:#fff; } 

.baner_rl { margin-top: 30px; width: 100%; margin-bottom: 30px; } 
.left_baner { width: 45%; float: left; } 
.right_baner { width: 55%; float: left; /* padding: 0 15px; */ } 
.right_baner_btn { text-align: justify; padding-left: 50px; text-transform: uppercase; } 
.right_baner_btn a { border: 1px solid #737373; color: #000000; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; border-radius: 2em; padding: 12px 35px; } 
.right_baner_btn a:hover { background: #4f4f4f; border-color: #4f4f4f; color:#fff; } 




.boxWrap { /* overflow:hidden; */padding:0; float: left; width: 100%; } 
.boxWrap .box { overflow:hidden; position:relative; float:left; width:50%; height:560px; } 
.boxWrap .box .img { z-index: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } 
.boxWrap .box1 .img { background: url(/image/main/boxwrap01.jpg) no-repeat center; } 
.boxWrap .box2 .img { background: url(/image/main/boxwrap02.jpg) no-repeat center; } 
.boxWrap .box:hover .img { transform: scale(1.1); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } 
.boxWrap .box1 .img { width:100%; height:100%; position:absolute; top:0; left:0; } 
.boxWrap .box2 .img { width:100%; height:100%; position:absolute; top:0; right:0; } 

.boxWrap .box a { display:block; height:100%; padding: 150px 0; text-align: center; position: relative; z-index: 1; } 
.boxWrap .box a h2 { font-size:45px; font-weight:700; color:#fff; text-transform: uppercase; } 
.boxWrap .box a p { padding: 10px 0 50px; font-size:18px; font-weight:300; color:#fff } 
.boxWrap .box a p span { display:block } 
.boxWrap .box a p.viewBtn { width: 22%; margin: 0 auto; padding: 10px; font-size:15px; border:2px solid #fff; border-radius:30px; font-weight:400; transition:all .3s; font-family: 'Roboto', sans-serif; } 
.boxWrap .box:hover p.viewBtn { background:#fff; color:#004d9c; font-weight:500; transition:all .3s } 



/* .na5 */
.na5_box { background:#f8f8f8; padding: 60px 0; clear: both; } 
.na5_box .na5 { width: 33.33%; float: left; padding: 15px; } 
.na5_box .na5 > div { border: 1px solid #dcdcdc; background: #fff; padding: 15px; border-radius: 5px; } 
.na5_box .na5 h4 { font: bold 2em "Noto Sans KR"; text-align: center; } 
.na5_box .na5 p { font: 500 1.3em/25px "NanumSquare"; text-align: center; padding: 0 10px; height: 50px; } 
.na5_box .na5 .na5_btn { padding:0 15px; text-align: center; margin-top: 10px; } 
.na5_box .na5 .na5_btn a { border: 1px solid #000; color:#000; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 12px 35px; border-radius: 5px; } 
.na5_box .na5 .na5_btn a:hover { background: #00479d; color:#fff; border: 1px solid #00479d; } 


/* .na52 */
.na52_box { background:#f8f8f8; padding: 60px 0; } 
.na52_box .na5 { width: 33.33%; float: left; padding: 15px; } 
.na52_box .na5 > div { border: 1px solid #dcdcdc; background: #fff; /* padding: 15px; */border-radius: 5px; } 
.na52_box .na5 h4 { font: bold 2em "Noto Sans KR"; text-align: center; padding: 15px; color: #000; } 
.na52_box .na5 p { font: 500 1.3em/25px "NanumSquare"; text-align: center; padding: 0 15px; color: #000; height: 100px; } 
.na52_box .na5 .na5_btn { padding:0 15px; text-align: center; margin-top: 10px; } 
.na52_box .na5 .na5_btn a { border: 1px solid #00065b; color:#00065b; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 12px 35px; border-radius: 5px; } 
.na52_box .na5 .na5_btn a:hover { background: #00065b; color:#fff; } 


/* .na5 2 */
.na5_box2 { background:#f8f8f8; padding-bottom: 60px; clear: both; } 
.na5_box2 .na5 { width: 33.33%; float: left; padding: 15px; } 
.na5_box2 .na5 > a { border: 1px solid #dcdcdc; background: #fff; padding: 15px; border-radius: 5px; text-align: center; display: block; color: #000; } 
.na5_box2 .na5 > a > i { text-align: center; padding: 20px 0; font-size: 5em; } 
.na5_box2 .na5 > a:hover { border: 1px solid #562806; } 
.na5_box2 .na5 h4 { font: bold 2em "Noto Sans KR"; text-align: center; } 
.na5_box2 .na5 p { font: 500 1.3em/25px "NanumSquare"; text-align: center; padding: 0 10px; height: 50px; } 
.na5_box2 .na5 .na5_btn { padding:0 15px; text-align: center; margin-top: 10px; } 
.na5_box2 .na5 .na5_btn a { border: 1px solid #000; color: #000; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 12px 35px; border-radius: 5px; } 
.na5_box2 .na5 .na5_btn a:hover { background: #00479d; color:#fff; border: 1px solid #00479d; } 

/* na2 */
.na2 { width:100%; float: left; } 
.na2 > div { float: left; width:50%; padding: 70px 0; height: 347px; } 
.na2 .na2_1 { background: url(/image/main/na201.jpg) no-repeat center / cover; } 
.na2 .na2_2 { background: url(/image/main/na202.jpg) no-repeat center / cover; } 
.na2 .na2_txt1 { font: 600 3em "Noto Sans KR"; margin-bottom: 35px; text-transform: uppercase; } 
.na2 .na2_txt2 { font: 400 2em "Noto Sans KR"; margin-bottom: 35px; } 
.na2 .na2_txt3 { font: 500 1.3em "NanumSquare"; line-height: 25px; padding: 0 10px; } 
.na2 .na2_txt { text-align: center; color: #fff; margin-bottom: 30px; } 
.na2_btn { padding:0 15px; text-align: center; } 
.na2_btn a { border: 1px solid #fff; color: #fff; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 12px 35px; } 
.na2_btn a:hover { background: rgba(255,255,255,0.2); border-color: #fff; } 


/* contact_bg */
.contact_bg { width:100%; padding:0 0px; background:url(/image/main/contact_box.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; background-size: cover; position:relative; height:550px; clear: both; } 
.contact_bg::before { width:100%; height:100%; background: rgba(23,40,65,0.3); position:absolute; left:0; top:0; content:''; display:block; clear:both; z-index:1 } 
.contact_bg::after { clear:both; content:''; display:block } 
.contact_bg>ul::after { clear:both; content:''; display:block; } 
.contact_bg>ul { width:85%; float:right; height:100%; position:relative; z-index:5; margin: 0; } 
.contact_bg>ul>li { float:left; padding:10px; } 
.contact_bg>ul>li:nth-child(1) { width:45%; float:left; } 
.contact_bg>ul>li:nth-child(2) { width:55%; float:right; position:relative;; height:100% } 
.contact_1 { padding: 60px 30px 0; } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>h1 { color:#fff; font-family: "Noto Sans KR Reguler"; font-weight:900; padding:10px; font-size:4.5em } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>h4 { color:#fff; line-height:1.65; padding:10px; font-weight:400; font-family: "Noto Sans KR"; margin-bottom: 40px; } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>span { display:inline-block; padding:10px; position:relative; margin: 40px 0; } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>span>a { display:block; position:relative; color:#fff } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>span>a::after { clear:both; content:''; display:block; width:250px; height:30px; background:url(../img/main_btn.png) no-repeat 0 -15px; } 
.contact_bg>ul>li:nth-child(2)>div { width:100%; background: #000; position:absolute; bottom:0; right:0; /* height:60%; */padding:50px } 
.contact_bg>ul>li:nth-child(2)>div>h3 { padding:10px; color: #fff; font-family: "Noto Sans KR"; margin: 0; } 
.contact_bg>ul>li:nth-child(2)>div>h3>strong { font-weight:600; color:#fff; font-family: "Noto Sans KR"; font-weight:800 } 
.contact_bg>ul>li:nth-child(2)>div>h3>span { font-weight:400; color:#fff } 
.contact_btn { padding:0 15px; text-align: justify; } 
.contact_btn a { border: 1px solid #fff; color: #fff; font: 500 1.2em/50px "Noto Sans KR"; transition-duration: 0.5s; clear: both; padding: 12px 35px; } 
.contact_btn a:hover { background: rgba(255,255,255,0.2); border-color: #fff; } 

.s_s_menu { width: 100%; float: left; text-align: center; } 
.s_s_menu li { float: left; margin: 1px; border: 1px solid #000; } 
.s_s_menu.sub li { width: 25%; } 
.s_s_menu.sub2 li { width: 33%; } 
.s_s_menu li a { display: block; padding: 10px 15px; color: #000; font-size: 1.4em; margin: 0; font-weight: bold; } 
.s_s_menu .active,
.s_s_menu li:hover { background: #000; } 
.s_s_menu .active a,
.s_s_menu li:hover a { color: #fff; } 

/* na7 */
.na7 { background: url(/image/main/na7_bg.jpg) no-repeat center / cover; display: inline-block; width: 100%; padding: 120px 0; } 
.na7_txt { float: left; } 
.na7_txt h2 { font: bold 4em "Noto Sans KR"; color:#fff; text-transform: uppercase; } 
.na7_txt p { font: 400 2em "Noto Sans KR"; color:#fff; margin-bottom: 30px; } 
.na7_box { float: right; } 
.na7_box > div a { border: 1px solid #fff; padding: 20px 30px; min-width: 400px; margin-bottom: 20px; text-align: right; display: block; transition-duration: 0.5s; } 
.na7_box > div h3 { color:#fff; font: 400 3em "Noto Sans KR"; text-align: justify; margin-bottom: 50px; transition-duration: 0.5s; } 
.na7_box > div i { color:#fff; font-size: 5em; transition-duration: 0.5s; } 
.na7_box > div:hover { background: #fff; } 
.na7_box > div:hover h3 { color:#000; } 
.na7_box > div:hover i { color:#00b4ed; } 
.na7_btn { /* padding:0 15px; */text-align: justify; } 
.na7_btn a { border: 1px solid #fff; color: #fff; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 12px 35px; } 
.na7_btn a:hover { background: rgba(255,255,255,0.2); border-color: #fff; } 


/* na8 */
.na8 { background: url(/image/main/na8_bg.jpg) no-repeat center / cover; display: inline-block; width: 100%; padding: 120px 0; } 
.na8_txt h2 { font: bold 4em "Noto Sans KR"; color:#fff; text-transform: uppercase; } 
.na8_txt p { font: 400 2em "Noto Sans KR"; color:#fff; margin-bottom: 60px; } 
.na8_box > div { min-width: 300px; float: left; margin-right: 15px; } 
.na8_box > div a { border: 1px solid #fff; padding: 20px 30px; /* margin-bottom: 20px; */text-align: right; display: block; transition-duration: 0.5s; } 
.na8_box > div h3 { color:#fff; font: 400 3em "Noto Sans KR"; text-align: justify; margin-bottom: 50px; transition-duration: 0.5s; } 
.na8_box > div i { color:#fff; font-size: 5em; transition-duration: 0.5s; } 
.na8_box > div:hover { background: #fff; } 
.na8_box > div:hover h3 { color:#000; } 
.na8_box > div:hover i { color:#00b4ed; } 


.contact_box { background: url(/image/main/contact_box.jpg) no-repeat center / cover; text-align: center; padding: 80px 0; clear: both; } 
.contact_box h3 { color:#fff; font: 600 4em "Pretendard-Regular"; text-transform: uppercase; } 
.contact_box p { color:#fff; font: 400 2em "Pretendard-Regular"; margin-bottom: 30px; } 

.contact_box_btn a { border: 1px solid #fff; color: #fff; font: 500 1.2em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 12px 35px; text-transform: uppercase; border-radius: 2em; } 
.contact_box_btn a:hover { background: rgba(255,255,255,0.2); border-color: #fff; } 

.sbaner_pc_box { margin-top: 60px; clear: both; float: left; width: 100%; } 

.sbaner_pc_box .bx-controls { position: absolute; bottom: 17.5%; width: 100%; } 
.sbaner_pc_box .bx-controls .bx-controls-direction { width: 100%; /* float: left; */ } 
.sbaner_pc_box .bx-controls .bx-prev, .sbaner_pc_box .bx-controls .bx-prev:hover { background: url(/image/main/sl_btn.png) no-repeat; background-size: contain; right: 45%; left: auto; } 
.sbaner_pc_box .bx-controls .bx-next, .sbaner_pc_box .bx-controls .bx-next:hover { background: url(/image/main/sr_btn.png) no-repeat; background-size: contain; right: 40%; } 
.sbaner_pc_box .bx-controls .bx-controls-direction a { top: 0; margin-top: 0; } 



/* baner_ot_box */
.baner_ot_box li { position: relative; float: left; width: 33.33%; font-size: 0; padding:15px; } 
.baner_ot_box li img { width: 100%; } 
.baner_ot_box li div { position: relative; } 
.baner_ot_box li a { display: table-cell; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(0,0,0,.3); */vertical-align: middle; text-align: center; color: #fff; font-size: 15px; text-decoration: none; overflow: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; } 
.baner_ot_box li div:hover a { background: rgba(0, 0, 0, .3); } 
.baner_ot_box li h2 { position: relative; top: 52%; width: 100%; transform: translate(0px, -50%); font-size: 2em; margin: 0; } 
.baner_ot_box li a p { padding: 0 5%; font-size: 0.9em; } 

.banerOw_box { background: #f5f5f5; padding: 100px 0; clear: both; } 
.banerOw_box .bx-wrapper .bx-prev { left:-50px !important; } 
.banerOw_box .bx-wrapper .bx-next { right:-50px !important; } 

/* mboard_box */
.mboard_box .mb-title { font:600 1.3em "NanumSquare"; padding-bottom:10px; border-bottom:1px solid #000; position:relative; margin-bottom: 10px; } 
.mboard_box .mb-title span { position:absolute; right: 0; bottom: 10px; font-size:0.8em; font-weight: normal; } 
.mboard_box .mb-title span a { color:#000; } 
.mboard_box a { color:#333; } 
.mboard_box a:hover { color:#000; font-weight:bold; } 
.mboard_box p { line-height: 30px; border-bottom: 1px solid #ddd; } 

/* main_board2 */
.mb_box { background: #252525; color: #fff; padding:60px 0; clear: both; } 
.mb_qna { font: normal 1.5em "Noto Sans KR"; color: #fff; /* text-align: center; */padding: 10px; } 
.mb_notice a { font: normal 1.5em "Noto Sans KR"; color: #fff; padding: 10px; display: block; position: relative; } 
.mb_notice a:hover { color:#fff; } 
.mb_notice a:after { position: absolute; right: 26px; top: 19px; z-index: 5; display: block; height: 10px; width: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } 
.mb_notice a:before { position: absolute; right: 22px; top: 23px; display: block; width: 10px; height: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } 
.mb_div { border-left: 1px solid #ececec; height: 240px; } 
.mb_div ul { padding: 0 35px; width: 100%; } 
.mb_div li { /* padding: 5px 10px; */list-style: disc; font: 500 1.5em "Noto Sans KR"; } 
.mb_div li span { margin-right: 10px; font: 400 1em/40px "Noto Sans KR"; position: absolute; right: 10px; } 
.mb_div ul a { color: #737373; list-style: disc; display: block; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 500 1em/40px "Noto Sans KR"; } 
.mb_div p { color: #737373; text-align: center; list-style: disc; display: block; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 400 1.5em/40px "Noto Sans KR"; } 
.mb_notice_null { height: 240px; } 
.mb_notice_null p, .mb_notice_null li { list-style: none; } 
.mb_notice_null p { line-height: 200px; } 
.mb_qna_txt { float:left; margin-bottom:40px; font:900 1em "Noto Sans KR"; width: 100%; } 
.mb_qna_txt i { font-size: 1.5em; } 
.mb_qna_txt h4 { font: 900 1.6em "Noto Sans KR"; } 

.scroll_down { position: absolute; bottom: 10px; left: 50%; margin-left: -12px; z-index: 30; } 
.scroll_down .arrow_btn { position: relative; display: block; padding-bottom: 30px; } 
.scroll_down .arrow_btn:before { display: block; content: ""; width: 1px; height: 50px; position: absolute; bottom: 0; left: 50%; background: rgba(255, 255, 255, 0.4); margin-left: -1px; } 
.scroll_down .arrow_btn:after { display: inline-block; content: ""; position: absolute; bottom: 0; left: 50%; width: 1px; height: 50px; background: #fff; transform: scaleY(0); animation: lineActiveAnimation 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; margin-left: -1px; } 
.scroll_down .fig { width: 25px; height: 40px; border: 1px solid #fff; border-radius: 25px; margin: 0 auto; display: block; } 
@keyframes lineActiveAnimation { 
0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center top; transform-origin: center bottom } 

49% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center bottom } 

50% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; transform-origin: center top } 

99% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center bottom; transform-origin: center top } 

100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center bottom; transform-origin: center top } 
}


/* form24_box */
.form24_box .divTable { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 10px solid #00479d; border-left: 10px solid #00479d; width:100%; padding: 30px 20px; float: left; margin: 60px auto; } 
.form24_box .divTable > h2 { margin:0; font-size: 2.2em; margin-bottom: 15px; font-family: 'yg-jalnan'; } 
.form24_box .divTable ul li { float: left; display: block; margin-bottom: 22px; border: 1px solid #e6e6e6; overflow: hidden; box-sizing: border-box; font-family: 'NanumSquareNeo-Variable'; } 
.form24_box .divTable ul > li:nth-child(2n) { float: right; } 
.form24_box .exbox01 { width: 34%; } 
.form24_box .exbox02 { width: 64%; } 
.form24_box .exbox03 { width: 49%; } 
.form24_box .divTable ul > li > span { width: 20%; color: #2f4b9b; text-align: left; display: block; float: left; font-size: 1.5em; line-height: 50px; height: 50px; padding-left: 5px; font-family: 'NanumSquareNeo-Variable'; } 
.form24_box .divTable ul > li > select, .form24_box .divTable ul > li > input[type='text'], .form24_box .divTable ul > li > input[type='date'] { width: 80%; float: right; border: 0; font-family: 'NanumSquareNeo-Variable'; font-size: 15px; color: #2f4b9b; line-height: 50px; height: 50px; padding: 0 5px; } 
.form24_box .divTable ul > li > select { width:100%; font-size: 1.5em; } 
.form24_box .divTable ul > li > input[type='date'] { width:70%; } 
.form24_box .divTable ul > li > span.s30 { width:30%; } 
.form24_box .divTableFooter { width: 100%; text-align:center; } 
.form24_box .divTableFooter input[type="checkbox"] { margin-top: 0 !important; } 
.form24_box .divTableFooter span { font-size: 1.5em; } 

.form24_box .receive-btn { margin-top:20px; } 
.form24_box .receive-btn button { padding: 10px 30px; background: #00479d; color:#fff; border: 0; font-size: 1.5em; font-family: 'NanumSquareNeo-Variable'; } 


/* abaner_bg */
.abaner_bg { background: url("/image/main/abaner_bg.jpg") center / cover no-repeat; padding-top: 20px; } 
.abaner_bg .m_title * { color:#fff; } 
.abaner_bg .m_title { clear: both; text-align: center; } 
.abaner_bg ul { float: left; width: 100%; padding-bottom: 60px; } 
.abaner_bg li { float: left; width: 33.33%; padding: 0 25px; text-align: center; } 
.abaner_bg li div { padding-bottom: 50px; } 
.abaner_bg li:nth-child(1) > div { background: url("/image/main/abaner01.jpg") center / cover no-repeat; } 
.abaner_bg li:nth-child(2) > div { background: url("/image/main/abaner02.jpg") center / cover no-repeat; } 
.abaner_bg li:nth-child(3) > div { background: url("/image/main/abaner03.jpg") center / cover no-repeat; } 
.abaner_bg li h3 { color:#fff; font: bold 3em/350px "Pretendard-Regular"; } 
.abaner_bg li a { color:#fff; font: 400 1.3em "Pretendard-Regular"; border: 1px solid #fff; padding: 10px 30px; } 
.abaner_bg li a:hover { background: rgba(255, 255, 255, 0.5); } 


/* abaner_bg2 */
.abaner_bg2 { background: url("/image/main/abaner_bg.jpg") center / cover no-repeat; padding-top: 20px; } 
.abaner_bg2 .m_title * { color:#fff; } 
.abaner_bg2 .m_title { clear: both; text-align: center; } 
.abaner_bg2 ul { float: left; width: 100%; padding-bottom: 80px; padding-top: 60px; } 
.abaner_bg2 li { float: left; width: 25%; padding: 15px; text-align: center; } 
.abaner_bg2 li div { padding-bottom: 50px; } 
.abaner_bg2 li h3 { color:#fff; font: bold 3em/350px "Pretendard-Regular"; } 
.abaner_bg2 li a { /* color:#fff; *//* font: 400 1.3em "Pretendard-Regular"; *//* border: 1px solid #fff; *//* padding: 10px 30px; */display: block; } 

/* na4 */

.na4 { width:100%; float: left; text-align: center; border-right: 1px solid #969696; margin-bottom: 60px; margin-top: 60px; } 
.na4 > div { width: 16.66%; float: left; border-left: 1px solid #969696; border-top: 1px solid #969696; border-bottom: 1px solid #969696; } 
.na4 > div i { color: #070400; font-size: 5em; margin-bottom: 15px; } 
.na4 > div:hover i { color: #1d2088; } 
.na4 > div a { color:#000; display: block; padding: 30px 0; } 
.na4 > div p { font: 500 1.5em "NanumSquare"; } 
.na4 > .p_box { border: 0 !important; position:relative; height:150px; } 
.na4 > .p_box > div { position: absolute; bottom: 0; right: 0; padding: 0 5px; text-align: right; } 
.na4 > .p_box > div > div { width: 5px; height: 5px; border-radius: 5px; display: inline-block; } 
.na4 > .p_box > div .p1 { background-color: #000000; margin-right: 5px; margin-bottom: 5px; } 
.na4 > .p_box > div .p2 { background-color: #ffc600; margin-right: 5px; margin-bottom: 5px; } 
.na4 > .p_box > div .p3 { background-color: #d4d4d4; margin-right: 5px; margin-bottom: 5px; } 
.na4 > .p_box p { text-align: right; font: 500 1.3em/25px "Nanum Myeongjo"; letter-spacing: -2px; } 
.na4 > .p_box b { font: 600 1.1em/25px "Nanum Myeongjo"; } 


/* csCenter */
.csCenter { width: 100%; margin: 0 auto -1px; padding-bottom: 139px; background: url(/image/main/cs_box.jpg) center no-repeat; background-size: cover; /* text-align:center */ } 
.csCenter .csCenterTitle { text-transform: uppercase; font-size: 2.81em; padding-top: 35px; padding-bottom: 30px; text-align: center; } 
.csCenter .csCenterTitle h2 { color: #fff; } 
.csCenter .csCenterTitle p { color: #fff; font-size: 0.5em; } 
.csCenter .box-wrap { overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; } 
.csCenter .l-box { position: relative; overflow: hidden; padding: 60px; float: left; width: 100%; height: 465px; background: #fff; } 
.csCenter .l-box .more { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #004395; color: #fff; text-align: center; line-height: 48px; font-size: 27px; } 
.csCenter .l-box .stit { padding-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 18px; /* color: #33ccff; */ } 
.csCenter .l-box h3 { max-height: 112px; padding: 25px 0 0; margin-bottom: 20px; font-size: 1.5em; color: #003366; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden; } 
.csCenter .l-box p { font-size: 16px; color: #666; display: -webkit-box; line-height: 30px; } 
.csCenter .r-box { float: right; /* width:49% */ } 
.csCenter .r-box li { width: 100%; height: 222px; } 
.csCenter .r-box li a { display: block; } 
.csCenter .r-box li a h4 { padding-bottom: 10px; font-size: 30px; color: #000; font-weight: 700; } 
.csCenter .r-box li a p { font-size: 16px; color: #000; font-weight: 300 } 
.csCenter .r-box li a p span { display: block } 
.csCenter .r-box li:nth-child(1) { margin-bottom: 20px; } 


.lr_row { display: flex; justify-content: center; margin-bottom: 40px; padding: 0 15px; } 
.lr_row .lr_img, .lr_row .lr_txt { width: 50%; } 
.lr_row .lr_img img { max-width: 100%; } 
.lr_row .lr_txt { padding: 10% 25px; } 
.lr_row .lr_txt h4 { font: 600 2em "Pretendard-Regular"; } 
.lr_row .lr_txt p { font: 500 1.2em/30px "Pretendard-Regular"; } 
.lr_row .lr_txt a { border: 1px solid #000; color:#000; padding: 10px 15px; margin-top: 15px; font-size: 0.8em; display: inline-block; text-transform: uppercase; transition-duration: 0.5s; } 
.lr_row .lr_txt a:hover { background: #000; color: #fff; } 
.lr_row .lr_txt.lr_txt2 { text-align: right; } 

/* baner_5n */
.baner_5n { float: left; width: 100%; } 
.baner_5n li { float: left; width: 20%; padding:5px; } 
.baner_5n li img { width: 100%; } 

/* baner_4n */
.baner_4n { float: left; width: 100%; } 
.baner_4n li { float: left; width: 25%; padding:5px; } 
.baner_4n li img { width: 100%; } 

/* baner_3n */
.baner_3n { float: left; width: 100%; } 
.baner_3n li { float: left; width: 33.33%; padding:5px; } 
.baner_3n li img { width: 100%; } 

/* baner_2n */
.baner_2n { float: left; width: 100%; } 
.baner_2n li { float: left; width: 50%; padding:5px; } 
.baner_2n li img { width: 100%; } 

/* baner_1n */
.baner_1n { float: left; width: 100%; } 
.baner_1n li { float: left; width: 100%; padding:5px; } 
.baner_1n li img { width: 100%; } 

/* nas01_box */
.nas01_box { background: url("/image/main/nas01_bg.jpg") center / cover no-repeat; padding: 100px 0 60px; clear: both; } 
.nas01_box h3 { font: 600 3em "Noto Sans KR"; margin: 80px 0 30px; float: left; color: #fff; width: 100%; } 
.nas01_box .nas01_btn a { display: inline-block; border: 1px solid #fff; color: #fff; font: 500 1.2em/40px "Noto Sans KR"; transition-duration: 0.5s; clear: both; padding: 0 35px; text-transform: uppercase; /* margin-bottom: 60px; *//* border-radius: 2em; */ } 
.nas01_box .nas01_btn a:hover { background: #fff; border-color: #fff; color: #4f4f4f; } 


.main_board_box a { color:#333; } 
.main_board_box a:hover { color:#000; font-weight:bold; } 
.main_board_box p { line-height: 30px; border-bottom: 1px solid #ddd; } 
.main_board_box .mbb-title { font:600 1.3em "NanumSquare"; padding-bottom:10px; border-bottom:1px solid #000; position:relative; margin-bottom: 10px; } 
.main_board_box .mbb-title span { position:absolute; right: 0; bottom: 10px; font-size:0.8em; font-weight: normal; } 
.main_board_box .mbb-title span a { color:#000; } 

.b_box { float: left; width:100%; margin-top: 60px; margin-bottom: 60px; } 
.b_tbox { float: left; width:50%; padding: 0 15px; } 
.pc_ibox { float: left; width:50%; } 
.b_tbox h2 { color: #606263; padding: 0 15px; font: 800 2.5em "NanumSquare"; margin: 0; } 
.b_tbox .b_box_line { background:#818181; width:100%; height: 1px; position: relative; margin: 5px 0px; } 
.b_tbox .b_box_line span { width:100px; height: 3px; background: #4f4f4f; position: absolute; top: -6px; left: 0; } 
.b_tbox .b_box_title { color:#2e2e2e; font: 600 2em "NanumSquare"; padding: 10px 15px; } 
.b_tbox .b_box_title span { color:#d73939; } 
.b_tbox .b_box_con { color:#000; padding: 15px; font: 500 1.5em/30px "NanumSquare"; height: 150px; } 
.b_box_btn { padding:0 15px; text-align: justify; } 
.b_box_btn a { display: inline-block; border:1px solid #737373; color:#000000; font: 500 1.5em/50px "NanumSquare"; transition-duration: 0.5s; clear: both; padding: 0 25px; } 
.b_box_btn a:hover { background: #d73939; border-color: #d73939; color:#fff; } 
.pc_ibox img { max-width:100%; } 
.b_t_box { clear: both; display: inline-block; width: 90%; } 


.b_box_t { background: url('/image/main/b_box.jpg') no-repeat center center; padding: 100px 0; font-size: 1.6em; } 
.b_box_t h4 { font-family: 'NanumSquare'; font-size: 2em; } 
.b_box_t h3 { font-family: 'NanumSquareNeo-Variable'; color: #122a88; margin-top: 20px; font-size: 2em; font-weight: bold; } 
.b_box_t h3 span { color:#000; font: 400 0.8em "NanumSquareNeo-Variable"; } 
.b_box_t p { font-family: 'NanumSquare'; font-size: 1em; /* margin-top: 20px; */ } 
.b_box_t p.p01::before { content: ""; display: block; width: 50px; height: 1px; background: #000; float: left; margin-right: 10px; margin-top: 10px; } 
.b_box_t p.p02 { margin-left: 60px; margin-top: 5px; margin-bottom: 20px; } 

.b_tab { margin-left:60px; margin-top: 30px; margin-bottom: 60px; } 
.b_tab a { color: #565656; padding: 10px 15px; border: 1px solid #565656; transition: 0.5s; margin-right: 10px; } 
.b_tab a:hover { background: #122a88; border: 1px solid #122a88; color: #fff; } 
.b_box_t .b_b { text-align:center; padding: 50px 15px; border-radius: 2em; box-shadow: 2px 2px 2px 3px rgb(0 0 0 / 10%); } 

/* fk_baner_box */
.fk_baner_box { background: #f9f9fa; } 
.fk_baner_box .fk_title { padding: 20px 0; color: #000; font: 500 1.8em/35px "Pretendard-Regular"; text-align: center; } 
.fk_baner_box .fk_title b { color:#ffc000; font: 500 1.8em/35px "KorailRoundGothicBold"; } 
.fk_baner .col-xs-6:hover .baner-btn { background:#00093c; border-color:#b5b8ba; color:#fff; } 
.fk_baner h4 { color: #000; padding-top: 5px; font: 600 1.5em "Pretendard-Regular"; margin-bottom: 15px; } 
.fk_baner_div { width: 25%; float:left; } 
.fk_baner_div i {font-size: 3em;background-color: #f6f6f6;border: 1px solid #e0e0e0;border-radius: 3em;color:#000;padding: 25px;}
.fk_baner_div:hover i{background-color: #000; color:#fff;}
.fk_baner-title { color: #000; padding-top: 10px; font: 400 1.3em "Noto Sans KR"; margin: 0; } 
.fk_baner-sub { font: 500 1em "NanumSquare"; color:#000000; width: 115px; margin: auto; margin-bottom: 20px; } 
.fk_baner-btn { display: inline-block; border: 1px solid #000; color: #000; font: 500 1em "Noto Sans KR"; margin: auto; border-radius: 2em; padding: 10px 25px; margin-bottom: 20px; /* margin-top: 20px; */ } 



/* na1 */
.na1 { width:100%; float: left; } 
.na1 > div { width: 20%; float: left; } 
.na1 > div:nth-child(1) { background: url(/image/main/na101.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(2) { background: url(/image/main/na102.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(3) { background: url(/image/main/na103.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(4) { background: url(/image/main/na104.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(5) { background: url(/image/main/na105.jpg) no-repeat center / cover; } 
.na1 a { padding: 300px 15px 15px; color:#fff; display: block; } 
.na1 a h5 { font: 500 3em "Noto Sans KR"; text-shadow: 2px 2px 2px #000; /* height: 100px; */vertical-align: bottom; } 
.na1 a p { font:400 1.5em "Noto Sans KR"; height: 80px; } 
.na1 a:hover { background-color: rgba(0, 0, 0, 0.5); } 
.na1 a div { height: 200px; } 


/* na6_box */
.na6_box { width:100%; padding:0 0 200px 0px } 
.na6_box .na6_section { width:100%; margin:0; padding:10px; background: url(/image/main/na6_bg.jpg) no-repeat; -webkit-background-size: cover; background-size:cover; background-position: center center; height:450px; background-attachment: fixed; } 
.na6_box .na6_section .na6_head { width: 81%; padding: 40px 0; margin: 0 auto; } 
.na6_box .na6_section .na6_head>dl { width:100% } 
.na6_box .na6_section .na6_head>dl>dt { width:100%; padding:10px } 
.na6_box .na6_section .na6_head>dl>dd { width:100%; padding:10px } 
.na6_box .na6_section .na6_head>dl>dt>h1 { padding:0px 0px; font-weight:800; font-size:3em; font-family: 'Noto Sans KR'; color:#fff; text-transform: uppercase; } 
.na6_box .na6_section .na6_head>dl>dd>h4 { padding:0px 0px; line-height:1.75; font-weight:400; color:#fff; font-family: 'Noto Sans KR' } 
.na6_section_baner { width:100%; } 
.na6_section_baner>ul { width:900px; display:flex; flex-wrap: wrap; align-items: stretch; margin: 0% 0% 0 10%; } 
.na6_section_baner>ul:after { clear:both; content:''; display:block } 
.na6_section_baner>ul>li { width:calc(100% / 3); float:left; padding:10px; height:300px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; position:relative; bottom:0 } 
.na6_section_baner>ul>li:nth-child(1) { background: #fbfbfb; } 
.na6_section_baner>ul>li:nth-child(2) { background:#ffb200; } 
.na6_section_baner>ul>li:nth-child(3) { background: #002e73; } 
.na6_section_baner>ul>li>a { display: table; width: 100%; height: 100%; } 
.na6_section_baner>ul>li:hover { position:relative; bottom:10%; background:#fff; } 
.na6_section_baner>ul>li>a>div { display:table-cell; width:100%; vertical-align:middle; } 
.na6_section_baner>ul>li>a>div>h1 { font-family: "Noto Sans KR"; color:#fff; padding:10px; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; } 
.na6_section_baner>ul>li>a>div>h4 { font-family: "Noto Sans KR"; color:#fff; padding:10px; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; } 
.na6_section_baner>ul>li>a>div>span { font-family: "Noto Sans KR"; color:#fff; padding: 30px 10px 0;; text-align:right; display:block; width:100%; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; } 
.na6_section_baner>ul>li>a>div>span>i { font-size:4em } 
.na6_section_baner>ul>li:first-child >a>div>h1 { color:#1a1a1a; font-family: "Noto Sans KR"; } 
.na6_section_baner>ul>li:first-child >a>div>h4 { color:#1a1a1a; font-family: "Noto Sans KR"; } 
.na6_section_baner>ul>li:first-child >a>div>span { color: #c1c1c1; font-family: "Noto Sans KR"; } 
.na6_section_baner>ul>li:hover h1 { color:#1a1a1a; font-family: "Noto Sans KR"; } 
.na6_section_baner>ul>li:hover h4 { color:#1a1a1a; font-family: "Noto Sans KR"; } 
.na6_section_baner>ul>li:hover span , .na6_section_baner>ul>li:first-child:hover >a>div>span { color:#1a1a1a; font-family: "Noto Sans KR"; } 


/* na62_box */
.na62_box { width:100%; padding:0 0 200px 0px; clear: both; } 
.na62_box .na62_section {width:100%;margin:0;background: url(/image/main/na62_bg.jpg) no-repeat;-webkit-background-size: cover;background-size:cover;background-position: center center;height:450px;background-attachment: fixed;} 
.na62_box .na62_section .na62_head {padding: 60px 0 20px;margin: 0 auto;text-align: center;} 
.na62_box .na62_section .na62_head>dl { width:100% } 
.na62_box .na62_section .na62_head>dl>dt { width:100%; padding:10px } 
.na62_box .na62_section .na62_head>dl>dd {width:100%;/* padding:10px; */} 
.na62_box .na62_section .na62_head>dl>dt>h1 {padding:0px 0px;font-weight:800;font-size: 4em;font-family: 'GmarketSansMedium';color:#fff;margin: 0;} 
.na62_box .na62_section .na62_head>dl>dd>h4 {padding:0px 0px;line-height:1.75;font-weight:400;color:#fff;font-family: 'Pretendard-Regular';} 
.na62_section_baner {width:100%;float: right;} 
.na62_section_baner>ul {float: right;} 
.na62_section_baner>ul>li {float:left;position:relative;max-width: 33.33%;} 
.na62_section_baner>ul>li img{max-width: 100%;}


#main_sbaner_box { text-align:center; padding: 60px 10%; } 
#main_sbaner_box .bx-wrapper .bx-controls-direction a { top:0; right:0; left: auto; width: 72px; height: 71px; } 
#main_sbaner_box .bx-wrapper .bx-prev { right: 80px !important; background: url('/image/main/s2_prev.png'); } 
#main_sbaner_box .bx-wrapper .bx-next { background: url('/image/main/s2_next.png'); } 

#main_sbaner_box .s2_txt { padding-left: 130px; position: relative; } 
#main_sbaner_box .s2_txt h3 { position: absolute; font: 600 5em "Cafe24ClassicType-Regular"; color: #e8edf6; left: -90px; top: 40px; } 
#main_sbaner_box .s2_txt img { padding: 80px 0; } 

.mBtn { padding:0 2em; line-height:50px; display:inline-block; background:#d40000; transition: 0.5s; } 
.mBtn p { padding-right: 90px; font-size: 1em; color:#fff; font-family:'Cafe24SsurroundAir'; font-weight:400; position:relative; } 
.mBtn p:before { content:''; width: 76px; height: 9px; background:url('/image/main/mbtn-arrow.png')no-repeat; position:absolute; right:0; top: 40%; } 
.mBtn:hover { background:#222; } 
.sbtn { float: left; /* margin-left: 10px; */ } 
.rbtn { float: right; } 


.nac_box { max-width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; justify-content: space-between; flex-wrap: wrap; } 
.nac_box li { position: relative; display: flex; width: 25%; height: 420px; color: #fff; overflow: hidden; /* border-radius: 15px; */padding: 5px; } 
.nac_box li .img { max-width: 100%; /* height: 420px; *//* border-radius: 25px; */overflow: hidden; } 
.nac_box li .img img:hover { transform: scale(1.05,1.05); transition: all ease 1s 0s; } 
.nac_box li .img img { transition: all ease 0.3s 0s; max-width: 100%; } 
.nac_box li .txt { position: absolute; left: 7%; bottom: 10%; width: auto; text-align: left; margin: 0 auto; z-index: 999; color: #fff; } 
.nac_box li .txt h2 { /* font-size: 26px; */font-weight: 650; margin: 0; } 
.nac_box li .txt h3 { font-size: 14px; font-weight: 350; /* padding: 5px 0 0 0; */white-space: pre-line; margin: 5px; } 

.nac_box2 { max-width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; } 
.nac_box2 li { position: relative; display: flex; width: 50%; /* height: 420px; */color: #fff; overflow: hidden; /* border-radius: 15px; */padding: 5px; } 
.nac_box2 li .img { max-width: 100%; /* height: 420px; *//* border-radius: 25px; */overflow: hidden; } 
.nac_box2 li .img img:hover { transform: scale(1.05,1.05); transition: all ease 1s 0s; } 
.nac_box2 li .img img { transition: all ease 0.3s 0s; max-width: 100%; filter: brightness(50%); } 
.nac_box2 li .txt { position: absolute; text-align: center; margin: 0 auto; z-index: 999; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.nac_box2 li .txt h2 { /* font-size: 26px; */font-weight: 650; margin: 0; } 
.nac_box2 li .txt h3 { font-size: 14px; font-weight: 350; /* padding: 5px 0 0 0; */white-space: pre-line; margin: 5px; } 

.bx_right img { max-width: 100%; margin-bottom: 21px; } 
.bx_right li:last-child img { margin: 0; } 
.more_container { max-width: 1500px; } 

.right_btn { display:block; position: fixed; right:10px; bottom:10%; z-index: 10; } 
.right_btn ul { margin: 0; } 
.right_btn li { margin-bottom: 10px; } 
.right_btn a { display: block; } 
.right_btn img { max-width:50px; } 

.abaner2_bg { background: url("/image/main/abaner2_bg.jpg") center / cover no-repeat; padding-top: 20px; } 
.abaner2_bg .m_title * { color:#fff; } 
.abaner2_bg .m_title { clear: both; text-align: center; } 
.abaner2_bg ul { float: left; width: 100%; padding-bottom: 60px; } 
.abaner2_bg li { float: left; width: 25%; padding: 0 25px; text-align: center; } 
.abaner2_bg li img { max-width: 100%; } 

.baner_box_b { background: #f5f5f5; text-align:center; padding: 60px 0; } 
.baner_icon_box { width:100%; float: left; margin-top: 30px; } 
.baner_icon_box li { width:50%; float: left; padding: 5px 5px; } 
.baner_icon_box li a { display: block; border: 1px solid #d4d4d4; background: #fff; } 
/* .baner_icon_box li a:hover { background: #d4d4d4; } */
.baner_icon_box li img { max-width: 35%; padding: 15px; } 
.baner_icon_box li p { width:100%; color: #1c1c1c; font-size: 1.8em; margin-bottom: 10px; } 
.baner_icon_box li:hover p { font-weight: bold; } 
.line_call { width: 80%; height:1px; background: #000; margin: auto; margin-bottom: 30px; margin-top: 25px; } 
.c01_txt { margin-top: 25px; font-size: 2.5em; font-family: 'NanumSquareNeo-Variable'; color: #000; font-weight: 700; margin-bottom: 10px; margin-bottom: 0px; } 
.c02_txt { font-size: 2.5em; font-family: 'NanumSquareNeo-Variable'; color: #0179e8; font-weight: 700; margin-bottom: 5px; } 
.cb_txt { color: #1c1c1c; font-size: 1.5em; } 


.ms_title h2, .ms_title h4 { margin-top:60px; text-align:center; line-height: 30px; font-size: 1.4em; } 

.ms_title h2:after { display: block; margin: 25px auto; width: 40px; height: 1px; content: ''; background: #555; } 
.ms_title h4:after { display: block; margin: 25px auto; width: 40px; height: 1px; content: ''; background: #555; } 
.ms_title { text-align:center; line-height: 25px; font-size: 1.1em; } 
.ms_btn { text-align:center; margin-top: 40px; margin-bottom: 40px; } 
.ms_btn a { padding:10px 15px; border:1px solid #000; color:#000; } 

#div_laypopup, #div_laypopup2, #div_laypopup3, #div_laypopup4 { display:none; border-width:0px; Z-INDEX: 201; POSITION: absolute; right:10px; top:10px; background:#000; color:#000; } 
#div_laypopup2 { right:20px; top:20px; } 
#div_laypopup3 { right:30px; top:30px; } 
#div_laypopup4 { right:40px; top:40px; } 
#div_laypopup, #div_laypopup img, #div_laypopup2, #div_laypopup2 img, #div_laypopup3, #div_laypopup3 img, #div_laypopup4, #div_laypopup4 img { max-width:100%; } 

.div_laypopup_input { color:#fff; padding:10px; } 
.div_laypopup_input a { float:right; color:#fff; cursor:pointer; } 
.location { height: 55px; border-bottom: 1px solid #E0E0E0; margin-bottom: 15px; } 
.location ol { overflow: auto; white-space: nowrap; } 
.location ol::-webkit-scrollbar { display: none; } 
.location .home img { max-height: 55px; } 
.location li { display: inline-block; border-right: 1px solid #cccccc; padding-right: 10px; } 
.location li:first-child { border: 0; float: left; } 
.location li > select { width: 84%; float: right; border: 0; font-family: 'NanumSquareNeo-Variable'; font-size: 15px; color: #000; line-height: 54px; height: 54px; padding: 0 1em; } 
.location li > select { width:100%; font-size: 1.5em; } 
.location li > select option { /* background: black; *//* color: #fff; */padding: 3px 0; border-radius: 0; } 

.owl_title { color:#003366; font-weight:bold; padding: 0 10px; } 
.owl_title span { margin-left:10px; color:#555; font-weight:normal; font-size: 0.5em; } 

.owl-g01 .owl-dots { display:none; } 
.owl-g01 .owl-prev { position: absolute; left: -40px; top: 35%; } 
.owl-g01 .owl-next { position: absolute; right: -40px; top: 35%; } 


.main_baner { position: relative; } 

.main_baner .owl-theme .custom-nav { position: absolute; top: 20%; left: 0; right: 0; } 

.main_baner .owl-theme .custom-nav .owl-prev,
.main_baner .owl-theme .custom-nav .owl-next { position: absolute; height: 100px; color: inherit; background: none; border: none; z-index: 1; } 

.main_baner .owl-theme .custom-nav .owl-prev i,
.main_baner .owl-theme .custom-nav .owl-next i { font-size: 2.5rem; color: #cecece; } 

.main_baner .owl-theme .custom-nav .owl-prev { left: 0; } 

.main_baner .owl-theme .custom-nav .owl-next { right: 0; } 

.main_baner ul { margin: 0; padding: 0; height: 100%; font-size: 50px; } 

.main_baner ul li { float: left; width: 100%; height: 100%; margin: 0; padding: 10px; color: #ddd; text-align: center; /* cursor: pointer; */ } 

.main_baner ul li a { display: block; } 

.main_baner ul li a .pro-img { position: relative; width: 100%; height: 0; padding-bottom: 130%; /* margin-bottom: 20px; */
/* background: #eee; */ } 

.main_baner ul li a .pro-img img { vertical-align: middle; transition: all .3s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; } 

/* .main_baner ul li a .pro-img:after { opacity: 0; position: absolute; bottom: 44px; left: 0; right: 0; display: block; content: ""; width: 262px; height: 36px; margin: 0 auto; background: url(/images/pro-shadow.png) center no-repeat; transition: all .3s } */

.main_baner ul li a .pro-img .plus-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; opacity: 0; transition: all .3s } 

.main_baner ul li a h5 { font-size: 24px; color: #333; font-family: 'Roboto', sans-serif; } 

.main_baner ul li a p { width: 82%; margin: 0 auto; font-size: 16px; color: #666; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; max-height: 46px; } 

.main_baner ul li:hover h5 { color: #004d9c } 

.main_baner ul li:hover .pro-img img { margin-bottom: 30px; transition: all .3s } 

.main_baner ul li:hover .pro-img:after { opacity: 1; transition: all .3s } 

.main_baner ul li:hover .pro-img .plus-icon { opacity: 1; transition: all .3s } 


.main_baner02 { background: url(/image/main/main_baner_bg.png) center no-repeat; background-size: cover } 

.main_baner02 h2 { letter-spacing: 10px; } 

.main_baner02-edu-list { overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; } 

.main_baner02-edu-list li:nth-child(1) a .img { background: url(/image/main/map_baner01.jpg) no-repeat; background-position: center; background-size: 100%; } 

.main_baner02-edu-list li:nth-child(2) a .img { background: url(/image/main/map_baner02.jpg) no-repeat; background-position: center; background-size: 100%; } 

.main_baner02-edu-list li:nth-child(3) a .img { background: url(/image/main/map_baner03.jpg) no-repeat; background-position: center; background-size: 100%; } 

.main_baner02-edu-list li:nth-child(4) a .img { background: url(/image/main/map_baner04.jpg) no-repeat; background-position: center; background-size: 100%; } 

.main_baner02-edu-list li a { display: block } 

.main_baner02-edu-list li a h3 { margin-bottom: 5px;; font-size: 24px; font-weight: 500; color: #333 } 

.main_baner02-edu-list li a p { color: #666; font-size: 15px; height: 60px; } 

.main_baner02-edu-list li a p span { display: block; } 

.main_baner02-edu-list li a .img { position: relative; height: 400px; margin-bottom: 20px; background-size: contain; } 

.main_baner02-edu-list li a .img img { position: absolute; top: 30%; left: 50%; transform: translate(-50%); opacity: 0; transition: all .3s } 

.main_baner02-edu-list li:hover .img img { opacity: 1; transition: all .3s } 

.main_baner02 .title { padding-bottom: 60px; text-align: center; } 

.mb-title { text-transform: uppercase; font-size: 2.81em; padding-top: 75px; padding-bottom: 60px; text-align: center; } 

.mb-title p { color: #003366; } 


.csCenter2 { width: 100%; margin: 0 auto -1px; padding-bottom: 139px; background: url(/image/main/cs_box.jpg) center no-repeat; background-size: cover; /* text-align:center */ } 
.csCenter2 .title h2 { color: #fff; } 
.csCenter2 .title p { color: #fff; } 
.csCenter2 .box-wrap { overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; } 
.csCenter2 .l-box { position: relative; overflow: hidden; padding: 40px; float: left; width: 100%; height: 465px; background: #fff; } 
.csCenter2 .l-box .more { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #cc0000; color: #fff; text-align: center; line-height: 48px; font-size: 27px; } 
.csCenter2 .l-box .stit { padding-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 18px; /* color: #33ccff; */ } 
.csCenter2 .l-box h3 { max-height: 112px; padding: 25px 0 0; margin-bottom: 20px; font-size: 1.5em; color: #ff3300; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden; } 
.csCenter2 .l-box p { /* max-height:117px; */
font-size: 16px; color: #666; /* text-overflow: ellipsis; */
display: -webkit-box; /* -webkit-line-clamp:5; */
/* -webkit-box-orient: vertical; */
/* word-break: keep-all; */
/* overflow: hidden; */
line-height: 30px; } 
.csCenter2 .r-box { float: right; /* width:49% */ } 
.csCenter2 .r-box li { width: 100%; height: 220px; } 
.csCenter2 .r-box li a { display: block; height: 100%; padding: 50px 40px } 
.csCenter2 .r-box li a h4 { padding-bottom: 10px; font-size: 30px; color: #000; font-weight: 700; } 
.csCenter2 .r-box li a p { font-size: 16px; color: #000; font-weight: 300 } 
.csCenter2 .r-box li a p span { display: block } 
.csCenter2 .r-box li:nth-child(1) { margin-bottom: 25px; background: url(/image/main/csb02.jpg) no-repeat; background-size: cover; } 
.csCenter2 .r-box li:nth-child(2) { background: url(/image/main/csb03.jpg) no-repeat; background-size: 100%; background-size: cover; } 


/* lr_img_box */
.lr_img_box { width:100%; margin-top: 60px; } 
.lr_img_box .lr_left { float:left; width: 50%; background: #eff3f5; } 
.lr_img_box .lr_right { float:right; text-align: right; width: 50%; background: #eff3f5; } 
.lr_img_box .lr_title { margin-top: 35px; border-top: 2px solid #6080b1; text-align: right; margin-right: 10px; } 
.lr_img_box .lr_title h3 { font: bold 3em "Noto Sans KR"; } 
.lr_img_box .lr_title p { font: 400 1.5em "Noto Sans KR"; } 
.lr_img_box .lr_left_img_box { float: left; width: 100%; margin-top: 10%; margin-bottom: 10%; } 
.lr_img_box .lr_left_img0 { width: 30%; float: left; height: 1px; } 
.lr_img_box .lr_left_img { width: 100%; float: left; position: relative; background: #fff; } 
.lr_img_box .lr_left_img div { height: 150px; } 

.lr_img_box .lr_left_img p { position: absolute; bottom: 25px; right: 25px; color: #fff; font:bold 2em "Noto Sans KR"; } 
.lr_img_box .lr_left_img:hover p { color:#000; } 
.lr_left_img_right { width: 68%; float: left; } 

.lr_img_box .lr_left_img2 { width: 49%; float: left; margin-top: 10px; margin-right: 2%; position: relative; background: #fff; } 
.lr_img_box .lr_left_img2 div { height: 120px; } 
.lr_img_box .lr_left_img2 p { position: absolute; bottom: 25px; right: 25px; color: #fff; text-transform: uppercase; font:bold 2em "Noto Sans KR"; } 
.lr_img_box .lr_left_img2:hover p { color:#000; } 

.lr_img_box .lr_left_img .over_box, .lr_img_box .lr_left_img2 .over_box { transition-duration: 0.5s; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.lr_img_box .lr_left_img:hover .over_box, .lr_img_box .lr_left_img2:hover .over_box { background: none; } 

.img_2a { display: inline-block; overflow: hidden; } 
.img_2 { transition: all 0.2s linear; } 
.img_2:hover { transform: scale(1.2); } 

@media (max-width: 1200px){
.nac_box li .txt { top:10%; } 
/* lr_img_box */
.lr_img_box .lr_left, .lr_img_box .lr_left_img, .lr_left_img_right { width:100%; padding: 0 5px; } 
.lr_img_box .lr_title { text-align: justify; padding-left: 15px; } 
}

@media (max-width: 991px) {
.lr_img_box .lr_left_img div, .lr_img_box .lr_left_img2 div { height: 100px; } 
.lr_img_box .lr_left_img p, .lr_img_box .lr_left_img2 p { bottom: 5px; right: 5px; } 

.main_baner02-edu-list li a .img { height: 200px; } 
.main_baner02-edu-list li a .img img { top: 15%; } 
.main_baner02-edu-list li a h3 { font-size: 1em; } 
.main_baner02-edu-list li a p { font-size: 0.9em; } 

.main_baner ul li a h5 { font-size: 1em; } 

.owl-g01 .owl-nav { display:none; } 
.owl_title { color:#003366; font-weight:bold; padding: 0 10px; text-align:center; } 
.owl_title span { margin-left:0px; margin-top:10px; color:#555; font-weight:normal; font-size: 0.5em; display:block; } 
.location { /* display: none; */ } 
.location li > select { font-size: 1em; } 
#div_laypopup { right:0px; top:75px; } 
#div_laypopup2 { right:0; top:80px; } 
#div_laypopup3 { right:0; top:85px; } 
#div_laypopup4 { right:0; top:90px; } 
.abaner2_bg ul { padding-bottom: 30px; } 
.abaner2_bg li { width: 50%; margin-bottom: 30px; } 
.abaner2_bg li h3 { line-height: 150px; } 
#main_sbaner_box { padding: 0; } 
#main_sbaner_box .bx-wrapper .bx-controls-direction a { top:auto; bottom:0; width: 50px; height: 49px; background-size: contain; } 
#main_sbaner_box .bx-wrapper .bx-prev { right: 60px !important; } 
#main_sbaner_box .s2_txt { padding-left: 0; } 
#main_sbaner_box .s2_txt h3 { top: -60px; right: 0; left: auto; } 
.sbtn { margin-left: 0; } 
.mBtn p { padding: 0 10px; font-size: 0.7em; padding-right: 90px; } 
.mBtn { padding: 0 1em; } 
/* na6_box */
.Color_Box_Section { width:100%; padding:10px 0 260px 0px } 
.na6_box .na6_section { width:100%; margin:0 0% 0 0; padding:10px; height: 450px; } 
.na6_box .na6_section .na6_head { width: 90%; padding: 10px 0; margin: 0 auto; } 
.na6_box .na6_section .na6_head>dl { width:100% } 
.na6_box .na6_section .na6_head>dl>dt { width:100%; padding:10px } 
.na6_box .na6_section .na6_head>dl>dd { width:100%; padding:10px } 
.na6_box .na6_section .na6_head>dl>dt>h1 { padding:0px 0px; font-weight:400; font-size:3em; } 
.na6_box .na6_section .na6_head>dl>dd>h4 { padding:0px 0px; line-height:1.75; font-weight:400; color:#fff } 

.na6_section_baner { width:100%; } 
.na6_section_baner>ul { width:90%; display:block; margin: 0 auto; } 
.na6_section_baner>ul:after { clear:both; content:''; display:block } 
.na6_section_baner>ul>li { width:calc(100% / 1); float:none; padding:10px; height:auto; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; position:relative; bottom:0; right:0 } 

.na6_section_baner>ul>li:nth-child(1) { background: #fff4cf; } 
.na6_section_baner>ul>li:nth-child(2) { background: #ffb200; } 
.na6_section_baner>ul>li:nth-child(3) { background: #002e73; } 
.na6_section_baner>ul>li>a { display: block; width: 100%; height: 100%; padding:10px 0 } 

.na6_section_baner>ul>li:hover { position:relative; bottom:0%; right:5%; background:#fff; } 

.na6_section_baner>ul>li>a>div { display:block; width:100%; vertical-align:middle; } 
.na6_section_baner>ul>li>a>div>h1 { color:#fff; padding: 10px 5px 5px 5px; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; width:40%; float:left; font-size:20px; margin-top: 0; } 
.na6_section_baner>ul>li>a>div>h4 { color:#fff; padding: 5px 5px 5px 5px;; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; width:40%; float:left; font-size:14px; display:none } 
.na6_section_baner>ul>li>a>div::after { clear:both; content:''; display:block } 
.na6_section_baner>ul>li>a>div>span { color:#fff; padding: 15px 5px 5px 5px;;; display:block; width:100%; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; float:right;; width:20% } 
.na6_section_baner>ul>li>a>div>span>i { font-size:2em } 

.na62_section_baner>ul>li{max-width: 100%;}
.na62_box .na62_section .na62_head>dl>dd>h4{font-size: 1.2em;}

.na1 > div { width: 100%; float: left; } 
.na1 > div:nth-child(1) { background: url(/image/main/na101m.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(2) { background: url(/image/main/na102m.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(3) { background: url(/image/main/na103m.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(4) { background: url(/image/main/na104m.jpg) no-repeat center / cover; } 
.na1 > div:nth-child(5) { background: url(/image/main/na105m.jpg) no-repeat center / cover; } 
.na1 a { padding: 15px; } 

.baner_rl { padding: 15px 5px; } 

.boxWrap .box { width: 100%; height: 400px; } 
.boxWrap .box a { padding: 100px 0; } 

.fk_baner_div { width:50%; float:left; } 
.b_tbox, .pc_ibox { width: 100%; } 

.b_tbox .b_box_con { height: auto; } 
.b_tbox .b_box_title { clear: both; } 
.b_tbox .b_box_line { /* clear: both; */background:#818181; width: 1px; height: 100px; position: relative; margin: 0; float: left; margin-top: 10px; display: inline-block; } 
.b_tbox .b_box_line span { width: 3px; height: 50px; background: #4f4f4f; position: absolute; top: 0; margin-top: 0px; left: -1px; } 
/* nas01_box */
.nas01_box { padding:60px 0 30px; text-align: center; } 
.nas01_box h3 { margin:30px 0 15px; } 

.lr_row { flex-direction: column; align-items: center; padding: 0 15px; } 
.lr_row .lr_img, .lr_row .lr_txt { width: 100%; padding: 0; } 
.lr_row .lr_txt.lr_txt2 { text-align: left; } 

/* csCenter */
.csCenter .l-box { height:auto; margin-bottom: 15px; padding:15px; } 
.csCenter { padding-bottom: 10px; } 
.csCenter .r-box li { margin-bottom: 15px !important; height: auto; } 

/* na4 */
.na4 { border-top: 1px solid #969696; } 
.na4 > div { width: 33.33%; border-top:0; } 
/* abaner_bg */
.abaner_bg ul { padding-bottom: 30px; } 
.abaner_bg li { width: 100%; } 
.abaner_bg li h3 { line-height: 150px; } 

.abaner_bg2 ul { padding-bottom: 30px; } 
.abaner_bg2 li { width: 50%; } 
.abaner_bg2 li h3 { line-height: 150px; } 

/* mb_div */
.mb_div { border-top: 1px solid #ececec; border-left: 0; clear: both; } 
.mb_div ul a { font-size: 0.8em; } 
.mb_notice_null { height: auto; } 

/* baner_ot_box */
.baner_ot_box li { width: 100%; } 
.baner_ot_box li a h2 { font-size: 2em; margin: 0; position: absolute; margin: auto; right: 0; left: 0; /* top: 50%; *//* transform: translate(0, -50%); */ } 
.baner_ot_box li a p { font-size: 1em; display: none; } 
.baner_ot_box li a { opacity: 1; } 

.banerOw_box .bx-wrapper .bx-prev { left: -40px !important; } 
.banerOw_box .bx-wrapper .bx-next { right: -40px !important; } 

.header2_wrap .t2_logo { display: none; } 

.sbaner_pc_box .bx-controls { bottom:60%; } 
.sbaner_pc_box .bx-controls .bx-prev, .sbaner_pc_box .bx-controls .bx-prev:hover { right: 40%; } 
.sbaner_pc_box .bx-controls .bx-next, .sbaner_pc_box .bx-controls .bx-next:hover { right: 30%; } 

/* na8 */
.na8_box > div a { padding: 15px; } 
.na8_box > div h3 { font-size: 1.3em; } 
.na8_box > div { width: 30%; margin-right: 5%; min-width: 0; } 
.na8_box > div:last-child { margin: 0; } 

.na2 > div { width: 100%; } 
/* na7 */
.na7 { padding:30px 0; } 
.na7_txt, .na7_box { float: left; width:100%; margin-bottom: 60px; } 
.na7_box > div a { width: 100%; min-width: 0; } 

/* contact_bg */
.contact_bg { width:100%; padding:0 0px; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; background-size: cover; position:relative; height:auto; } 
.contact_bg::before { width:100%; height:100%; background: rgba(23,40,65,0.3); position:absolute; left:0; top:0; content:''; display:block; clear:both; z-index:1 } 
.contact_bg::after { clear:both; content:''; display:block } 
.contact_bg>ul::after { clear:both; content:''; display:block; } 
.contact_bg>ul { width:100%; float:right; height:100%; position:relative; z-index:5 } 
.contact_bg>ul>li { float:none; padding:5px; } 
.contact_bg>ul>li:nth-child(1) { width:100%; float:none; } 
.contact_bg>ul>li:nth-child(2) { width:100%; float:none; position:relative; height:100%; padding: 10px 25px; } 
.contact_1 { padding:30px 5px 5px } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>h1 { color:#fff; font-weight:400; padding:10px; font-size:2em } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>h4 { color:#fff; line-height:1.65; padding:10px; font-weight:400; margin-bottom: 15px; } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>span { display:inline-block; padding:10px; position:relative; margin: 20px 0; } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>span>a { display:block; position:relative; color:#fff } 
.contact_bg>ul>li:nth-child(1)>div.contact_1>span>a::after { clear:both; content:''; display:block; width:200px; height:30px; background:url(../img/main_btn.png) no-repeat -70px -15px;; } 
.contact_bg>ul>li:nth-child(2)>div { width:100%; position:relative; bottom:0; right:0; height:auto; padding: 20px 15px; } 
.contact_bg>ul>li:nth-child(2)>div>h3 { padding:10px 3px; font-size:14px } 
.contact_bg>ul>li:nth-child(2)>div>h3>strong { font-weight:400; color:#fff; font-family: 'Raleway', sans-serif; font-weight:400 } 
.contact_bg>ul>li:nth-child(2)>div>h3>span { font-weight:400; color:#fff } 


ul.tabs li { font-size: 1em; } 
.s_s_menu li a { font-size:1em; } 
.s_s_menu.sub li { width:50%; } 
.baner_icon_box li p { font-size: 1.5em; } 
.baner_icon_box li img { max-width: 50%; } 
#ga_cont .ga_mo_txt h3 { font-size: 1em; } 
#ga_cont .ga_mo_txt p { font-size: 0.9em; } 
.ga_cover .blindCover, #ga_cont .ga_cover > div.img { height: 100px; } 
.divTable { width:100%; } 
.divTableCell { width: 25%; } 
.divTableCell, .divTableCell2 { padding: 5px; } 
.divTableCell2 label { margin: 0; font-size:0.8em; } 
.right_baner_btn { text-align: right; margin-top: 30px; } 


.na5_box { padding: 0; } 
.na5_box .na5 { width:100%; } 

.na52_box .na5 { width:100%; } 

/* .na5 */
.na5_box2 .na5 { width:100%; } 

.m_title { padding:20px 0 0px; } 
}


@media (max-width: 768px){
.nac_box li { width: 50%; height: 250px; } 
.nac_box li .txt h2 { font-size:2em; } 
.nac_box li .txt h3 { margin:5px; } 
.nac_box li .txt { bottom: 5%; top: auto; } 

.nac_box2 li { width: 100%; } 
.nac_box2 li .txt h2 { font-size: 1.5em; } 
.nac_box2 li .txt h3 { margin:5px; } 
}