@charset "utf-8";

@media all and (max-width:1200px) {

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper{overflow-x:hidden !important;}
/*main_css*/
#back_top{display:block; position:absolute; right:0; z-index:99;}
#sub_wrap .scont{min-height:auto;}
#sub_wrap .nav_menu .m_sub_tab{display:none !important;}

header .h_menu{display:none; position: relative;}
body.disabled-onepage-scroll .onepage-wrapper section{min-height:auto;}
body.disabled-onepage-scroll .main section.cont02 .container{line-height:160%;}

/*mobile_menu*/
header .m_allmenu{display:block; position:fixed; z-index:10; background:#fff; width:100%; box-shadow:0em 0em 0.813em rgba(0,0,0,0.35);}
header .m_allmenu .m_header{overflow:hidden; width:100%; padding: 4% 0;}
header .m_allmenu .m_header .logo{width:26%; padding-left:6%; padding-top:1%; float:left;}
header .m_allmenu .m_header .logo a{display:block;}
header .m_allmenu .m_header .logo img{width:100%;}
header .m_allmenu .m_header .btn{width:20%; float:left; text-align:center; transition: all .6s ease-in-out;}
header .m_allmenu .m_header .btn .menu{width:75%;}
header .m_allmenu .m_header .btn a{display:block !important; }

header .m_allmenu .allmenu{width:50%; height:100%;  position:absolute; right:0; box-shadow:-0.5em -0.071em 1.143em rgba(0,0,0,0.14); z-index:99;}
header .m_allmenu .menu-hide {width:100%; height:100%; right:-100%; position: fixed; z-index:10; top:0; transition: all .5s ease-in-out;}
header .m_allmenu .menu-hide.show {width:100%; height:100%; right:0; transition: all .5s ease-in-out;}
header .m_allmenu .menu-tab{width:10%; position: absolute; z-index:100; top:25%; right:3%; cursor: pointer; transition: all .5s ease-in-out;}
header .m_allmenu .menu-tab.active{right:100%; transition: all 600ms ease-in-out;}
header .m_allmenu .menu-tab .menu img{width:100%;}
header .m_allmenu .m-close{width:50%; height:100%; background:rgba(0,0,0,0.5); left:0; position:absolute;}

header .m_allmenu .allmenu ul{background:#f7f7f7; overflow:hidden; height:100%; padding:27% 0;}
header .m_allmenu .allmenu ul li:first-child{border-top:solid 1px #ddd;}

header .m_allmenu .allmenu ul li a.tite{font-size:1.875em; display:block; border-bottom:solid 1px #ddd; padding:5%; color:#333; font-weight:600;}
header .m_allmenu .allmenu ul li ul.m_on{display:none; background:#eaeaea; color:#666; padding:0;}
header .m_allmenu .allmenu ul li ul.m_on li {font-size:1.500em; text-indent:7%;}
header .m_allmenu .allmenu ul li ul.m_on li a{display:block; padding:4% 3%;}
header .m_allmenu .allmenu ul li ul.m_on li:first-child{border-top:none;}

/*mainVisual*/
.swiper-slide{width:100% !important;}
.mvisual .swiper-container{margin-top:14%;}

.mvisual .mv_img{max-height:500px; min-height:500px;}
.mvisual .mv_img img{/*width:100%;*/ height:100%; position:absolute; top:0; left:0%;}

.mvisual .m_txt{width:100%; top:30%; left:5%;}
.mvisual .m_txt p.tit{padding:0; font-size:2.500em;}
.mvisual .m_txt p.txt{font-size:1.250em;}

.swiper-pagination{display:none;}
.cycle-pager {display:none;}


/*cont01*/
section.cont01 .container{width:100%; padding:6%;}
section.cont01 .container dl{margin-top:2%;}
section.cont01 .container dl dd{width:87%; padding:6%; height:auto; margin-right:0; margin-bottom:5%;}
section.cont01 .container dl dd .box p.img_box{width:100%; height:100%;}
section.cont01 .container dl dd .box p.img_box img{width:100%; height:100%;}

section.cont01 .container dl dd .box .more_btn{right:0;}
section.cont01 .container dl dd .box .txt_box h4{font-size:1.875em;}
section.cont01 .container dl dd .box .txt_box p.tit{padding:0; padding-top:2%; font-size:1.500em;}
section.cont01 .container dl dd .box .txt_box p.txt{font-size:1.500em; line-height:150%;}

section.cont01 .container dl dd{transition:none; -webkit-transition:none;-moz-transition:none;-o-transition:none;}
section.cont01 .container dl dd:hover{top:0;}


/*cont02*/
section.cont02{background: url("../images/main/m_cont02_bg.jpg") repeat-y center;}
section.cont02 .container{padding:0; width:100%;}
section.cont02 .container p.logo{padding:6% 0 2% 0;}
section .container p.tit{font-size:1.500em; padding:6%; padding-top:0; word-break:keep-all;}
section.cont02 .container p.tit span{display:inline;}

section.cont02 .container dl{padding:3% 0 11% 0;}
section.cont02 .container dl dd{width:20%;}

section.cont02 .container .etc_menu{margin-top:0%; height:auto;border-bottom: solid 1px #ddd;}
section.cont02 .container .etc_menu dl{padding:0%;}

section.cont02 .container .etc_menu dl dd{width:33%; padding-bottom:0%; padding:4% 0; font-size:1.000em; border-right: solid 1px #ddd;}
section.cont02 .container .etc_menu dl dd:nth-child(2), section.cont02 .container .etc_menu dl dd:last-child{background:none;}
section.cont02 .container .etc_menu dl dd:last-child{border-right:none;}


/*cont03*/
section.cont03{background: url("../images/main/m_bg.png"); background-size:100%;}
section.cont03 .container{width:100%; padding:6%;}

section .container h2{font-size:2.500em; padding-bottom:6%;}
section.cont03 .container .box div p.tit{padding:0; padding-top:8%; font-size:1.563em;}
section.cont03 .container .box div p.data{padding-top:10%; font-size:1.438em;}
.slick-prev, .slick-next{display:none !important;}
.slider{margin:2% 0;}


/*bottom*/
.map{min-height:410px; max-height:410px;}
.root_daum_roughmap{width:100%; height:450px !important; padding:0 !important;}
body.disabled-onepage-scroll .onepage-wrapper section.bottom{padding-top:0;}

.banner{width:100%; padding:0;}
.banner .banner_list{float:none; width:88%; padding:6%;}
.banner .banner_list dl dd{width:31%; margin-right:1%; margin-bottom:3%;}
.banner .banner_list dl dd img{width:100%;}

.banner .link_box{float:none; width:100%;}
.banner .link_box ul{padding:0; border-left: none;}
.banner .link_box ul li{width:50%; font-size:1.375em;}
.banner .link_box ul li a{padding:8%;}
.banner .link_box ul li:last-child{width:49%;}

/*footer*/
footer .f_wrap{width:88%; padding:6%;}
footer .f_wrap div.img{width:100%; float:none; text-align:center; padding:3% 0;}
footer .f_wrap address{width:100%; float:none; padding:0; text-align: center; font-size:1.375em;}
footer .f_wrap address span.tel{font-size:1.000em;}
footer .f_wrap address span{font-size:1.000em;}

.sub_foot #back_top{top:0; right:0;}

/*sub_css*/
#sub_wrap .head_tite{margin-top:14%; background-size:cover; height:18rem;}
#sub_wrap .head_tite.bg2, #sub_wrap .head_tite.bg3, #sub_wrap .head_tite.bg4, #sub_wrap .head_tite.bg5{height:18rem;  background-size:cover; background-position:50% 50%;}
#sub_wrap .head_tite .txt_tite{width:100%; padding-top:10%; font-size:2.5rem;}

#sub_wrap .scont{padding-top:3%;}
#sub_wrap .scont .wrap{width:88%; padding:6%;}
#sub_wrap .scont .wrap dl.navi{display:none;}
#sub_wrap .bg{background-size:100%;}

/*sub_menu*/
#sub_wrap .sub_nav{display:none;}
#sub_wrap .m_sub_nav{display:block;}
#sub_wrap .m_sub_tab{display:block;}
#sub_wrap .m_sub_nav .m_list{width:100%;}
#sub_wrap .m_sub_nav .m_list ul li a.m_tit{background:url("../images/sub/nav_down_btn.jpg")no-repeat 96% 50% #f7f7f7; background-size:3%; font-size:1.875em; padding: 3% 0 3% 2%; display:block; color:#333; font-weight:600; letter-spacing:-0.144em;}
#sub_wrap .m_sub_nav .m_list ul li ul.m_hide{background:#eaeaea; font-size:1.563em; letter-spacing:-0.144em; display:none;}
#sub_wrap .m_sub_nav .m_list ul li ul.m_hide li{border-bottom: solid 1px #ddd;}
#sub_wrap .m_sub_nav .m_list ul li ul.m_hide li a{display:block; padding:2% 0 2% 2%;}

#sub_wrap .m_sub_tab{width:100%;}
#sub_wrap .m_sub_tab dl{overflow:hidden; background:#353d7c;}
#sub_wrap .m_sub_tab dl dd{width:25%; float:left; text-align:center; font-size:1.5rem; border-right: solid 1px #242952; box-sizing:border-box;}
#sub_wrap .m_sub_tab dl dd a.on{background:#43999a;}
#sub_wrap .m_sub_tab dl dd:hover{background:#43999a;}
#sub_wrap .m_sub_tab dl dd:last-child{border-right:none; width:25%;}
#sub_wrap .m_sub_tab dl dd a{color:#fff; display:block; padding:10% 0;}


#sub_wrap .scont .wrap h2{font-size:2.500em;}
#sub_wrap .scont .wrap .cont_box div.ceo{padding-bottom:61%; background:url("../images/sub/ceo_img.jpg")no-repeat bottom; background-size:70%;}

#sub_wrap .scont .wrap .cont_box div.ceo p.tit{font-size:1.625em; line-height:150%;}
#sub_wrap .scont .wrap .cont_box div.ceo p.tit span{display:inline;}
#sub_wrap .scont .wrap .cont_box div.ceo p.sign{font-size:1.875em; padding-top:5%;}
#sub_wrap .scont .wrap .cont_box div.ceo p.ceo_txt{padding:5% 0;}
#sub_wrap .scont .wrap .cont_box div.ceo p.ceo_txt img{width:80%;}

#sub_wrap .scont .wrap .cont_box div.info .table_box{padding-top:8%; position:relative;}
#sub_wrap .scont .wrap .cont_box div.info .table_box .scroll_txt{display:block; position:absolute; top:-2%; right:0;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table th{font-size:1.500em; padding:4%;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td{font-size:1.500em; padding:4%; line-height:160%; letter-spacing:-0.075em;}

h3.line_b{width:100%;}

/*visuion*/
#sub_wrap .scont .wrap .cont_box p.tit{font-size:1.625em; line-height: 150%;}
#sub_wrap .scont .wrap .cont_box p.tit span{display:inline;}
#sub_wrap .scont .wrap .cont_box div.visuion{background:none; padding-bottom:0%;}
.cont_box div.visuion{width:88%; padding:6%; margin:0; background:none;}
.cont_box div.visuion h3{width:100%;}
.mission-box{padding:5% 0 0;}
.mission-box dl{margin:8% 0;}

.mission-box dl dd:first-child, .mission-box dl dd:last-child{width:50%; height:23rem;}
.mission-box dl dd:first-child .mi-box .ico::before, .mission-box dl dd:last-child .mi-box .ico::before{width:12rem; height:12rem;}
.mission-box dl dd:first-child .mi-box .txt, .mission-box dl dd:last-child .mi-box .txt{font-size:2rem;}

.mission-box dl dd:last-child{margin-left:0;}
.mission-box dl dd:last-child .mi-box .ico::after{font-size:2rem;}

.motto-box .m-wrap{width:88%; padding:6%}
.motto-box .m-wrap dl.motto dd{width:33.3%; margin-top:7%; font-size:1.7rem;}
.motto-box .m-wrap dl.motto dd .ico span{top:59%; left:42%;}
.motto-box .m-wrap dl.motto dd .txt{font-size:1.6rem;}

.motto-box .m-wrap dl.motto dd:first-child::before, .motto-box .m-wrap dl.motto dd:nth-child(3)::before, .motto-box .m-wrap dl.motto dd:last-child::before, .motto-box .m-wrap dl.motto dd:nth-child(2n) .mt-box::after{background:none;}
/*.motto-box .m-wrap dl.motto dd:first-child .ico::after, .motto-box .m-wrap dl.motto dd:nth-child(2n) .ico::after, .motto-box .m-wrap dl.motto dd:nth-child(3) .ico::after, .motto-box .m-wrap dl.motto dd:last-child .ico::after{width:18rem; height:18rem; border-radius:18rem;}*/
.motto-box .m-wrap dl.motto dd:first-child .ico::after, .motto-box .m-wrap dl.motto dd:nth-child(2n) .ico::after, .motto-box .m-wrap dl.motto dd:nth-child(3) .ico::after, .motto-box .m-wrap dl.motto dd:last-child .ico::after{margin:auto;}

.motto-box .m-wrap dl.motto dd:nth-child(2n) .ico span{left:42%;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .txt{width:auto;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .mt-box, .motto-box .m-wrap dl.motto dd:nth-child(2n) .txt{position:static;}



/*history*/
#sub_wrap .scont .wrap .cont_box dl.history_tab dd{width:45.8%; padding:5% 2%; font-size:1.250em;}
#sub_wrap .scont .wrap .cont_box .tite_img img{width:100%;}
#sub_wrap .scont .wrap .cont_box .history_box .box .year{width:100%; float:none; font-size:2.500em; padding:5% 0;}
#sub_wrap .scont .wrap .cont_box .history_box .box dl.his_cont{width:100%; float:none; margin-left:0;}
#sub_wrap .scont .wrap .cont_box .history_box .box dl.his_cont dd{font-size:1.250em; line-height:140%; padding:4% 0;}


/*CI*/
#sub_wrap .scont .wrap .cont_box .ci_tite{font-size:1.250em;}
#sub_wrap .scont .wrap .cont_box .ci_img img{width:100%;}

#sub_wrap .scont .wrap .cont_box .palette_box p{font-size:1.250em; padding:2% 0;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd{width:99.8%; margin-right:0; font-size:1.500em; margin-bottom:2%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.color{width:20%; padding:7% 0;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code{width:74%;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl{padding:0; line-height:180%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd{width:26%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:first-child{background:none;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd{font-size:1.000em;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd{width:20%;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox{width:100%; float:none;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box p{margin-top:0%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd{width:99.8%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.color{width:20%; padding:7% 0;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code{width:74%;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl dd:first-child{background:none;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:nth-child(3), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:last-child{background:none;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd :nth-child(3), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd:last-child{background:none;}
#sub_wrap .scont .wrap .cont_box .logo_type .ibox{float:none; width:100%;}
#sub_wrap .scont .wrap .cont_box .logo_type .ibox img{width:100%;}


/*certified*/
#sub_wrap .scont .wrap .cont_box dl.certified_box dd{width:47%; margin-right:3%;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .img img{width:100%;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt h4{font-size:1.875em; letter-spacing:-0.063em;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt p{font-size:1.375em; letter-spacing:-0.063em; padding:5% 0;}


/*organization*/
#sub_wrap .scont .wrap .cont_box div.organ{background:none; padding-bottom:10%;}
#sub_wrap .scont .wrap .cont_box h3{font-size:2.5rem; line-height:130%; word-break:normal;}
#sub_wrap .scont .wrap .cont_box h3 span{display:inline;}

ul.list-box{font-size:1.1rem; line-height:160%; width:92%; padding: 4% 4% 7% 4%;}
ul.list-box.w50{width:92%; margin:5% 0; padding: 4% 4% 7% 4%;}
ul.list-box li{padding:5% 0 5% 10%; word-break:keep-all;}

.organ-box{padding:5% 0 !important;}

.organ-box dl.organ-map{background:none; height:auto; font-size:1.2rem;}
.organ-box dl.organ-map dt{width:100%; height:80px; top:0; left:0; border:none; margin:5% 0 0 0;}
.organ-box dl.organ-map dt::after{width:100%; height:80px; margin:0;}
.organ-box dl.organ-map dt span{top:36%; left:43%; font-size:1.8rem;}

.organ-box dl.organ-map dd{height:auto;}
.organ-box dl.organ-map dd:nth-child(2) div, .organ-box, .organ-box dl.organ-map dd:nth-child(4) div, .organ-box dl.organ-map dd:last-child div{position:static; width:100%; padding:0;}
.organ-box dl.organ-map dd:nth-child(2) .box-1, .organ-box dl.organ-map dd:nth-child(2) .box-2, .organ-box dl.organ-map dd:nth-child(4) .box-1, .organ-box dl.organ-map dd:nth-child(4) .box-2, .organ-box dl.organ-map dd:nth-child(4) .box-3, 
.organ-box dl.organ-map dd:last-child .box-1, .organ-box dl.organ-map dd:last-child .box-2, .organ-box dl.organ-map dd:last-child .box-3, .organ-box dl.organ-map dd:last-child .box-4{padding:6% 0; margin:4% 0;}
.organ-box dl.organ-map dd:nth-child(3) span{position:static; width:100%; padding:6% 0; margin:4% 0; display:block;}


ul.list-box li span{width:100%; display:block;}
ul.list-box li::before{top:33%;}

.manag-box{background:none #f5f8ff; padding:5%;}
.manag{margin:8% 0; width:100%;}
.manag p{font-size:1.1rem;}
dl.manag-list dd{width:100%; float:none; margin-bottom:8%;}


/*location*/
#sub_wrap .scont .wrap .cont_box .s_map .os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, .os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, .os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th{width:100% !important; height:auto !important;}
#sub_wrap .scont .wrap .cont_box .other_map .tab{float:none; width:100%; margin-right:0;}
#sub_wrap .scont .wrap .cont_box .other_map .map{float:none; width:100%;}
#sub_wrap .scont .wrap .cont_box .other_map .map .map_box.on .root_daum_roughmap, .root_daum_roughmap button, .root_daum_roughmap input, .root_daum_roughmap select, .root_daum_roughmap td, .root_daum_roughmap textarea, .root_daum_roughmap th{width:100% !important; height:auto !important;}
.root_daum_roughmap .wrap_btn_zoom{z-index:5 !important}



/*partner*/
#sub_wrap .scont .wrap .cont_box div.partner{margin-top:5%;}
#sub_wrap .scont .wrap .cont_box h4{font-size:2.188em; background:url("../images/sub/sub_bullet.jpg")no-repeat 1%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box{margin-top:3%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd{width:47%; margin-right:2%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd:nth-child(2n){margin-right:0 !important;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd:nth-child(3n){margin-right:2%;}

#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .img img{width:100%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .txt p{font-size:1.500em;}

/*SUB02*/
.busin p span{display:inline;}
.sys-wrap .sys-box::before{width:100%; border:none; position:static; background:url("../images/sub/sub02_img01_m.png")no-repeat 50% 50%; background-size:cover; margin-bottom:5%;}
.sys-wrap .sys-box2::before{width:100%; border:none; position:static; background:url("../images/sub/sub02_img02_m.png")no-repeat 50% 50%; background-size:cover; margin-bottom:5%;}
.sys-wrap .sys-box3::before{width:100%; border:none; position:static; background:url("../images/sub/sub02_img03_m.png")no-repeat 50% 50%; background-size:cover; margin-bottom:5%;}
.sys-wrap .sys-box4::before{width:100%; border:none; position:static; background:url("../images/sub/sub02_img04_m.png")no-repeat 50% 50%; background-size:cover; margin-bottom:5%;}
.sys-wrap .sys-box5::before{width:100%; border:none; position:static; background:url("../images/sub/sub02_img05_m.png")no-repeat 50% 50%; background-size:cover; margin-bottom:5%;}

.sys-wrap .sys-box{width:90%; padding:5%; line-height:180%;}
ul.sys-box li{padding:1% 0 1% 10%;}

.port-box dl dd{float:none; width:100%; margin-right:0; margin-bottom:5%;}
.port-box dl dd div.ibox, .port-box dl dd div.tbox{width:100%;}
.port-box dl dd:first-child div.ibox, .port-box dl dd:nth-child(2) div.ibox, .port-box dl dd:nth-child(3) div.ibox, .port-box dl dd:last-child div.ibox{background-size:cover;}
.port-box dl dd div.ibox{height:15.313em;}

.im-busin .tite-box{float:none; width:100%; height:6.429em; line-height:6.429em; font-size:1.3rem; padding-left:6%;}
.im-busin .list-box{float:none; width:92%; line-height:160%;}

.im-busin .tite-box:after{top:31%; left:10%; background-size:70%;}
.im-busin .tite-box.busin-ico1:after{top:15%; left:9%; background-size:70%;}
.im-busin .tite-box.busin-ico2:after{top:15%; left:9%; background-size:70%;}
.im-busin .tite-box.busin-ico3:after{top:27%; left:9%; background-size:70%;}
.im-busin .tite-box.busin-ico4:after{top:26%; left:9%; background-size:70%;}

/*webzine*/
ul.webzine-list li{padding:3% 0 10% 0;}
ul.busin-list li span::after{top:19%; left:-9%;}
ul.webzine-list li div.tbox .txt{padding:0 0 5% 0; line-height:160%; font-size:1.1rem;}

ul.webzine-list li div.thumb{width:100%; float:none;}
ul.webzine-list li div.tbox{width:100%; float:none; margin-left:0;}

#sub_wrap .scont .wrap .cont_box ul.webzine-list li h3{margin:3% 0;}
ul.webzine-list li div.tbox .gray-box{padding:5%;}
ul.webzine-list li div.tbox .gray-box li{padding:3% 0; line-height:160%;}
ul.webzine-list li div.tbox .gray-box li span{width:100%; line-height:160%; font-weight:600;}


/*recruitment*/
.recru-box .m-wrap{width:88%; padding:6%}
.recru-box .m-wrap dl.motto dd{width:33.3%; margin-top:7%; font-size:1.7rem;}
.recru-box .m-wrap dl.motto dd .ico span{top:59%; left:32%; font-size:1.5rem;}
.recru-box .m-wrap dl.motto dd .txt{font-size:1.6rem; text-align:center; overflow:hidden;}

.recru-box .m-wrap dl.motto dd:first-child::before, .recru-box .m-wrap dl.motto dd:nth-child(3)::before, .recru-box .m-wrap dl.motto dd:last-child::before, .recru-box .m-wrap dl.motto dd:nth-child(2n) .mt-box::after{background:none;}
/*.recru-box .m-wrap dl.motto dd:first-child .ico::after, .recru-box .m-wrap dl.motto dd:nth-child(2n) .ico::after, .recru-box .m-wrap dl.motto dd:nth-child(3) .ico::after, .recru-box .m-wrap dl.motto dd:last-child .ico::after{width:17rem; height:17rem; border-radius:17rem;}*/
.recru-box .m-wrap dl.motto dd:first-child .ico::after, .recru-box .m-wrap dl.motto dd:nth-child(2n) .ico::after, .recru-box .m-wrap dl.motto dd:nth-child(3) .ico::after, .recru-box .m-wrap dl.motto dd:last-child .ico::after{margin:auto;}
.recru-box .m-wrap dl.motto dd .txt ul li{float:left; width:50%; border:solid 1px #ddd; box-sizing:border-box;  padding:2% 0;}
.recru-box .m-wrap dl.motto dd .txt ul li:nth-child(3),.recru-box .m-wrap dl.motto dd .txt ul li:nth-child(4){border-top:0;}
.recru-box .m-wrap dl.motto dd .txt ul li:first-child, .recru-box .m-wrap dl.motto dd .txt ul li:nth-child(3){border-right:0;}
.recru-box .m-wrap dl.motto dd:nth-child(4) .txt ul li:last-child{border-right:solid 1px #ddd;}
.recru-box .m-wrap dl.motto dd .txt ul li::after{content:""; display:block;}


.recru-box .m-wrap dl.motto dd:nth-child(2n) .ico span{left:36%;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .txt{width:auto;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .mt-box, .recru-box .m-wrap dl.motto dd:nth-child(2n) .txt{position:static;}
.recru-box .m-wrap dl.motto dd:nth-child(4){clear:both;}


.port-box{margin-top:5%;}

.busin-map dl{width:94%;}
.busin-map dl dd{width:100%; float:none; overflow:hidden;}
.box-list-busin dl dd{width:80%; padding:10%; margin-right:0; margin-bottom:3%;}

.busin-map dl dd .ibox{width:120px; height:120px;}

.busin-map dl dd .tbox{padding:7% 0 5% 9%;}
.busin-map dl dd .tbox p{word-break:keep-all;}
.busin-map dl dd .tbox p span{display:inline;}
.box-list-busin dl dd .tbox h3{font-size:1.5rem !important}
.box-list-busin dl dd .tbox ul li{font-size:1.1rem;}

.system-box dl dd{height:auto; padding:6%; margin-bottom:6%;}
.system-box dl dd .ibox{float:none;}
.system-box dl dd:first-child .ibox{width:100%; margin-left:0; background-size:contain;}
.system-box dl dd:nth-child(2) .ibox{width:100%; position:static; background-size:contain;}
.system-box dl dd:last-child .ibox{width:100%; margin-left:0; background-size:contain;}

.system-box dl dd .tbox{float:none; width:100%; padding:0;}

.tel-box dl dd{width:84%; padding:8%; margin:0 0 5% 0; float:none; overflow:hidden;}
.tel-box dl dd:first-child{margin-top:5%;}
.tel-box dl dd .ibox{margin:0 auto; float:none;}
.tel-box dl dd .tbox{width:100%; float:none; padding-left:0; margin-top:5%;}
.tel-box dl dd .tbox h5{font-size:1.4rem; padding:3% 0 3% 7%;}
.tel-box dl dd .tbox h5::after{top:34%;}
.tel-box dl dd .tbox ul li span{font-size:1.1rem;}

}


@media all and (max-width:680px) {

#sub_wrap .head_tite .txt_tite{padding-top:6%;}
.mvisual .mv_img img{left:-18%;}
#sub_wrap .head_tite.bg2, #sub_wrap .head_tite.bg3, #sub_wrap .head_tite.bg4, #sub_wrap .head_tite.bg5{background-attachment: local;}
/*mobile_menu*/

header .m_allmenu .m_header .logo{width:40%; padding-top:0;}
header .m_allmenu .m_header .btn .menu{width:100%;}
header .m_allmenu .allmenu ul li a.tite{font-size:1.250em;}
header .m_allmenu .allmenu ul li ul.m_on li {font-size:1.125em;}
header .m_allmenu .allmenu{/*margin-top:16.9%;*/}
.admin_btn{position:static; margin-top:2%;}


/*cont02*/
section.cont02 .container dl dd{width:33.3%; padding-bottom:11%;}
section.cont02 .container .etc_menu dl dd{font-size:0.875em;}


/*cont03*/
section .container h2{font-size:2.500em;}
section.cont03 .container .box div p.tit{padding:0; padding-top:8%; font-size:1.438em;}
section.cont03 .container .box div p.data{padding-top:10%; font-size:1.438em;}

/*sub_css*/
#sub_wrap .head_tite{background-size:cover; /*height:8rem;*/height:12rem;}
#sub_wrap .head_tite.bg2, #sub_wrap .head_tite.bg3, #sub_wrap .head_tite.bg4, #sub_wrap .head_tite.bg5{/*height:8rem;*/ height:12rem; background-size:cover;}

#sub_wrap .m_sub_tab dl dd{width:49%; border-bottom:solid 1px #242952; box-sizing:border-box;}
#sub_wrap .m_sub_tab dl dd:nth-child(2), #sub_wrap .m_sub_tab dl dd:last-child{border-right:none; width:50.8%;}
#sub_wrap .m_sub_tab dl dd a{padding:5%;}

#sub_wrap .scont .wrap .cont_box div.info .table_box .scroll_auto{overflow-x:auto; box-shadow: 8px 0px 6px rgba(0, 0, 0, 0.05);}
#sub_wrap .scont .wrap .cont_box div.info .table_box table{width:600px;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl{overflow:hidden;}

/*visuion*/

.mission-box dl{margin:9% 0;}
.mission-box dl dd{width:100%; float:none; line-height:200%;}
.mission-box dl dd .mi-box{margin:17% 8% 8%;}

.mission-box dl dd:first-child{width:100%; height:100%; overflow:hidden;}
.mission-box dl dd:first-child .mi-box .ico::before{background:none; width:auto; height:auto; box-shadow:none;}
.mission-box dl dd:first-child .mi-box .ico{top:-27%; left:36%;}
.mission-box dl dd:first-child .mi-box .txt{padding:14%; font-size:1.6rem;}

.mission-box dl dd:last-child{width:100%; height:100%; margin-left:0; overflow:hidden; margin-top:5%;}
.mission-box dl dd:last-child .mi-box .ico::before{background:none; width:auto; height:auto; box-shadow:none;}
.mission-box dl dd:last-child .mi-box .ico{top:-27%; left:36%;}
.mission-box dl dd:last-child .mi-box .txt{padding:14% 0; font-size:1.5rem;}

.motto-box .m-wrap{width:88%; padding:6%; margin:0 auto;}
.motto-box .m-wrap dl.motto{margin:10% 0;}
.motto-box .m-wrap dl.motto dd{width:100%; float:none; margin-top:5%;}
.motto-box .m-wrap dl.motto dd .txt{width:100%; padding:5% 0; font-size:1.2rem;}
/*.motto-box .m-wrap dl.motto dd .ico span, .motto-box .m-wrap dl.motto dd:nth-child(2n) .ico span{top:59%; left:42%;}*/

.motto-box .m-wrap dl.motto dd:first-child::before, .motto-box .m-wrap dl.motto dd:nth-child(3)::before, .motto-box .m-wrap dl.motto dd:last-child::before{background:none; width:auto; height:auto; top:0; left:0;}
/*.motto-box .m-wrap dl.motto dd:first-child .ico::after,.motto-box .m-wrap dl.motto dd:nth-child(3) .ico::after, .motto-box .m-wrap dl.motto dd:last-child .ico::after, .motto-box .m-wrap dl.motto dd:nth-child(2n) .ico::after
{width:100%; height:6.5rem; border-radius:2rem; background-position:34% 41%; background-size:20%;}*/

.motto-box .m-wrap dl.motto dd:nth-child(2n) .mt-box{position:static;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .mt-box::after{background:none;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .txt{position:static;}

/*history*/
#sub_wrap .scont .wrap .cont_box dl.history_tab dd{width:45.7%;}
dl.depth1_tab, dl.depth2_tab{margin-top:8%;}
dl.depth1_tab dd, dl.depth2_tab dd{width:45%; font-size:1.000em; padding:3%;}

/*CI*/
#sub_wrap .scont .wrap .cont_box .palette_box dl dd{width:99%; font-size:1.188em;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.color{padding:9% 0; width:28%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code{width:66%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.color{padding:8% 0;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl{padding:2% 0 0 0;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd{width:99%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.color{width:28%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code{width:66%;}

/*certified*/
#sub_wrap .scont .wrap .cont_box dl.certified_box dd{width:100%;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt h4{font-size:1.875em; letter-spacing:-0.063em; background-size:7%;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt p{font-size:1.375em; letter-spacing:-0.063em; padding:5% 0;}

/*organization*/
#sub_wrap .scont .wrap .cont_box h3{font-size:1.6rem;}


/*partner*/
#sub_wrap .scont .wrap .cont_box h4{font-size:2.188em; background:url("../images/sub/sub_bullet.jpg")no-repeat 1%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd{width:99%; margin-right:0; float:none; margin-bottom:5%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd:nth-child(2n){margin-right:0 !important;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd:nth-child(3n){margin-right:0;}

#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .txt p{font-size:1.250em;}

/*Search_box*/
.board_search {text-align:left; position:relative;}
.board_search select{width:20%; font-size:1rem;}
.board_search input.text {width:50%;}
.board_search input.btn{width:20%; font-size:1rem;}

.notice_tal{font-size:1rem; letter-spacing:-0.05rem;}
.notice_tal thead th.m-none, .notice_tal tbody td.m-none{display:none;}
.notice_tal thead th{padding:4% 0;}
.notice_tal thead th{width:100%;}

/*cscenter*/
.cscenter{padding-bottom:6%; margin-bottom:8%;}
.cscenter::before{background:none;}

dl.cs-box{margin:5% 0;}
dl.cs-box dd{width:92%; float:none; margin: 0 0 5% 0;}
dl.cs-box dd div.tit{font-size:1.3rem; padding:0 0 2% 10%;}
dl.cs-box dd ul li{line-height:1.8; font-size:1.2rem;}
dl.cs-box dd ul li span{width:22%; font-size:1.1rem;}

/*recruitment*/
.recru-box .m-wrap{width:88%; padding:6%; margin:0 auto;}
.recru-box .m-wrap dl.motto{margin:10% 0;}
.recru-box .m-wrap dl.motto dd{width:100%; float:none; margin-top:5%;}
.recru-box .m-wrap dl.motto dd .txt{width:100%; padding:5% 0; font-size:1.2rem;}
/*.recru-box .m-wrap dl.motto dd .ico span, .recru-box .m-wrap dl.motto dd:nth-child(2n) .ico span{top:29%; left:38%;}*/

.recru-box .m-wrap dl.motto dd:first-child::before, .recru-box .m-wrap dl.motto dd:nth-child(3)::before, .recru-box .m-wrap dl.motto dd:last-child::before{background:none; width:auto; height:auto; top:0; left:0;}
/*.recru-box .m-wrap dl.motto dd:first-child .ico::after,.recru-box .m-wrap dl.motto dd:nth-child(3) .ico::after, .recru-box .m-wrap dl.motto dd:last-child .ico::after, .recru-box .m-wrap dl.motto dd:nth-child(2n) .ico::after
{width:100%; height:6.5rem; border-radius:2rem; background-position:24% 47%; background-size:12%;}*/

.recru-box .m-wrap dl.motto dd:nth-child(2n) .mt-box{position:static;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .mt-box::after{background:none;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .txt{position:static;}

/*gallery*/
dl.gallery-box dd{width:94%; float:none; padding:3%; margin-bottom:4%; border-bottom:dashed 1px #ddd;}
dl.gallery-box dd div.tite{font-size:1.1rem; padding:4% 0;}

/*sub02*/
#sub_wrap .scont .wrap h2{font-size:2rem;}


}

@media all and (max-width:480px){

/*common*/
header .h_menu{position: relative; display:none;}
header .snb{display:none;}
header .m_allmenu .allmenu{width:60%;}
header .m_allmenu .menu-tab{width:auto; top:23%; right:3%;}

body.disabled-onepage-scroll .onepage-wrapper section{min-height:auto; padding-top:16%;}

/*moblie_menu*/

header .m_allmenu .allmenu ul{/*padding:2% 0;*/}
header .m_allmenu .allmenu ul li a.tite{font-size:1.200em;}
header .m_allmenu .allmenu ul li ul.m_on li {font-size:1.1rem; line-height:3rem;}
header .m_allmenu .allmenu ul li ul.m_on li a{padding:0;}

/*mainvisual*/
.mvisual .swiper-container{margin-top:0;}

.mvisual .mv_img{max-height:400px; min-height:400px;}
.mvisual .mv_img img{/*width:100%;*/ left: -51%;}

.mvisual .m_txt{width:100%; top:26%; left:8%;}
.mvisual .m_txt p.tit{/*font-size:1.500em;*/ font-size:2rem; letter-spacing:-0.075em; padding:0;}
.mvisual .m_txt p.txt{/*font-size:1.125em;*/font-size:1.2rem; padding-top:3%; font-weight:400; width:60%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display:none;}


/*cont01*/
section.cont01{background:#f5f8ff; background-size:100%; padding-top:0 !important; height: 10.625em;}
section.cont01 .container{padding:6% 3%; width:100%;}
section.cont01 .container dl{padding:3%; margin-top:3%;}
section.cont01 .container dl dd{float:none; width:90%; height:auto; margin-right:0; margin-bottom: 5%;  padding:5%;}
section.cont01 .container dl dd .box p.img_box{width:100%; height:auto;}
section.cont01 .container dl dd .box p.img_box img{width:100%; height:auto;}
section.cont01 .container dl dd .box .more_btn{right:0;}

section.cont01 .container dl dd .box .txt_box p.tit{padding:0; font-size:1.000em;}
section.cont01 .container dl dd .box .txt_box h4{font-size:1.250em}
section.cont01 .container dl dd .box .txt_box p.txt{font-size:1.000em;}

/*cont02*/
section.cont02{background: url("../images/main/m_cont02_bg.jpg") repeat-y center;}
section.cont02 .container{padding:0; width:100%;}
section.cont02 .container p.logo{padding:8% 0;}
section .container p.tit{font-size:1.000em; padding:6%; padding-top:0;}
section.cont02 .container p.tit span{display:inline;}

section.cont02 .container dl{padding:11% 0;}
section.cont02 .container dl dd{width:50%; padding-bottom:11%;}

section.cont02 .container .etc_menu{margin-top:0%; height:auto;}
section.cont02 .container .etc_menu dl{padding:0%;}

section.cont02 .container .etc_menu dl dd{width:33%; padding-bottom:0%; padding:4% 0; font-size:0.875em; border-right: solid 1px #ddd;}
section.cont02 .container .etc_menu dl dd:nth-child(2), section.cont02 .container .etc_menu dl dd:last-child{background:none;}
section.cont02 .container .etc_menu dl dd:last-child{border-right:none;}


/*cont03*/
section.cont03{background:#f5f8ff; background-size:100%; padding:17% 0 !important;}
section.cont03 .container{width:100%; padding:6%;}
.slick-prev, .slick-next{display:none !important;}
.slick-slide{margin:0; width:100%;}

section.cont03 .container .box .list{margin:0;}
section.cont03 .container .box div p.tit{font-size:1.188em; padding:6% 5% 6% 0;}
section.cont03 .container .box div p.data{font-size:0.875em; padding-top:2%;}


/*bottom*/
.root_daum_roughmap{width:100%; height:400px !important;}
body.disabled-onepage-scroll .onepage-wrapper section.bottom{padding-top:0;}

.banner{width:100%; padding:0;}
.banner .banner_list{float:none; width:88%; padding:6%;}
.banner .banner_list dl dd{width:47%; margin-bottom:3%; margin-right:3%;}
.banner .banner_list dl dd img{width:100%;}
.banner .banner_list dl dd:nth-child(2n){margin-right:0;}

.banner .link_box{width:100%; float:none;}
.banner .link_box ul{padding:0; border-right:none; border-left:none;}
.banner .link_box ul li{width:50%; font-size:1.8rem;}
.main #back_top{display:none;}

/*footer*/
footer .f_wrap{width:88%; padding:6%;}
footer .f_wrap div.img{width:100%; float:none; text-align:center; padding:6% 0;}
footer .f_wrap div.img img{width:50%;}
footer .f_wrap address{width:100%; float:none; padding:0; text-align:center; font-size:0.938em;}
footer .f_wrap address span{font-size:0.813em; padding-top:0;}
footer .f_wrap address span.tel{display:block;}

.banner .link_box ul li{font-size: 1.1rem;}

.sub_foot{clear:both;}

/*sub_css*/

#sub_wrap .m_sub_nav .m_list ul li ul.m_hide{/*font-size:1.250em !important;*/ font-size:1.2rem !important; line-height:2.2rem; letter-spacing:-0.031em; }
#sub_wrap .m_sub_tab dl dd:nth-child(2), #sub_wrap .m_sub_tab dl dd:last-child{width:50%;}
#sub_wrap .m_sub_tab dl dd:nth-child(3){clear:both;}

#sub_wrap .m_sub_tab dl dd{width:50%; font-size:1.1rem;}
#sub_wrap .m_sub_tab dl dd a{padding:7%;}

#sub_wrap .head_tite .txt_tite{padding-top:18%; font-size:1.8rem;}
#sub_wrap .m_sub_nav .m_list ul li a.m_tit{/*font-size:1.500em;*/font-size:1.2rem; letter-spacing:-0.031em; padding:5% 0 5% 2%;}
#sub_wrap .scont .wrap .cont_box div.ceo{background:none; padding-bottom:5%;}
#sub_wrap .scont .wrap .cont_box div.ceo p.sign{font-size:1.500em;}

#sub_wrap .scont .wrap .cont_box{padding-top:10%;}
#sub_wrap .scont .wrap .cont_box div.ceo h3{font-size:1.6rem !important; line-height:130%; word-break:keep-all;}
#sub_wrap .scont .wrap .cont_box div.ceo p.tit{font-size:1.250em;}
#sub_wrap .scont .wrap .cont_box div.ceo p.tit span{display:inline;}

#sub_wrap .scont .wrap .cont_box div.info{padding:5% 0;}


#sub_wrap .scont .wrap .cont_box div.info .table_box table th{font-size:1.000em; padding:2%;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td{font-size:1.000em; padding:2%; line-height:140%;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd{margin-bottom:2%; font-size:0.875em !important;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:first-child span{display:block; padding-bottom:1%;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:nth-child(2) span, #sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:nth-child(3) span, #sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:last-child span{display:block; padding-bottom:1%;}

/*visuion*/
#sub_wrap .scont .wrap .cont_box p.tit{font-size:1.250em;}


/*location*/
#sub_wrap .scont .wrap .cont_box table.info_box{margin:5% 0;}
#sub_wrap .scont .wrap .cont_box table.info_box th{padding:2%; font-size:1.000em; width:20%;}
#sub_wrap .scont .wrap .cont_box table.info_box td{padding:2%; font-size:1.000em; line-height:140%;}

#sub_wrap .scont .wrap .cont_box .other_map .tab dl dd{font-size:1.000em; line-height:160%;}
#sub_wrap .scont .wrap .cont_box .other_map .tab dl dd span{padding:0 1%; margin-bottom:2%; width:20%;}
#sub_wrap .scont .wrap .cont_box .tite_img img{width:auto; position:absolute; /*top:-69%; right:-11%;*/ top:-3%; right:-6%; width:210%;}

/*history*/
#sub_wrap .scont .wrap .cont_box .tite_img{padding:0; height:149px; overflow:hidden; position:relative; margin:5% 0;}

#sub_wrap .scont .wrap .cont_box dl.history_tab dd{width:50%; font-size:1.000em;}
#sub_wrap .scont .wrap .cont_box .history_box .box dl.his_cont dd{font-size:0.938em;}

dl.depth1_tab, dl.depth2_tab{margin-top:8%;}
dl.depth1_tab dd, dl.depth2_tab dd{width:45%; font-size:1.000em; padding:3%;}
#sub_wrap .scont .wrap .cont_box .history_box .box{margin-top:10%;}

/*CI*/
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.color, #sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.color{padding:11% 0;}
#sub_wrap .scont .wrap .cont_box .ci_tite{padding:4% 0;}

/*partner*/
#sub_wrap .scont .wrap .cont_box h4{font-size:1.714em;}


}

@media all and (max-width:400px){
.mvisual .m_txt{left:6%;}
.mvisual .mv_img{max-height:300px; min-height:300px;}
.mvisual .mv_img img{left:-34%;}

.mvisual .m_txt p.tit{font-size:1.8rem;}
.mvisual .m_txt p.txt{font-size:1.1rem;}

.busin-map dl dd .ibox{width:100px; height:100px;}
.busin-map dl dd .ibox img.ico{padding:23% 0; width:55%;}
.busin-map dl dd:last-child .ibox img.ico{padding:23% 0; width:55%;}

.busin-map dl dd:last-child .tbox{width:46%;}
#sub_wrap .head_tite .txt_tite{padding-top:21%;}

}