/* width:1400px 이상 일때 */
@media screen and (min-width:1400px){
#hd_wrapper{width:1280px;}
#logo{padding:30px 0 !important;}
.sub_tap ul{width:1280px !important;}
}

/* width:1200px 이상 일때 */
@media screen and (min-width:1200px){
#hd, #wrapper, #ft{width:100%}
#hd:hover .gnb_1da{color:#222 !important}
#hd:hover #logo a{color:#222 !important}
.mg_box{display:none;}
.main_bn{width:100%; height:700px; overflow:hidden; position:relative; z-index:10;}
.main_bn ul{}
.main_bn ul::after{display:block; content:""; clear:both;}
.main_bn ul li{display:table; width:100%; height:700px;}
.main_bn ul li.bn01{background:url('/theme/basic/images/mb01.jpg')no-repeat 50% 40%; background-size:cover;}
.main_bn ul li.bn02{background:url('/theme/basic/images/mb02.jpg')no-repeat 50% 40%; background-size:cover;}
.main_bn ul li.bn03{background:url('/theme/basic/images/mb03.jpg')no-repeat 50% 40%; background-size:cover;}
.main_bn ul li div{display:table-cell; vertical-align:middle; text-align:center}
.main_bn ul li div p{font-size:26px; color:#fff;}
.main_bn ul li div h2{font-size:52px; color:#fff;}

.sub_bn{width:100%; height:450px; line-height:450px; font-size:46px; font-weight:600; color:#fff; text-align:center;}
.sub_tap{width:100%; text-align:center; position:relative; top:-33px; z-index:9;}
.sub_tap ul{display:table; width:1200px; margin:0 auto; border:1px solid #ddd; background:#fff;}
.sub_tap ul::after{display:block; content:""; clear:both;}
.sub_tap ul li{position:relative; display:table-cell; width:auto; line-height:60px; border-right:1px solid #ddd; box-sizing:border-box;}
.sub_tap ul li:last-child{border:none;}
.sub_tap ul li a{color:#999; font-size:16px; font-weight:600; padding:0 40px; display:block; width:100%; height:100%}
.sub_tap ul li a:hover{color:#222}
.sub_tap ul li.active a{color:#222}
.sub_tap ul li u{display:block;width:1px;height:3px;position:absolute;left:50%;bottom:0px;-webkit-transition:0.2s ease; transition:0.2s ease;}
.sub_tap ul li:hover u{background:#333;width:100%;margin-left:-50%;-webkit-transition:0.2s ease; transition:0.2s ease;}
.sub_tap ul li.active u{background:#333;width:100%;margin-left:-50%;-webkit-transition:0.2s ease; transition:0.2s ease;}

/* 컨텐츠 1번 */
.ind01{width:1200px; margin:0 auto; padding:50px 0;}
.ind01>h2{text-align:center; font-size:36px;}
.ind01>p{font-size:18px; color:#666; padding:5px 0; text-align:center;}
.ind01 ul{margin:30px 0 0;}
.ind01 ul::after{display:block; content:""; clear:both;}
.ind01 ul li{float:left; width:25%; box-sizing:border-box; padding:0 15px;} /* 25 */
.ind01 ul li:last-child{width:25%;} /* 25 */
.ind01 ul li img{max-width:100%;}
.ind01 ul li div{padding:20px 0; text-align:center;}
.ind01 ul li div h3{font-size:24px;}
.ind01 ul li div p{font-size:17px; padding:5px 0;}
.ind01 ul li div a{display:block; width:140px; line-height:46px; border-radius:30px; font-size:16px; text-align:center; border:1px solid #222; margin:10px auto 0; transition:0.5s ease; -webkit-transition:0.5s ease;}
.ind01 ul li div a:hover{background:#222; color:#fff;}

/* 컨텐츠 2번 */
.ind02{width:100%; margin:0 auto; padding:0; background:#f5f5f5; text-align:center;}
.ind02>h2{text-align:center; font-size:36px;}
.ind02>p{font-size:18px; color:#666; padding:5px 0; text-align:center;}
.ind02>div{width:1280px; margin:20px auto 0;}

/* 컨텐츠 3번 */
.ind03{width:100%; margin:0 auto;}
.ind03 ul{}
.ind03 ul::after{display:block; content:""; clear:both;}
.ind03 ul li{float:left; width:50%; height:420px; position:relative;}
.ind03 ul li.indl01{background:url('/theme/basic/images/mbn01.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li.indl02{background:url('/theme/basic/images/mbn02.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li.indl03{background:url('/theme/basic/images/mbn03.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li.indl04{background:url('/theme/basic/images/mbn04.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li:hover >div::before{opacity:0.8}
.ind03 ul li:hover >div>div>div a{line-height:46px; opacity:1;}
.ind03>ul>li>div{}
.ind03>ul>li>div::before{position:absolute; content:""; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#2b5aa0; opacity:0.1; z-index:9; transition:0.5s ease; -webkit-transition:0.5s ease;}
.ind03>ul>li>div>div{display:table; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; width:100%; height:420px;}
.ind03>ul>li>div>div>div{display:table-cell; vertical-align:middle; text-align:center;}
.ind03>ul>li>div>div>div h2{font-size:36px; color:#fff;}
.ind03>ul>li>div>div>div p{font-size:18px; padding:5px 0; color:#fff;}
.ind03>ul>li>div>div>div a{display:block; width:140px; line-height:0px; font-size:16px; opacity:0; border-radius:30px; margin:10px auto 0; border:1px solid #fff; color:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
}

/* width:1200px 이하 일때 */
@media screen and (max-width:1199px){
#hd, #wrapper, #ft{width:100%}
#hd{background:none !important; border:none !important;}
#gnb{display:none;}
#logo{font-size:24px !important; padding:20px !important; color:#fff !important}
#logo a{color:#fff;}

.main_bn{width:100%; height:650px; overflow:hidden; position:relative; z-index:10;}
.main_bn ul{}
.main_bn ul::after{display:block; content:""; clear:both;}
.main_bn ul li{display:table; width:100%; height:650px;}
.main_bn ul li.bn01{background:url('/theme/basic/images/bn01.jpg')no-repeat 50% 40%; background-size:cover;}
.main_bn ul li.bn02{background:url('/theme/basic/images/bn02.jpg')no-repeat 50% 40%; background-size:cover;}
.main_bn ul li.bn03{background:url('/theme/basic/images/bn03.jpg')no-repeat 50% 40%; background-size:cover;}
.main_bn ul li div{display:table-cell; vertical-align:middle; text-align:center}
.main_bn ul li div p{font-size:26px; color:#fff;}
.main_bn ul li div h2{font-size:52px; color:#fff;}
.sub_bn{width:100%; height:450px; line-height:450px; font-size:46px; font-weight:600; color:#fff; text-align:center;}
.sub_tap{width:100%; text-align:center; position:relative; top:-33px; z-index:9998;}
.sub_tap ul{display:table; width:100%; margin:0 auto; border:1px solid #ddd; background:#fff;}
.sub_tap ul::after{display:block; content:""; clear:both;}
.sub_tap ul li{display:table-cell; width:auto; line-height:60px; border-right:1px solid #ddd; box-sizing:border-box;}
.sub_tap ul li:last-child{border:none;}
.sub_tap ul li a{color:#999; font-size:16px; font-weight:600; padding:0 20px; display:block; width:100%; height:100%}
.sub_tap ul li.active a{color:#222}
.sub_tap ul li u{display:block;width:1px;height:3px;-webkit-transition:0.2s ease; transition:0.2s ease;}
.sub_tap ul li:hover u{background:#333;width:100%;-webkit-transition:0.2s ease; transition:0.2s ease;}
.sub_tap ul li.active u{background:#333;width:100%;-webkit-transition:0.2s ease; transition:0.2s ease;}

.mg_box{width:100%; overflow:hidden; position:absolute; top:0; right:0; z-index:9;}
.mg_box.on{z-index:9999;}
.m_gnb{position:absolute; top:0; right:-100%; width:100%; z-index:9; transition:0.3s ease; -webkit-transition:0.3s ease;}
.m_gnb.on{z-index:9999; right:0;}
div.mg_btn{position:absolute; top:15px; right:10px; z-index:99999;
transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;
}
div.mg_btn span{display:block; width:42px; height:2px; margin:10px; background:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
div.mg_btn.on{transform:rotate(45deg);}
div.mg_btn.on span{width:0px; height:2px; background:#000;}
div.mg_btn.on span:first-child{width:42px; transform:translateY(12px)}
div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90deg);}
.m_gnb div.mg_wrap{width:500px; background:#fff;}
.m_gnb div.mg_wrap.on{position:Absolute; right:0; z-index:999;}
.m_gnb div.mg_wrap>ul{padding:100px;}
.m_gnb div.mg_wrap>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>a{font-size:26px; font-weight:900; color:#444;}
.m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;}
.m_gnb div.mg_wrap>ul>li>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:20px;}
.m_gnb div.mg_bk{display:none; width:100%; height:100%; background:#222; opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;}
.m_gnb div.mg_bk.on{display:block; opacity:0.9;}

/* 컨텐츠 1번 */
.ind01{width:100%; margin:0 auto; padding:80px 0;}
.ind01>h2{text-align:center; font-size:36px;}
.ind01>p{font-size:18px; color:#666; padding:10px 0 20px; text-align:center;}
.ind01>a{display:block; width:180px; line-height:48px; font-size:16px; color:#fff; text-align:center; background:#222; margin:0 auto;}
.ind01 ul{margin:80px 0 0;}
.ind01 ul::after{display:block; content:""; clear:both;}
.ind01 ul li{float:left; width:25%; box-sizing:border-box; padding:0 15px;} /* 25 */
.ind01 ul li:last-child{width:25%;} /* 25 */
.ind01 ul li img{max-width:100%;}
.ind01 ul li div{padding:20px 0; text-align:center;}
.ind01 ul li div h3{font-size:24px;}
.ind01 ul li div p{font-size:17px; padding:5px 0;}
.ind01 ul li div a{display:block; width:140px; line-height:44px; border-radius:30px; font-size:16px; text-align:center; border:1px solid #222; margin:10px auto 0; transition:0.5s ease; -webkit-transition:0.5s ease;}
.ind01 ul li div a:hover{background:#222; color:#fff;}

/* 컨텐츠 2번 */
.ind02{width:100%; margin:0 auto; padding:80px 0 90px; background:#f5f5f5;}
.ind02>h2{text-align:center; font-size:36px;}
.ind02>p{font-size:18px; color:#666; padding:5px 0; text-align:center;}
.ind02>div{width:100%; margin:20px auto 0;}

/* 컨텐츠 3번 */
.ind03{width:100%; margin:0 auto;}
.ind03 ul{}
.ind03 ul::after{display:block; content:""; clear:both;}
.ind03 ul li{float:left; width:50%; height:420px; position:relative;}
.ind03 ul li.indl01{background:url('/theme/basic/images/mbn01.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li.indl02{background:url('/theme/basic/images/mbn02.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li.indl03{background:url('/theme/basic/images/mbn03.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li.indl04{background:url('/theme/basic/images/mbn04.jpg')no-repeat 50% 50%; background-size:cover;}
.ind03 ul li:hover >div::before{opacity:0.8}
.ind03 ul li:hover >div>div>div a{line-height:46px; opacity:1;}
.ind03>ul>li>div{}
.ind03>ul>li>div::before{position:absolute; content:""; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#2b5aa0; opacity:0.1; z-index:9; transition:0.5s ease; -webkit-transition:0.5s ease;}
.ind03>ul>li>div>div{display:table; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; width:100%; height:420px;}
.ind03>ul>li>div>div>div{display:table-cell; vertical-align:middle; text-align:center;}
.ind03>ul>li>div>div>div h2{font-size:36px; color:#fff;}
.ind03>ul>li>div>div>div p{font-size:18px; padding:5px 0; color:#fff;}
.ind03>ul>li>div>div>div a{display:block; width:140px; line-height:0px; font-size:16px; opacity:0; border-radius:30px; margin:10px auto 0; border:1px solid #fff; color:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
}

/* width:768px 이하 일때 */
@media screen and (max-width:767px){
.main_bn{width:100%; height:650px;}
.main_bn ul{}
.main_bn ul::after{display:block; content:""; clear:both;}
.main_bn ul li{height:650px;}
.main_bn ul li div{display:table-cell; vertical-align:middle; text-align:center}
.main_bn ul li div p{font-size:22px; color:#fff;}
.main_bn ul li div h2{font-size:34px; color:#fff;}
.main_bn .swiper-button-next{display:none;}
.main_bn .swiper-button-prev{display:none;}
.sub_bn{font-size:40px;}
.sub_tap ul li a{padding:0; font-size:15px;}

.m_gnb div.mg_wrap>ul{padding:80px 60px;}
.m_gnb div.mg_wrap>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>a{font-size:26px; font-weight:900; color:#444;}
.m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;}
.m_gnb div.mg_wrap>ul>li>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:20px;}
.m_gnb div.mg_bk{width:100%; height:100%; background:#222; opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;}
.m_gnb div.mg_bk.on{opacity:0.9;}

/* 컨텐츠 1번 */
.ind01{padding:50px 0;}
.ind01>h2{font-size:30px;}
.ind01>p{font-size:16px;}
.ind01 ul{margin:50px 0 0;}
.ind01 ul li{float:left; width:50%;} /* 50 */
.ind01 ul li:last-child{width:50%;} /* 50 */
.ind01 ul li div{padding:20px 0 40px;}

/* 컨텐츠 2번 */

/* 컨텐츠 3번 */
.ind03 ul li{height:300px;}
.ind03 ul li:hover >div::before{opacity:0.8}
.ind03 ul li:hover >div>div>div a{line-height:40px; opacity:1;}
.ind03>ul>li>div>div{height:300px;}
.ind03>ul>li>div>div>div h2{font-size:24px; color:#fff;}
.ind03>ul>li>div>div>div p{font-size:14px; padding:5px 0; color:#fff;}
.ind03>ul>li>div>div>div a{display:block; width:120px; line-height:0px; font-size:14px; opacity:0; border-radius:30px; margin:10px auto 0; border:1px solid #fff; color:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
}

/* width:480px 이하 일때 */
@media screen and (max-width:480px){
.main_bn{width:100%; height:480px;}
.main_bn ul{}
.main_bn ul::after{display:block; content:""; clear:both;}
.main_bn ul li{height:480px;}
.main_bn ul li div{display:table-cell; vertical-align:middle; text-align:center}
.main_bn ul li div p{font-size:14px; color:#fff;}
.main_bn ul li div h2{font-size:24px; color:#fff;}
.sub_bn{height:300px; line-height:300px; font-size:34px;}
.sub_tap ul li.alone{display:block; float:left; border-bottom:1px solid #ddd; line-height:50px; width:100%;}
.sub_tap ul li.dozen{display:block; float:left; width:50% !important; border-bottom:1px solid #ddd; line-height:50px;}
.sub_tap ul li:last-child{border-right:1px solid #ddd;}
.sub_tap ul li a{font-size:1.12em; padding:0 8px;}

#ft_catch .ft_catch_s {font-size:15px !important;}
#ft_link a{font-size:13px !important;}
#ft_wr>p{padding:0 16px !important;}
#ft_copy{margin-top:20px !important;}
.mbskin{width:340px !important;}
#login_fs{padding:0 30px !important}
#fregister .fregister_agree{position:relative !important;}
.m_gnb div.mg_btn{position:absolute; top:20px; right:20px; z-index:11;
transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;
}
.m_gnb div.mg_btn span{display:block; width:36px; height:2px; margin:8px; background:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
.m_gnb div.mg_btn.on{transform:rotate(45deg);}
.m_gnb div.mg_btn.on span{width:0px; height:2px; background:#000;}
.m_gnb div.mg_btn.on span:first-child{width:36px; transform:translateY(10px)}
.m_gnb div.mg_btn.on span:last-child{width:36px; transform:translateY(-10px) rotate(90deg);}
.m_gnb div.mg_wrap{position:absolute; width:280px; background:#fff; z-index:10; transition:0.5s ease; -webkit-transition:0.5s ease;}
.m_gnb div.mg_wrap>ul{padding:70px 40px;}
.m_gnb div.mg_wrap>ul>li>a{font-size:22px; font-weight:900; color:#444;}
.m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:18px;}

/* 컨텐츠 1번 */
.ind01{padding:30px 0;}
.ind01>h2{font-size:24px;}
.ind01>p{font-size:14px;}
.ind01>a{width:160px; line-height:44px; font-size:14px;}
.ind01 ul{margin:50px 0 0;}
.ind01 ul li{float:none; width:100%;} /* 100 */
.ind01 ul li:last-child{width:100%;} /* 100 */
.ind01 ul li div{padding:20px 0 40px;}
.ind01 ul li div h3{font-size:20px;}
.ind01 ul li div p{font-size:14px;}

/* 컨텐츠 2번 */
.ind02>h2{font-size:24px;}
.ind02>p{font-size:14px;}

/* 컨텐츠 3번 */
.ind03 ul li{float:none; width:100%; height:300px;}

/* 기타 설정 */
.indg01_wrap{padding:20px !important; font-size:14px !important;font-family:'Noto Sans KR', sans-serif; font-weight:600 !important;}
.indg01_tit{font-size:16px !important;font-family:'Noto Sans KR', sans-serif;}
}




/*------팝업창 링크 카카오이미지레이어창--------*/
.popup-background {
  display: none;
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  z-index:9999999999999;
  background:rgba(0,0,0,0.5);
}
.popup-content {
  display: none;
  position: fixed;
  top: 2%;
  left: 5%;
  width:90%;
  max-width:1500px;
  max-height:95%;
  background-color: white;
  padding: 50px 10px 10px 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 1.3);
	overflow:hidden;
	overflow-y:auto;
}
.popup-content img { width: 100%; border:#ddd solid 1px;}
#popup:target { display: block;}
#popup:target .popup-background { display: block;}
#popup:target .popup-content { display: block;}
.popup-close { position: absolute; top: 10px; right: 10px; cursor: pointer; background:#555; padding:5px 10px; color:#fff; font-size:15px; border-radius:5px;}
/*------팝업창 링크 카카오이미지레이어창--------*/