/*¸ÞÀη¹À̾î*/

.pop-container {
    position: absolute;
	border:5px solid #fff; 
	border-radius:10px;
}


._popup_S20200730bc6fd428468c2_61590 {
    z-index: 2000 !important;
}
 .inside {
    max-width: 1600px;
    padding-left: 15px;
    padding-right: 15px;
}
.pop-container .pop-item {
    float: left;
    box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.06), 0px 0px 1px 0px rgba(0,0,0,0.28);
}
.pop-container .pop-img {
    position: relative;
}
.pop-container .btn-group {
    width: 100%;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: table;
}
.btn-group > :first-child:not(.dropdown-toggle):not(:last-child).btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pop-container .btn-group .btn {
    width: 50%;
    float: none;
    letter-spacing: 0px;
    color: #000;
    padding: 12px 0;
    border: 0;
    white-space: normal;
    display: table-cell;
	text-align:center;
}
.pop-container .btn-group .btn + .btn {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) !important;
    border-radius: 0;
    font-weight: normal;
    margin-left: 0px;
}
.btn-group > :last-child:not(:first-child).btn, .btn-group > :not(:first-child).dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#maindiv9 .pop-container{left:600px!important;}
#maindiv9 .pop-container img {max-width:500px; width:100%;}
#maindiv8 .pop-container{left:50px!important;}
#maindiv8 .pop-container img {max-width:500px; width:100%;}
#maindiv7 .pop-container{left:450px!important;}
#maindiv7 .pop-container img {max-width:600px; width:100%;}

@media only screen and (max-width:980px){

	#maindiv9 .pop-container{left:0px!important;}
	#maindiv8 .pop-container{left:0px!important;}
	#maindiv7 .pop-container{left:0px!important;}
 
}
@media only screen and (max-width:767px){
	#maindiv9 .pop-container{left:0px!important;}
	#maindiv8 .pop-container{left:0px!important;}
	#maindiv7 .pop-container{left:0px!important;}
	 
}
@media (max-width:700px) {
 .pop-container {width:100%} 
 .pop-img img  {width:100%} 
 .btn-group {width:90%} 
 
}



 
.overflow-hidden { overflow: hidden; }
.pc_enter {display:block;}
 

/*main_contents*/
#contents {position:relative;width:1200px;    margin:80px auto;}

