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

.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; }

 
/*¸ÞÀκñÁÖ¾ó*/
.IDrecentMB1 {position:relative; width:100%;height:700px;z-index:-1;margin-top:-100px;background:#2452db url(/customized/images/main/mv_left_img.png) 3% 30% no-repeat; background-size:250px; position: relative;  }
.IDrecentMB1 .banner {width:1320px; margin:0 auto;font-size:1.3em;  position: relative;}
.IDrecentMB1 .bannerCopy{ padding-top:250px; padding-left:20px;}
.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:35px;color:#fff; 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:50px; color:#f3db20; 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:53px; color:#ff9600; line-height:100%; 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:#fff; margin-top:30px;}
.IDrecentMB1 .banner .bannerCopy .bannerCopy2 span {color:#12effb;}
 
.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;}
 

.mbleftimg {position:absolute; right:0px; max-width:630px; width:100%; top:170px;}
.mbleftimg img {width:100%;}

.mv_enter {display:inline;}

 
/*°øÁö»çÇ×*/
.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 a strong {font-weight:normal;}
.notice li span {font-size: 15px;color: #ff5722;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:#0f75bd  url('/customized/images/main/micon_01.png') no-repeat 50% 25%; transition: all 0.2s ease 0s; }
.ico_02 {background:#1acef5  url('/customized/images/main/micon_02.png') no-repeat 50% 30%; transition: all 0.2s ease 0s; }
.ico_03 {background:#f55c03 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:#162d70 url("/customized/images/main/main_bar_bg_.jpg") no-repeat 0 0 /cover;}
.swiper_bg .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: 300px;
margin:50px 60px 0 40px;

}


.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: 80% 30%;}

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

.mbleftimg {right: 20px;max-width: 500px;top: 45%;}

}






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

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


 
 

/*¸ÞÀκñÁÖ¾ó*/
 
 .IDrecentMB1 .bannerCopy{  padding-top:200px; padding-left:40px;}
 


.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:30px;  line-height:140%; }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:35px;   line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:35px;  line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:18px;  margin-top:30px;}


.mbleftimg {max-width: 400px;bottom: 10%;}
.IDrecentMB1 {height: 600px;}

#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%; }


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

.IDrecentMB1 .banner {width:100%; height:100%;}
.IDrecentMB1 .bannerCopy{  padding-top:170px; }

.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; }
 


.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:24px;    }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:30px;    }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:30px;     }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:16px; }

.mbleftimg {right: 20px;max-width: 340px;bottom: 15%;}

.mv_enter {display:block;}

.swiper_bg .swiper-slide {text-align: center;}
.swiper_bg .swiper-slide img {width: 150px;  margin:40px 0px 0 00px;}

.swiper-slide p {margin-top: 80px;}
.swiper_bg {  padding-bottom:40px;}
.swiper_bg .swiper { height: auto;  }
 

}





@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%;  }

 
 
.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:20px;  line-height:140%; }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:30px;  line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:30px;  line-height:120%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:14px; margin-top:30px;}
   
.mbleftimg {max-width: 300px;bottom: 0%;}


/*°øÁö»çÇ×*/
.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;}
.swiper_bg { padding-bottom: 0;}

}






/* 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;}


 
 
/*¸ÞÀκñÁÖ¾ó*/

 .IDrecentMB1 { height:520px;  background-position: 2% bottom; background-size:200px;}

 .IDrecentMB1 .bannerCopy{  text-align:center; padding-top:130px; padding-left:0px;}

.IDrecentMB1 .banner .bannerCopy div:nth-child(1) {font-size:16px; line-height:180%; }
.IDrecentMB1 .banner .bannerCopy div:nth-child(2) {font-size:24px;   line-height:100%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(3) {font-size:24px;  line-height:100%;  }
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) {font-size:12px;  margin-top:10px;}
  
.IDrecentMB1 .banner .bannerCopy div:nth-child(4) span {padding:5px 5px 2px 5px;}

.mbleftimg {max-width: 280px;bottom: 0%; right:0; padding-top:130px;}


/*°øÁö»çÇ×*/
.notice {  width:92%; margin-left:4%; height:auto; }

.notice h2 {
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
font-size: 1.4em;
}
.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;}

}