@charset "utf-8";
/* CSS Document */

/*html{overflow-x:hidden}
body{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
td{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
h1{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
h2{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
h3{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
h4{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
h5{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
div{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
p{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
li{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
ul{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
ol{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
dd{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
dt{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
section{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
input{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
textarea{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
select{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
button{margin:0;padding:0;font-size:14px;color:#333;line-height:1.6em;font-family:'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.02em}
ul{margin:0;padding:0;list-style:none}
ol{margin:0;padding:0;list-style:none}
li{margin:0;padding:0;list-style:none}
a{border:0px;vertical-align:middle} 
img{border:0px;vertical-align:middle}
a{text-decoration:none} strong{font-weight:500} 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*/
[class~=lview]{} [class~=sview]{display:none} 
[class~=mview]{display:none} 
[class~=coach_btn]{font-size:1.4em;border:solid 2px #134aa9;border-radius:40px;height:70px;padding-top:15px;text-align:center;color:#134aa9;background:#ffffff} 
[class~=coach_btn_on]{font-size:1.4em;border:solid 2px #134aa9;border-radius:40px;height:70px;padding-top:15px;text-align:center;color:#ffffff;background:#134aa9} 
[class~=coach_btn]:hover{background:#134aa9;color:#ffffff;cursor:pointer} 
#mobile_header{width:100%;height:60px;line-height:60px;border:0px solid red;z-index:999999;display:none} 
#mobile_header [class~=inner]{top:0;left:0;z-index:50;width:100%;height:60px;line-height:60px;overflow:hidden;background:#fff} 
#mobile_header h1{width:220px;padding-top:10px;text-align:center;margin:0 auto} #mobile_header h1 img{width:60%;overflow:hidden} 
#mobile_header [class~=m_gnb] li{list-style:none} 
#mobile_header [class~=m_gnb] li a{display:block;top:0;width:100%;text-align:center;color:transparent}
#mobile_header [class~=m_gnb] li[class~=category] a i{float:left;position:absolute;width:20px;height:20px;line-height:20px;left:15px;top:20px;font-size:20px;color:#111} 
#mobile_header [class~=m_gnb] li[class~=home] a i{float:left;position:absolute;width:20px;height:20px;line-height:20px;right:15px;top:20px;font-size:20px;color:#111} 
#back_cover{position:absolute;display:none;left:0;top:0;width:100%;height:100%;top:0px;background:rgba(0,0,0,0.5);z-index:9999998} 
#sideMenu{display:inline;position:fixed;top:0;left:-250px;width:249px;height:100%;background-color:#fff;z-index:9999999} 
#sideMenu [class~=side_title]{height:60px;line-height:60px;background-color:#000;color:#fff;text-align:center;font-size:1.3em;cursor:pointer}
#sideMenu [class~=navi_bg]{width:100%} 
#sideMenu [class~=nav]{width:100%;margin:0 auto;padding:0;padding-bottom:30px;list-style:none;box-sizing:border-box;overflow:auto;height:500px} 
#sideMenu [class~=nav] ul{width:100%;margin:0;padding:0} 
#sideMenu [class~=navi_set]{display:inline;margin:0;padding:10px 0 10px 0;text-align:center} 
#sideMenu [class~=navi_set] > div{display:block;width:100%;height:40px;line-height:40px;border-bottom:1px solid #aaa;text-align:left;background-color:#fff;color:#333;text-indent:10px;cursor:pointer} 
#sideMenu [class~=navi_set] > div > a{display:block;width:100%;height:40px;line-height:40px} 
#sideMenu [class~=navi_set] ul{display:none} 
#sideMenu [class~=navi_set] ul li{list-style:none;border-bottom:1px solid #eee} 
#sideMenu [class~=navi_set] ul li a{display:block;width:100%;height:30px;line-height:30px;text-align:left;font-size:0.9em;color:#333;cursor:pointer;text-indent:20px;background-color:#fff} 
#sideMenu [class~=navi_set] ul li a:hover{color:#fff;background-color:#aaa} 
#gnba{background-color:#666;text-align:center;padding:10px 0} 
#gnba i{color:#fff;font-size:30px} 
#gnba a{color:#fff;text-align:center;font-size:0.85em;padding:5px 10px;margin:0 2px;background:#C53428;border-radius:3px} 
#gnba a:hover{background:#fff;color:#000} 
[class~=jbmFixed]{position:fixed !important;top:0;left:0} 
[class~=jbmFixed] [class~=inner]{border-bottom:1px solid #ddd !important} 
/*#header_wrap{width:100%;min-width:1200px;overflow-x:hidden} 
[class~=wrap_box]{position:relative;width:100%;max-width:1500px;margin:0 auto;background:none} 
#header{position:absolute;top:0;left:0;width:100%;min-height:106px;background:rgba(0, 0, 0, 0.4);z-index:500 !important;height:106px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#header h1{position:absolute;display:block;line-height:106px;left:0;transition:all .3s ease-in-out;background:none} 
#header[class~=header_on]{height:300px !important} 
#lnb{position:relative;float:right;margin-right:160px;line-height:106px !important;background:none} 
#lnb:hover [class~=lnb_wrap]{height:280px} 
#lnb [class~=lnb_wrap]{position:relative;overflow:hidden;height:106px;min-height:106px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#lnb [class~=lnb_wrap] > ul > li{float:left} 
#lnb [class~=lnb_wrap] > ul > li > a{display:block;width:100%;padding:0 40px;font-size:1.4em;font-weight:500;color:#fff;height:106px;line-height:106px;border-bottom:0px solid rgba(255,255,255,0)} 
#lnb [class~=lnb_wrap] > ul > li > a > span{display:block;background:#fff;width:0px;height:2px;margin:0 auto;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#lnb [class~=lnb_wrap] > ul > li[class~=current] > a{color:#fff;font-weight:500;border-bottom:0px solid rgba(255,255,255,1);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease}  
#lnb [class~=lnb_wrap] > ul > li[class~=actived] > a{color:#fff;font-weight:500;border-bottom:0px solid rgba(255,255,255,1);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#lnb [class~=lnb_wrap] > ul > li[class~=current] > a > span{display:block;background:#fff;width:100%}  
#lnb [class~=lnb_wrap] > ul > li[class~=actived] > a > span{display:block;background:#fff;width:100%} 
#lnb [class~=lnb_sub]{margin-top:10px;text-align:center} 
#lnb [class~=lnb_sub] li a{display:block;color:#fff;padding:0;margin:0 0 2px 0;height:30px;border-radius:5px;line-height:30px;font-size:1em;letter-spacing:-0.5px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#lnb [class~=lnb_sub] li a:hover{display:block;background-color:#fff;color:#000;font-weight:400} */
#gnbb{position:absolute;right:0} 
#gnbb i{font-size:0.85em} 
#gnbb a{color:#000;text-align:center;font-size:0.85em;line-height:80px;padding:5px 10px;margin:0px;background-color:#fff;border-radius:5px} 
#gnbb a[class~=btn2]{color:#000;text-align:center;font-size:0.85em;line-height:80px;padding:5px 10px;margin:0px} 
#gnbb a[class~=btn2]:hover{background:#000;color:#000} 
[class~=jbFixed] [class~=header_in]{position:fixed !important;top:0px;width:100% !important;background:rgba(51, 51, 51, 1);border-bottom:0px solid #000} 
[class~=jbFixed] [class~=header_in] 
#lnb{margin-top:0} 
[class~=jbFixed] [class~=header_in] #lnb:hover [class~=lnb_wrap]{height:280px} 
[class~=jbFixed] [class~=header_in] #lnb [class~=lnb_wrap]{height:60px;min-height:60px} 
[class~=jbFixed] [class~=header_in] #lnb [class~=lnb_wrap] > ul > li > a{height:60px;line-height:60px;color:#fff}
[class~=jbFixed] [class~=header_in] #lnb [class~=lnb_sub] li a{display:block;color:#fff;padding:0;margin:0 0 2px 0;height:30px;line-height:30px;font-size:1em;letter-spacing:-0.5px} 
[class~=jbFixed] [class~=header_in] #lnb [class~=lnb_sub] li a:hover{display:block;background-color:#000;color:#fff;font-weight:400}
[class~=jbFixed] [class~=header_in] #gnbb a{height:60px;line-height:60px !important;background-color:#000;color:#fff} 
[class~=jbFixed] [class~=header_in] #gnbb a[class~=btn2]{color:#000;text-align:center;font-size:0.85em;line-height:80px;padding:5px 10px;margin:0 1px;border-radius:0px} 
[class~=jbFixed] [class~=header_in] #gnbb a[class~=btn2]:hover{background:#555;color:#000} 
[class~=jbFixed] [class~=header_in] h1{height:60px;line-height:50px !important} 
[class~=jbFixed] [class~=header_in] h1 img{width:80%;transition:all .3s ease-in-out} 



#container{position:relative;width:100%;margin:0;padding:0;z-index:1;background:#fff;margin-top:0px} 
#main_visual{clear:both;position:relative;text-align:center;width:100%;padding:0;margin:0px auto;overflow:hidden} 
#main_visual:after{content:"";display:block;clear:both} 
#main_visual [class~=swiper-slide]{width:100%;height:auto;padding:0;background-color:#000;overflow:hidden} 
#main_visual [class~=swiper-slide] div[class~=backgroundimg]{width:100%;height:100%;z-index:1} 
#main_visual [class~=swiper-slide] [class~=backgroundimg] [class~=mobile_only]{display:none} 
#main_visual [class~=swiper-slide] [class~=backgroundimg] img{width:100%;height:auto} 
#main_visual [class~=sliderkit-text]{width:100%;height:200px;max-width:1300px;position:absolute;top:50%;margin-top:-100px;left:50%;margin-left:-650px;text-align:left;z-index:2} 
#main_visual [class~=sliderkit-text] h1[class~=lviewa]{opacity:0;font-size:3.9em;color:#fff;line-height:1.3em;font-weight:700;padding-bottom:10px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#main_visual [class~=sliderkit-text] h1[class~=sviewa]{opacity:0;font-size:1.3em;color:#fff;line-height:1.3em;padding-bottom:10px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#main_visual [class~=sliderkit-text] div{opacity:0;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#main_visual [class~=sliderkit-text] div span{display:inline-block;padding:10px 15px;margin:10px auto;background:#000;border-radius:5px} 
#main_visual [class~=sliderkit-text] div span h2{font-size:1em;color:#fff;letter-spacing:0.05em} 
#main_visual [class~=swiper-button-prev]{left:60px;top:55%;margin-top:-25px;display:block;background:url("../image/visual_prev_on.png") center left no-repeat;opacity:0.7;width:50px;height:50px;color:rgba(255,255,255,0);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
[class~=swiper-container-rtl] [class~=swiper-button-next]{left:60px;top:55%;margin-top:-25px;display:block;background:url("../image/visual_prev_on.png") center left no-repeat;opacity:0.7;width:50px;height:50px;color:rgba(255,255,255,0);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#main_visual [class~=swiper-button-next]{right:60px;top:55%;margin-top:-25px;display:block;background:url("../image/visual_next_on.png") center right no-repeat;opacity:0.7;width:50px;height:50px;color:rgba(255,255,255,0);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
[class~=swiper-container-rtl] [class~=swiper-button-prev]{right:60px;top:55%;margin-top:-25px;display:block;background:url("../image/visual_next_on.png") center right no-repeat;opacity:0.7;width:50px;height:50px;color:rgba(255,255,255,0);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#main_visual [class~=swiper-button-prev]:hover{opacity:1} 
[class~=swiper-container-rtl] [class~=swiper-button-next]:hover{opacity:1} 
#main_visual [class~=swiper-button-next]:hover{opacity:1} 
[class~=swiper-container-rtl] [class~=swiper-button-prev]:hover{opacity:1} 
#main_visual [class~=swiper-pagination]{width:1500px;left:50%;bottom:30%;transform:translate(-50%,50%);text-align:left} 
#main_visual [class~=swiper-pagination-bullet]{width:10px;height:10px;border-radius:5px;opacity:0.6;transition:0.4s ease} 
#main_visual [class~=swiper-pagination-bullet-active]{width:70px;background:#fff;opacity:1} 
#main_about_100{width:100%;max-width:1500px;margin:90px auto;overflow:hidden} 
#main_about_100:after{content:"";display:block;clear:both} 
#main_about_100 [class~=img_wrap]{float:left;width:50%} 
#main_about_100 [class~=img_wrap] img{width:100%} 
#main_about_100 [class~=txt_wrap]{float:right;width:50%} 
#main_about_100 [class~=txt_wrap] [class~=txt_cont]{width:100%;padding:50px;padding-right:0} 
#main_about_100 [class~=txt_wrap] [class~=txt_cont] h2{font-size:3em;font-weight:700;line-height:1.5em} 
#main_about_100 [class~=txt_wrap] [class~=tit]{font-size:2em;font-weight:400;line-height:1.2em} 
#main_about_100 [class~=txt_wrap] [class~=txt]{font-size:1em;line-height:1.5em;display:inline-block;word-break:keep-all;color:#333;padding:25px 0 50px} 
#main_about_100 [class~=btn_more]{display:block;width:180px;height:50px;line-height:50px;background:#222;text-align:center;color:#fff;transition:0.6s}
#main_about_100 [class~=btn_more]:hover{background:#c53528}
#m_bnr{width:100%;max-width:1980px;margin:0px auto;z-index:99}
#m_bnr:after{content:"";display:block;clear:both} 
#m_bnr div{width:100%;height:350px;cursor:pointer} 
#m_bnr div[class~=con_box1]{float:left;width:50%;text-align:center;background:#edf1fa url('../image/con_box1_back.jpg')no-repeat} 
#m_bnr div[class~=con_box2]{float:left;width:50%;text-align:center;background:#2c3137 url('../image/con_box2_back.jpg')no-repeat} 
#m_bnr div [class~=hover_area] em{display:block;color:#fff;font-size:1.25em;padding-top:80px;text-align:center;letter-spacing:0.2em;font-style:normal} 
#m_bnr div [class~=hover_area] em:after{display:block;content:"";width:3%;height:1px;margin:15px auto;background:#eee} 
#m_bnr div [class~=hover_area] strong{display:block;color:#fff;font-size:1.8em;line-height:1.2em;font-weight:200;padding:10px 15px} 
#m_bnr div [class~=btn_go1] a{display:block;color:#000;text-align:center;font-size:1em;width:160px;height:50px;line-height:50px;margin:20px auto;background-color:#fff;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#m_bnr div:hover [class~=btn_go1] a{color:#fff;background-color:#c53528} 
#m_bnr1{width:100%;max-width:1980px;margin:0px auto;z-index:99} 
#m_bnr1:after{content:"";display:block;clear:both} 
#m_bnr1 div{width:100%} 
#m_bnr1 div[class~=con_box]{float:left;width:100%;text-align:center;background:#ffffff url('../image/main_bg.png')no-repeat} 
#m_bnr1 div[class~=con_box1]{float:left;width:50%;text-align:center;background:#edf1fa url('../image/con_box1_back.jpg')no-repeat} 
#m_bnr1 div[class~=con_box2]{float:left;width:50%;text-align:center;background:#2c3137 url('../image/con_box2_back.jpg')no-repeat}
#m_bnr1 div [class~=hover_area] em{display:block;color:#fff;font-size:1.25em;padding-top:80px;text-align:center;letter-spacing:0.2em;font-style:normal} 
#m_bnr1 div [class~=hover_area] em:after{display:block;content:"";width:3%;height:1px;margin:15px auto;background:#eee} 
#m_bnr1 div [class~=hover_area] strong{display:block;color:#fff;font-size:1.8em;line-height:1.2em;font-weight:200;padding:10px 15px} 
#m_bnr1 div [class~=btn_go1] a{display:block;color:#000;text-align:center;font-size:1em;width:160px;height:50px;line-height:50px;margin:20px auto;background-color:#fff;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease}
#m_bnr1 div:hover [class~=btn_go1] a{color:#fff;background-color:#c53528} 
#rolling_box{width:100%;max-width:1500px;margin:0 auto;margin-top:100px;margin-bottom:80px;overflow:hidden} 
#rolling_box [class~=g_tit]{width:100%;max-width:1500px;margin:0px auto;margin-bottom:60px} 
#rolling_box [class~=g_tit] p{text-align:center;font-size:3em;line-height:50px;color:#000;font-weight:700;padding:0 10px;margin:0px auto} 
#rolling_box [class~=g_tit] span{display:block;text-align:center;font-size:1.15em;color:#000;padding:0 10px;margin:10px 0 20px 0} 
#rolling_box [class~=swiper-wrapper2]{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} 
#rolling_box [class~=swiper-container2]{width:100%;height:auto;overflow:hidden}
#rolling_box [class~=swiper-container2] [class~=swiper-slide]{position:relative;width:285px;padding:0;margin:0;box-sizing:border-box}
#rolling_box [class~=swiper-container2] [class~=swiper-slide] a{width:100%;display:block} 
#rolling_box [class~=swiper-container2] [class~=swiper-slide] img{width:285px} 
#rolling_box [class~=swiper-container2] [class~=swiper-slide] [class~=txtBox]{width:100%;height:200px;text-align:left;background:#f7f7f7;padding:25px 20px} 
#rolling_box [class~=swiper-container2] [class~=swiper-slide] [class~=txtBox] [class~=tit]{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:1.2em;color:#000;line-height:30px} 
#rolling_box [class~=swiper-container2] [class~=swiper-slide] [class~=txtBox] [class~=txt]{display:block;max-height:63px;min-height:50px;overflow:hidden;font-size:1em;color:#555;line-height:1.5em} 
#rolling_box [class~=swiper-container2] [class~=swiper-slide] [class~=txtBox] [class~=date]{position:absolute;bottom:30px;left:20px;display:block;font-size:1em;color:#777} 
#rolling_box [class~=swiper-btn-wrap]{position:relative;top:0;width:100%;max-width:1500px;height:100px;margin:0px auto;background:none} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap1]{position:absolute;top:50px;width:100%;max-width:1500px;height:3px;margin:0px auto;z-index:0} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap1] [class~=swiper-scrollbar2]{width:150px;height:3px;left:0;right:0;bottom:7px;margin:0 auto;background:rgba(0,0,0,.1)} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap1] [class~=swiper-scrollbar-drag]{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5)} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2]{position:absolute;top:20px;width:100%;max-width:1500px;height:40px;text-align:center;margin:0px auto;z-index:20;background:none} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2] [class~=swiper-button-prev2]{background:url("../image/list_prev_on2.png");left:0%;right:auto;cursor:pointer} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2] [class~=swiper-button-next2]{background:url("../image/list_next_on2.png");right:0%;left:auto;cursor:pointer} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2] [class~=swiper-button-next2]{position:absolute;top:auto;bottom:0px;width:40px;height:40px}  
[class~=swiper-button-prev2]{position:absolute;top:auto;bottom:0px;width:40px;height:40px} 
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2] [class~=swiper-button-next2][class~=swiper-button-disabled]{opacity:1;background:url("../image/list_next_off2.png")}
#rolling_box [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2] [class~=swiper-button-prev2][class~=swiper-button-disabled]{opacity:1;background:url("../image/list_prev_off2.png")} 
#rolling_box [class~=swiper-pagination2]{display:none} #company_wrap{width:100%;min-width:320px;margin:0 auto;background:#1e2c5d;background:url("../image/company_back.jpg") no-repeat 50% 40%} 
#company_wrap:after{content:"";display:block;clear:both} #company_wrap [class~=company_area]{width:100%;max-width:1500px;margin:0 auto} 
#company_wrap [class~=company_area]:after{content:"";display:block;clear:both} 
#company_wrap [class~=company_title]{float:left;width:20%;margin-top:50px} 
#company_wrap [class~=company_title] h2{position:relative;font-size:2em;line-height:1.2em} 
#company_wrap [class~=company_title] strong{font-weight:700;color:#fff}
#company_wrap [class~=company_title] p{color:#fff;font-size:1em;font-weight:200;line-height:1.2em;margin-top:15px} 
#company_wrap [class~=company_title] h2 span[class~=titleBar]:after{content:'';position:absolute;width:50px;height:2px;top:16px;margin-left:10px;background-color:#fff} 
#company_wrap [class~=company_box]{float:right;width:76%} 
#company_wrap [class~=company_box] li{float:left;display:inline-block;text-align:center;width:25%;height:100%;padding:60px 0;overflow:hidden;cursor:pointer} 
#company_wrap [class~=company_box] li [class~=hover_area]{width:100%;height:100%;box-sizing:border-box} 
#company_wrap [class~=company_box] li [class~=hover_area] div{width:100px;height:100px;line-height:100px;border-radius:2px;background:#fff;box-sizing:border-box;margin:0 auto} 
#company_wrap [class~=company_box] li [class~=hover_area] div i{display:inline;width:30px;height:30px;line-height:30px;padding:5px 0 5px 0;vertical-align:middle;font-size:2em;color:#333;text-align:center} 
#company_wrap [class~=company_box] li strong{position:relative;display:block;font-size:1.25em;font-weight:700;color:#fff;margin-top:20px} 
#company_wrap [class~=company_box] li p{padding:0 10px;margin-top:15px;font-size:1em;line-height:1.4em;color:#fff;opacity:0.8;letter-spacing:0.05em} 
#company_wrap [class~=company_box] li span{display:none;width:50%;color:#fff;padding:4px 0;margin-top:15px}
#company_wrap [class~=company_box] li:hover [class~=hover_area] div{background:#A3D6E0;transition:0.6s} 
#company_wrap [class~=company_box] li:hover p{color:#fff;opacity:0.8} 
#company_wrap [class~=company_box] li:hover span{color:#fff} 
#comm_wrap{width:100%;padding:100px 0 50px 0}
#comm_wrap:after{content:"";display:block;clear:both} 
#comm_wrap [class~=board_area]{width:100%;max-width:1500px;margin:0 auto} 
#comm_wrap [class~=board_area] [class~=dleft]{position:relative;float:left;width:50%}
#comm_wrap [class~=board_area] [class~=dright]{position:relative;float:right;width:50%} 
#comm_wrap [class~=notice_area]{position:relative;float:left;width:95%;padding:0} 
#comm_wrap [class~=notice_area] [class~=tab]{height:50px;line-height:50px;border-bottom:1px solid #333;box-sizing:border-box}
#comm_wrap [class~=notice_area] [class~=tab] li{float:left;width:30%;color:#777} 
#comm_wrap [class~=notice_area] [class~=tab] a{display:block;height:50px;line-height:50px;font-size:1.25em;text-align:center;border:1px solid #333;border-bottom:1px solid #333;color:#777;box-sizing:border-box} 
#comm_wrap [class~=notice_area] [class~=tab] a:hover{background:#fff;color:#000}  
#comm_wrap [class~=con_box6] [class~=notice_area] [class~=tab] a:focus{background:#fff;color:#000}
#comm_wrap [class~=notice_area] [class~=tab] li:first-child a{border-right:0}
#comm_wrap [class~=notice_area] [class~=tab] li:last-child a{border-left:0} 
#comm_wrap [class~=notice_area] [class~=tab] li[class~=on] a{border:1px solid #333;border-bottom:0;color:#fff;background:#333}
#comm_wrap [class~=notice_area] [class~=active]{display:block;margin-top:20px;padding:0px}
#comm_wrap [class~=notice_area] li{position:relative;top:0;line-height:30px}
#comm_wrap [class~=notice_area] li span[class~=date]{position:absolute;right:0;text-align:right;line-height:30px;font-size:0.9em;color:#777}
#comm_wrap [class~=notice_area] div li a{display:inline-block;margin-right:0px;font-size:1em;color:#333} 
#comm_wrap [class~=notice_area] > div{display:none;padding:0} 
#comm_wrap [class~=notice_area] [class~=more]{position:absolute;top:10px;right:0px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease}
#comm_wrap [class~=notice_area] [class~=more]:hover{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#online{clear:both;position:relative;top:0;width:100%;max-width:1980px;margin:0px auto;background:url('../image/online_back.jpg')no-repeat;background-position:50% 50%}
#online:after{content:"";display:block;clear:both}
#online [class~=online_con]{width:100%;height:350px} 
#online [class~=online_con] div[class~=blind]{width:100%;height:100%;background:rgba(0,0,0,0.3)}
#online [class~=online_area]{position:absolute;top:0;left:0;text-align:center;width:100%;padding:100px 0px 0px 0px} 
#online [class~=online_area] p{font-size:2.5em;color:#fff} 
#online [class~=online_area] span{display:block;padding-bottom:20px;font-size:1.3em;font-weight:300;line-height:24px;color:#fff;opacity:1}
#online [class~=online_area] a{display:block;width:200px;height:50px;line-height:50px;font-size:1.2em;color:#fff;background:#c53528;border:1px solid #c53528;margin:20px auto;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} 
#online [class~=online_area] a:hover{color:#fff;background:rgba(0,0,0,0);border:1px solid #fff} 



#footer{clear:both;width:100%;margin:0;padding-bottom:70px;background:#333} 
#footer:after{content:"";display:block;clear:both} 
#footer [class~=copy_bar]{width:100%} 
#footer [class~=copy_bar] div{width:100%;max-width:1500px;margin:0 auto} 
#footer [class~=copy_bar] div [class~=copy_menu]{padding-top:20px} 
#footer [class~=copy_bar] div [class~=copy_menu] a{color:#fff} 
#footer [class~=copy_bar] div [class~=copy_menu] a:hover{color:#fd7701} 
#footer [class~=copy_area]{position:relative;width:100%;max-width:1500px;margin:0 auto;padding-top:20px} 
#footer [class~=copyright]{float:left;width:70%;text-align:left;padding:0} 
#footer [class~=copyright] p{width:100%;text-align:left;color:#888;padding-top:10px}
#footer [class~=copyright] p span{display:inline-block;color:#888;margin-right:15px} 
#footer [class~=copyright] p span:nth-child(5){display:block} 
#footer [class~=copyright] p span:nth-child(5){display:inline-block} 
#footer [class~=copyright] p span:nth-child(9){display:block} 
#footer [class~=cs_area]{position:absolute;top:0;right:0;width:320px;border:1px solid #555;padding:20px;box-sizing:border-box} 
#footer [class~=cs_data]{float:left;width:60%} 
#footer [class~=cs_data] [class~=cs_title]{font-size:1.2em;color:#fff} 
#footer [class~=cs_data] [class~=cs_title]:after{display:block;content:"";width:85%;height:1px;margin:5px 0;background:#eee} 
#footer [class~=cs_data] [class~=cs_tel]{font-size:1.5em;color:#fff} 
#footer [class~=cs_data] [class~=cs_tel] a{color:#fff} 
#footer [class~=cs_info]{float:left;width:40%;padding-top:5px} 
#footer [class~=cs_info] span{display:block;font-size:0.85em;color:#aaa;padding:0;margin:0;height:20px;line-height:20px} 
#backtotop{position:fixed;bottom:35%;right:10px;z-index:1000;display:block;}
[class~=q-menu] nav div{width:50px;height:50px;line-height:50px;font-size:1.5em;text-align:center;background:rgba(0,0,0,0.5);margin:10px 0;border-radius:100px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease}
[class~=q-menu] nav div:hover{background:#c53528}
[class~=q-menu] nav div i{display:inline-block;vertical-align:top;text-align:center;width:100%;height:50px;line-height:50px;font-size:0.85em}
[class~=q-menu] nav div a{display:inline-block;position:relative;width:100%;height:100%;text-align:center;color:#fff;text-decoration:none;vertical-align:top}
[class~=q-menu] nav div a span{font-size:0.7em;display:inline-block;position:absolute;top:35%;right:70px;opacity:0;white-space:nowrap;padding:5px 8px;border-radius:3px 3px;background:#c53528;color:#fff;margin-top:-2px;line-height:1em;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms} 
[class~=q-menu] nav a span:before{content:'';display:block;position:absolute;right:-10px;top:50%;margin-top:-5px;border:5px solid transparent;border-left-color:#c53528} 
[class~=q-menu] nav a:after{position:absolute;content:'';display:inline-block;width:30px;height:30px;margin-left:-5px;margin-top:-10px;top:50%;left:50%} 
[class~=q-menu] nav a:hover{opacity:1} 
[class~=q-menu] nav a:hover span{right:60px;opacity:1} 
[class~=q-menu] nav a[class~=active]{color:#333;opacity:1} 

/*#sub_visual{width:100%;height:410px;text-align:center;background:#e8e9eb} 
#sub_visual [class~=backgroundimg]{position:relative;width:100%;text-align:center;margin:0 auto;height:410px;z-index:0}
#sub_visual [class~=visual_area]{width:100%;max-width:1920px;height:410px;margin:0 auto} 
#sub_wrapper{width:100%;margin:-60px auto 0;background:#fff}
#sub_wrapper:after{content:"";display:block;clear:both} 
#sub_menu{display:block;width:100%;margin:0px auto;background:#fff;border-bottom:1px solid #ddd} 
#sub_menu [class~=sub_tab]{width:100%;max-width:1500px;text-align:left;margin:0 auto} 
[class~=sub_location]{position:relative;width:100%;max-width:1500px;height:60px;font-size:0;background:#fff;margin:0 auto} 
[class~=sub_location] > div{font-size:0} 
[class~=sub_location] > div [class~=cen]{float:left;width:60px;height:60px;line-height:60px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd}
[class~=sub_location] > div [class~=cen] i{color:#000;font-size:1.2em}  
[class~=sub_location] ul{width:100%;max-width:1500px;padding:0;margin:0;display:inline-block;width:179px;border-right:1px solid #ddd;vertical-align:top;box-sizing:border-box}
[class~=sub_location] ul:first-child{border-left:1px solid #ddd}
[class~=sub_location] ul li{position:relative;width:100%}
[class~=sub_location] ul li span{display:block;padding:0 15px;line-height:60px;font-size:1.2em;color:#000;background:url('../image/icnLocaArr.png') 96% center no-repeat;cursor:pointer} 
[class~=sub_location] ul[class~=on] li span{background:url('../image/icnLocaArr1.png') 96% center no-repeat}
[class~=sub_location] ul li a{width:100%;display:block;padding:8px 15px;color:#000}
[class~=sub_location] ul li a:hover{color:#fff;background:#0F52A1;box-sizing:border-box} 
[class~=sub_location] ul ul{display:none;position:absolute;top:60px;left:-1px;padding:0px 0;background:#fff;border:1px solid #ddd;border-top:none;z-index:999998;width:calc(100% + 2px) !important} 
[class~=sub_location] ul[class~=on] li ul{display:block}
[class~=sub_location] ul[class~=dep2] li span{color:#c53528;font-weight:500} 
[class~=sub_location] ul[class~=dep2] ul{width:180px} */


#sub_tit{position:absolute;width:100%;max-width:1500px;margin:0px auto;top:150px;left:50%;margin-left:-750px;border:0px solid red} 
#sub_tit [class~=path]{position:absolute;top:220px;right:20px} 
#sub_tit [class~=path] li{float:left;text-align:center;font-size:0.9em;padding:0 8px 0 12px;margin:0;color:#000;background:url('../image/ico_path.gif') no-repeat left center}
#sub_tit [class~=path] li a span[class~=ic-home]{padding:0;cursor:pointer} 
#sub_tit [class~=path] li a span[class~=ic-home] i{background:url('../image/icon_home.png')no-repeat left center;display:
inline-block;width:11px;height:11px}
#sub_tit [class~=path] li:first-child{background:none} 
#sub_tit [class~=path] li:last-child{color:#000;font-weight:500} 
#sub_tit [class~=title]{position:relative;padding-bottom:10px;font-size:3em;font-weight:300;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1.3rem} 
#sub_tit [class~=title]:after{display:none}
#sub_tit [class~=normal_txt]{display:none;margin:0px 0;font-size:1.2em;color:#fff;text-transform:uppercase;text-align:center;line-height:1.6;word-break:keep-all;font-family:'Noto Sans KR', sans-serif} 
#sub_tit [class~=normal_txt] [class~=color1]{color:#fd7701} 


/*[class~=scontents]{width:100%;max-width:1500px;height:100%;margin:0px auto;padding:30px 0 100px 0;background:none}
[class~=scontents]:after{content:"";display:block;clear:both}*/



[class~=scontents] h3[class~=title]{font-size:2.5em;text-align:center;margin-top:0px} 

/*[class~=scontents] [class~=eng]{display:block;text-align:center;font-size:2.5em;font-weight:500;margin:0px 0}
[class~=scontents] [class~=eng] em{color:#c53528;font-style:normal}*/
[class~=scontents] [class~=stitle]{font-size:1.2em;line-height:1.5em;text-align:center;color:#333;margin:10px 0 50px 0}
[class~=scontents] [class~=stitle]:after{display:block;width:100%;border-bottom:1px solid #ddd;height:30px;background-color:red} 
[class~=tbl]{width:100%;border-top:1px solid #333;border-collapse:collapse} 
[class~=tbl] th{width:30%;background-color:#f2f2f2;border-bottom:1px solid #ccc;padding:5px 0;font-size:0.9em;font-weight:normal;color:#000;text-align:center}
[class~=tbl] td{width:70%;border-bottom:1px solid #ccc;padding:5px 0;text-indent:10px;font-size:0.9em}
[class~=tba]{width:100%;border-top:1px solid #333;border-collapse:collapse;background-color:#fff}
[class~=tba] th{width:35%;background-color:#f2f2f2;border-bottom:1px solid #ccc;padding:6px 0;font-size:0.9em;font-weight:normal;color:#000;text-align:center}
[class~=tba] td{width:65%;border-bottom:1px solid #ccc;padding:6px 0;text-indent:10px;font-size:0.9em} 
[class~=policy_box]{border:1px solid #ddd;padding:10px;height:160px;overflow:auto} 
@media screen and (max-width:360px){{}} 
@media all and (max-width:1300px)
{#main_visual [class~=sliderkit-text]{height:160px;margin-top:-80px;max-width:1000px;margin-left:-500px}} 
@media all and (max-width:1300px){#main_visual [class~=sliderkit-text] h1[class~=lviewa]{font-size:2em}}
@media all and (max-width:1300px){#main_visual [class~=sliderkit-text] h1[class~=sviewa]{font-size:1.2em}} 
@media all and (max-width:1200px){[class~=scontents]{width:96%}} 
@media all and (max-width:1200px){#container{margin-top:0px}}
@media all and (max-width:1200px){#lnb [class~=lnb_wrap] > ul > li > a{padding:0 20px}}
@media all and (max-width:1200px){[class~=wrap_box]{width:98%}} 
@media all and (max-width:1200px){#sub_tit{left:0;margin-left:0}} 
@media all and (max-width:1200px){#backtotop{display:none !important}} 
@media all and (max-width:1200px){#main_about_100 [class~=txt_wrap] [class~=txt_cont]{padding:25px}}
@media all and (max-width:1200px){#main_about_100 [class~=txt_wrap] [class~=txt_cont] h2{font-size:2.5em}}
@media all and (max-width:1200px){#main_about_100 [class~=txt_wrap] [class~=tit]{font-size:1.5em}} 
@media all and (max-width:1100px){#mobile_header{display:block;min-width:320px}} 
@media all and (max-width:1100px){#header_wrap{display:none} #gnb_wrap{display:none} #gnb_area{display:none}} 
@media all and (max-width:1100px){[class~=lview]{display:none}} 
@media all and (max-width:1100px){[class~=sview]{display:block}} 
@media all and (max-width:1100px){#sub_visual{margin-top:0px}} 
@media all and (max-width:1100px){[class~=scontents] h3[class~=title]{text-align:center}}
@media all and (max-width:1100px){[class~=scontents] [class~=eng]{text-align:center}} 
@media all and (max-width:1100px){[class~=scontents] [class~=stitle]{text-align:center}} 
@media all and (max-width:1100px){[class~=scontents]{width:96%}} 
@media all and (max-width:1100px){#container{margin-top:0px}}
@media all and (max-width:1100px){#main_visual [class~=swiper-slide]{width:100%;height:auto}}
@media all and (max-width:1100px){#main_visual [class~=swiper-slide] div[class~=backgroundimg]{height:auto}} 
@media all and (max-width:1100px){#main_visual [class~=sliderkit-text]{height:150px;max-width:100%;margin-top:-70px;left:0;margin-left:0;text-align:center}}
@media all and (max-width:1100px){#main_visual [class~=sliderkit-text] h1[class~=lviewa]{font-size:1.5em}}
@media all and (max-width:1100px){#main_visual [class~=sliderkit-text] h1[class~=sviewa]{font-size:0.95em}} 
@media all and (max-width:1100px){#main_visual [class~=sliderkit-text] div span h2{font-size:1em}} 
@media all and (max-width:1100px){#main_visual [class~=swiper-pagination]{width:100%;left:0;bottom:0;padding-right:1rem;transform:none;text-align:right}}
@media all and (max-width:1100px){#main_visual [class~=swiper-pagination-bullet-active]{width:35px}} 
@media all and (max-width:1100px){#company_wrap{text-align:center;background-position:50% 50%;background-size:cover !important}} 
@media all and (max-width:1100px){#company_wrap [class~=company_title]{display:none}} 
@media all and (max-width:1100px){#company_wrap [class~=company_box]{width:100%}} 
@media all and (max-width:1100px){#company_wrap [class~=company_box] li{padding:30px 0}}
@media all and (max-width:1100px){#comm_wrap{padding:50px 0 0 0}} 
@media all and (max-width:1100px){#comm_wrap [class~=board_area]{min-width:320px;height:100%}}
@media all and (max-width:1100px){#comm_wrap [class~=board_area] [class~=dleft]{width:100%;padding-top:0px}} 
@media all and (max-width:1100px){#comm_wrap [class~=board_area] [class~=dright]{width:100%}} 
@media all and (max-width:1100px){#comm_wrap [class~=board_area] div[class~=board_box]{width:90%;margin:0px auto}}
@media all and (max-width:1100px){#comm_wrap [class~=notice_area]{float:none;width:100%;margin-top:20px;margin:0 auto;margin-bottom:50px}}
@media all and (max-width:1100px){#footer{min-width:320px;padding-bottom:30px;text-align:center}} 
@media all and (max-width:1100px){#footer [class~=copyright]{width:100%;padding:0 30px}} 
@media all and (max-width:1100px){#footer [class~=copyright] p{text-align:center}} 
@media all and (max-width:1100px){#footer [class~=cs_area]{display:none}} 
@media all and (max-width:1100px){#backtotop{right:15px}} 
@media all and (max-width:1100px){[class~=sub_location] > div [class~=cen]{display:none}} 
@media all and (max-width:1100px){[class~=sub_location] ul{width:50%}}
@media all and (max-width:1100px){[class~=sub_location] ul:first-child{border-left:0px}} 
@media all and (max-width:1100px){[class~=sub_location] ul[class~=dep2]{border-right:0px}} 
@media all and (max-width:1100px){#sub_tit{margin:0px auto;padding:0;left:0%;margin-left:0px;background:none;top:180px}}
@media all and (max-width:1100px){#sub_tit [class~=path]{display:none}} 
@media all and (max-width:1100px){#sub_tit [class~=title]{font-size:2em}}
@media all and (max-width:1100px){#sub_tit [class~=title]:after{display:block;content:"";width:20%;height:3px;background:#fff;margin:10px auto}} 
@media all and (max-width:1100px){#sub_tit [class~=normal_txt]{font-size:1.2em;color:#fff;text-transform:uppercase;text-align:center;line-height:1.6;word-break:keep-all;text-shadow:0px 1px 4px #333;font-family:'Noto Sans KR', sans-serif}}
@media all and (max-width:1100px){#sub_tit [class~=normal_txt] [class~=color1]{color:#fd7701}}
@media screen and (max-width:768px){[class~=mview]{display:block}}
@media screen and (max-width:768px){#main_visual [class~=swiper-slide] [class~=backgroundimg] [class~=mobile_only]{display:block}} 
@media screen and (max-width:768px){#main_visual [class~=swiper-slide] [class~=backgroundimg] [class~=pc_only]{display:none}} 
@media screen and (max-width:768px){[class~=swiper-button-next]{display:none !important} [class~=swiper-button-prev]{display:none !important}} 
@media screen and (max-width:768px){#main_about_100{margin-bottom:0}} 
@media screen and (max-width:768px){#main_about_100 [class~=img_wrap]{width:100%}}
@media screen and (max-width:768px){#main_about_100 [class~=txt_wrap]{width:100%}} 
@media screen and (max-width:768px){#main_about_100 [class~=txt_wrap] [class~=txt_cont]{position:relative;top:-50px;width:90%;height:auto;padding:25px;background:#fff;margin:0 auto}}
@media screen and (max-width:768px){#main_about_100 [class~=txt_wrap] [class~=txt_cont] h2{font-size:2.5em}} 
@media screen and (max-width:768px){#m_bnr div[class~=con_box1]{width:100%}} 
@media screen and (max-width:768px){#m_bnr div[class~=con_box2]{width:100%}} 
@media screen and (max-width:768px){#m_bnr div [class~=hover_area] em:after{width:10%}}
@media screen and (max-width:768px){#m_bnr div [class~=hover_area] strong{font-size:1.5em}} 
@media screen and (max-width:768px){#company_wrap [class~=company_box] li{width:50%;border-right:1px solid #3f4c7b;border-bottom:1px solid #3f4c7b}}
@media screen and (max-width:768px){#company_wrap [class~=company_box] li:nth-child(even){border-right:0}} 
@media screen and (max-width:768px){#rolling_box{margin:50px auto}} 
@media screen and (max-width:768px){#rolling_box [class~=g_tit] p{font-size:2em}} 
@media screen and (max-width:768px){#online{background-size:cover !important}} 
@media screen and (max-width:768px){#online [class~=online_area] p{font-size:1.5em}} 
@media screen and (max-width:768px){#online [class~=online_area] span{font-size:1em}} 
@media screen and (max-width:768px){#sub_tit [class~=path]{display:none}}
@media screen and (max-width:768px){[class~=sub_location] > div [class~=cen]{display:none}}
@media screen and (max-width:768px){[class~=sub_location] ul{width:50%}}
@media screen and (max-width:768px){[class~=sub_location] ul:first-child{border-left:0px}} 
@media screen and (max-width:768px){[class~=sub_location] ul[class~=dep2]{border-right:0px}} 
@media screen and (max-width:768px){[class~=scontents]{padding:30px 0px}} 
@media screen and (max-width:768px){[class~=scontents] [class~=stitle]{margin-bottom:30px}} 
@media screen and (max-width:768px){[class~=visual_area]{background-position:center top;background-size:cover !important}} 
@media screen and (max-width:480px){body{font-size:13px}td{font-size:13px}h1{font-size:13px}h2{font-size:13px}h3{font-size:13px}h4{font-size:13px}h5{font-size:13px}div{font-size:13px}p{font-size:13px}li{font-size:13px}ul{font-size:13px}ol{font-size:13px}dd{font-size:13px}dt{font-size:13px}section{font-size:13px}input{font-size:13px}textarea{font-size:13px}select{font-size:13px}button{font-size:13px}} 
@media screen and (max-width:480px){#main_about_100 [class~=txt_wrap] [class~=txt_cont]{width:90%;padding:20px 20px 50px 20px}}
@media screen and (max-width:480px){#main_about_100 [class~=txt_wrap] [class~=tit]{font-size:1.5em;font-weight:400}} 
@media screen and (max-width:480px){#main_about_100 [class~=btn_more]{margin:0 auto}}
@media screen and (max-width:480px){#company_wrap [class~=company_box] li [class~=hover_area] div{width:60px;height:60px;line-height:60px}}
@media screen and (max-width:480px){#company_wrap [class~=company_box] li span{display:none}} 
@media screen and (max-width:480px){#comm_wrap{padding-top:50px}} 
@media screen and (max-width:480px){#comm_wrap [class~=notice_area] li a{display:block;width:75%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}} 
@media screen and (max-width:480px){#comm_wrap [class~=notice_area] [class~=tab]{height:40px}} 
@media screen and (max-width:480px){#comm_wrap [class~=notice_area] [class~=tab] li{height:40px;line-height:40px}}
@media screen and (max-width:480px){#comm_wrap [class~=notice_area] [class~=tab] li a{height:40px;line-height:40px}} 
@media screen and (max-width:480px){#comm_wrap [class~=notice_area] [class~=more]{top:5px}} 
@media screen and (max-width:480px){#online [class~=online_con]{width:100%;height:250px;background-size:100% 250px}}
@media screen and (max-width:480px){#online [class~=online_con] div[class~=blind]{width:100%;height:250px}} 
@media screen and (max-width:480px){#online [class~=online_area]{padding:60px 0px 0px 0px}}
@media screen and (max-width:480px){#online [class~=online_area] span{padding-bottom:0px;font-size:1em}} 
@media screen and (max-width:480px){#footer [class~=copyright] span{font-size:1em}} 
@media screen and (max-width:480px){#footer [class~=copyright] p{font-size:0.8em}}
@media screen and (max-width:480px){#sub_visual{height:210px}} 
@media screen and (max-width:480px){#sub_visual [class~=backgroundimg]{height:210px}} 
@media screen and (max-width:480px){#sub_visual [class~=visual_area]{height:210px;background-position:center top;background-size:cover !important}}
@media screen and (max-width:480px){#sub_tit{top:95px;background:none;margin:30px auto}} 
@media screen and (max-width:480px){#sub_tit [class~=title]{font-size:2em}} 
@media screen and (max-width:480px){#sub_tit [class~=normal_txt]{font-size:1em}} 
@media screen and (max-width:480px){[class~=scontents] [class~=eng]{font-size:2em}} 
@media screen and (max-width:480px){[class~=scontents] [class~=stitle]{font-size:1em}}
@media screen and (max-width:480px){[class~=q-menu]{display:none}}