@charset "utf-8";

.inner { max-width:1260px; margin:0 auto;}

@media (max-width: 1300px) {
.inner { padding:0 20px;}
}

@media (max-width: 991px) {
.inner { padding:0 10px;}
}

/*
 * skip area
 */
 
.skip_navigation { position:absolute; left:0; top:0; width:100%; z-index:999;}
.skip_navigation dt { height:0; overflow:hidden;}
.skip_navigation a { position:absolute; left:0; top:-3.125rem; display:block; width:100%; height:3.125rem; text-align:center; font-size:0.875em; line-height:3.125rem; letter-spacing:-0.1em; background-color: #5C7091; /*background:rgba(0,0,0,0.4);*/ color:#fff; z-index:-1;}
.skip_navigation a:focus { top:0; z-index:20;}

#wrap { position:relative; font-size:0;}

/* layout */
#header { position:relative; border-bottom:1px solid #eaeaea; z-index:30;}
#container { position:relative; z-index:20; overflow:hidden;}
#footer { position:relative; z-index:10;}

/* #header */
#header.main_header { position:absolute; left:0; top:0; border-bottom:1px solid #4b75c4; width:100%;}
#gnb { padding:10px 0; text-align:right;}
#gnb a,
#gnb span { display:inline-block; vertical-align:middle;}
#gnb a { font-size:15px; color:#999;}
#gnb span { padding:5px 10px;}
#header.main_header #gnb a { color:#adbad9;}

@media (max-width: 991px) {
#gnb a { font-size:14px;}
}

@media (max-width: 768px) {
#gnb { text-align:center;}
#gnb a { font-size:13px;}
#gnb span { padding:5px;}
}

@media (max-width: 500px) {
#gnb a { font-size:12px;}
}

.header_cont { padding:15px 50px;}
#lnb { position:absolute; bottom:0; left:50%; margin-left:-430px;}
#lnb .lnb_dep1 a,
#lnb .lnb_dep1 span { display:inline-block; vertical-align:middle;}
#lnb .lnb_dep1 { position:relative; display:inline-block;}
#lnb li { position:relative; display:inline-block;}
#lnb a { font-size:23px; color:#333; font-weight:600; padding:30px;}
#lnb span { display:inline-block; border-radius:50%; width:5px; height:5px; background:#ccc; margin:0 5px;}
#lnb .lnb_dep2 { position:absolute; top:100%; width:100%; padding:10px 0; box-sizing:border-box; display:none; opacity:0; background:#fff;}
#lnb .lnb_dep2.active { display:block;}
#lnb .lnb_dep2 li { display:block; padding-bottom:10px; text-align:center;}
#lnb .lnb_dep2 li a { display:inline-block; padding:0 10px; font-size:17px; font-weight:500; line-height:1.5; color:#000;}
#lnb .lnb_dep2 li a:hover { color:#3765bd;}


#header.main_header #lnb a { color:#fff;}
#header.main_header #lnb span { background:#fff;}
#header.main_header #lnb .lnb_dep2 li a { color:#000;}
#header.main_header #lnb .lnb_dep2 li a:hover { color:#3765bd;}

.lnb_toggle { position:absolute; right:10px; bottom:15px; width:50px; height:50px; background:#fff; border:1px solid #ebebeb; box-sizing:border-box; border-radius:50%; text-align:center; display:none;}
.lnb_toggle span { position:relative; display:inline-block; margin-top:23px; width:21px; height:3px; background:#000;}
.lnb_toggle span:before,
.lnb_toggle span:after { content:""; position:absolute; display:block; left:0; width:100%; height:3px; background:#000;}
.lnb_toggle span:before { top:-7px;}
.lnb_toggle span:after { bottom:-7px;}

.lgo_top img { max-width:100%; height:auto;}

.form_id .textarea { overflow-y:scroll;}
.form_id .textarea .modal_sect p{ padding:5px 0;}
.form_id .textarea .modal_sect .tbl_s_list { position:relative; display:block; margin: 0 auto; width: 90%; margin-top:.3em;}
.form_id .textarea .modal_sect .site_ul li { font-size:13px; line-height:20px;}
.form_id .textarea .modal_sect .site_c_ul li { font-size:12px; }



@media (max-width: 1500px) {
.header_cont { padding:15px 35px;}
#lnb { left:auto; right:30px; margin:0;}
}

@media (max-width: 1300px) {
.header_cont { padding:15px 20px;}
#lnb .lnb_dep2 li a { padding:0 5px; font-size:16px;}
#lnb { right:20px;}
}

@media (max-width: 1200px) {
.lgo_top { display:block; width:197px;}
#lnb a { font-size:21px; padding:30px 20px;}
#lnb span { width:5px; height:5px;}
#lnb .lnb_dep2 li a { padding:0 5px; font-size:15px;}
}

@media (max-width: 1100px) {
#lnb a { font-size:19px;}
#lnb .lnb_dep2 li a { padding:0 5px; font-size:14px;}
}

@media (max-width: 1040px) {
#lnb a { font-size:18px;}
#lnb .lnb_dep2 li a { padding:0 5px; font-size:13px;}
}

@media (max-width: 991px) {
.is_lnb { overflow:hidden;}
#lnb { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:9999;}
#lnb span { display:none;}
.lnb_nav { position:absolute; top:0; right:0; width:80%; padding:50px 10px 20px; overflow:auto; box-sizing:border-box; max-width:400px; background:#fff; height:100%; z-index:10;}
.lnb_overlay { position:absolute; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,.8);}
#lnb .lnb_dep1 { display:block; border-bottom:1px solid #f1f1f1;}
#lnb .lnb_dep1 a,
#lnb .lnb_dep1 span { display:block; text-align:center; color:#222 !important; padding:10px; font-size:16px;}
.is_lnb #lnb { display:block;}
.lnb_toggle { display:block;}
#lnb .lnb_dep2 { position:static; top:100%; display:block; background:#f1f1f1; opacity:1;}
#lnb .lnb_dep2 br { display:none;}

.lnb_m_close { position:absolute; right:25px; top:35px; padding:0; width:50px; height:50px; cursor:pointer; z-index:100000; background:#fff; border:1px solid #ebebeb; box-sizing:border-box; border-radius:50%; text-align:center;}
.lnb_m_close b { position:relative !important; display:inline-block !important; border-radius:0 !important; margin-top:23px !important; width:22px !important; height:3px !important; background:#fff !important;}
.lnb_m_close b:before,
.lnb_m_close b:after { content:""; position:absolute; display:block !important; width:100%; height:2px; background:#000 !important;}
.lnb_m_close b:before { left:0; transform:rotate(-45deg);}
.lnb_m_close b:after { right:-1px; transform:rotate(45deg);}
}

@media (max-width: 768px) {
.header_cont { padding:15px 10px;}
.lnb_toggle { width:30px !important; height:30px;}
.lgo_top { display:block; width:140px;}
.lnb_toggle span { margin-top:13px; width:15px; height:2px; background:#000; display:inline-block;}
.lnb_toggle span:before,
.lnb_toggle span:after { height:2px;}
.lnb_toggle span:before { top:-5px;}
.lnb_toggle span:after { bottom:-6px;}

.lnb_m_close { width:30px !important; height:30px !important;}
.lnb_m_close b { margin-top:13px !important; width:15px !important; height:2px !important; background:#fff !important; display:block !important;}
.lnb_m_close b:before,
.lnb_m_close b:after {}
.lnb_m_close b:before { top:0 !important; left:6px;}
.lnb_m_close b:after { bottom:0 !important; right:-6px;}

.sect +.sect { margin-top:20px;}
}

@media (max-width: 500px) {
.header_cont { padding:10px;}
}

@media (max-width: 480px) {
.sect +.sect { margin-top:30px;}
.form_id .textarea .modal_sect .site_c_ul li { padding-left: 0;}
}
#content { padding-bottom:50px;}

/* footer */
.lgo_bottom { position:absolute; top:20px; left:0; width:197px;}
.lgo_bottom img { max-width:100%; height:auto;}
.footer_top { padding:20px 0; line-height:1.25; background:#3b434e; font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.06em;}
.footer_middle { padding:25px 0; border-bottom:1px solid #eaeaea;}
.footer_middle a { font-size:17px; font-weight:500; color:#3b434e; letter-spacing:-0.06em; vertical-align:middle;}
.footer_middle span { display:inline-block; width:4px; height:4px; border-radius:50%; background:#adadad; margin:0 25px; vertical-align:middle;}
.footer_bottom { position:relative; padding:35px 0 35px 250px; line-height:1.5;}
.footer_bottom address { font-size:17px; letter-spacing:-0.04em; color:#3b434e;}
#footer br { display:none;}

.txt_footer_bottom { padding-top:10px; font-size:16px; letter-spacing:-0.04em; color:#81868c;}

@media (max-width: 1040px) {
.lgo_bottom { position:static; display:inline-block; margin-bottom:20px; width:197px;}
.footer_bottom { padding-left:0; padding:20px 0; text-align:center;}
.footer_bottom address { font-size:16px;}

.txt_footer_bottom { font-size:15px;}
}

@media (max-width: 768px) {
.footer_top { padding:15px 0; font-size:13px; text-align:center;}
.footer_middle { padding:15px 0; box-sizing:border-box; overflow:auto; width:100%; white-space:nowrap;}
.footer_middle a { font-size:16px;}
.footer_middle span { margin:0 15px;}
.footer_bottom { position:relative; padding:35px 0 35px 250px; line-height:1.5;}

.lgo_bottom { margin-bottom:15px; width:167px;}
.footer_bottom { padding:15px 0; text-align:center;}
.footer_bottom address { font-size:15px;}
#footer br { display:block;}
.txt_footer_bottom { font-size:14px;}
}

@media (max-width: 500px) {
.footer_top { padding:5px 0; font-size:12px;}
.footer_middle { padding:10px 0;}
.footer_middle a { font-size:12px;}
.footer_bottom address { font-size:12px;}
.txt_footer_bottom { font-size:11px;}
}

#main_vusual { position:relative; width:100%; padding-top:190px; padding-bottom:70px; color:#3d361f;}
#main_vusual { -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
#main_vusual.main_vusual1 { background:url(/image/main/bg_main.jpg) no-repeat 50%; background-size:cover;}
#main_vusual.main_vusual2 { background:url(/image/main/bg_main.jpg) no-repeat 50%; background-size:cover;}
#main_vusual.main_vusual3 { background:url(/image/main/bg_main.jpg) no-repeat 50%; background-size:cover;}
#main_vusual .tit_visual { position:relative; font-family:'GmarketSansBold'; font-size:40px; color:#fff; text-align:center; line-height:1.5; font-weight:500; z-index:2;}
#main_vusual .tit_visual br { font-family:"dotum"; }
#main_vusual .inner { position:relative; z-index:4;}
#main_vusual .txt_visual { position:relative; padding:30px 0 90px; font-size:16px; line-height:1.5; color:#fff; text-align:center; font-weight:500; z-index:2;}
#main_vusual .btn_visual { position:relative; padding:30px 0; z-index:4;}
#main_vusual .btn_visual a { margin-left:10px;}
#main_vusual .btn_visual a:first-child { margin-left:0;}
#main_vusual .nav_visual { position:absolute; left:0; bottom:0; width:100%; padding:30px 0; text-align:center; font-size:0; z-index:5;}
#main_vusual .nav_visual a { display:inline-block; width:12px; height:12px; background:#9bb2de; border-radius:6px; margin:0 5px; -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
#main_vusual .nav_visual .active { background:#fff; width:47px;}
.bg_main { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0;}
.bg_main1 { background:url(../image/main/bg_main1.png) no-repeat 50%;}
.bg_main2 { background:url(../image/main/bg_main2.png) no-repeat 50%;}
.bg_main3 { background:url(../image/main/bg_main3.png) no-repeat 50%;}
.main_vusual1 .bg_main1,
.main_vusual2 .bg_main2,
.main_vusual3 .bg_main3 { opacity:1;}
.txt_add_visual { position:absolute; bottom:15px; right:50%; margin-right:-590px; text-shadow:0 0 2px #fff;}
.visual_wrap { position:relative; display:block; height:310px; padding-top:90px; white-space:nowrap; overflow:hidden;}
.visual_slide { position:absolute; width:100%; text-align:center; display:block; top:90px; left:100%; opacity:0; -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
.visual_slide.bactive { left:-100%; opacity:0;}
.visual_slide.active { left:0; opacity:1;}
.img_abs1,
.img_abs2 { position:absolute; top:0;}
.img_abs1 { left:0; transform-origin:top left;}
.img_abs2 { right:0; transform-origin:top right;}
.img_abs1 img,
.img_abs2 img { max-width:100%; height:auto;}

.tit_visual span span { position:relative;}
.tit_visual span span:after { position:absolute; display:block; top:-15px; left:50%; width:6px; height:6px; margin-left:-3px; border-radius:50%; background:#fff; content:"";}

#main_visual_v.swiper-container { height:410px;}
#main_visual_v .swiper-wrapper { margin:0;}
#main_visual_v .swiper-slide { padding-top:90px;}
#main_visual_v .swiper-pagination { padding:20px 0;}
#main_visual_v .swiper-pagination-bullet { width:12px; height:12px; border-radius:6px; background:#fff;}
#main_visual_v .swiper-pagination-bullet-active { width:46px;}
#main_visual_v .swiper-button-next, #main_visual_v .swiper-button-prev { width:70px; height:70px; background:#000; background:rgba(0,0,0,.2); border-radius:50%;}
#main_visual_v .swiper-button-next:after, #main_visual_v .swiper-button-prev:after { font-size:20px; color:#3765bd;}

@media (max-width: 1200px) {
#main_vusual { padding-top:170px; padding-bottom:60px;}
#main_vusual .tit_visual { font-size:40px;}
#main_vusual .txt_visual { padding:25px 0 80px; font-size:15px;}
.tit_visual span span { position:relative;}
.tit_visual span span:after { top:-12px; width:5px; height:5px; margin-left:-2px;}
.img_abs1,
.img_abs2 { transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);}
#main_visual_v.swiper-container { height:380px;}
#main_visual_v .swiper-slide { padding-top:80px;}
#main_visual_v .swiper-pagination { padding:18px 0;}
#main_visual_v .swiper-pagination-bullet { width:10px; height:10px; border-radius:5px;}
#main_visual_v .swiper-pagination-bullet-active { width:40px;}

}

@media (max-width: 1040px) {
#main_vusual { padding-top:150px; padding-bottom:50px;}
#main_vusual .tit_visual { font-size:34px;}
#main_vusual .txt_visual { padding:20px 0 60px; font-size:14px;}
.tit_visual span span { position:relative;}
.tit_visual span span:after { top:-8px; width:4px; height:4px; margin-left:-2px;}
.img_abs1,
.img_abs2 { transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -o-transform:scale(0.7);}
#main_visual_v.swiper-container { height:300px;}
#main_visual_v .swiper-slide { padding-top:70px;}
#main_visual_v .swiper-pagination { padding:16px 0;}
}

@media (max-width: 991px) {
#main_vusual { padding-top:130px; padding-bottom:40px;}
#main_vusual .tit_visual { font-size:28px;}
#main_vusual .txt_visual { padding:15px 0 50px; font-size:13px;}
.img_abs1,
.img_abs2 { transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -o-transform:scale(0.7);}
#main_visual_v.swiper-container { height:300px;}
#main_visual_v .swiper-slide { padding-top:60px;}
#main_visual_v .swiper-pagination { padding:14px 0;}
#main_visual_v .swiper-button-next, #main_visual_v .swiper-button-prev { width:50px; height:50px;}
#main_visual_v .swiper-button-next:after, #main_visual_v .swiper-button-prev:after { font-size:17px;}
}

@media (max-width: 768px) {
#main_vusual { padding-top:80px; padding-bottom:20px;}
.img_abs1,
.img_abs2 { transform:scale(0.4); -webkit-transform:scale(0.4); -moz-transform:scale(0.4); -o-transform:scale(0.4); top:50%;}
#main_vusual .tit_visual { font-size:24px;}
}

@media (max-width: 500px) {
#main_vusual { padding-top:70px;}
#main_vusual .tit_visual { font-size:20px;}
#main_vusual .txt_visual { padding:10px 0 30px; font-size:12px;}
.img_abs1,
.img_abs2 { transform:scale(0.3); -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -o-transform:scale(0.3); top:55%;}
#main_visual_v .swiper-button-next, #main_visual_v .swiper-button-prev { width:30px; height:30px;}
#main_visual_v .swiper-button-next:after, #main_visual_v .swiper-button-prev:after { font-size:12px;}
}

.main_notice { position:relative; background:#fff; padding:0 25px 0 220px; border-radius:50px;}
.main_notice .bbs_notice_item { position:relative; display:block; text-align:left; color:#000; font-size:20px; font-weight:200; text-overflow:ellipsis; width:100%; padding-right:110px; box-sizing:border-box; overflow:hidden; white-space:nowrap;}
.main_notice .bbs_notice_item strong { font-weight:300;}
.main_notice .bbs_notice_item span { position:absolute; top:50%; right:50px; margin-top:-10px; display:block; text-align:left; color:#000; font-size:20px; font-weight:200;}
.main_notice .swiper-wrapper { padding:35px 0; margin:0; height:20px;}
.main_notice .swiper-button-next,
.main_notice .swiper-button-prev { position:static; margin:0; vertical-align:middle; padding:5px 0; border-right:1px solid #d2d2d2;  height:auto; transform:rotate(90deg); color:#212121;}
.main_notice .swiper-button-next:after,
.main_notice .swiper-button-prev:after { font-size:12px;}
.main_notice .swiper-button-prev { border-left:none;}
.main_notice .swiper-button-next { margin-top:5px; border-right:none;}
.main_notice_arrow { position:absolute; top:50%; right:-10px; margin:0; margin-top:-24px; width:40px; height:48px; z-index:10;}
.tit_main_notice { position:absolute; top:50%; left:35px; margin-top:-13px; font-size:22px; font-weight:500; letter-spacing:-0.04em; color:#000; line-height:1; padding:2px 0;}
.tit_main_notice i { display:inline-block; width:55px; height:26px; margin-top:-4px; vertical-align:middle; background:url(/image/main/ico_bbs_notice.png) no-repeat 50%; background-size:cover;}

@media (max-width: 768px) {
.main_notice { padding:0 20px 0 160px; border-radius:50px;}
.main_notice .swiper-wrapper { padding:25px 0; height:18px;}
.tit_main_notice { left:25px; font-size:18px;}
.tit_main_notice i { width:35px; height:20px;}
.main_notice .bbs_notice_item { font-size:17px;}
.main_notice .bbs_notice_item span { margin-top:-8px; font-size:16px;}
}

@media (max-width: 500px) {
.main_notice { padding:0 25px 0 120px; border-radius:50px;}
.main_notice .swiper-wrapper { padding:15px 0; height:20px;}
.tit_main_notice { left:15px; font-size:16px;}
.tit_main_notice i { width:25px; height:16px;}
.main_notice .bbs_notice_item { font-size:15px;}
.main_notice .bbs_notice_item span { margin-top:-8px; font-size:14px;}
}

.main_sect1 { padding:70px 0;}
.intro_program { position:relative; padding-left:320px;}
.left_intro_program { position:absolute; top:0; left:0;}
.tit_intro_program { position:relative; padding-bottom:20px; font-family:'GmarketSansBold'; font-size:40px; line-height:1.1; color:#3765bd;}
.tit_intro_program br { font-family:"dotum";}
.tit_intro_program:after { position:absolute; bottom:0; left:0; width:45px; height:1px; background:#3765bd; content:"";}
.txt_intro_program { position:relative; padding-top:20px; font-size:16px; line-height:1.5; color:#999; font-weight:500;}
.right_intro_program { margin:0 -10px;}
.intro_line { padding:0 10px;}
.intro_line .intro_item { position:relative; display:block; padding:40px; margin-top:20px; border-radius:20px; box-sizing:border-box; height:220px; background:#25bdee;}
.intro_line .intro_item:first-child { margin-top:0;}
.intro_line .intro_item1 { background:#3765bd url(/image/main/intro_item1.png) no-repeat right bottom; background-size:100%;}
.intro_line .intro_item2 { background:#25bdee url(/image/main/intro_item2.png) no-repeat right bottom; background-size:100%;}
.intro_line .intro_item3 { background:#37b5bd url(/image/main/intro_item3.png) no-repeat right bottom; background-size:100%;}
.intro_line .intro_item4 { background:#5ca2f8 url(/image/main/intro_item4.png) no-repeat right bottom; background-size:100%;}
.intro_line .intro_item5 { background:#25bdee url(/image/main/intro_item5.png) no-repeat right bottom; background-size:100%; height:460px; text-align:center;}
.intro_line .intro_item9 { background:#3765bd url(/image/main/intro_item9.png) no-repeat right bottom; background-size:100%;}
.intro_line .intro_item8 { background:#25bdee url(/image/main/intro_item8.png) no-repeat right bottom; background-size:100%;}
.intro_line .intro_item10 { background:#25bdee url(/image/content/img_page_top9.png) no-repeat 80% bottom; background-size:50%;}
.intro_line .intro_item11 { background:#3765bd url(/image/content/img_page_top8.png) no-repeat 80% bottom; background-size:50%;}
.tit_intro_item { padding-bottom:10px; line-height:1.2; font-family:'GmarketSansBold'; font-size:21px; letter-spacing:-0.04em; color:#fff;}
.tit_intro_item br { font-family:"dotum";}
.txt_intro_item { line-height:1.4; font-size:16px; letter-spacing:-0.04em; color:#fff; opacity:.5;}
.intro_line .intro_item_l .tit_intro_item:after {}

.btn_main_intro { padding-top:30px;}
.btn_main_intro a { display:inline-block; border-radius:3px; font-size:16px; box-sizing:border-box; color:#25bdee; font-weight:500; letter-spacing:-0.04em; padding:10px 25px; background:#fff;}

@media (max-width: 1250px) {
.main_sect1 { padding:50px 0;}
.intro_program { padding-left:220px;}
.tit_intro_program { padding-bottom:15px; font-size:30px;}
.tit_intro_program:after { width:35px;}
.txt_intro_program { padding-top:10px; font-size:15px;}
.right_intro_program { margin:0 -5px;}
.intro_line { padding:0 5px;}
.intro_line .intro_item { padding:30px; margin-top:10px; border-radius:20px; box-sizing:border-box;}
.intro_line .intro_item5 { height:450px;}
.tit_intro_item { padding-bottom:10px; font-size:21px;}
.txt_intro_item { font-size:14px;}
}

@media (max-width: 991px) {
.main_sect1 { padding:30px 0;}
.intro_program { padding-left:0;}
.left_intro_program { position:relative; margin-bottom:20px; text-align:center;}
.tit_intro_program { padding-bottom:15px; font-size:30px;}
.tit_intro_program br { display:none;}
.tit_intro_program:after { left:50%; margin-left:-15px;}
.txt_intro_program { font-size:14px;}
.intro_line .intro_item { padding:25px; margin-top:10px; border-radius:15px; box-sizing:border-box;}
.tit_intro_item { padding-bottom:10px; font-size:21px;}
.txt_intro_item { font-size:14px;}
}

@media (max-width: 768px) {
.main_sect1 { padding:20px 0;}
.left_intro_program { position:relative; margin-bottom:10px; text-align:center;}
.tit_intro_program { padding-bottom:10px; font-size:22px;}
.tit_intro_program br { display:none;}
.tit_intro_program:after { left:50%; margin-left:-15px;}
.txt_intro_program { font-size:12px;}
.intro_line .intro_item { padding:15px; margin-top:10px; border-radius:10px; height:150px; box-sizing:border-box;}
.intro_line .intro_item5 { height:150px; text-align:left; margin-top:10px !important; background-size:50%;}
.tit_intro_item { padding-bottom:10px; font-size:13px;}
.txt_intro_item { font-size:11px;}

.btn_main_intro { padding-top:20px;}
.btn_main_intro a { font-size:14px; padding:5px 15px;}
}

.main_sect2 { padding:70px 0; background:#fafafa;}
.main_sect2 .inner { overflow:hidden;}
.middle_wrap { margin:0 -30px;}
.middle_block { padding:0 30px; height:310px; border-left:1px solid #eaeaea;}
.gall_wrap { position:relative;}
.gall_wrap img { max-width:100%; height:auto;}
.tit_main_gall { position:relative; display:block; padding:10px 0; font-size:19px; letter-spacing:-0.06em; color:#222; text-overflow:ellipsis; width:100%; overflow:hidden; white-space:nowrap;}
.btn_gall_group { position:absolute; top:5px; right:0; font-size:0;}
.btn_gall_group a { display:inline-block; margin-left:8px; width:35px; height:35px; box-sizing:border-box; border:1px solid #dedede; border-radius:50%;}
.btn_gall_group .gall_prev { margin-left:0; margin-right:8px; background:#fff url(/image/main/gall_prev.png) no-repeat 50%; background-size:cover;}
.btn_gall_group span { display:inline-block; width:1px; height:32px; background:#eaeaea;}
.btn_gall_group .gall_next { background:#fff url(/image/main/gall_next.png) no-repeat 50%; background-size:cover;}
.txt_main_gall { display:block; font-size:16px; letter-spacing:0; color:#999; text-overflow:ellipsis; width:100%; overflow:hidden; white-space:nowrap;}

.swiper-wrapper { margin:0;}

.tit_main_cs { padding-top:5px; padding-bottom:20px; font-family:'GmarketSansBold'; font-size:32px; letter-spacing:-0.04em; color:#333;}
.num_main_cs { padding-bottom:20px; font-family:'GmarketSansBold'; font-size:25px; letter-spacing:0.02em; color:#3765bd;}
.list_main_cs { padding-bottom:20px;}
.list_main_cs li { padding:3px 0; font-size:16px; color:#999; letter-spacing:-0.04em;}
.list_main_cs li strong { display:inline-block; width:70px; vertical-align:baseline;}

.btn_cs_group { margin:0 -2px;}
.btn_cs_group li { display:inline-block; padding:0 2px; box-sizing:border-box; width:50%;}
.btn_cs_group li a { display:block; border-radius:3px; width:100%; box-sizing:border-box; font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.04em; padding:10px 0; text-align:center; background:#aabac7;}

.main_sect3 { padding:50px 0;}


.block_no_date { padding:200px 0 !important; margin:10px !important; text-align:center !important; color:#666 !important; background:#eee !important; font-size:20px !important; font-weight:300 !important;}

.family_wrap { position:relative; padding-left:145px;}
.tit_family_wrap { position:absolute; left:0; top:0; font-size:19px; font-weight:500; color:#222; letter-spacing:-0.06em;}
.tit_family_wrap img { max-width:100%; height:auto;}
.btn_family_group { display:block; padding-top:10px;}
.btn_family_arrow { display:inline-block;}

.slide_family { text-align:center;}

@media (max-width: 1250px) {
.main_sect2 { padding:55px 0;}
.main_sect3 { padding:40px 0;}
.tit_family_wrap { font-size:18px;}
.tit_main_cs { padding-bottom:15px; font-size:29px;}
.num_main_cs { padding-top:10px; padding-bottom:5px; font-size:20px;}
.btn_gall_group a { width:30px; height:30px;}
.btn_gall_group span { display:inline-block; width:1px; height:32px; background:#eaeaea;}
.list_main_cs { padding-bottom:10px;}
.list_main_cs li { font-size:13px;}
.list_main_cs li strong { width:55px; vertical-align:baseline;}
.block_no_date { font-size:16px !important;}
}

@media (max-width: 991px) {
.main_sect2 { padding:40px 0;}
.main_sect3 { padding:30px 0;}
.tit_family_wrap { font-size:17px;}
.tit_main_cs { padding-bottom:10px; font-size:26px;}
.btn_gall_group a { width:27px; height:27px;}
.btn_gall_group span { height:24px;}
.block_no_date { font-size:15px !important;}
}

@media (max-width: 768px) {
.tit_family_wrap { display:none;}
.family_wrap { padding-left:0;}

.main_sect2 { padding:25px 0;}
.main_sect3 { padding:20px 0;}
.tit_main_cs { padding-bottom:5px; font-size:23px;}
.num_main_cs { padding-top:10px; padding-bottom:5px; font-size:20px;}
.list_main_cs { padding-bottom:10px;}
.list_main_cs li { font-size:13px;}
.list_main_cs li strong { width:55px; vertical-align:baseline;}

.btn_gall_group a { width:24px; height:24px;}
.btn_gall_group span { height:21px;}

.btn_cs_group li { padding:0 1px;}
.btn_cs_group li a { border-radius:2px; font-size:13px; padding:5px 0;}

.btn_gall_group a { width:21px; height:21px;}
.btn_gall_group span { height:18px;}
.block_no_date { font-size:14px !important;}
}

.m_gnb { display:none !important; padding:30px 0;}
.m_gnb a { padding:0 !important; box-sizing:border-box; display:block !important; width:50% !important; text-align:center !important; color:#222 !important; float:left; font-size:14px !important; border-left:1px solid #eaeaea;}
.m_gnb a:first-child { border-left:0;}

@media (max-width: 500px) {
.tit_family_wrap { font-size:15px;}
.main_sect2 { padding:15px 0;}
.main_sect3 { padding:10px 0;}
.tit_main_cs { padding-bottom:0; font-size:20px;}
.num_main_cs { padding-top:10px; padding-bottom:5px; font-size:18px;}
.list_main_cs { padding-bottom:10px;}
.list_main_cs li { font-size:13px;}
.list_main_cs li strong { width:50px; vertical-align:baseline;}

.btn_cs_group li { padding:0 1px;}
.btn_cs_group li a { border-radius:2px; font-size:13px; padding:5px 0;}

.btn_gall_group a { width:21px; height:21px;}
.btn_gall_group span { height:18px;}
.block_no_date { font-size:13px !important;}
.m_gnb { display:block !important;}
.middle_block { height:auto;}

.cs_wrap { padding:20px 0; text-align:center;}
.list_main_cs { padding:10px 0 20px;}
.btn_cs_group li a { border-radius:0; font-size:13px; color:#666; background:#fafafa; border:1px solid #c6c9ce; padding:12px 0;}
.tble
}