/*top-nav*/ .top-nav{width:100%; background-color:#005918; position:relative;} .top-nav .icon-home{background:url(/images/arab/icon-home.png) no-repeat center; width:62px; height:50px; overflow:hidden;text-indent:-9999px; border-right:1px solid #448756; border-left:1px solid #448756; } .top-nav .lnb-depth{position:relative; border-right:1px solid #448756;} .top-nav .lnb-depth h3{position:relative; cursor:pointer; color:#fff; line-height:50px; padding:0 20px; padding-right:45px; font-size:1rem; font-weight:400;} .top-nav .lnb-depth h3:after{content:''; display:block; position:absolute; top:40%; right:15px; width:10px; height:10px; background:url(/images/arab/icon-arrow01.png) no-repeat center;} .top-nav .lnb-depth .depths-area{display:none; position:absolute; top:50px; width:100%; border:1px solid #ccc; border-bottom:0;} .top-nav .lnb-depth .depths-area li a{padding:10px 0; padding-left:10px; border-bottom:1px solid #ccc; display:block; background-color:#fff; font-size:0.9rem; font-weight:300;} .top-nav .lnb-depth .depths-area li a:hover{background-color:#f6f6f6;} .top-nav .lnb-depth.no-arrow h3:after{background:none;} .top-nav .lnb-depth.no-arrow h3{padding-right:20px;} /*contents-top*/ .contents-top{text-align:center; padding:65px 0 30px 0; border-bottom:1px solid #b5b5b5;} .contents-top .contents-tit{font-size:3.5rem; font-weight:500; letter-spacing:-1px; line-height:1.6em;} .contents-top .sub-navi a{color:#676767; font-size:0.9rem;} .hd-back{border-bottom:1px solid #e3e3e3;} /*common*/ .color01{color:#448756;} .font01{font-size:1.7rem; font-weight:500; display:inline-block;} .font02{font-size:1.3rem; font-weight:500; display:inline-block; line-height:1.3em;} .font03{font-size:1rem; font-weight:300; line-height:1.6em; display:block;} .font04{font-size:1.1rem; font-weight:600; display:inline-block; line-height:1.3em;} .font05{font-size:1.2rem; font-weight:500; line-height:1.6em; display:block;} .dot{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .sub-container{margin-top:65px;} .contents-area{ padding-top:60px; padding-bottom:140px;} .contents-area.country{ padding-top:60px; padding-bottom:0px;} .footer{position:static;} .mobiles-tit{display:none; position: relative; color: #fff; line-height: 50px; width:100%; text-align:center; font-size:1.2rem;} .nbsp{padding:0 10px;} /*이사장인사말*/ .contents-area.intro .logo-area{text-align:center; margin:50px 0; } .contents-area.intro .logo-area img{max-width:100%;} .contents-area.intro strong{margin-bottom:20px;} .contents-area.intro .intro01{display:block; color:#676767; font-size:1.3rem; line-height:1.4em; font-style:normal;} .contents-area.intro .intro02{display:block; color:#448756; font-size:1.3rem;line-height:1.4em; font-style:normal;} .contents-area.intro .txt-area p{margin-bottom:20px;} .contents-area.intro .intro-end{margin-top:2em; display:flex; align-items:flex-end} .contents-area.intro .intro-end-ceo{max-width:180px; margin-right:1em} /*설립목적*/ .contents-area.foundation .cont-box01{position:relative; padding:30px; margin-bottom:40px; border-top:4px solid #669c37; background-color:#fff; box-shadow:3px 3px 15px #ddd;} .contents-area.foundation .cont-box01:after{width:12px; height:10px; content:''; display:block; position:absolute; top:0; left:50%; margin-left:-6px; background:url(/images/arab/icon-arrow-down02.png) no-repeat center;} .contents-area.foundation .cont-box01 ul li{margin-bottom:5px;} .contents-area.foundation .font01{margin-bottom:10px; font-style:normal;} .contents-area.foundation .font02{margin-bottom:15px;} .contents-area.foundation .tit-txt{margin-bottom:40px;} /*조직도*/ .contents-area.organization .organ-img{width:100%; text-align:center;} .contents-area.organization .organ-img img{max-width:100%;} /*연혁*/ .contents-area.history .history-tabs ul{min-width:700px; z-index:99999;} .contents-area.history .history-tabs ul li{position:relative; float:left; width:calc(100% / 14 - 0.1px); text-align:center;box-sizing:border-box;border:1px solid #cdcdcd; border-right:0;} .contents-area.history .history-tabs ul li:last-child{border-right:1px solid #cdcdcd;} @media screen and (max-width:800px) { .contents-area.history .history-tabs ul{min-width:auto; z-index:99999;} .contents-area.history .history-tabs ul li {width:16.3%;} .contents-area.history .history-tabs ul li:nth-child(6n) {border-right:1px solid #cdcdcd;} } .contents-area.history .history-tabs ul li a{display:block; padding:15px 0; font-size:1.1rem;height:45px;} .contents-area.history .history-tabs ul li.on a{border-bottom:2px solid #448756;} /* border-bottom:3px solid #448756;box-sizing:border-box; */ .contents-area.history .years-area{position:relative; margin-top:100px; height:50px; border-top:1px solid #005918; border-right:1px solid #005918;} .contents-area.history .years-area .years{position:absolute; top:-72.5px; left:0px; width:145px; height:145px; line-height:145px; font-size:2rem; color:#fff; font-weight:400; text-align:center; background-color:#005918; border-radius:50%;} .contents-area.history .history-box {margin-top: 60px;} .contents-area.history .history-box .img-area{ width:470px;} .contents-area.history .history-box .img-area img{width:100%;} .contents-area.history .history-box .historys{width:calc( 100% - 510px ); } .contents-area.history .history-box .historys .hs-table{table-layout:fixed;} .contents-area.history .history-box .historys .hs-table tbody th{width:90px; line-height:1.6em; font-size:1rem; font-weight:500; text-align:left; vertical-align:top;} .contents-area.history .history-box .historys .hs-table tbody td{width:calc(100% - 90px - 0.1px); line-height:1.6em; font-size:1rem; font-weight:300;} @media screen and (max-width:768px){ .contents-area.history .history-box .historys .hs-table tbody th{width:60px;} .contents-area.history .history-box .historys .hs-table tbody td{width:calc(100% - 60px - 0.1px);} } /*찾아오시는 길*/ .contents-area.map .maps-area{margin-bottom:40px; width:100%; height:420px; overflow:hidden;} .contents-area.map .maps-area .root_daum_roughmap{width:100%;} .contents-area.map .maps-area .root_daum_roughmap .wrap_map{height:450px;} .contents-area.map .maps-address dl{margin-bottom:20px;} .contents-area.map .maps-address dl dt{display:inline-block; width:120px; height:50px; margin-right:20px; line-height:50px; text-align:center; font-size:1.2rem; vertical-align:middle; border:1px solid #005918; color:#005918;} .contents-area.map .maps-address dl dd{display:inline-block; font-size:1rem; width:calc( 100% - 150px ); line-height:1.3em; vertical-align:middle;} /*아랍소개*/ .slide-area{margin-bottom:30px; height:443px; overflow:hidden;} .slide-area.t2{margin-top:70px; margin-bottom:30px;} .slide-area .cultural-slide li{z-index:10 !important;} .slide-area .cultural-slide li a img{width:100%; vertical-align:top;} .slide-area .lg-img-area{width:788px;position:relative;} .slide-area .lg-img-area .tit{z-index:11; position:absolute; top:5%; left:-3px; width:100px; height:110px; background-color:#005918; border:3px solid #fff; padding:20px 0 0 20px; line-height:1.5em; color:#fff; font-weight:400; font-size:1rem;} .slide-area .lg-img-area .controls{position:absolute; bottom:0; left:0; z-index:11; background-color:rgba(0,0,0,0.7); height:100px; width:100%;} .slide-area .sm-img-area{width:412px;} .slide-area .sm-img-area .img-pager a{transition:all 0.5s; display:block; width:50%; float:left;-webkit-filter: grayscale(100%); filter: gray;} .slide-area .sm-img-area .img-pager a:hover, .slide-area .sm-img-area .img-pager a.active{-webkit-filter: grayscale(0%); filter: none;} .slide-area .sm-img-area .img-pager a img{width:100%; vertical-align:top;} .slide-area .sm-img-area .img-pager a.active img{ -webkit-filter: grayscale(0%); filter: none;} .slide-area .controls .con-wrap{position:relative; width:70%; margin:0 auto; padding:50px;} .slide-area .controls .con-wrap .icon-prev{position:absolute; top:50%; margin-top:-20px; left:0%;} .slide-area .controls .con-wrap .icon-next{position:absolute; top:50%; margin-top:-20px; right:0%;} .slide-area .controls .con-wrap .icon-prev a, .slide-area .controls .con-wrap .icon-next a{color:#fff; display:block; width:40px; height:40px; line-height:40px; border:1px solid #fff; overflow:hidden; text-indent:-9999px;} .slide-area .controls .con-wrap .icon-prev a{background:url(/images/arab/icon-prev.png) no-repeat center;} .slide-area .controls .con-wrap .icon-next a{background:url(/images/arab/icon-next.png) no-repeat center;} .slide-area .controls .con-wrap .prosess-bar{position:relative; overflow:hidden; display:block; width:100%; height:2px; margin:0 auto; border-radius:1px; background-color:#e7e3e5; } .slide-area .controls .con-wrap .prosess-bar .full-bar{transition:all 0.5s; position:absolute; top:0; left:0; background-color:#009328; width:10%; height:2px; border-radius:1px;} .contents-area.slider-page .txt-area strong{margin-bottom:5px;} .contents-area.slider-page .txt-area p{margin-bottom:20px;} .contents-area.slider-page .txt-area ul li{position:relative; padding-left:10px;} .contents-area.slider-page .txt-area ul li:before{position:absolute; left:0; content:'-'; display:block;} /*한아랍교류*/ .contents-area.exchange .txt-area {margin-bottom:50px;} .contents-area.exchange .txt-area strong{margin-bottom:20px;} .contents-area.exchange .txt-area strong.font02{margin-bottom:40px;} .contents-area.exchange .txt-area .img-area{width:265px;} .contents-area.exchange .txt-area .txt-area{width:calc(100% - 285px);} /*아랍22개국*/ .contents-area.country .country-map{position:relative; width:1024px; margin:0 auto;} .contents-area.country .country-map .name{position:absolute; width:200px;} .contents-area.country .country-map .name a{position:relative; padding:10px; font-size:1rem; font-weight:400;} .contents-area.country .country-map .map{position:absolute;} .contents-area.country .country-map .c01{top:138px; left:0px;} .contents-area.country .country-map .f01{top:240px; left:55px;} .contents-area.country .country-map .c02{top:25px; left:3px;} .contents-area.country .country-map .f02{top:60px; left:157px;} .contents-area.country .country-map .c03{top:14px; left:121px;} .contents-area.country .country-map .f03{top:150px; left:247px;} .contents-area.country .country-map .c04{top:11px; left:332px;} .contents-area.country .country-map .f04{top:44px; left:347px;} .contents-area.country .country-map .c05{top:71px; left:352px;} .contents-area.country .country-map .f05{top:150px; left:447px;} .contents-area.country .country-map .c06{top:85px; left:546px;} .contents-area.country .country-map .f06{top:170px; left:577px;} .contents-area.country .country-map .c07{top:200px; left:518px;} .contents-area.country .country-map .f07{top:310px; left:585px;} .contents-area.country .country-map .c08{top:43px; left:678px;} .contents-area.country .country-map .f08{top:38px; left:645px;} .contents-area.country .country-map .c09{top:74px; left:677px;} .contents-area.country .country-map .f09{top:74px; left:615px;} .contents-area.country .country-map .c10{top:2px; left:677px;} .contents-area.country .country-map .f10{top:28px; left:695px;} .contents-area.country .country-map .c11{top:77px; left:681px;} .contents-area.country .country-map .f11{top:178px; left:775px;} .contents-area.country .country-map .c12{top:0px; left:721px;} .contents-area.country .country-map .f12{top:58px; left:765px;} .contents-area.country .country-map .c13{top:58px; left:682px;} .contents-area.country .country-map .f13{top:89px; left:686px;} .contents-area.country .country-map .c14{top:97px; left:825px;} .contents-area.country .country-map .f14{top:97px; left:845px;} .contents-area.country .country-map .c15{top:151px; left:886px;} .contents-area.country .country-map .f15{top:147px; left:896px;} .contents-area.country .country-map .c16{top:142px; left:902px;} .contents-area.country .country-map .f16{top:172px; left:932px;} .contents-area.country .country-map .c17{top:161px; left:921px;} .contents-area.country .country-map .f17{top:221px; left:964px;} .contents-area.country .country-map .c18{top:252px; left:804px;} .contents-area.country .country-map .f18{top:302px; left:844px;} .contents-area.country .country-map .c19{top:359px; left:769px;} .contents-area.country .country-map .f19{top:469px; left:799px;} .contents-area.country .country-map .c20{top:349px; left:774px;} .contents-area.country .country-map .f20{top:359px; left:769px;} .contents-area.country .country-map .c21{top:602px; left:824px;} .contents-area.country .country-map .f21{top:590px; left:832px;} .contents-area.country .country-map .c22{top:145px; left:883px;} .contents-area.country .country-map .f22{top:124px; left:876px;} .contents-area.country .maps-list ul li{float: left; width: 48%; margin-right: 4%; margin-bottom: 3%;} .contents-area.country .maps-list ul li:nth-child(2), .contents-area.country .maps-list ul li:nth-child(4), .contents-area.country .maps-list ul li:nth-child(6), .contents-area.country .maps-list ul li:nth-child(8), .contents-area.country .maps-list ul li:nth-child(10), .contents-area.country .maps-list ul li:nth-child(12), .contents-area.country .maps-list ul li:nth-child(14), .contents-area.country .maps-list ul li:nth-child(16), .contents-area.country .maps-list ul li:nth-child(18), .contents-area.country .maps-list ul li:nth-child(20), .contents-area.country .maps-list ul li:nth-child(22){margin-right:0;} .contents-area.country .maps-list ul li a{transition:all 0.5s;display: block; height: 50px; padding: 15px 0; box-sizing:border-box; color: #222; text-align: center; box-sizing: border-box; border: 1px solid #222;} .contents-area.country .maps-list ul li a:hover{background-color:#bd8631; color:#fff; border-color:#bd8631;} /*아랍22개국 detail*/ .contents-area.count-detail .tit-area{position:relative; width:120px; height:144px; padding-top:45px; line-height:1.6em; font-size:1.2rem; text-align:center; background-color:#005918; color:#fff; } .contents-area.count-detail .tit-area:after{content:''; display:block; position:absolute; bottom:25px; left:0; width:30px; height:1px; background-color:#fff;} .contents-area.count-detail .tit-area:before{content:''; display:block; position:absolute; top:25px; right:0; width:30px; height:1px; background-color:#fff;} .contents-area.count-detail .contents{width:calc(100% - 140px);} .contents-area.count-detail .contents .top{margin-bottom:25px; border-bottom:2px solid #232323;} .contents-area.count-detail .contents .top img{width:100%;} .contents-area.count-detail .contents .top p{padding:20px 0;} .contents-area.count-detail .contents .bottom .country-tab{margin-bottom:50px;} .contents-area.count-detail .contents .bottom .country-tab a{transition:all 0.5s; display:block; width:240px; margin-right:20px; padding:10px 0; float:left; text-align:center; border:1px solid #707070; box-sizing:border-box;} .contents-area.count-detail .contents .bottom .country-tab a:nth-child(3){margin-right:0;} .contents-area.count-detail .contents .bottom .country-tab a:hover, .contents-area.count-detail .contents .bottom .country-tab a.on{background-color:#bd8631; color:#fff; border:1px solid #bd8631;} .contents-area.count-detail .contents .bottom .tabs-view .box strong{margin-bottom:10px;} .contents-area.count-detail .contents .bottom .tabs-view .box strong.mt{margin-top:40px;} .contents-area.count-detail .contents .bottom .tabs-view .v01 .box-area:nth-child(1){border-bottom:1px solid #dbdbdb; margin-bottom:30px; padding-bottom:50px;} .contents-area.count-detail .contents .bottom .tabs-view .v01 .box-area .box{width:100%;} .contents-area.count-detail .contents .bottom .tabs-view .v02 .box-area .box{width:48%;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice{width:100%; table-layout:fixed; margin-top:10px;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice tbody{} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice tbody tr{border-bottom:1px solid #dbdbdb;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice tbody tr:last-child{border-bottom:0;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice tbody tr td{padding:5px 0;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice tbody tr .tit a{display:block; width:95%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .tb-notice tbody tr .date{font-size:0.9rem;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .pg-navi{margin-top:30px; text-align:center;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .pg-navi a{transition:all 0.5s; display:inline-block; margin:10px; width:30px; height:30px; line-height:30px; border:1px solid #ababab; text-align:center;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .pg-navi a:hover, .contents-area.count-detail .contents .bottom .tabs-view .v03 .pg-navi a.active{background-color:#ababab;} .contents-area.count-detail .contents .bottom .tabs-view .v03 .pg-navi strong{transition:all 0.5s; display:inline-block; margin:10px; width:30px; height:30px; line-height:30px; background-color:#555; color:#fff; border:1px solid #ababab; text-align:center;} .contents-area.count-detail .contents .bottom .tabs-view .view-area{top:0; display:none;} .contents-area.count-detail .contents .bottom .tabs-view .view-area.v01{display:block;} .contents-area.count-detail .contents .bottom .tabs-view .f2{text-indent:10px;} .contents-area.count-detail .contents .bottom .tabs-view .f3{text-indent:18px;} .contents-area.count-detail .contents .bottom .tabs-view .f4{text-indent:70px;} /*주요사이트*/ .contents-area.major-site .tabs-site{width:100%; overflow:hidden; margin-bottom:30px;} .contents-area.major-site .tabs-site ul{min-width:500px;} .contents-area.major-site .tabs-site ul li.on a{background:#005918;color:#fff;} .contents-area.major-site .tabs-site ul li a{transition:all 0.5s; width:19%; padding:15px 0; margin-right:1%; border:1px solid #005918; color:#005918; display:block; float:left; text-align:center;} .contents-area.major-site .tabs-site ul li a:hover, .contents-area.major-site .tabs-site ul li a.on{background-color:#005918; color:#fff;} .contents-area.major-site .view-area .view.v1 ul li{transition:all 0.5s; float:left; width:50%; padding:15px 0; height:105px;} .contents-area.major-site .view-area .view.v1 ul li a{display:block; height:80px;} .contents-area.major-site .view-area .view.v1 ul li a .img-area{display:block; float:left;height:80px;} .contents-area.major-site .view-area .view.v1 ul li a .img-area img{width:90%;} .contents-area.major-site .view-area .view.v1 ul li a .hover{display:block; float:right; width:calc(100% - 140px); padding:20px 0;} .contents-area.major-site .view-area .view.v1 ul li a .hover em{display:block;} .contents-area.major-site .view-area .view.v1 ul li a .hover .site{display:block;} .contents-area.major-site .view-area .view.v1 ul li:hover{background-color:#bd8631;} .contents-area.major-site .view-area .view.v1 ul li:hover a .img-area{display:none;} .contents-area.major-site .view-area .view.v1 ul li:hover a .hover{width:100%; float:none; text-align:center;} .contents-area.major-site .view-area .view.v1 ul li:hover a .hover em, .contents-area.major-site .view-area .view.v1 ul li:hover a .hover .site{color:#fff;} .contents-area.major-site .view-area .view.v2 ul li{transition:all 0.5s; float:left; width:32%; margin-right:2%; margin-bottom:20px; text-align:center; background-color:#707070;} .contents-area.major-site .view-area .view.v2 ul li:nth-child(3n){margin-right:0;} .contents-area.major-site .view-area .view.v2 ul li a{display:block; height:60px; color:#fff; font-size:1.1rem; font-weight:200; padding:20px 10px;} .contents-area.major-site .view-area .view.v2 ul li:hover{background-color:#bd8631;} .contents-area.major-site .view-area .view.v2 ul li:hover a{color:#fff;} .contents-area.major-site .view-area .view.v3 .box{margin-bottom:50px;} .contents-area.major-site .view-area .view.v3 .box .tit-area{border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:20px; text-align:left;} .contents-area.major-site .view-area .view.v3 .box .tit-area img{width:50px; vertical-align:middle; padding-right:10px;} .contents-area.major-site .view-area .view.v3 .box .tit-area strong{vertical-align:middle; display:inline;} .contents-area.major-site .view-area .view.v3 .box ul li{transition:all 0.5s; float:left; width:32%; margin-right:2%; margin-bottom:20px; text-align:center; background-color:#707070;} .contents-area.major-site .view-area .view.v3 .box ul li:nth-child(3n){margin-right:0;} .contents-area.major-site .view-area .view.v3 .box ul li a{display:block; height:60px; color:#fff; font-size:1.1rem; font-weight:200; padding:20px 10px;} .contents-area.major-site .view-area .view.v3 .box ul li:hover{background-color:#bd8631;} .contents-area.major-site .view-area .view.v3 .box ul li:hover a{color:#fff;} /*sitemap*/ .sitemap-area ul .mn{width:100%; border-top:1px solid #707070; padding:30px 0;} .sitemap-area ul .mn.first{border-top:0; padding-top:0;} .sitemap-area ul .mn .depth02 > li{display:inline-block; float:left; width:19%; margin-right:1%; text-align:right;} .sitemap-area ul .mn .depth02 > li.dep01{padding:15px 0; background-color:#005918; color:#fff; text-align:center;} .sitemap-area ul .mn .depth02 > li > a{font-size:1.2rem; font-weight:500; line-height:1.6em;} .sitemap-area ul .mn .depth02 > li .depth03{margin-top:10px;} .sitemap-area ul .mn .depth02 > li .depth03 > li{line-height:1.6em;} /* .sitemap-area ul .mn > a{width:18%; padding:10px 0;color:#fff; background-color:#005918; display:inline-block; text-align:center; } .sitemap-area ul .mn .depth02 > li{display:inline-block; vertical-align:top; width:18%; margin-right:2%; text-align:center;} .sitemap-area ul .mn .depth02 > li a{display:block;} */ .editer-area #smart_editor2{width:100% !important;} @media screen and (max-width:1200px){ /*아랍소개*/ .slide-area{margin-bottom:30px; height:auto; overflow:auto;} .slide-area .lg-img-area{float:none; margin:0 auto; width:768px;} .slide-area .sm-img-area{float:none; margin:0 auto; width:768px;} .slide-area .sm-img-area .img-pager a{width:16.66666%; } .slide-area02{margin-bottom:30px; height:auto; overflow:auto;} .slide-area02 .lg-img-area{float:none; margin:0 auto; width:768px;} .slide-area02 .sm-img-area{float:none; margin:0 auto; width:768px;} .slide-area02 .sm-img-area .img-pager02 a{width:16.66666%; } } @media screen and (max-width:1024px){ /*common*/ .sub-container{margin-top:60px;} .contents-area{padding-top:30px; padding-bottom:120px;} /*이사장 인사말*/ .contents-area.intro .logo-area{margin:0 0 30px 0;} /*연혁*/ .contents-area.history .history-box .img-area{width:100%; float:none;} .contents-area.history .history-box .historys{width:100%; float:none; margin-top:20px;} .contents-area.history .years-area {display:none;} /*아랍소개*/ .slide-area .lg-img-area {margin-bottom:2%;} .slide-area .lg-img-area .controls{height:20%; background-color:transparent;} .slide-area .lg-img-area .tit{display:none;} .slide-area .controls .con-wrap{padding:5%;} .slide-area .controls .con-wrap .prosess-bar{display:none;} .slide-area .controls .con-wrap .icon-prev{position:absolute; top:-200%; margin-top:0px; left:-20%;} .slide-area .controls .con-wrap .icon-next{position:absolute; top:-200%; margin-top:0px; right:-20%;} .slide-area02 .lg-img-area {margin-bottom:2%;} .slide-area02 .lg-img-area .controls{height:20%; background-color:transparent;} .slide-area02 .lg-img-area .tit{display:none;} .slide-area02 .controls .con-wrap{padding:5%;} .slide-area02 .controls .con-wrap .prosess-bar02{display:none;} .slide-area02 .controls .con-wrap .icon-prev02{position:absolute; top:-200%; margin-top:0px; left:-20%;} .slide-area02 .controls .con-wrap .icon-next02{position:absolute; top:-200%; margin-top:0px; right:-20%;} /*아랍22개국 detail*/ .contents-area.count-detail .tit-area{display:none;} .contents-area.count-detail .contents{width:100%;} .contents-area.count-detail .contents .bottom .country-tab a{ width:32%; margin-right:2%;} } @media screen and (max-width:768px){ /*common*/ .sub-container{margin-top:50px;} .contents-top{padding:25px 0 20px 0;} .contents-top .contents-tit{font-size:2rem;} .contents-area{padding-top:20px; padding-bottom:50px;} .mobiles-tit{display:block;} .top-nav .lnb-depth, .top-nav .icon-home{display:none;} /*찾아오시는 길*/ .contents-area.map .maps-area{height:320px;} .contents-area.map .maps-area .root_daum_roughmap .wrap_map{height:350px;} .contents-area.map .maps-address dl{margin-bottom:25px;} .contents-area.map .maps-address dl dt{width:100%; height:30px; line-height:30px; margin-bottom:10px;} .contents-area.map .maps-address dl dd{display:block; width:100%;} /*아랍소개*/ .slide-area .lg-img-area{width:100%;} .slide-area .sm-img-area{width:100%;} .slide-area02 .lg-img-area{width:100%;} .slide-area02 .sm-img-area{width:100%;} /*한아랍 교류*/ .contents-area.exchange .txt-area .img-area, .contents-area.exchange .txt-area .txt-area{width:100%; float:none;} .contents-area.exchange .txt-area .txt-area{margin-top:15px;} .contents-area.exchange .txt-area .img-area img{width:100%;} /*아랍22개국 detail*/ .contents-area.count-detail .contents .bottom .tabs-view .v02 .box-area .box, .contents-area.count-detail .contents .bottom .tabs-view .v01 .box-area .box{float:none; width:100%; margin-bottom:20px;} .contents-area.count-detail .contents .bottom .tabs-view .v01 .box-area:nth-child(1){margin-bottom:20px; padding-bottom:10px;} .contents-area.count-detail .contents .bottom .tabs-view .box strong.mt{margin-top:20px;} /*주요사이트*/ .contents-area.major-site .view-area .view.v1 ul li{float:none; width:100%; margin-right:0; height:80px;} .contents-area.major-site .view-area .view.v1 ul li a{height:65px;} .contents-area.major-site .view-area .view.v1 ul li a .img-area{height:auto; width:70px;} .contents-area.major-site .view-area .view.v1 ul li a .img-area img{width:100%;} .contents-area.major-site .view-area .view.v1 ul li a .hover{padding:10px 0; width:calc(100% - 100px);} .contents-area.major-site .view-area .view.v2 ul li{width:48%; margin-right:2%;} .contents-area.major-site .view-area .view.v2 ul li:nth-child(2), .contents-area.major-site .view-area .view.v2 ul li:nth-child(4), .contents-area.major-site .view-area .view.v2 ul li:nth-child(6), .contents-area.major-site .view-area .view.v2 ul li:nth-child(8), .contents-area.major-site .view-area .view.v2 ul li:nth-child(10), .contents-area.major-site .view-area .view.v2 ul li:nth-child(12), .contents-area.major-site .view-area .view.v2 ul li:nth-child(14), .contents-area.major-site .view-area .view.v2 ul li:nth-child(16), .contents-area.major-site .view-area .view.v2 ul li:nth-child(18){margin-right:0%;} .contents-area.major-site .view-area .view.v2 ul li:nth-child(3), .contents-area.major-site .view-area .view.v2 ul li:nth-child(9), .contents-area.major-site .view-area .view.v2 ul li:nth-child(15){margin-right:2%;} .contents-area.major-site .view-area .view.v3 .box ul li{width:48%; margin-right:2%;} .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(2), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(4), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(6), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(8), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(10), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(12), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(14), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(16), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(18), .contents-area.major-site .view-area .view.v3 .box ul li:nth-chlid(20){margin-right:0%;} .contents-area.major-site .view-area .view.v3 .box ul li:nth-child(3), .contents-area.major-site .view-area .view.v3 .box ul li:nth-child(9), .contents-area.major-site .view-area .view.v3 .box ul li:nth-child(15), .contents-area.major-site .view-area .view.v3 .box ul li:nth-child(21){margin-right:2%;} /*sitemap*/ .sitemap-area ul .mn{width:100%; border-top:1px solid #707070; padding:30px 0;} .sitemap-area ul .mn.first{border-top:0; padding-top:0;} .sitemap-area ul .mn .depth02 > li{display:block; float:none; margin-bottom:20px; width:100%; margin-right:0%; text-align:center;} .sitemap-area ul .mn .depth02 > li.dep01{padding:15px 0; margin-bottom:25px; background-color:#005918; color:#fff; text-align:center;} .sitemap-area ul .mn .depth02 > li > a{font-size:1.2rem; font-weight:500; line-height:1.6em;} .sitemap-area ul .mn .depth02 > li .depth03{margin-top:15px; margin-bottom:20px;} .sitemap-area ul .mn .depth02 > li .depth03 > li{line-height:1.6em; margin-bottom:15px;} .sitemap-area ul .mn .depth02 > li .depth03 > li > a{display:block;} } /* 개인정보취급방침 2025.04.01 추가 */ .privacy-policy {padding: 40px 20px;} .privacy-policy .privacy-intro {margin-bottom: 40px; font-size: 1.1em; line-height: 1.6; color: #333;} .privacy-policy .privacy-section {margin-bottom: 40px; padding: 30px; background: #fff; border-radius: 8px;} .privacy-policy .privacy-section h2 { color: #2c3e50; font-size: 1.5em; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #eee; line-height: 1.6;} .privacy-policy .privacy-section h3 {color: #34495e;font-size: 1.2em; margin: 15px 0 10px;} .privacy-policy .privacy-section p {line-height: 1.8; color: #555;margin-bottom: 15px; } .privacy-policy .purpose-list, .privacy-policy .retention-list, .privacy-policy .rights-list, .privacy-policy .third-party-list, .privacy-policy .destruction-list, .privacy-policy .cookie-info {margin: 20px 0; padding: 20px; background: #f8f9fa; border-radius: 6px;} .privacy-policy .right-item, .privacy-policy .destruction-item, .privacy-policy .cookie-item {margin-bottom: 20px; line-height: 1.6;} .privacy-policy .notice-list {margin: 15px 0; padding-left: 20px;} .privacy-policy .notice-list li { margin-bottom: 10px; color: #666;} .privacy-policy .third-party-list ol {padding-left: 20px;} .privacy-policy .third-party-list li {margin-bottom: 10px; line-height: 1.6;} .privacy-policy .contact-info { text-align: center; padding: 20px; background: #f8f9fa; border-radius: 6px; margin-top: 20px;} .privacy-policy .contact-info p {font-size: 1.1em; color: #2c3e50; margin: 0;} .privacy-policy .privacy-notice {margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: 6px;} .privacy-policy table {margin-top:20px; border:1px solid #ddd; width:100%; background-color: #fff;} .privacy-policy table th {border-bottom:1px solid #ddd; background-color: #fafafa;} .privacy-policy table th, .privacy-policy table td {padding:10px; text-align: center;} @media (max-width: 768px) { .privacy-policy {padding: 0;} .privacy-policy .privacy-section {padding: 0px;} .privacy-policy .privacy-section h2 {font-size: 1.3em;} .privacy-policy .privacy-section h3 {font-size: 1.1em;} .privacy-policy .purpose-list, .privacy-policy .retention-list, .privacy-policy .rights-list, .privacy-policy .third-party-list, .privacy-policy .destruction-list, .privacy-policy .cookie-info {margin: 10px 0;} .privacy-policy table th, .privacy-policy table td {padding:6px; } } @media (max-width: 640px) { .privacy-policy .responsive_table { overflow-x: auto;width:100%;} .privacy-policy table {width:700px;} } /* 260324 btn 추가, 하단 txt 추가*/ .add_info{display: flex;flex-direction: column;margin-top: 1.875rem;gap: 1.25rem;align-items: center;text-align: center;} .add_info .desc{font-size: .9375rem;color: #555;letter-spacing: -0.0313rem;word-break: keep-all;line-height: 140%;} .add_info .btn{color: #fff;background: #1E581C;padding: .9375rem 4.375rem;letter-spacing: -0.0313rem;font-size: 1rem;}