html{font-size:20px;}
body{font-size:1rem;}
.web{display:block;}
.mob{display:none;}
/*헤더*/
#wrap{ position:relative; overflow:hidden; font-size:0.9rem;}
#wrap img { border:none; }
#wrap i{vertical-align:middle;}
#header{position: absolute; top:0; left: 0; width:100%; z-index:100;-webkit-transition:all .3s;transition:all .3s;background:#fff;}
#header .header_inner{position:relative;height:4.5rem;
width:100%;margin:0 auto;padding: 0 3rem;}
#header .header_inner h1{z-index:10;position:absolute;top:50%;transform:translateY(-50%);}
#header h1 img{max-width: 10rem;}
/*gnb*/
#header .header_inner .top_menu{ z-index:10; font-size: 0.7rem; font-weight:500; letter-spacing:0.02em; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
#header .header_inner .top_menu li{position: relative; display:inline-block; margin-right: 1.2rem; color: #fff; }
#header .header_inner .top_menu li.memN{margin-right:1.2rem; letter-spacing:0;}
#header .header_inner .top_menu li.memN:after{display:none;}
#header .header_inner .top_menu li:last-child{margin-right: 0;}
#header .header_inner .top_menu li a{display: block; color:#ffb306; font-weight: 200; font-family: 'DM Sans', sans-serif;}
/*language*/
#header .header_inner .top_menu .lan{margin-left:0; display:block; width:5rem; display: flex; flex-direction: row;border:1px solid #ababab;border-radius:25px;position:absolute;right:5rem;top:50%;transform:translateY(-50%);}
#header .header_inner .top_menu .lan a{color: #ababab; width: 50%; height:1.5rem; text-align:center; line-height:1.5rem;position:relative;}
#header .header_inner .top_menu .lan a:first-child:after{height:0.5rem;right:0;background:#ababab;width:1px;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);}
#header .header_inner .top_menu .lan .select_btn {color:#000;font-weight:600;}
/*탑메뉴*/
#header .header_inner #nav {text-align:center;height:100%}
#header .header_inner #nav ul {clear:both; position:relative; box-sizing:border-box;height:100%;}
#header .header_inner #nav ul li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul li {position:relative; }
#header .header_inner #nav > ul > li:after{position: absolute; content: ''; display: block; width: 1px; height: 1rem; overflow: hidden; right:0; top: 62%; transform:translateY(-62%); background-color: #fff;}
#header .header_inner #nav > ul > li:last-child:after{background: none;}
#header .header_inner #nav > ul > li > div > a{color: #333; font-size:1rem; font-weight: 500; margin:0 3.5rem;}
#header .header_inner #nav ul li a{text-align:center; display:inline-block; height:4.5rem;line-height:4.5rem; text-transform: uppercase; position:relative;margin:0 3rem;}
#header .header_inner #nav ul li a strong{font-weight: 600;color:#00499d; }
#header .header_inner #nav ul li.active a:before{width:100%; left:0%;}
/*탑메뉴 2차*/
#header .header_inner #nav ul li ul {z-index: 100;position: absolute; display:none; width:100%; height: 13.5rem; left:0; top:4.5rem; box-sizing:border-box; padding:1.5rem 0; border-top:none; text-align:center;}
#header .header_inner #nav ul li ul li {display:block;margin:0; margin-bottom:.75rem; line-height:1; padding-bottom: 0.4rem; }
#header .header_inner #nav ul li ul li a{display:inline-block; font-size:0.9rem; text-align: left; margin:0 1rem; height:auto; font-weight:normal; line-height:1.3;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .header_inner #nav ul li ul li a:after{position: absolute; display : block; content:''; width: 0%; height: 1px; bottom: -.25rem; left: 0; background-color: #00499d; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .header_inner #nav ul li ul li a:hover{position: relative; color:#00499d; }
#header .header_inner #nav ul li ul li a:hover:after{width: 100%;}
#header .header_inner #nav ul li.active ul li a strong{font-weight:normal;}
.bg_box{margin: 0 auto !important; display:none; position: absolute; width: 100%; height: 13.5rem; top:4.5rem; z-index:10; box-sizing:border-box; border-top: 1px solid #DBDBDB; background-color:#f5f5f7; box-sizing: border-box; box-shadow:3px 15px 15px rgba(0,0,0,0.1);}
.bg_box .bg_img{position: absolute; right:0; top:0; width: 20%; height: 100%; z-index: -10; background:url("/images/default/main/menu_bg01.jpg") no-repeat top right;text-align:center;line-height:13.5rem;color:#fff;font-size:1.5rem;font-weight:500;}
.bg_box .add_bg{position:absolute;width:20%;height:100%;background:url("/images/default/main/menu_img.png")no-repeat left center;left:0;top:0;}
.sitemap{position:absolute; right:0; top: 2rem; width:5rem; height:2rem; line-height: 2rem; color: #fff; cursor:pointer; z-index:9999;text-align:center;}
.sitemap a{color: #fff;}
.sitemap a i{vertical-align: -2px !important;}
/*언어별*/
.lang_btn{display:none;}
@media (max-width:1030px){
.lang_btn{display:block; position: absolute; right:4.5rem; top:50%;transform:translateY(-50%); font-size:1.4rem;}
#header .header_inner .top_menu {display:block; }
#header .header_inner .top_menu .lan{display:block; border-radius:0; width:50px; background:#fff; text-align: center; top:4rem; right:3.5rem; transform:translateY(0);}
#header .header_inner .top_menu .lan a{width:100%; height:40px; line-height:40px; font-size:1rem; }
#header .header_inner .top_menu .lan a:first-child:after{display:none;}
}
@media (max-width:767px){
.lang_btn{right:3.7rem;}
#header .header_inner .top_menu .lan{top:3.7rem; right:2.8rem;}
}
/*사이트맵 버튼*/
#header .btn-gnb-menu{width:4.5rem; height:4.5rem;cursor:pointer; z-index:9999;text-align:center;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#header .btnAll {position:relative; width:1.5rem; height:1.5rem; top:50%; transform:translateY(-50%);outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 0.15rem; position: absolute; background-color: #000; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; right:0;}
#header .btnAll > span:nth-child(2) { top: 0.5rem; right:0; width:1.1rem;}
#header .btnAll > span:nth-child(3) { top: 1rem; right:0; width:1.4rem;}
#header.open .btn-gnb-menu{display:block; background: transparent;}
#header.open .btnAll > span{background-color: #000;}
#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}
/*사이트맵*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0; z-index:100; transition:right 0.45s;}
#header.open #navi{transition:right 0.45s; right:0px;}
#menuAll h3{text-align: center; font-size:1.6rem; padding-top:5rem; line-height:1.5; margin-bottom:1.5rem; color:#111;font-weight:300;width:72%;margin-left:21%;}
#menuAll h3 em{display:block;color:#0068b7;font-weight:500;}
#menuAll .mobile_top {height:100%;position:relative; display: flex; align-items:center;}
#menuAll .mobile_top .mbtop{padding-left:15%;flex-basis:100%;}
#menuAll .mobile_top .mbtop > li > a{position:relative;}
#menuAll .mobile_top .mbtop > li > a:after{content: ""; width: 12px;height: 12px;background: url("/images/default/content/sitemap_bg.png") no-repeat ;position: absolute;left: -0.8rem;top: 0.3rem;}
#menuAll .mobile_top ul > li{margin-bottom:2rem;}
#menuAll .mobile_top ul li:last-child{padding-right:0rem;}
#menuAll .mobile_top ul li:last-child ul{}
#menuAll .mobile_top ul li > a{display:block; font-size:2rem; font-weight:600; padding:1rem 0 0 0;width:100%; ;position:relative;}
#menuAll .mobile_top ul li ul{display:flex;margin:-1%;margin-top:1.5rem;}
#menuAll .mobile_top ul li ul li{float:none;position:relative;margin:1%;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:1rem; color:#666; background:none; text-align: left; padding:0;font-weight:400;}
#menuAll .mobile_top ul li ul li a strong{font-weight:400;}
#menuAll .mobile_top ul li ul li a:hover{color:#00499d;}
#menuAll .mobile_top ul li ul li ul{margin:20px 0 30px;}
#menuAll .mobile_top ul li ul li ul li{position:relative;margin-top:0.5rem;}
#menuAll .mobile_top ul li ul li ul li:before{width:4px; height:4px; border-radius:50%; left:4px;top:6px;display:block;position:absolute;background:#666;content:'';}
#menuAll .mobile_top ul li ul li ul li a{color:#888; font-weight:400;padding-left:0.85rem;position:relative;font-size:0.8rem;}
#menuAll .menubg{background: url("/images/default/content/site_bg.jpg") no-repeat center top;background-size:cover;background-position:80%;height:100%;width:30%;position:relative;float:right;animation: AnimationName 5s ease ;
}
#menuAll .menubg span{background:#00499d;color:#fff;padding:1.5rem 5rem;position:absolute;bottom:0;transform:translateX(-50%);
}
#menuAll .menubg span:after{position:absolute;content:'';display:block;background:url(/images/default/content/w_text_icon.png)no-repeat;width:2.45rem;height:0.95rem;top:50%;transform:translateY(-50%);right:1.5rem;}
/*배경 에니메이션*/
-webkit-animation: AnimationName 16s ease infinite;
-moz-animation: AnimationName 16s ease infinite;
-o-animation: AnimationName 16s ease infinite;
animation: AnimationName 16s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% }
100%{background-position:80%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% }
100%{background-position:80%}
}
@-o-keyframes AnimationName {
0%{background-position:0% }
100%{background-position:80%}
}
@keyframes AnimationName {
0%{background-position:0% }
100%{background-position:80%}
}
#menuAll .sns_mobile{display: none;}
#menuAll .menubg:after{content : ""; display : block; position : absolute; right :-1rem; top:0; height: 12.85rem; width:14rem;background: url("/images/default/content/bg_potin01.png") no-repeat center top; }
#menuAll .menubg:before{content : ""; display : block; position : absolute; left :0rem; bottom:0; height: 12rem; width:16.4rem;background: url("/images/default/content/bg_potin02.png") no-repeat center top; }
#menuAll .menubg h3{color:#fff;vertical-align:middle;top:50%;left:50%;transform: translate(-50%, -50%);
position:absolute;margin-left:0;padding-top:0;}
/*비쥬얼*/
#visual {width:100%; z-index: 0; position:relative; overflow:hidden;}
#visual .bxslider li {position:relative;width:100%; height:48rem; box-shadow:inset 0 10px 10px rgba(0, 0, 0, .15);}
#visual .bxslider li .ptext{width: 1400px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position:relative; margin: 0 auto; line-height:1.3; box-sizing:border-box; color:#fff; height: 100%; text-align:left; text-shadow:1px 5px 10px rgba(0, 0, 0, 0.1); z-index:11; text-shadow:1px 5px 10px rgba(0, 0, 0, 0.5);}
#visual .bxslider li .ptext .text h3{font-size:1.4rem;}
#visual .bxslider li .ptext .text h3 span{font-size:2.8rem;font-weight:400;margin:2rem 0;display:block;}
#visual .bxslider li .ptext .text h3 span b{font-weight:700;}
/*비쥬얼 컨트롤러*/
#visual .bx-wrapper .bx-pager {text-align: left; width:1400px; left:50%; transform:translateX(-50%);bottom: 25%;margin-left:10px;}
#visual .bx-wrapper .bx-pager.bx-default-pager a{position: relative; width:8px; height:8px;background: transparent;border-radius:100%;margin:0 1.5rem 0 0;}
#visual .bx-wrapper .bx-pager.bx-default-pager a:after{position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #fff;border-radius:100%; }
#visual .bx-wrapper .bx-pager.bx-default-pager a.active:before{width:1.5rem;height:1.5rem;border:1px solid #fff;border-radius:100%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#visual .bx-wrapper .bx-pager .bx-pager-item:last-child a{margin-right:0;}
/*컨텐츠*/
#container {font-family:'Roboto Slab','Noto Sans KR';line-height:1.5;}
#container .inn{width:1400px;margin:0 auto;}
#container .ct_tit{text-align:center;font-size:1rem;color:#292929;}
#container .ct_tit h4{font-size:1.8rem;color:#00499d;margin:1rem 0 2rem 0;line-height:1;}
#container .ct_tit b{font-weight:600;}
#container .cts1{padding:5rem 0;background:url(/images/default/main/cts1_bg.png)no-repeat left top;background-size:cover;}
#container .cts1 ul {display:flex;margin-top:4rem;justify-content:center;}
#container .cts1 ul li{padding:0 4rem;text-align:center;position:relative;font-size:0.9rem;color:#7e7e7e;}
#container .cts1 ul li:after{width:1px;height:100%;background:rgba(126,126,126,0.3);content:'';display:block;position:absolute;right:0;top:0;}
#container .cts1 ul li:last-child:after{display:none;}
#container .cts1 ul li p.tit{font-size:1.3rem;color:#000000;font-weight:500;margin:1.5rem 0 1rem 0;}
#container .cts1 ul li b{color:#333333;}
#container .cts2{width:100%;}
#container .cts2 .pro_bx{display:flex;}
#container .cts2 .pro_bx div.pro{flex-basis:50%;background:#f7f8ff;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#container .cts2 .pro_bx div.pro img.pro_img01{margin-bottom:3rem;}
#container .cts2 .pro_bx div.pro p.tit{color:#00499d;font-size:2rem;margin-bottom:2.4rem;font-weight:500;}
#container .cts2 .pro_bx div.pro p.txt{font-size:1rem;color:#333333;}
#container .cts2 .pro_bx div.img_pro{padding-top:50%;}
#container .cts2 .pro_bx div.img_pro .pro_txt{background:rgba(255,255,255,0.7);display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;
left:50%;top:50%;transform:translate(-50%,-50%);width:40vw;height:40vw;}
#container .cts2 .pro_bx div.img_pro .pro_txt p.tit{font-size:1.8rem;letter-spacing:3px;font-weight:400;position:relative;}
#container .cts2 .pro_bx div.img_pro .pro_txt p.tit:after{width:2.45rem;height:0.95rem;background:url(/images/default/main/add_t_icon.png)no-repeat;background-size:cover;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:-1rem;}
#container .cts2 .pro_bx div.img_pro .pro_txt p.txt{color:#777;}
#container .cts2 .pro_bx div.img_pro .pro_txt p.txt b{color:#333333;}
#container .cts2 .pro_bx div.img_pro .pro_txt a{color:#000;vertical-align:middle;line-height:2.35rem;margin-top:4.5rem;letter-spacing:2px;}
#container .cts2 .pro_bx div.img_pro .pro_txt span{background:url(/images/default/main/w_more_icon.png)no-repeat;width:4.75rem;height:2.35rem;display:inline-block;vertical-align:middle;margin-left:0.75rem;transition-duration: 0.5s;background-size:cover;}
#container .cts2 .pro_bx div.img_pro .pro_txt a:hover span{background:url(/images/default/main/more_icon.png)no-repeat;background-size:cover;}
#container .cts2 .pro_bx:nth-child(odd){flex-direction:row-reverse;}
#container .cts2 .pro_bx:nth-child(even) div.pro{background-color:#fff;}
#container .cts2 .pro_bx div.img01{background:url(/images/default/main/pro_bg01.png)no-repeat ;background-size:cover ;}
#container .cts2 .pro_bx div.img02{background:url(/images/default/main/pro_bg02.png)no-repeat ;background-size:cover;}
#container .cts2 .pro_bx div.img03{background:url(/images/default/main/pro_bg03.png)no-repeat;background-size:cover;}
#container .cts2 .pro_bx div.img04{background:url(/images/default/main/pro_bg04.png)no-repeat;background-size:cover;}
#container .cts3 {padding-top:6.5rem;}
#container .cts3 .ct_tit h4{margin-top:0;}
#container .cts3 ul{display:flex;margin-top:3rem;}
#container .cts3 ul li {flex-basis:25%;z-index:0;}
#container .cts3 ul li a {position:relative;height:30.5rem;padding:1rem ;display:block;}
#container .cts3 ul li a:after{width:100%;height:100%;background:#00499d;content:'';display:block;position:absolute;left:0;top:0;opacity:0;z-index:1;}
#container .cts3 ul li a:before{width:10.75rem;height:2.35rem;position:absolute;content:'';display:block;bottom:3rem;right:2rem;background:url(/images/default/main/more_txt.png)no-repeat;background-size:cover;opacity:0;z-index:5;}
#container .cts3 ul li a .add_txt{position:absolute;left:3rem ;top:3rem;z-index:5;}
#container .cts3 ul li:nth-child(1) a{background:url(/images/default/main/add_img01.jpg)no-repeat bottom right; background-size:cover;}
#container .cts3 ul li:nth-child(2) a{background:url(/images/default/main/add_img03.jpg)no-repeat bottom right;background-size:cover;}
#container .cts3 ul li:nth-child(3) a{background:url(/images/default/main/add_img04.jpg)no-repeat bottom right;background-size:cover;}
#container .cts3 ul li:nth-child(4) a{background:url(/images/default/main/add_img02.jpg)no-repeat bottom right;background-size:cover;}
#container .cts3 ul li p.tit{font-size:1.9rem;color:#000;font-weight:500;padding-bottom:1rem;line-height:1;}
#container .cts3 ul li p.txt{font-size:1.2rem;color:#777;}
#container .cts3 ul li a:hover:after{opacity:0.9;transition-duration: 0.5s;}
#container .cts3 ul li a:hover:before{opacity:0.9;transition-duration: 0.5s;}
#container .cts3 ul li a:hover p.tit{color:#fff !important;}
#container .cts3 ul li a:hover p.txt{color:#fff !important;}
/*푸터*/
#footer{background:#3b3a38;color:#fff;}
#footer .copyright{width:1800px;margin:0 auto;display:flex;padding:3rem 0;position:relative;}
#footer .copyright .f_info{margin-left:3rem;}
#footer .copyright .f_info li{margin-bottom:1rem;}
#footer .copyright .f_info li span{padding:0 1rem;position:relative;}
#footer .copyright .f_info li span:first-child {padding-left:0;}
#footer .copyright .f_info li span:last-child {padding-right:0;}
#footer .copyright .f_info li span em{padding-right:0.5rem;}
#footer .copyright .f_info li span:after{width:1px;height:100%;background:#7b7b7b;content:'';display:block;position:absolute;top:0;right:0;}
#footer .copyright .f_info li span:last-child:after{display:none;}
#footer .copyright .f_info li.copy{margin-top:2.4rem;color:#7b7b7b;font-size:0.8rem;}
#footer .copyright .f_info li:last-child{margin-bottom:0;}
#footer .copyright .f_img{position:absolute;right:0;top:50%;transform:translateY(-50%);}
/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1400px){
img{max-width:100%;}
#container .inn{width:100%;padding:0 1rem;}
/*탑메뉴*/
#wrap{overflow-x:hidden;}
#header .header_inner{width:100%;}
#header .header_inner .top_menu {right: 1rem;}
#header .header_inner{width:100%; padding:0 1rem;}
#header .header_inner h1{left:1rem; width:9rem;}
#header .header_inner #nav > ul > li > div > a {font-size: .95rem; margin: 0 2rem;}
#header .header_inner #nav ul li ul li a{font-size:0.8rem; margin:0 .5rem;}
#header .header_inner .sitemap{right:1rem;}
/*탑메뉴 2차*/
.bg_box .box_txt{width:100%; margin: 0; padding:1rem 1rem 1rem 2rem;}
.bg_box .bg_img{width: 35%;}
#wrap .header_inner .sitemap p{right:10px;}
#menuAll .mobile_top .mbtop{padding-left:5rem;}
/* 탭메뉴 */
.tab_menu{width:100%;}
.tab_menu ul li a{font-size:1rem;}
/*컨텐츠*/
#container .cts2 .pro_bx div.img_pro .pro_txt{width:100%;height:100%;padding:1rem;}
#container .cts2 .pro_bx div.pro{padding:1rem ;}
#visual .bxslider li .ptext, #visual .bx-wrapper .bx-pager{width:100%;padding:0 1rem;}
#container .cts3 ul li p.tit{font-size:1.5rem;}
#container .cts3 ul li p.txt{font-size:1rem;}
/*footer*/
#footer .copyright{width:100%;display:block;padding:0 1rem;}
#footer .copyright .f_info{margin-left:0;}
}
/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
html{font-size:16px;}
body{font-size:1rem}
.tablet{display:block;}
/* 헤더 */
#header h1 img,
#footer h3 img{max-width:10rem;}
#header .header_inner {height: 4rem;}
#header .header_inner .top_menu{display: none;}
#header .header_inner #nav{display:none; }
#header .btn-gnb-menu{width:4rem; height:4rem;}
/*사이트맵 버튼*/
#header .btn-gnb-menu{display:block; position:absolute; right:0; top: 0; width:4rem; height:4rem; cursor:pointer; z-index:9999; text-align:center; transform:translateY(0);}
#header .btnAll {position:relative; width:1.5rem; height:1.2rem; top:50%; transform:translateY(-50%);outline: none; z-index:9999;margin-top:0;}
#header .btnAll span { display: block; width: 100%; height: 0.12rem; position: absolute; background-color: #000; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0;}
#header .btnAll > span:nth-child(2) { top: 0.5rem; }
#header .btnAll > span:nth-child(3) { top: 1rem;}
#header.open .btn-gnb-menu{display:block; background: #0068b7;}
#header.open .btnAll > span{background-color: #fff;}
#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}
/*전체메뉴*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:4rem; z-index:100; transition:right 0.45s;}
#header.open #navi{transition:right 0.45s; right:0px;}
#menuAll{display: block;}
#navi h3{font-size:1.2rem;color:#fff; padding:1rem 0.75rem; line-height:1.3; font-weight:normal; margin:0; text-align: center;background: #FFB306; }
#navi h3 em{font-weight:600;}
#menuAll .menubg{display:none;}
#menuAll .mobile_top{width:100%;height:auto; flex-direction: column;}
#menuAll .mobile_top .mbtop{display: block;padding:0;}
#menuAll .mobile_top .mbtop > li > a:after{display:none;}
#menuAll .slogan{width:100%;margin-left:0;}
/*1차*/
#navi ul.mbtop {width:100%; margin:0; padding:0;}
#navi ul.mbtop li {margin:0; float:none; width:100%; padding-right:0; border-bottom:1px #eeeeee solid; position:relative; }
#navi ul.mbtop li:after{ content :"\e941"; display : block; position : absolute; right:1rem; top:15px;font-family:'xeicon'; font-weight:500; }
#navi ul.mbtop li a {padding:0; background: none; text-align:left; display:block; width:100%; padding:15px 1rem;box-sizing:border-box; font-size:1.15rem; color:#262626;}
#navi ul.mbtop li.open_li{ position:relative;}
#navi ul.mbtop li.open_li:after{ content :"\e944";}
/*2차*/
#navi ul.mbtop li ul {display:none; float:none; background-color:#f5f6f7; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible; padding:1rem 1rem; margin-top:0;}
#navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box; background: none; padding-left:0;margin:4% 2%;}
#navi ul.mbtop li ul li a {color:#262626; background:url(none); height:auto; padding-left:0; font-size:1.1rem; font-weight:500;}
#navi ul.mbtop li ul li:after,
#navi ul.mbtop li ul li:before{display:none;}
/*3차*/
#navi ul.mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
#navi ul.mbtop li ul li ul li {display:none;}
#menuAll .mobile_top > ul > li:nth-child(2) > a{ background: #fff; }
#menuAll .mobile_top > ul > li:nth-child(3) > a{ background: #fff; }
#menuAll .mobile_top > ul > li:nth-child(4) > a{ background: #fff; }
#menuAll .mobile_top > ul > li:nth-child(5) > a{ background: #fff; }
#navi ul.mbtop li.open_li > a {color:#0068B7;}
/*컨텐츠*/
#container .cts3 ul{flex-wrap:wrap;}
#container .cts3 ul li{flex-basis:50%;}
#container .cts3 ul li a{height:15rem;}
#container .cts3 ul li a .add_txt{left:1rem;top:1rem;}
#container .cts3 ul li p.tit{font-size:1.2rem;}
/*푸터*/
#footer .copyright{padding:2rem 1rem 2rem 1rem;}
#footer .copyright .f_img{right:1rem;top:2rem;transform: translateY(0);}
#footer .copyright .f_info{padding:1rem 0;}
}
/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
html{font-size:15px;}
body{font-size:1rem; position:relative;}
.web{display:none;}
.mob{display:block;}
/*탑메뉴*/
#header .header_inner{height:3.7rem;}
#header .btn-gnb-menu{width:3.7rem; height:3.7rem; }
#header #navi{padding-top:3.7rem;}
/*비주얼*/
#visual .bxslider li .ptext .text h3 span{font-size:2rem;}
#visual .bxslider li .ptext .text h3{font-size:1.2rem;}
#visual .bxslider li{height:45rem;}
/*내용01*/
#container .ct_tit span{word-break:keep-all;}
#container .cts1 {background-size:150%;}
#container .cts1 ul{flex-wrap:wrap;margin:-1rem;margin-top:2rem;}
#container .cts1 ul li:after{display:none;}
#container .cts1 ul li{padding: 1rem 0.5rem;flex-basis:33.33333%;}
#container .cts1 ul li p.tit{margin:1rem 0;}
/*내용02*/
#container .cts2 .pro_bx{flex-wrap:wrap;flex-direction:column-reverse;border-bottom:2rem solid #f4f4f4;}
#container .cts2 .pro_bx div.pro{padding:2rem 1rem;flex-basis:100%;}
#container .cts2 .pro_bx div.pro p.tit{font-size:1.5rem;}
#container .cts2 .pro_bx div.img_pro{padding-top:100%; }
#container .cts2 .pro_bx div.img_pro .pro_txt{width:90%;height:90%}
#container .cts2 .pro_bx div.img_pro .pro_txt a{margin-top:0.5rem;}
#container .cts2 .pro_bx div.img_pro .pro_txt a span{display:block;margin-top:0.5rem;}
#container .cts2 .pro_bx div.img_pro .pro_txt p.tit{margin-bottom:1rem;font-size:1.2rem;}
#container .cts2 .pro_bx:nth-child(odd) { flex-direction: column-reverse;}
/*푸터*/
#footer .copyright{padding:2rem 1rem 2rem 1rem;}
#footer .copyright .f_info li.copy{margin-top:1rem;}
#footer .copyright .f_info{padding-top:1rem;}
#footer .copyright .f_img{right:1rem;bottom:0;top:2rem;transform:translateY(0);width:3rem;}
#footer .copyright .f_info li span{display:block;padding:0;line-height:1.5}
#footer .copyright .f_info li span:after{display:none;}
}