.main_h2 {font-size:1.6em; text-align:center; font-weight:bold;padding-bottom:50px;}
.main_h2 span {font-size:2.0em; color:#0066b3; }

/*¸ÞÀκñÁÖ¾ó*/
#recentMB1 {width:100%;height:750px;z-index:-1;margin-top:-100px;background: url(/customized/images/main/main_visual_bg.jpg) center 50% no-repeat; background-size:cover; position: relative;  }
#recentMB1 .banner {width:1320px; margin:0 auto;font-size:1.3em;  position: relative;}
#recentMB1 .bannerCopy{ padding-top:300px;}
#recentMB1 .active-slide .bannerCopy div{animation-name:fadeInUp;}

#recentMB1 .banner .bannerCopy div:nth-child(1) {-webkit-animation-delay:2s;animation-delay:1s; font-family: 'GmarketSansMedium'; font-size:45px;color:#222; line-height:140%; letter-spacing:-1px;}
#recentMB1 .banner .bannerCopy div:nth-child(2) {-webkit-animation-delay:3s;animation-delay:1.5s;font-family: 'GmarketSansBold'; font-size:55px; color:#2faf15; line-height:120%; letter-spacing:-1px;}
#recentMB1 .banner .bannerCopy div:nth-child(3) {-webkit-animation-delay:4s;animation-delay:2s;font-family: 'GmarketSansBold';font-size:55px; color:#ff9600; line-height:120%; letter-spacing:-1px;}
#recentMB1 .banner .bannerCopy div:nth-child(4) {-webkit-animation-delay:5s;animation-delay:2.5s; font-family: 'GmarketSansMedium'; font-size:18px;color:#222; margin-top:30px;}
#recentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
 
#recentMB1 .banner .bannerCopy div:nth-child(4) span {margin-left:3px; background-color:#222; color:#fff; font-size:14px; width:44px; height:36px; border-radius:50%; padding:6px 6px 3px 6px;}
 
/*¸ÞÀκñÁÖ¾ó*/
.IDrecentMB1 {width:100%;height:750px;z-index:-1;margin-top:-100px;background: url(/customized/images/main/main_visual_bg.jpg) center 50% no-repeat; background-size:cover; position: relative;  }
.IDrecentMB1 .banner {width:1320px; margin:0 auto;font-size:1.3em;  position: relative;}
.IDrecentMB1 .bannerCopy{ padding-top:300px;}
.IDrecentMB1 .active-slide .bannerCopy div{animation-name:fadeInUp;}

.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {-webkit-animation-delay:2s;animation-delay:1s; font-family: 'GmarketSansMedium'; font-size:45px;color:#222; line-height:140%; letter-spacing:-1px;}
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {-webkit-animation-delay:3s;animation-delay:1.5s;font-family: 'GmarketSansBold'; font-size:55px; color:#2faf15; line-height:120%; letter-spacing:-1px;}
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {-webkit-animation-delay:4s;animation-delay:2s;font-family: 'GmarketSansBold';font-size:55px; color:#ff9600; line-height:120%; letter-spacing:-1px;}
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {-webkit-animation-delay:5s;animation-delay:2.5s; font-family: 'GmarketSansMedium'; font-size:18px;color:#222; margin-top:30px;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
 
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) span {margin-left:3px; background-color:#222; color:#fff; font-size:14px; width:44px; height:36px; border-radius:50%; padding:6px 6px 3px 6px;}
 
 
 
 
 
/*°øÁö»çÇ×*/
.notice { float:left; position:relative; width:40%; box-sizing:border-box; display:inline-block; height:215px; background-color:#fff; }
.notice h2 { padding-bottom:15px; font-weight:bold; box-sizing:border-box;border-bottom:1px solid #ddd; font-size:1.8em; color:#222;}
.notice div {position:absolute; right:0px; top:-5px;}

.notice ul {clear:both;  padding:15px 0 0 10px;}
.notice li {font-size:15px;display: inline;float: left;width:95%;padding:8px 0 6px 5px;background:url(/customized/images/main/notice_dot.gif) no-repeat 1px 15px;}
.notice li a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;  height:1.25em;  max-width:70%; float: left;padding:0 6px;color:#414141;white-space: nowrap;font-size:1.0em;line-height:16px;letter-spacing:0;border-right:0;color:#555}
.notice li span {font-size: 15px;color: #b78721;float: right;display: block;}



/*¾ÆÀÌÄÜ*/
.m_icon {display:inline-block;width:55%; margin-left:5%;}
.m_icon ul {width:100%;}
.m_icon li a { display:inline-block; float:left; color:#fff; width:31.3%; box-sizing:border-box; margin: 0px 1%; border-radius:0 15px 0 15px; padding:140px 10px 30px 10px; text-align:center; font-size:18px; font-weight:bold;}

.ico_01 {background:#ffa800 url('/customized/images/main/micon_01.png') no-repeat 50% 25%; transition: all 0.2s ease 0s; }
.ico_02 {background:#ff9600 url('/customized/images/main/micon_02.png') no-repeat 50% 30%; transition: all 0.2s ease 0s; }
.ico_03 {background:#89af38 url('/customized/images/main/micon_03.png') no-repeat 50% 25%; transition: all 0.2s ease 0s;}



.ico_01:hover {background-position:50% 20%; }
.ico_02:hover {background-position:50% 25%; }
.ico_03:hover {background-position:50% 20%; }

/*¸ÞÀιè³Ê*/

.swiper_bg {background:url("/customized/images/main/main_bar_bg.jpg") no-repeat 0 0 /cover;}
.swiper {
max-width: 1300px;
height: 300px
}

.swiper-slide {
  /* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide p {display: inline-block;cursor:pointer; font-size:21px; color:#fff;font-family: 'GmarketSansMedium';  line-height:190%;margin-top:120px; }
.swiper-slide .p_line2 {font-size:21px;color:#fff;font-family: 'GmarketSansMedium'; line-height:190%; }
.swiper-slide p b {font-size:35px; margin-bottom:10px;}
.swiper-slide img {
display: inline-block;
width: 400px;
height: 300px;
margin-right:60px;

 }


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { color: #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
 background: #fff;} 
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px!important;}




@media only screen and (max-width:1400px){

#wrap {    width: 100%;  min-width: 100%;}
/*¸ÞÀκñÁÖ¾ó*/
#recentMB1 {background-position:70% 50%;}

#recentMB1 .banner {width:100%;}
#recentMB1 .bannerCopy{  padding-top:250px; padding-left:20px;}

/*¸ÞÀκñÁÖ¾ó*/
.IDrecentMB1 {background-position:70% 50%;}

.IDrecentMB1 .banner {width:100%;}
.IDrecentMB1 .bannerCopy{  padding-top:250px; padding-left:20px;}



}






/* Tablet Device ÃÖ¼Ò 900 ~ 1199  */
@media (max-width:1199px) {

#container  {width:100%; height:100%;}
#contents {width:100%; }


 

/*¸ÞÀκñÁÖ¾ó*/
 #recentMB1 {  background-size:cover;}

 #recentMB1 .bannerCopy{  padding-top:260px; padding-left:20px;}
 


#recentMB1 .banner .bannerCopy div:nth-child(1) {font-size:30px;color:#222; line-height:140%; }
#recentMB1 .banner .bannerCopy div:nth-child(2) {font-size:40px; color:#2faf15; line-height:120%;  }
#recentMB1 .banner .bannerCopy div:nth-child(3) {font-size:40px; color:#ff9600; line-height:120%;  }
#recentMB1 .banner .bannerCopy div:nth-child(4) {font-size:18px;color:#222; margin-top:30px;}
#recentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
 


/*¸ÞÀκñÁÖ¾ó*/
 .IDrecentMB1 {  background-size:cover;}

 .IDrecentMB1 .bannerCopy{  padding-top:260px; padding-left:20px;}
 


.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:30px;color:#222; line-height:140%; }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:40px; color:#2faf15; line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:40px; color:#ff9600; line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:18px;color:#222; margin-top:30px;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
 


 
#modal .modal-bg .modal-cont {padding:10px;width:80%;height:60%;}

.notice {  width:38%;  margin-left:2%; }

.swiper-slide img {margin-right: 0px;}
.swiper-slide p b {font-size: 24px;}
.swiper-slide p {font-size: 17px;}
 .swiper-slide .p_line2 {font-size: 16px;}

}









/* Tablet Device ÃÖ¼Ò 590 ~ 899  */
@media (max-width:899px) {
.mobile_enter {display:block;}
.pc_enter {display:block;}

.letter_s {letter-spacing:-1px;}

#container  {width:100%; height:100%;  }
#contents {width:100%; }



/*¸ÞÀκñÁÖ¾ó*/
#recentMB1 {background: url(/customized/images/main/main_visual_bg_t.jpg) center 50% no-repeat; background-size:cover;}

#recentMB1 .banner {width:100%;}
#recentMB1 .bannerCopy{  padding-top:270px; padding-left:20px;}

#recentMB1 .banner .bannerCopy .bannerCopy1 img {max-width:303px;}
#recentMB1 .banner .bannerCopy .bannerCopy2 img {max-width:338px;margin:5px 0;}
#recentMB1 .banner .bannerCopy .bannerCopy3 img {max-width:323px; }



/*¸ÞÀκñÁÖ¾ó*/
.IDrecentMB1 {background: url(/customized/images/main/main_visual_bg_t.jpg) center 50% no-repeat; background-size:cover;}

.IDrecentMB1 .banner {width:100%;}
.IDrecentMB1 .bannerCopy{  padding-top:270px; padding-left:20px;}

.IDrecentMB1 .banner .bannerCopy .bannerCopy1 img {max-width:303px;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy2 img {max-width:338px;margin:5px 0;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy3 img {max-width:323px; }


 

 

}





@media (max-width:739px) {
#main_contents_01 ul {width:580px; margin:0 auto;}
#main_contents_01 li {width:130px; height:130px; margin-right:10px; margin-bottom:15px;padding:75px 5px 0 5px ;}

 #modal { top:10%;  }

 #recentMB1 {background: url(/customized/images/main/main_visual_bg_t.jpg) 60% 50% no-repeat; background-size:cover;}

#recentMB1 .banner .bannerCopy div:nth-child(1) {font-size:20px;color:#222; line-height:140%; }
#recentMB1 .banner .bannerCopy div:nth-child(2) {font-size:30px; color:#2faf15; line-height:120%;  }
#recentMB1 .banner .bannerCopy div:nth-child(3) {font-size:30px; color:#ff9600; line-height:120%;  }
#recentMB1 .banner .bannerCopy div:nth-child(4) {font-size:14px;color:#222; margin-top:30px;}
#recentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
  
 .IDrecentMB1 {background: url(/customized/images/main/main_visual_bg_t.jpg) 60% 50% no-repeat; background-size:cover;}

.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:20px;color:#222; line-height:140%; }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:30px; color:#2faf15; line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:30px; color:#ff9600; line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:14px;color:#222; margin-top:30px;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
  


/*°øÁö»çÇ×*/
.notice {  width:92%; margin-left:4%; height:auto; }
 
.notice h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 1.6em;
}
.notice ul {clear:both;  padding:15px 0 0 10px;}
.notice li {font-size:15px;display: inline;float: left;width:95%;padding:8px 0 6px 5px;background:url(/customized/images/main/notice_dot.gif) no-repeat 1px 15px;}
.notice li a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;  height:1.25em;  max-width:70%; float: left;padding:0 6px;color:#414141;white-space: nowrap;font-size:1.0em;line-height:16px;letter-spacing:0;border-right:0;color:#555}
.notice li span {font-size: 15px;color: #b78721;float: right;display: block;}



/*¾ÆÀÌÄÜ*/
.m_icon {  width:94%; margin-left:3%; margin-top:25px; }
.m_icon li a {  width:31.3%;  margin: 0px 1%; border-radius:0 15px 0 15px; padding:70px 5px 13px 5px; text-align:center; font-size:14px; letter-spacing:-1px;}

.ico_01 {background-size:45px;}
.ico_02 {background-size:55px;}
.ico_03 {background-size:38px;}


.swiper-slide {flex-direction: column}
.swiper-slide img {width: 250px;height: auto;margin-bottom:10px;}
.swiper-slide .p_line2 {font-size: 21px;line-height: 150%;}
.swiper-slide p {display: block;margin-top:20px;margin-bottom: 40px;font-size: 14px;}
.swiper-slide p b {font-size: 20px;}
 
}






/* Mobile Device ÃÖ¼Ò ~ ÃÖ´ë 589 */
@media (max-width:589px) {

.pc_enter {display:inline-block;}

.mobile_enter {display:block;}
.letter_s {letter-spacing:-1px;}

#container  {width:100%; height:100%;}
#contents {width:100%; margin:30px auto;}

.main_h2 {font-size:1.2em; padding-bottom:10px;}
.main_h2 span {font-size:1.7em;}


 

/*¸ÞÀκñÁÖ¾ó*/
 #recentMB1 { height:700px; background: url(/customized/images/main/main_visual_bg_m.jpg) center 50% no-repeat; background-size:cover;}

 #recentMB1 .bannerCopy{  padding-top:250px; padding-left:10px;}

#recentMB1 .banner .bannerCopy div:nth-child(1) {font-size:20px;color:#222; line-height:140%; }
#recentMB1 .banner .bannerCopy div:nth-child(2) {font-size:30px; color:#2faf15; line-height:120%;  }
#recentMB1 .banner .bannerCopy div:nth-child(3) {font-size:30px; color:#ff9600; line-height:120%;  }
#recentMB1 .banner .bannerCopy div:nth-child(4) {font-size:14px;color:#222; margin-top:10px;}
#recentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
 
#recentMB1 .banner .bannerCopy div:nth-child(4) span {padding:5px 5px 2px 5px;}

/*¸ÞÀκñÁÖ¾ó*/
 .IDrecentMB1 { height:700px; background: url(/customized/images/main/main_visual_bg_m.jpg) center 50% no-repeat; background-size:cover;}

 .IDrecentMB1 .bannerCopy{  padding-top:250px; padding-left:10px;}

.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:20px;color:#222; line-height:140%; }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:30px; color:#2faf15; line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:30px; color:#ff9600; line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:14px;color:#222; margin-top:10px;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy2 span {color:#358715;}
 
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) span {padding:5px 5px 2px 5px;}



/*°øÁö»çÇ×*/
.notice {  width:92%; margin-left:4%; height:auto; }
 
.notice h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 1.6em;
}
.notice ul {clear:both;  padding:15px 0 0 10px;}
.notice li {font-size:15px;display: inline;float: left;width:95%;padding:8px 0 6px 5px;background:url(/customized/images/main/notice_dot.gif) no-repeat 1px 15px;}
.notice li a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;  height:1.25em;  max-width:80%; float: left;padding:0 6px;color:#414141;white-space: nowrap;font-size:1.0em;line-height:16px;letter-spacing:0;border-right:0;color:#555}
.notice li span {font-size: 15px;color: #b78721;float: right;display: block;}



/*¾ÆÀÌÄÜ*/
.m_icon {  width:94%; margin-left:3%; margin-top:25px; }
.m_icon li a {  width:31.3%;  margin: 0px 1%; border-radius:0 15px 0 15px; padding:70px 5px 13px 5px; text-align:center; font-size:14px; letter-spacing:-1px;}

.ico_01 {background-size:45px;}
.ico_02 {background-size:55px;}
.ico_03 {background-size:38px;}




 .swiper-slide .p_line2 {font-size: 14px;line-height: 150%;}
.swiper-slide p {display: block;margin-top:20px; margin-bottom: 40px;font-size: 14px;}
.swiper-slide p b {font-size: 18px;}

 
}