@charset "utf-8";


/* 기본
------------------------------------------------------------------------------- */
hr,img{border:0}a,a:focus,a:hover{text-decoration:none}
body,figure{margin:0}
.btn,.tt-tooltip{-moz-user-select:none}
.tt-offer-card-column,.tt-sign-up-column{border-image:linear-gradient(to left,rgba(221,221,221,0) 0,#ddd 20%,#ddd 80%,rgba(221,221,221,0) 100%) 1}

@font-face {font-family:"Gotham Book"; src:url('../font/Gotham-Book.eot'); src:url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../font/Gotham-Book.woff') format('woff'), url('../font/Gotham-Book.ttf') format('truetype'), url('../font/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Gotham Bold"; src:url('../font/Gotham-Bold.eot'); src:url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Gotham-Bold.woff') format('woff'), url('../font/Gotham-Bold.ttf') format('truetype'), url('../font/Gotham-Bold.svg#Gotham-Bold') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Gotham Black"; src:url('../font/Gotham-Black.eot'); src:url('../font/Gotham-Black.eot?#iefix') format('embedded-opentype'), url('../font/Gotham-Black.woff') format('woff'), url('../font/Gotham-Black.ttf') format('truetype'), url('../font/Gotham-Black.svg#Gotham-Black') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:"Gotham Medium"; src:url('../font/Gotham-Medium.eot'); src:url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Gotham-Medium.woff') format('woff'), url('../font/Gotham-Medium.ttf') format('truetype'), url('../font/Gotham-Medium.svg#Gotham-Medium') format('svg'); font-weight:normal; font-style:normal;}


*{margin:0;padding:0;border:0 none transparent;font-family:'Gotham Book', sans-serif;font-size:13px;line-height:18px;color:#666;box-sizing:border-box;}
body ,html{width:100%;height:100%;line-height:25px;color:#555;position:relative;}
a{text-decoration:none;}
em, i, address{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
ul, ol{list-style:none;}
img{border:0;vertical-align:top;}
iframe{width:100%;vertical-align:top;}
button{border:0;-webkit-appearance:none;box-shadow:none;}
input, select, textarea{font-size:1em;vertical-align:middle;-webkit-border-radius:0;}
table{width:100%;border-collapse:collapse;empty-cells:show;}
fieldset{border:0;margin:0;padding:0;}
legend, caption{line-height:0;height:0;width:0;overflow:hidden;visibility:hidden;font-size:0;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/common/ico_select.png) right center no-repeat #f5f5f5;border:solid 1px #ddd;height:34px;padding:0 20px 0 8px;width:200px;color:#666;}
select::-ms-expand{display:none;}
@media screen and (max-width:1024px){select{padding:0 20px 0 4px;}
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
a, span, p, em, label, strong, dt, dd, li{color:inherit;font-size:inherit;font-weight:inherit;}
strong, b{font-weight:700;}
table td{word-break:break-all;}
.tpd0{padding-top:0 !important;}
.bpd0{padding-bottom:0 !important;}
.lpd55{padding-left:55px !important;}
.tmg0{margin-top:0 !important;}
.tmg20{margin-top:20px !important;}
.tmg30{margin-top:30px !important;}
.bmg0{margin-bottom:0 !important;}
.bmg20{margin-bottom:20px !important;}
.bmg50{margin-bottom:50px !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.al{text-align:left !important;}
.fBlue{color:#0b5aa0 !important;}
.fGray{color:#666 !important;}
.fBlk{color:#000 !important;}
.fWht{color:#fff !important;}
.fl{float:left;}
.fr{float:right;}
.fb{font-weight:700;}
.underline{text-decoration:underline;}


/* 전체틀
------------------------------------------------------------------------------- */
.inner-wrap {position:relative;width:1280px;margin:0 auto;}

@media screen and (max-width: 1280px) {
    .inner-wrap {position:relative;width:1240px; margin:0 auto;box-sizing:border-box;}
    #mainWrap .selContury {position:absolute; right:3%!important;}
}

@media screen and (max-width: 1024px) {
    .inner-wrap {position:relative;width:980px; margin:0 auto;box-sizing:border-box;}
}

.main#mainWrap {min-width:1280px;}
#mainWrap {position:fixed;top:0;left:0px;width:100%;background:#fff; z-index:100;}
#mainWrap .inner-wrap {height:99px;}
#mainWrap h1 {padding-top:180px;width:380px;}
#mainWrap h1 > a {display:block;height:20px;background:url(/images/gate/logo_top.png) left top no-repeat;text-indent:-999em;}
#mainWrap.main {border:0;background:transparent;position:absolute;}
#mainWrap.main h1 {width:346px;}


/* 게이트
------------------------------------------------------------------------------- */
#canvas1{position:absolute;left:50%;margin-left:-65px;z-index:54;opacity:0;top:70%;}
#mainWrap .selCountry h3 {height:58px; margin:0 20px 3px 0; font-family:"Gotham Medium"; font-size:18px; color:#000; line-height:58px; text-align:center; background:rgba(255,255,255,0.70);}
#mainWrap .selCountry div{min-height:110px; }
#main-pager > li { background:url(/images/gate/sel_bg.png) left top repeat;}
#mainWrap .selCountry .selArea{padding:15px 0; margin-top:3px;}
#mainWrap .selCountry #main-pager > li:first-child .selArea {margin-top:0;}
#mainWrap .selCountry .selArea dl dt,#mainWrap .selCountry .selArea dl dd{float:left;overflow:hidden; }
#mainWrap .selCountry .selArea dl dt p{float:left;width:50px;height:50px;padding-top:10px;border-radius:99px;-web-kit-border-radius:99px;-moz-kit-border-radius:99px;background:#002776;overflow:hidden;}
#mainWrap .selCountry .selArea dl dt span{float:left;padding:17px 0 0 15px; font-family:"Gotham Black"; color:#000; font-size:18px;}

/* 2024-9-25 추가됨 */
#mainWrap .selCountry .selArea dl dd { padding-right: 20px; width:150px !important; }
#mainWrap .selCountry .selArea dl dd a:hover{border:2px solid #244589;background:#244589; color:#fff;}
#mainWrap .selCountry .selArea dl dd a:nth-child(2):hover{border:2px solid #bc162c;background:#bc162c;}
#mainWrap .selCountry .selArea dl dd a:first-child{margin-top:0px;}
#mainWrap .selCountry .selArea dl dd.india {padding-top:21px;}
#mainWrap .selCountry .selArea.st01 dt p img{position:relative;left:-22px;top:-17px;}
#mainWrap .selCountry .selArea.st02{height:70px;padding:25px 0 0 20px;display:none;}
#mainWrap .selCountry .selArea.st02 label{padding-left:15px;color:#000;font-weight:500;display:inline-block;}
#mainWrap .selCountry .selArea.st03 dt p img{position:relative;left:-22px;top:-13px;}
#mainWrap .selCountry .selArea.st04 dt p {background:#fff;}
#mainWrap .selCountry .selArea.st04 dt p img{position:relative;left:-15px;top:-5px;}
#mainWrap .selCountry .selArea.st05 dt p {background:#009d00;}
#mainWrap .selCountry .selArea.st06 dt p img{position:relative;left:-1px;top:-10px;}
/* 2022-06-10 추가 */
#mainWrap .selCountry .selArea dl dd.typeBr { position: absolute; padding-top: 2px; width: 125px; right: 25px;}
#mainWrap .selCountry .selArea dl dd.typeBr a:hover{border:2px solid #244589;background:#244589; color:#fff;}
#mainWrap .selCountry .selArea dl dd.typeBr a{padding:8px; width:125px; line-height:100%; font-size:13px;}
#mainWrap .selCountry .selArea dl dd.typeBr a span {font-family:"Gotham Medium"; font-size:10px; line-height: 100%;}

/* 2022-06-10 수정 */
.main-pager-box{width:450px;height:30px;}
#mainWrap .selCountry{position:absolute; right:16%; top:200px; width:470px; height:30px;}
#mainWrap .selCountry .selArea dl{overflow:hidden;width:450px;margin:auto;}
#mainWrap .selCountry .selArea dl dt{width:300px; padding:12px 0 0 15px;}
#mainWrap .selCountry .selArea dl dd{padding-top:2px;width: 95px;right: 25px;position: absolute;}
#mainWrap .selCountry .selArea dl dd a{float:right;width:95px;margin-top:5px;padding:8px 15px; font-family:"Gotham Bold"; font-size:13px; color:#000; text-align:center;background:transparent; border:2px solid #000;border-radius:99px;-web-kit-border-radius:99px;-moz-kit-border-radius:99px;cursor:pointer;display:block;}

/* 2022-06-17 추가 */
#mainWrap .selCountry .selArea dl dt span.desc {padding-top:12px; font-family:"Gotham Medium"; font-size:10px; line-height: 100%;}

.slide_list{position:relative;z-index:50;min-width:1240px;}
.slide_list > li{overflow:hidden;position:absolute;top:0;left:0;width:100%;min-width:1240px;height:100%;overflow-x:hidden;}
.slide_list > li .content{text-align:left;z-index:10;width:100%;top:23%;box-sizing:border-box;width:100%;min-width:1240px;opacity:0;;}
.slide_list > li .content .tit{position:relative;display:block;padding:30px 0;opacity:0;font-size:44px;color:#fff;font-weight:400;line-height:1em;}
.slide_list > li .content .tit:after{content:"";position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:7px;height:7px;background:#fff;border-radius:100%;opacity:0;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.slide_list > li .content .txt{position:relative;display:block;margin-top:25px;opacity:0;transition:all 1s ease-out;font-size:24px;color:#fff;font-weight:400;line-height:35px;}
#main-pager li {width:100%; }
#main-pager li > a {width:100%; background:red; display:block;}
@media screen and (max-width:1024px){
    .slide_list > li .content .tit{font-size:54px;}
    .sub-visual-text > div, .sub-visual-text.loading > div{margin-top:0;}
    .sub-visual-text .slogan-title strong{font-size:54px;}
}
.slide_list > li .content.on{opacity:1;transition:all 1s ease-out;}
.slide_list > li .content .main-text-ani{display:inline-block;margin-left:80px;transition:all 1s ease-out;}
.slide_list > li .content.on .main-text-ani{margin-left:0;}
.slide_list > li .content.on .tit{margin-left:0;opacity:1;transition:all 1s ease-out;}
.slide_list > li .content.on .tit:after{opacity:1;}
.slide_list > li .content.on .main-bar{opacity:1;transition:all1s ease-out;}
.slide_list > li .content.on .main-bar div{width:392px;}
.slide_list > li .content.on .txt{margin-left:0;opacity:1;transition:all 1s ease-out;}
.slide_list > li .content.on .visual{transition:all 1s ease-out;transform:scale(1.05);}
.slide_list > li .visual{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 1s ease-out;transform:scale(1.0);z-index:-1;}

.slide_list > .slide_1{z-index:10; background:url('/images/gate/main_bg_visual03.jpg') center center no-repeat;background-size:cover; }
.slide_list > .slide_2{z-index:9; background:url('/images/gate/main_bg_visual01.jpg') center center no-repeat;background-size:cover; }
.slide_list > .slide_3{z-index:8; background:url('/images/gate/main_bg_visual07.jpg') center center no-repeat;background-size:cover; }
.slide_list > .slide_4{z-index:7; background:url('/images/gate/main_bg_visual09.jpg') center center no-repeat;background-size:cover; }

.topLogin{padding-top:10px;float:right;color:#fff;font-size:14px;}
.mainTxt h2 {margin-top:20px; font-family:"Gotham Black"; font-size:38px; color:#fff;}
.mainTxt {position:relative;min-height:400px;}
.mainTxt .tit{padding-top:15px; font-family:"Gotham Black"; font-size:66px; color:#fff; line-height:1em;display:block;}
.mainTxt .txt{padding-left:3px; margin-top:20px; font-family:"Gotham Book"; font-size:18px;color:#fff; line-height:1.4em;}

#subContainer{background:url(/images/gate/body_bg.png) center bottom no-repeat;}
.contents{position:relative;min-height:590px;background-image:url(/images/gate/sub_visual01_01.jpg), url(/images/gate/sub_visual_bg01.gif);background-position:center top; background-repeat:no-repeat;margin:auto;}
.contents.st01{background-image:url(/images/gate/sub_visual01_02.jpg), url(/images/gate/sub_visual_bg01.gif);background-repeat:no-repeat;background-position:center top;}
.contents.st02{background-image:url(/images/gate/sub_visual_iran.jpg), url(/images/gate/sub_visual_bg01.gif);background-repeat:no-repeat;background-position:center top;}
.contents.st03{background-image:url(/images/gate/sub_visual_middleeast.jpg), url(/images/gate/sub_visual_bg01.gif);background-repeat:no-repeat;background-position:center top;}
.contents header{position:fixed;left:0px;top:0px;width:100%;height:103px;background:url(/images/gate/header_bg.png) center top no-repeat; display:table;}
.contents header > * {display:table-cell;}
.contents header.st01{background:url(/images/gate/header_bg02.png) center top no-repeat;}
.contents header .headerArea{position:relative;width:1240px;margin:auto;z-index:1;}
.contents header:before, .contents header:after {background:#244589; display:table-cell; content:"";}
.contents header.st01:before{background:#bc162c;}
.contents header.st01:after{background:#bc162c;}
.contents header h1{padding:40px 0 0 145px; font-family:"Gotham Black"; font-size:26px;color:#fff;}
.contents header span{font-weight:normal;font-size:26px;}
.contents header .contury{position:absolute;right:140px;top:40px;color:#fff;font-family:"Gotham Black";font-size:24px;text-align:right;}
.contents header .contury:before{position:absolute;left:-40px;top:-3px;width:30px;height:30px;background:url(/images/gate/header_contury01.png) center top no-repeat;content:"";display:block;}
.contents header .contury.st01:before{background:url(/images/gate/header_contury02.png) center top no-repeat;}
.contents header .contury.st02:before{background:url(/images/gate/header_contury03.png) center top no-repeat;}
.contents header .contury.st03:before{background:url(/images/gate/header_contury04.png) center top no-repeat;}
.contents .articleArea{overflow:hidden;width:1145px;padding:665px 0 0 32px;margin:0 auto;}
.contents .articleArea article:first-child{float:left;padding-left:65px;width:425px;}
.contents .articleArea article:first-child p{width:290px;display:block;}
.contents .articleArea article p {font-family:"Gotham Book"; margin-top:15px; color:#000;}
.contents .articleArea article:nth-child(2){float:left;padding-left:65px;width:600px;}
.contents .articleArea article:nth-child(2) img{margin-top:105px;}
.contents .articleArea article h2{position:relative; font-family:"Gotham Black"; font-size:24px;color:#333;}
.contents .articleArea article h2:before{position:absolute;left:-65px;top:5px;width:18px;height:6px;background:#333;content:"";display:block;}
.contents footer{width:1240px;min-height:110px;;margin:auto; }
.contents footer p{padding:60px 0 0px 145px; font-family:"Gotham Black"; color:#000;}

.main-pager-box { height:470px; overflow-y:none;}
.main-pager-box li { padding-right:20px; }

#main-pager {padding-right:0px;}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {border-radius:0; opacity:1; width:10px;}
.scrollbar-dynamic > .scroll-element .scroll-bar {border-radius:0; background:#6e6e6e;}
.scrollbar-dynamic > .scroll-element.scroll-y {width:10px; right:0;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {top:0;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {top:0; width:10px;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_track {background:#f2f2f2;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {width:10px !important; background:url(/images/gate/ico_chevron01.png) 50% 50% no-repeat #6e6e6e;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_track {width:10px !important;}

@media screen and (max-width:1600px){
    #mainWrap .selCountry{position:absolute;right:10%;}
}

@media screen and (max-width:1280px){.contents header:before{width:5%;}
    .contents header:after{width:5%;}
    #mainWrap .selCountry{position:absolute;right:5%;}
}

@media screen and (max-width:1024px){
    .contents header:before{width:5%;}
    .contents header:after{width:5%;}
    body[data-main]{background:#000;}
    .slide_list{min-width:100%;}
    .slide_list > li{overflow:hidden;position:absolute;top:0;left:0;width:100%;min-width:100%;height:100%;overflow-x:hidden;}
}