/*common*/
.m-show{display:none;}
.page-navi{position:fixed; top:40%; right:5%; z-index:10;}
.page-navi li{margin:10px auto; width:90px; text-align:center;}
.page-navi li a{ display:block; margin:0 auto; width:57px; height:57px; background-color:#717171; line-height:57px; color:#fff; text-align:center;transition:all 0.5s; border-radius:100%;}
.page-navi li.on a{width:90px; height:90px; background-color:#1b6d32; line-height:90px;}

/*header*/
.header{ display:block; position:fixed; top:0;z-index:12; width:100%; height:65px; background-color:#f8f8f8; content:'';}
.header .hd-back{position:absolute; width:100%; height:65px; background-color:#fff;}
.header .logo{position:relative;}
.header .logo img{line-height:64px;}
.header .hd-right nav.gnb ul .mn{position:relative; float:left;}
.header .hd-right nav.gnb ul .mn > a{ display:block; padding:0 3em; height:65px; font-size:1rem; line-height:65px;transition:all 0.5s }
.header .hd-right nav.gnb ul .mn > a:hover,
.header .hd-right nav.gnb ul .mn > a.active{background-color:#cd352e; color:#fff;}
.header .hd-right nav.gnb ul .mn .depth02{display:none; position:absolute; top:85px; left:10px;}
.header .hd-right nav.gnb ul .mn .depth02 > li{padding-left:38px;}
.header .hd-right nav.gnb ul .mn .depth02 > li a{ display:block; padding:5px 0;font-size:0.9rem; line-height:1.2em;}
.header .hd-right nav.gnb ul .mn .depth02 > li.has-child .depth03 li a{ display:block; padding:5px 0; padding-left:10px;position:relative; width:150px; font-size:0.8rem; font-weight:300; line-height:1.2em; color:#555;}
.header .hd-right nav.gnb ul .mn .depth02 > li.has-child .depth03 li a:after{ display:block; position:absolute; top:5px; left:0;content:'·';}
.header .hd-right .links{line-height:65px;}
.header .hd-right .links a{display:inline-block; margin-left:10px; vertical-align:middle; font-size:1rem;}
.header .hd-right .links .icon-fb{width:24px; height:24px; background:url(/images/arab/icon-facebook.png) no-repeat center;}
.header .hd-right .links .icon-ig{width:24px; height:24px; background:url(/images/arab/icon-instagram.png) no-repeat center;}
.header .hd-right .links .icon-yt{width:24px; height:24px; background:url(/images/arab/icon-youtube.png) no-repeat center;}
.header .hd-right .links .icon-nv{width:24px; height:24px; background:url('/images/arab/icon_naver.jpg')  no-repeat center / contain;}

.overlay{ display:none;position:fixed; top:0; left:0; z-index:11; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.btn-gnb{ display:none; padding:10px; position:absolute; top:13px; right:0px; width:50px; height:50px;cursor:pointer; box-sizing:border-box; }
.btn-gnb ul{ position: relative;width: 25px; height: 20px;}
.btn-gnb ul li{ position: absolute; left: 0; width: 100%;height: 2px; background: #575757; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center;}
.btn-gnb ul li.l1{top:1px;}
.btn-gnb ul li.l2{top:9px;}
.btn-gnb ul li.l3{top:18px;}
.btn-gnb.active ul .l1 { margin-left: 11px;transform: rotate(-45deg) translate(-55%, -60%); -ms-transform: rotate(-45deg) translate(-55%, -60%); -moz-transform: rotate(-45deg) translate(-55%, -60%); -webkit-transform: rotate(-45deg) translate(-55%, -60%); -o-transform: rotate(-45deg) translate(-55%, -60%);}
.btn-gnb.active ul .l2 {transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); opacity: 0;}
.btn-gnb.active ul .l3 { margin-left: 10px;transform: rotate(45deg) translate(-50%, -45%); -ms-transform: rotate(45deg) translate(-50%, -45%); -moz-transform: rotate(45deg) translate(-50%, -45%); -webkit-transform: rotate(45deg) translate(-50%, 30%); -o-transform: rotate(45deg) translate(-50%, -45%);}

.m-gnb{ padding-bottom:40px; overflow-y:auto;position:fixed; top:65px; right:-100%;  z-index: 8555; width:100%; max-width:375px; height:100%; visibility:hidden; background-color:#f2f2f2; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out;}
.m-gnb.open{right:0; visibility:visible;}
.m-gnb nav .main{   }
.m-gnb nav .main > li > a{ border-bottom:1px solid #bebebe;position:relative; background-color:#f2f2f2;}
.m-gnb nav .main > li.haschild > a:after{ display:block; position:absolute; top:50%; right:25px; width:15px; height:8px; vertical-align:top;background:url(/images/arab/icon-arrow-down01.png) no-repeat center;transition:all 0.5s; content:'';}
.m-gnb nav .main > li.haschild.on > a:after{transform:rotate(180deg);}
/* .m-gnb nav .main > li.haschild > a:hover, */
.m-gnb nav .main > li.haschild.on > a{background-color:#1b6d32; color:#fff;}
.m-gnb nav .main li .m-depth02{display:none; }
.m-gnb nav .main > li > a{display:block; padding:20px 0 20px 25px; font-size:1.2rem; font-weight:500; color:#111;}
.m-gnb nav .main li .m-depth02 > li{position:relative;  z-index:99999;}
.m-gnb nav .main li .m-depth02 > li > a{display:block;  padding:15px 0 15px 25px; border-bottom:1px solid #d1d1d1;  font-size:1.2rem; font-weight:300; color:#111;}
.m-gnb nav .main li .m-depth03 > li > a{display:block;  padding:15px 0 15px 25px; border-bottom:1px solid #d8d8d8;  background-color:#e3e3e3;  font-size:1.1rem; font-weight:300; color:#111; text-indent:10px;}

/*container*/
.container .section.sec01{background:url(/images/arab/section01-img_2025.png) no-repeat center; background-size:cover;}
.container .section.sec02{background:url(/images/arab/section02-img_2025.png) no-repeat center; background-size:cover;}
.container .section.sec03{background:url(/images/arab/section03-img_2025.png) no-repeat bottom; background-size:cover;}
.container .section.sec04{background:url(/images/arab/section04-img_2025.png) no-repeat top; background-size:cover;}
.container .section > .wrap{ padding-top:63px;box-sizing:border-box;}

/*section sec01*/
.container .section .tit-area{margin-top:6%; width:100%; text-align:center;}
.container .section.sec01 .tit-area{margin-top:15%; color:#fff;}
.container .section.sec01 .tit-area strong{ display:block;margin-bottom:300px; font-weight:300;}
.container .section.sec01 .tit-area p{ margin-top:20px; margin-bottom:60px; font-size:1.1rem; font-weight:300;line-height:1.6em;}
.container .section .sec01-tabs{ margin:0 auto;width:70%;}
.container .section .sec01-tabs li{ border:1px solid #fff; position:relative; width:25%; float:left; text-align:center;transition:all 0.5s; box-sizing:border-box;}
.container .section .sec01-tabs li:nth-child(1),
.container .section .sec01-tabs li:nth-child(3){top:0;}
.container .section .sec01-tabs li:nth-child(2),
.container .section .sec01-tabs li:nth-child(4){top:20px;}
.container .section .sec01-tabs li a{ display:block; padding:25px 0; color:#fff; transition:all 0.5s;}
.container .section .sec01-tabs li:hover a{ padding:35px 0; background-color:rgba(225, 42, 33, 0.79);}
.container .section .sec01-tabs li:nth-child(1):hover,
.container .section .sec01-tabs li:nth-child(3):hover{top:-20px;}
.container .section .icon-mouse{ display:block; margin-left:-13px;position:absolute; bottom:10%; left:50%; width:26px; height:40px; background:url(/images/arab/icon-mouse.png) no-repeat center;
    animation: translateArr 1.2s ease-out infinite;
    -webkit-animation: translateArr 1.2s ease-out infinite;
    -moz-animation: translateArr 1.2s ease-out infinite;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    opacity: 1;
}
@keyframes translateArr {
    0% {transform:translate3d(0,1px,0);	-webkit-transform:translate3d(0,1px,0); }
    25% {opacity:.7;}
    33% {transform:translate3d(0,10px,0); -webkit-transform:translate3d(0,10px,0); opacity:.5; }
    100% {transform:translate3d(0,3px,0); -webkit-transform:translate3d(0,3px,0);}
}

.container .sec01-notice{ padding:15px 0;position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); }
.container .sec01-notice strong{display:block; padding-right:4%; color:#fff;}
.container .sec01-notice p{ overflow:hidden;width:calc(100% - 140px); font-size:0.9rem; font-weight:300; color:#fff; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.container .section .tit-area p{margin-top:30px; font-size:1.1rem; line-height:1.6em;}
.container .section .cards{margin-top:50px;}
.container .section .cards li{ margin-right:2%; box-shadow:5px 5px 10px rgba(3, 3, 3, 0.53); width:23.5%; float:left; background-color:#fff;transition:all 0.5s;  box-sizing:border-box;}
.container .section .cards li:last-child{margin-right:0;}
.container .section .cards li .img-area{}
.container .section .cards li .img-area img{width:100%;}
.container .section .cards li .info-area{padding:20px 10px; min-height:235px;}
.container .section .cards li .info-area strong{ display:block; margin:10px 0; font-size:1.2rem; font-weight:bold;text-align:center;}
.container .section .cards li .info-area p{ font-weight:300;line-height:1.6em; text-align:center;}

.container .section .cards li:hover{transform: scale(1.05);}


.container .section .sec03-tabs{margin-top:50px; margin-bottom:30px;}
.container .section .sec03-tabs ul{min-width:650px;}
.container .section .sec03-tabs li{position:relative; width:20%; float:left; text-align:center;}
.container .section .sec03-tabs li:after{ display:block;position:absolute; top:0; left:0; font-size:1.2rem; font-weight:500; content:'/';}
.container .section .sec03-tabs li:first-child:after{display:none;}
.container .section .sec03-tabs li a{ display:block;font-size:1.2rem; font-weight:500;}
.container .section .sec03-tabs li a.active{color:#fff;}
.container .section .tabs-view{ margin-top:60px;position:relative;}
.container .section .tabs-view .list ul{ margin-right:2%;width:48%; box-sizing:border-box;}
.container .section .tabs-view .list ul:last-child{margin-right:0;}
.container .section .tabs-view .list ul li{ margin-bottom:2%;position:relative; background-color:#fff;}
.container .section .tabs-view .list ul li:after{ display:block; margin-top:-0.6rem;position:absolute; top:50%; right:5%; font-size:1.2rem; color:#fc994a; content:'+';}
.container .section .tabs-view .list ul li a{display:block; padding:4%;}
.container .section .tabs-view .list ul li a .num{ display:inline-block; margin-right:4%; width:17%; vertical-align:middle;font-size:3rem; font-weight:bold; color:#fc994a;}
.container .section .tabs-view .list ul li a strong{ display:inline-block; overflow:hidden; width:70%;vertical-align:middle; font-size:1.1rem; font-weight:400; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}

/*section.sec04*/
.container .section.sec04{position:relative;}
.container .section.sec04 .tit-area p{color:#fff;}
.container .section.sec04 .maps-area{ margin-top:40px;text-align:center;}
.container .section.sec04 .maps-area img{width:60%;}

.container .section.sec04 .maps-list{margin-top:30px; margin-bottom:450px;}
.container .section.sec04 .maps-list ul li{ margin-right:4%; margin-bottom:3%; width:48%;float:left;}
.container .section.sec04 .maps-list ul li a{display:block; padding:15px 0; border:1px solid #e3e3e3; height:50px; color:#fff; text-align:center; box-sizing:border-box;}
.container .section.sec04 .maps-list ul li:nth-child(2),
.container .section.sec04 .maps-list ul li:nth-child(4),
.container .section.sec04 .maps-list ul li:nth-child(6),
.container .section.sec04 .maps-list ul li:nth-child(8),
.container .section.sec04 .maps-list ul li:nth-child(10),
.container .section.sec04 .maps-list ul li:nth-child(12),
.container .section.sec04 .maps-list ul li:nth-child(14),
.container .section.sec04 .maps-list ul li:nth-child(16),
.container .section.sec04 .maps-list ul li:nth-child(18),
.container .section.sec04 .maps-list ul li:nth-child(20),
.container .section.sec04 .maps-list ul li:nth-child(22){margin-right:0;}


/*footer*/
.container .footer{ padding-top:35px; padding-bottom:15px;position:relative; bottom:0; left:0; width:100%; background-color:#414141;}
.footer{ padding-top:25px; padding-bottom:15px;position:static; bottom:0; left:0; width:100%; background-color:#414141;}
.footer .left{width:180px;}
.footer .left img{width:100%;}
.footer .right{width:calc(100% - 200px);}
.footer .ft-nav li{float:left;}
.footer .ft-nav li a{ font-size:0.9rem;color:#fff;}
.footer .ft-nav li a:after{ display:inline-block; padding:0 15px; font-size:0.9rem; color:#fff;content:'|';}
.footer .ft-nav li:last-child a:after{display:none;}
.footer .address{padding:10px 0;}
.footer .address span{ padding-right:20px; font-size:0.85rem; font-weight:300;color:#999;}
.footer .address span:last-child{padding-right:0;}

.footer .news-letter .tits{ display:block; margin:10px 0; font-size:1rem; font-weight:400;color:#fff;}
.footer .news-letter .box{width:50%;}
.footer .news-letter .box:first-child .field label{color:#999;}
.footer .news-letter .box:last-child .field input{ display:block; padding:0 10px; border:1px solid #f09e35; width:calc( 100% - 150px ); height:40px; background-color:#414141; line-height:40px; color:#fff;}
.footer .news-letter .box:last-child .field .btn-submit{ display:block; border:0; width:100px; height:40px; background-color:#f09e35; line-height:40px;}
.footer .news-letter .warning{ display:block; margin-top:5px; font-size:0.9rem; font-style:normal; line-height:1.6em;color:#999;}
.footer .ft-bottom{margin-top:10px;}
.footer .ft-bottom .logos{width:50%;}
.footer .ft-bottom .logos li{ width:50%;float:left;}
.footer .ft-bottom .logos li img{display:block;}

.footer .ft-bottom .copyright{ padding-top:10px;width:50%;}
.footer .ft-bottom .copyright p{ font-size:0.8rem;color:#fff;}


@media screen and (max-width:1200px){
    /*common*/
    
    .hide-nav {transform: translateY(-120% !important); -webkit-transform: translateY(-120%) !important;} 
    .btn-gnb{display:block;}
    /*header*/
    .header { border-bottom:2px solid #e3e3e3;position:fixed; top:0; right:0; left:0; width:100%; transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s; transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); will-change:transform; transform: translateY(0); -webkit-transform: translateY(0);}
    .header,.header .hd-back {height:65px !important;}
    .header .logo img{ width:auto;line-height:64px;}
     .header .hd-right .gnb{display:none;}
	.header .hd-right{margin-right:5%;}
	.header .hd-right .links{line-height:60px;}
    /*container*/
    .container .section > .wrap{padding-top:65px; padding-bottom:50px}
}

@media screen and (max-width:1024px){
    /*common*/
    
    .m-hide{display:none !important;}
    .m-show{display:block;}
    .container .section.sec04 .maps-list{margin-bottom:0}
    .btn-gnb{top:9px;}
    .m-gnb{top:60px;}
    .page-navi{display:none;}
    /*header*/
    .header,.header .hd-back {height:60px !important;}
    .header .logo img{line-height:59px;}
    
    /*container*/
    .container .section .tit-area{margin-top:30px;}
    .container .section > .wrap{padding-top:60px;}
    .container .section.sec01 .tit-area strong,
    .container .section .sec01-tabs{margin-bottom:40px;}
    .container .section .sec01-tabs li:nth-child(2), .container .section .sec01-tabs li:nth-child(4){top:0;}
    .container .section .sec01-tabs li{ margin-bottom:20px;position:static; width:100%;float:none;}
    .container .section .sec01-tabs li a{ padding:20px 0;}
    .container .section .sec01-tabs li:hover a{ padding:20px 0;background-color:#f98e11; font-weight:bold; color:#111;}
    .container .section .cards li{ margin-right:5%;width:47.5%;}
    .container .section .cards li:nth-child(2){margin-right:0;}
    .container .section .tabs-view .list ul{ width:100%;float:none;}
    .container .section .tabs-view .list ul.right li:nth-child(3),
    .container .section .tabs-view .list ul.right li:nth-child(4){display:none;}
 
    .footer .left,
    .footer .right{ width:100%;float:none; text-align:center;}
    .footer .left img{width:auto;}
    
    .footer .right .ft-nav{text-align:center;}
    .footer .ft-nav li{ display:inline-block; margin-top:30px;float:none;}
    .footer .address span{ padding-right:5px;line-height:1.5em;}
    .footer .address .add-area{display:block;}
    .footer .news-letter .box{ margin-bottom:20px; width:100%;float:none;}
    .footer .news-letter .box:last-child .field{ margin:0 auto;width:90%;}
    .footer .news-letter .box:last-child .field input{width:calc(100% - 100px)}
    .footer .ft-bottom .logos{ margin:0 auto; width:80%;float:none;}
    .footer .ft-bottom .logos li{ display:inline-block; margin-right:5px; width:auto;float:none;}
    .footer .ft-bottom .copyright{ margin:10px auto; width:100%;float:none;}
    .footer .ft-nav li a:after{padding:0 5px;}

    .container .footer {position: relative;}
}

@media screen and (max-width:768px){
    /*common*/
    .btn-gnb{top:5px;}
    .m-gnb{top:50px;}
    
    /*header*/
    .header,.header .hd-back {height:50px !important;}
    .header .logo img{ height:49px;line-height:49px;}
    .header .hd-right{margin-right:10%;}
	.header .hd-right .links{line-height:46px;}
	.header .hd-right .links a{margin-left:10px;}
	.header .hd-right .links a:first-child{margin-left:0;}

    /*container*/
    .container .section > .wrap{padding-top:30px;}
    .container .section .sec03-tabs li a{padding:20px 0;}
	.container .section .sec03-tabs li:after{padding:20px 0;}
	.container .section .tabs-view{margin-top:20px;}
	.container .section.sec01 .tit-area h2{ padding-top:20px;font-size:3rem;}
	.container .section .cards li{margin-bottom:15px;}
	.container .section .cards li .info-area{padding:10px;}
	.container .section .cards li .info-area strong{margin-top:0px;}


	/*footer*/
	.footer .left img{ width:180px;}
}




@media screen and (max-width:640px){
    .header .wrap {width:100%; height:100%;}
    .header .logo { display: flex; align-items: center;padding-left:10px; width:134px;height:100%;}
    .header .logo img {width:100%; height:auto !important;}
    .header .hd-right {margin-right: 56px;}
    .header .hd-right .links a { margin-left: 4px;}

    body {overflow-x: hidden;}

    .container .section .cards li .info-area{min-height:200px;}
}


/* 메인 맵 추가 */
.sec04 .country-map{position:relative; width:1024px; margin:3.125rem auto 0 auto;}
.sec04 .country-map .name{position:absolute; width:200px;}
.sec04 .country-map .name a{position:relative; padding:10px; font-size:1rem; font-weight:400;letter-spacing: -0.0313rem;}
.sec04 .country-map .name a::before{content: '';display: block;width: 10px;height: 10px;border: 2px solid #cd352e;border-radius: 50%;position: absolute;left: 50%;top: -10px;transform: translateX(-50%);}
.sec04 .country-map .name a::after{content: '';display: block;width: 8px;height: 8px;background: #cd352e;border-radius: 50%;position: absolute;left: 50%;top: -7px;transform: translateX(-50%);}
.sec04 .country-map .map{position:absolute;}
.sec04 .country-map .c01{top:138px; left:0px;}
.sec04 .country-map .f01{top:240px; left:55px;}
.sec04 .country-map .c02{top:25px; left:3px;}
.sec04 .country-map .f02{top:80px; left:130px;}
.sec04 .country-map .c03{top:14px; left:121px;}
.sec04 .country-map .f03{top:150px; left:247px;}
.sec04 .country-map .c04{top:11px; left:332px;}
.sec04 .country-map .f04{top:44px; left:327px;}
.sec04 .country-map .c05{top:71px; left:352px;}
.sec04 .country-map .f05{top:150px; left:447px;}
.sec04 .country-map .c06{top:85px; left:546px;}
.sec04 .country-map .f06{top:170px; left:550px;}
.sec04 .country-map .c07{top:200px; left:518px;}
.sec04 .country-map .f07{top:310px; left:585px;}
.sec04 .country-map .c08{top:43px; left:678px;}
.sec04 .country-map .f08{top:50px; left:618px;}
.sec04 .country-map .f08 a::before{left: auto;right: -10px;top: 50%;transform: translateY(-50%);}
.sec04 .country-map .f08 a::after{left: auto;right: -7px;top: 50%;transform: translateY(-50%);}
.sec04 .country-map .c09{top:74px; left:677px;}
.sec04 .country-map .f09{top:74px; left:590px;}
.sec04 .country-map .f09 a::before{left: auto;right: -10px;top: 50%;transform: translateY(-50%);}
.sec04 .country-map .f09 a::after{left: auto;right: -7px;top: 50%;transform: translateY(-50%);}
.sec04 .country-map .c10{top:2px; left:677px;}
.sec04 .country-map .f10{top:45px; left:685px;}
.sec04 .country-map .c11{top:77px; left:681px;}
.sec04 .country-map .f11{top:178px; left:745px;}
.sec04 .country-map .c12{top:0px; left:721px;}
.sec04 .country-map .f12{top:60px; left:740px;}
.sec04 .country-map .c13{top:58px; left:682px;}
.sec04 .country-map .f13{top:89px; left:686px;}
.sec04 .country-map .c14{top:97px; left:825px;}
.sec04 .country-map .f14{top:125px; left:805px;}
.sec04 .country-map .c15{top:151px; left:886px;}
.sec04 .country-map .f15{top:180px; left:863px;}
.sec04 .country-map .c16{top:142px; left:902px;}
.sec04 .country-map .f16{top:200px; left:883px;}
.sec04 .country-map .c17{top:161px; left:921px;}
.sec04 .country-map .f17{top:241px; left:954px;}
.sec04 .country-map .c18{top:252px; left:804px;}
.sec04 .country-map .f18{top:312px; left:844px;}
.sec04 .country-map .c19{top:359px; left:769px;}
.sec04 .country-map .f19{top:482px; left:799px;}
.sec04 .country-map .c20{top:349px; left:774px;}
.sec04 .country-map .f20{top:382px; left:755px;}
.sec04 .country-map .c21{top:602px; left:824px;}
.sec04 .country-map .f21{top:628px; left:795px;}
.sec04 .country-map .c22{top:145px; left:883px;}
.sec04 .country-map .f22{top:140px; left:895px;}
.sec04 .country-map .f22 a::before{left:  -10px;top: 50%;transform: translateY(-50%);}
.sec04 .country-map .f22 a::after{left:  -7px;top: 50%;transform: translateY(-50%);}