@charset "UTF-8";
/* @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900"); */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean");

/* MONTSERRAT */
@font-face{
    font-family:"Montserrat-Thin";
    src:url('../../tnk/css/font/Montserrat-Thin.eot');
    src:url('../../tnk/css/font/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-Thin.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-Thin.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-Thin.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-Thin.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-Light";
    src:url('../../tnk/css/font/Montserrat-Light.eot');
    src:url('../../tnk/css/font/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-Light.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-Light.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-Light.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-Light.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-Regular";
    src:url('../../tnk/css/font/Montserrat-Regular.eot');
    src:url('../../tnk/css/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-Regular.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-Regular.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-Regular.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-Regular.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-Medium";
    src:url('../../tnk/css/font/Montserrat-Medium.eot');
    src:url('../../tnk/css/font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-Medium.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-Medium.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-Medium.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-Medium.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-SemiBold";
    src:url('../../tnk/css/font/Montserrat-SemiBold.eot');
    src:url('../../tnk/css/font/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-SemiBold.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-SemiBold.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-SemiBold.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-Bold";
    src:url('../../tnk/css/font/Montserrat-Bold.eot');
    src:url('../../tnk/css/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-Bold.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-Bold.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-Bold.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-Bold.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-ExtraBold";
    src:url('../../tnk/css/font/Montserrat-ExtraBold.eot');
    src:url('../../tnk/css/font/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-ExtraBold.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-ExtraBold.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-ExtraBold.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-ExtraBold.woff') format('woff');
    font-display: swap;
}

@font-face{
    font-family:"Montserrat-Black";
    src:url('../../tnk/css/font/Montserrat-Black.eot');
    src:url('../../tnk/css/font/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('../../tnk/css/font/Montserrat-Black.woff') format('woff'),
    url('../../tnk/css/font/Montserrat-Black.otf') format('opentype'),
    url('../../tnk/css/font/Montserrat-Black.ttf') format('truetype');
    src:local('?'), url('../../tnk/css/font/Montserrat-Black.woff') format('woff');
    font-display: swap;
}

/* Metropolis */
@font-face{
	font-family:"Metropolis-Thin";
	src:url('../../tnk/css/font/Metropolis-Thin.eot');
	src:url('../../tnk/css/font/Metropolis-Thin.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-Thin.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-Thin.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-Thin.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-Thin.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-Light";
	src:url('../../tnk/css/font/Metropolis-Light.eot');
	src:url('../../tnk/css/font/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-Light.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-Light.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-Light.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-Light.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-Regular";
	src:url('../../tnk/css/font/Metropolis-Regular.eot');
	src:url('../../tnk/css/font/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-Regular.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-Regular.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-Regular.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-Regular.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-Medium";
	src:url('../../tnk/css/font/Metropolis-Medium.eot');
	src:url('../../tnk/css/font/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-Medium.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-Medium.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-Medium.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-Medium.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-SemiBold";
	src:url('/tnk_en/fonts/Metropolis-SemiBold.eot');
	src:url('/tnk_en/fonts/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('/tnk_en/fonts/Metropolis-SemiBold.woff') format('woff'),
	url('/tnk_en/fonts/Metropolis-SemiBold.otf') format('opentype'),
	url('/tnk_en/fonts/Metropolis-SemiBold.ttf') format('truetype');
	src:local('?'), url('/tnk_en/fonts/Metropolis-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-Bold";
	src:url('../../tnk/css/font/Metropolis-Bold.eot');
	src:url('../../tnk/css/font/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-Bold.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-Bold.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-Bold.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-Bold.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-ExtraBold";
	src:url('../../tnk/css/font/Metropolis-ExtraBold.eot');
	src:url('../../tnk/css/font/Metropolis-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-ExtraBold.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-ExtraBold.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-ExtraBold.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-ExtraBold.woff') format('woff');
    font-display: swap;
}

@font-face{
	font-family:"Metropolis-Black";
	src:url('../../tnk/css/font/Metropolis-Black.eot');
	src:url('../../tnk/css/font/Metropolis-Black.eot?#iefix') format('embedded-opentype'),
	url('../../tnk/css/font/Metropolis-Black.woff') format('woff'),
	url('../../tnk/css/font/Metropolis-Black.otf') format('opentype'),
	url('../../tnk/css/font/Metropolis-Black.ttf') format('truetype');
	src:local('?'), url('../../tnk/css/font/Metropolis-Black.woff') format('woff');
    font-display: swap;
}

*{margin:0; padding:0; box-sizing:border-box;}
html{width:100%; height:100%}
body{position:relative; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; font-size:16px; color:#666; letter-spacing:-0.6px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling: touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"Metropolis-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#222; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
::-webkit-input-placeholder {font-family:"Montserrat-Thin", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#888; font-weight:300; font-size:18px;}
:-moz-placeholder {font-family:"Montserrat-Thin", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#888; font-weight:300; font-size:18px;}
::-moz-placeholder {font-family:"Montserrat-Thin", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#888; font-weight:300; font-size:18px;}
:-ms-input-placeholder {font-family:"Montserrat-Thin", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#888; font-weight:300; font-size:18px;}
:placeholder-shown {font-family:"Montserrat-Thin", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#888; font-weight:300; font-size:18px;}

select::-ms-expand{display:none;}

/* 간격 */
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0px !important;}

/*단일 클래스*/
.skip{position:fixed; top:-10000px; z-index:100; padding:20px 0; width:100%; height:50px; text-align:center; color:#000; background:#ccc;}
.skip:focus{top:0;}
.inner{position:relative; margin:0 auto; width:1280px;}
.inner:after{content:""; display:block; clear:both;}
.innerWide{position:relative; margin:0 auto;}
.innerWide:after{content:""; display:block; clear:both;}
.blind{position:absolute; top:-1000px; text-indent:-9999px; font-size:0 !important;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.floatL{float:left}
.floatR{float:right}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.taC{text-align:center !important;}
.onlyWeb{display:block;}
.onlyMob{display:none;}
.black_bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:5;}
.text-center{text-align:center}

#wrap{position:relative; width:100%;}
#wrap.main{position:relative; width:100%; height:100%;}
#content{position:relative; overflow:hidden;}
header{position:fixed;  top:0; left:0; width:100%; height:120px; text-align:center; z-index:10;}
header:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#eee; z-index:1; opacity:0;}
header:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:120px; opacity:0; background:#fff; transition:all 0.4s ease; z-index:-1; box-shadow:5px 5px 10px rgba(0,0,0,0.2)}
header .logo{display:inline-block; position:absolute; left:80px; top:32px;}
header .logo span{display:inline-block; width:130px; height:31px; background:url("../../tnk/images/homepage/logo-wh.png") 0 0 no-repeat; background-size:100% 100%; text-align:left; text-indent:-9999px; overflow:hidden;}
header nav{display:inline-block;}
header nav:after{content:''; display:block; clear:both;}
header nav .oneDep{float:left;}
header nav .oneDep:after{content:''; display:block; clear:both;}
header nav .oneDep > a{display:block; position:relative; padding:0 35px; font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#fff; font-weight:500; line-height:120px;}
header nav .oneDep > a:after{content:''; display:block; position:absolute; bottom:0px; left:0; width:100%; height:4px; background:#3a25d6; z-index:1; opacity:0;}
header nav .oneDep.active > a:after{opacity:1}
header nav .oneDep.on > a:after{opacity:1}
header nav .oneDep .twoDep{display:none; padding:32px 0 0;}
header nav .oneDep .twoDep > a{display:block; width:100%; padding:18px 0; font-size:16px; color:#222;}
header nav .oneDep .twoDep > a:hover{font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#3a25d6; font-weight:700;}
header nav .oneDep .twoDep > a.active{font-family: "Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color: #3a25d6; font-weight: 700;}
header .topUtils{position:absolute; right:80px; top:50%; transform:translateY(-50%);}
header .topUtils:after{content:''; display:block; clear:both;}
header .topUtils .utils{float:left;}
header .topUtils .utils:after{content:''; display:block; clear:both;}
header .topUtils .utils a{display:block; float:left; margin-right:30px; font-size:18px; color:#fff; line-height:1;}
header .topUtils .utils a.hidden{display:none;}
header .topUtils .utils a.user-info{width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background:url("../../tnk/images/homepage/lang-arrow-wh.png") right 0px center no-repeat;}

header .topUtils .utils .slideUser{display:none; position:absolute; top:-15px; left:0; width:40%; padding:15px 0; background:#f0f0f0;z-index:1}
header .topUtils .utils .slideUser a{min-width:90px;display:block; position:relative; margin-bottom:15px; padding:0 0 0 5px;}
header .topUtils .utils .slideUser a:first-child{padding:0;}
header .topUtils .utils .slideUser a:nth-child(1):after{content:''; display:block; position:absolute; right:0px; top:50%; transform:translateY(-50%) rotate(180deg); width:10px; height:6px; background:url("../../images/lang-arrow-bk.png") 0 0 no-repeat;}
header .topUtils .utils .slideUser a:last-child{margin-bottom:0;}
header .topUtils .utils .slideUser span{font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:17px; color:#555; line-height:18px; font-weight:500;}

header .topUtils .language{position:relative; float:left;}
header .topUtils .language > a{min-width:110px;display:inline-block; padding:0 40px 0 20px; background:url("../../tnk/images/homepage/lang-arrow-wh.png") right 20px center no-repeat;}
header .topUtils .language > a span{font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:17px; color:#fff; line-height:18px; font-weight:500;}

header .topUtils .language .slideLang{display:none; position:absolute; top:-15px; left:0; width:100%; padding:15px 0; background:#f0f0f0}
header .topUtils .language .slideLang a{min-width:110px;display:block; position:relative; margin-bottom:15px; padding:0 40px 0 20px;}
header .topUtils .language .slideLang a:nth-child(1):after{content:''; display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(180deg); width:10px; height:6px; background:url("../../tnk/images/homepage/lang-arrow-bk.png") 0 0 no-repeat;}
header .topUtils .language .slideLang a:last-child{margin-bottom:0;}
header .topUtils .language .slideLang span{font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:17px; color:#555; line-height:18px; font-weight:500;}
header.black .logo span{background:url("../../tnk/images/homepage/logo-bk.png") 0 0 no-repeat;}
header.black .oneDep a{color:#222;}
header.black .topUtils .utils a{color:#555;}
header.black .topUtils .language > a{background:url("../../tnk/images/homepage/lang-arrow-bk.png") right 20px center no-repeat;}
header.black .topUtils .language > a span{color:#555;}

header.hover .logo span{background:url("../../tnk/images/homepage/logo-bk.png") 0 0 no-repeat;}
header.hover .oneDep a{color:#222;}
header.hover .topUtils .utils a{color:#555;}
header.hover .topUtils .language > a{background:url("../../tnk/images/homepage/lang-arrow-bk.png") right 20px center no-repeat;}
header.hover .topUtils .language > a span{color:#555;}

header.hover:before{opacity:1;}
header.hover:after{opacity:1; height:435px}
header.subHeader{background:#fff;}
header.subHeader:before{opacity:1;}
header.bgType{background:#fff;}
header .m_menu{display:none; right:-100%;}
#m_header{display:none;}

/* 서브페이지 공통 */
.subCon{position:relative; padding:120px 0 180px;}
.subCon .head_div{position:relative; width:100%; margin:0 auto; padding:84px 0 75px; text-align:left;}
.subCon .head_div .cir_div{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.subCon .head_div .cir_div .cir{position:absolute; transform:scale(0) rotate(.001deg); border-radius:50%; transition:opacity 0.5s ease-out, transform 0.5s ease-out;}
.subCon .head_div .cir_div .cir1{top:70px; right:-80px; width:380px; height:380px; background:url("../../tnk/images/homepage/head-circle-img.png") center no-repeat; background-size:cover; opacity:0;}
.subCon .head_div .cir_div .cir2{top:-65px; right:270px; width:160px; height:160px; background:url("../../tnk/images/homepage/head-circle-img1.png") center no-repeat; opacity:0; transition-delay:0.2s}
.subCon .head_div.load .cir_div .cir{transform:scale(1) rotate(.001deg); opacity:1;}
.subCon .head_div h2{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:1280px; margin:0 auto; font-family:"Montserrat-SemiBold","Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:65px; color:#222; font-weight:600; line-height:1;}
.subCon .head_div .txt{position:relative; top:80px; opacity:0; width:1280px; margin:0 auto; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:22px; color:#555; line-height:32px; font-weight:300;} 
.subCon .head_div h2 + .txt{margin-top:25px;}
.subCon .head_div.load h2{top:0; opacity:1;}
.subCon .head_div.load .txt{top:0; opacity:1;}
.subCon .head_div.typeA{padding:85px 0 75px;}/* h2 두 줄 일때 -> 여백 통일로 변경 */
.subCon .head_div.typeA h2{font-size:60px; line-height:70px;}
.subCon .head_div.typeA h2 + .txt{margin-top:30px;}
.subCon .sort_tab{width:100%; margin-bottom:120px;}
.subCon .sort_tab:after{content:''; display:block; clear:both;}
.subCon .sort_tab .swiper-slide{display:block; position:relative; width:auto; padding-right:60px;}
.subCon .sort_tab a{display:block; position:relative; width:auto; padding-bottom:18px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; color:#555; line-height:28px; font-weight:300;}
.subCon .sort_tab a:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:5px; background:#3a25d6; opacity:0;}
.subCon .sort_tab a:last-child{margin-right:0;}
.subCon .sort_tab a.on{font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#3a25d6; font-weight:700;}
.subCon .sort_tab a.on:after{opacity:1;}
.subCon .title{font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:70px; color:#fff; line-height:74px; font-weight:900; word-break:keep-all;}
.subCon .title2{font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:40px; color:#222; line-height:52px; font-weight:700; word-break:keep-all;}

/* 아코디언 */
.acco_area{border-top:3px solid #222;}
.acco_area + .title_div{margin-top:120px;}
.acco_area .acco_div .acco_title{display:block; position:relative; width:100%; padding:42px 40px; border-bottom:1px solid #ebebeb; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:26px; color:#222; line-height:36px; font-weight:300; text-align:left; word-break:keep-all;}
.acco_area .acco_div .acco_con{display:none; position:relative; width:100%; padding:43px 40px; border-bottom:1px solid #ebebeb; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222; line-height:30px; font-weight:400; text-align:left; word-break:keep-all; overflow:hidden; background:#f7f7f7;}
.acco_area .acco_div .question{padding:42px 85px 42px 113px; background:url("../../tnk/images/homepage/acco_off.png") right 40px center no-repeat #fff;}
.acco_area .acco_div .question:after{content:'Q'; display:block; position:absolute; top:47px; left:40px; font-family:"Metropolis-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:30px; color:#222; line-height:1; font-weight:700;}
.acco_area .acco_div.on .question{bottom:1px solid #3a25d6; font-family:"Montserrat-bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#fff; font-weight:700; background:url("../../tnk/images/homepage/acco_on.png") right 40px center no-repeat #3a25d6;}
.acco_area .acco_div.on .question:after{color:#fff;}
.acco_area .acco_div .answer{padding:43px 40px 43px 113px;}
.acco_area .acco_div .answer:after{content:'A'; display:block; position:absolute; top:45px; left:40px; font-family:"Metropolis-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:30px; color:#222; line-height:1; font-weight:700;}

/* 버튼 */
.btn{display:inline-block; width:227px; height:60px; font-size:18px; color:#fff; font-weight:500; line-height:60px; border:1px solid #fff; border-radius:50px; text-align:center; transition:background 0.4s ease, border 0.4s ease;}
.btn:hover{color:#1775f3; border:1px solid #fff; background:#fff;}
.btn_div{text-align:center;}
.btn_div .btn{margin-right:15px; text-align:center;}
.btn_div .btn:last-child{margin-right:0;}
.btn_div .btn.gra_btn{width:auto; height:80px; padding:0 80px; border:0; font-family:"Metropolis-ExtraBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:22px; color:#fff; line-height:80px; font-weight:900; letter-spacing:-0.2px; background: -moz-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%);  background: -webkit-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%);}
.btn_div .basic_btn{display:inline-block; width:162px; height:56px; border-radius:4px; font-size:16px; line-height:56px; color:#fff; font-weight:700; text-align:center; background:#3a25d6; transition:none}

/* radio */
.radio_div{}
.radio_div > p{display:inline-block; margin-right:45px;}
.radio_div input[type="radio"]{display:none;}
.radio_div input[type="radio"] + label{position:relative; padding-left:36px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222; line-height:26px;}
.radio_div input[type="radio"] + label:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:25px; height:25px; border:1px solid #dedede; border-radius:50%; background:#fff;}
.radio_div input[type="radio"] + label:before{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:7.5px; width:12px; height:12px; border-radius:50%; opacity:0; background:#3a25d6; z-index:1;}
.radio_div input[type="radio"]:checked + label:before{opacity:1;}

/* 탑 버튼 */
.top_btn.fixed{position:fixed; bottom:50px;}
.top_btn{display:none; position:absolute; right:50px; bottom:50px; z-index:5; box-shadow:5px 5px 10px rgba(0,0,0,0.1); position:absolute; bottom:50px;}
.top_btn a{display:block;}
.main .top_btn{display:none;}

/* 푸터 */
footer{width:100%; height:266px; padding:85px 0 0; border-top:1px solid #e8e8e8;}
footer:after{content:''; display:block; clear:both;}
footer .left{float:left; overflow:hidden;}
footer .left .footer_logo{float:left; margin-right:80px;}
footer .left .util_div{float:left; }
footer .left .util_div .utils{margin-bottom:26px;overflow:hidden;}
footer .left .util_div .utils a{display:block; position:relative; float:left; padding:0 13px; font-size:16px; color:#3a25d6;}
footer .left .util_div .utils a:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:15px; background:#ccc;}
footer .left .util_div .utils a:first-child{padding-left:0; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:700;}
footer .left .util_div .utils a:last-child:after{display:none;}
footer .left .util_div .info{margin-bottom:18px; overflow:hidden;}
footer .left .util_div .info span{display:block; position:relative; float:left; padding:0 15px; font-size:15px; color:#888; font-weight:300;}
footer .left .util_div .info span:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:15px; background:#ccc;}
footer .left .util_div .info span:first-child{padding-left:0;}
footer .left .util_div .info span:last-child:after{display:none;}
footer .left .util_div .copyright{font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:14px; color:#555; font-weight:500;}
footer .link_div{position:relative; top:-11px; float:right;}
footer .link_div > a{display:inline-block; width:240px; height:60px; padding:0 40px 0 15px; border:1px solid #cbcbcb; font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222; line-height:60px; font-weight:500; background:url("../../tnk/images/homepage/footer-app-arrow.png") right 20px center no-repeat}
footer .link_div.on > a{background:url("../../tnk/images/homepage/footer-app-arrow-on.png") right 20px center no-repeat}
footer .link_div .slide_div{display:none; position:absolute; bottom:60px; left:0; width:100%; border:1px solid #ddd; border-bottom:0; z-index:5}
footer .link_div .slide_div a{display:block; height:60px; padding:0 20px; line-height:60px; border-bottom:1px solid #ddd; background:#fff;}
footer .link_div .slide_div a:last-child{border-bottom:0;}
footer .cert_logo{margin-top:12px;}
footer .cert_logo img{width:60px;}
footer .cert_logo p{font-size: 11px;color: #555;}

@media all and (max-width:1600px){
    .subCon .title{font-size:60px;}
}

@media all and (max-width:1380px){
    .inner{width:90%;}
    header .logo{left:30px}
    header .topUtils{right:30px}
    header nav{margin-left:-100px;}
    header nav .oneDep > a{padding:0 22px;}
    header .topUtils .utils a{margin-right:15px}
    .subCon .head_div{width:100%; padding:84px 5% 75px;}
    .subCon .head_div.typeA{padding:84px 5% 75px;}
    .subCon .head_div h2{width:100%;}
    .subCon .head_div .txt{width:100%;} 
}

@media all and (max-width:1280px){
    /* 푸터 */
    footer .left .util_div .info span:last-child{clear:both; padding:0; margin-top:5px;}
}

@media all and (max-width:1024px) {
    header .logo{left:15px}
    header .topUtils{right:15px}
    header nav .oneDep > a{padding:0 20px;}
    header nav .oneDep .twoDep > a{font-size:15px}
}

@media all and (max-width:981px){
    .onlyWeb{display:none;}
    .onlyMob{display:block;}
	.onlyMob.w500{display:none;}
    header{height:55px; transition:background 0.2s ease}
    header:after{display:none;}
    header:before{display:none;}
    header .logo{top:15px; left:5%;}
    header .logo span{width:70px; height:26px; background:url("../../tnk/images/homepage/logo-wh.png") 0 0 no-repeat; background-size:70px 16.5px;}
    header .topUtils .language{display:none;}
    header nav{display:none;}
    header .topUtils .utils{display:none;}
    header.subHeader{height:55px; background:none;}
    header.subTop{background:#fff;}
    header .m_menu{display:block; position:absolute; top:50%; right:5%; transform:translateY(-50%); width:16px; height:55px; text-indent:-9999px; overflow:hidden; background:url("../../tnk/images/homepage/m-menu-btn-wh.png") center no-repeat; background-size:16px 13px;}
    header.black .logo span{width:78px; height:29px; background:url("../../tnk/images/homepage/logo-bk.png") center no-repeat; background-size:78px 19px;}
    header.black .m_menu{background:url("../../tnk/images/homepage/m-menu-btn-bk.png") center no-repeat; background-size:16px 13px;}
    header.default{display:block;}
    header.default.up{background:rgba(255,255,255,0);}
    header.up{display:block; background:#fff;}
    header.black{display:none;}
    header.black.up{display:block;}
    header.black.default{display:block;}
    header.default.up{background:rgba(255,255,255,0);}
    header.mblack .logo span{width:78px; height:29px; background:url("../../tnk/images/homepage/m-logo-bk.png") 0 0 no-repeat; background-size:78px 19px;}
    header.mblack .m_menu{background:url("../../tnk/images/homepage/m-menu-btn-bk.png") center no-repeat; background-size:16px 13px;}
    header.mblack{display:none;}
    header.mblack.up{display:block;}
    header.mblack.default{display:block;}
    #m_header{display:block; position:fixed; top:0; right:-100%; width:100%; z-index:10;}
    #m_header .menu_div{width:100%; height:100vh; overflow-y:auto; background:#000;}
    #m_header .menu_div .top_area{padding:15px 5% 20px; border-bottom:1px solid #4d4d4d;}
    #m_header .menu_div .top_area .top_div{position:relative; width:100%; margin-bottom:30px;}
    #m_header .menu_div .top_area .top_div .logo{width:70px; height:26px; background:url("../../tnk/images/homepage/logo-wh.png") 0 0 no-repeat; background-size:70px 16.5px; overflow:hidden; text-indent:-9999px;}
    #m_header .menu_div .top_area .top_div .language{position:absolute; top:0; right:40px;}
    #m_header .menu_div .top_area .top_div .language > a{display:block; padding:5px 40px 5px 15px; font-size:15px; color:#fff; background:url("../../tnk/images/homepage/m-lang-arrow-wh.png") right 15px center no-repeat; background-size:11px auto;} 
    #m_header .menu_div .top_area .top_div .language .slideLang{display:none; position:absolute; top:0; left:0; width:100%; padding:7px 0; background:#fff;}
    #m_header .menu_div .top_area .top_div .language .slideLang > a{display:block; width:100%; padding:0 33px 0 15px; padding-right:18px; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:15px; color:#222; line-height:1;}
    #m_header .menu_div .top_area .top_div .language .slideLang > a:first-child{margin-bottom:5px; background:url("../../tnk/images/homepage/m-lang-arrow-on.png") right 15px center no-repeat; background-size:11px auto;}
    #m_header .menu_div .top_area .utils{width:95%; margin:0 auto; overflow:hidden;}
    #m_header .menu_div .top_area .utils a{display:block; float:left; width:49%; height:40px; margin-right:2%; font-size:16px; color:#222; font-weight:500; text-align:center; line-height:40px; background:#fff;}
    #m_header .menu_div .top_area .utils a.hidden{display:none;}
    #m_header .menu_div .top_area .utils > a:last-child{margin-right:0; color:#fff; border:1px solid #fff; background:#000; }
    #m_header .menu_div .utils .slideUser{display:none; position: absolute;top: 71px;width: 85.5%;}

    #m_header .menu_div .top_area .utils.after-login > a:first-child:after{content: ''; display: block; position: absolute; left: 44.2%; top: 92px; transform: translateY(-50%) rotate(180deg); width: 22px; height: 12px; background: url(../../tnk/images/homepage/m-lang-arrow-on.png) 0 0 no-repeat;}
    #m_header .menu_div .utils .slideUser a:nth-child(1):after {content: ''; display: block; position: absolute; left: 43.2%; top: 15px; width: 22px; height: 12px; background: url(../../tnk/images/homepage/m-lang-arrow-on.png) 0 0 no-repeat;}
    
    #m_header .menu_div .m_gnb{padding:35px 0 72px;}
    #m_header .menu_div .m_gnb .one_dep > a{display:block; width:100%; padding:20px 5%; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:23px; color:#fff; font-weight:600; background:url("../../tnk/images/homepage/m-menu-open.png") right 5% center no-repeat; background-size:19px 19px;}
    #m_header .menu_div .m_gnb .one_dep > a.on{color:#31a0ff; background:url("../../tnk/images/homepage/m-menu-close.png") right 5% center no-repeat; background-size:19px 19px;}
    #m_header .menu_div .m_gnb .one_dep .two_dep{display:none; width:90%; margin:0 auto; padding:25px; background:#1a1a1a;}
    #m_header .menu_div .m_gnb .one_dep .two_dep > a{display:block; width:100%; margin-bottom:20px; font-size:17px; color:#fff;}
    #m_header .menu_div .m_gnb .one_dep .two_dep > a:last-child{margin-bottom:0;}
    #m_header .xbtn{position:absolute; top:20px; right:5%; width:14px; height:14px; text-indent:-9999px; background:url("../../tnk/images/homepage/m-menu-xbtn.png") center no-repeat; background-size:14px 14px; overflow:hidden;}
    
    /* 서브페이지 공통 */
    .subCon{padding:0 0 60px;}
    .subCon .head_div{width:100%; padding:138px 5% 55px; overflow:hidden;}
    .subCon .head_div h2, .subCon .head_div.typeA h2{font-size:35px; line-height:43px; word-break:keep-all;}
    .subCon .head_div .txt{font-size:15px; color:#555; line-height:23px; word-break:keep-all;}
    .subCon .head_div h2 + .txt{margin-top:20px}
    .subCon .title{font-size:30px; line-height:38px;}
    .subCon .title2{font-size:23px; line-height:31px;}
    .subCon .sort_tab{position:relative; margin-bottom:60px;}
    .subCon .sort_tab:after{content:''; display:block; position:absolute; top:-2px; right:0; width:30px; height:20px; background: -moz-linear-gradient(-230deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(-230deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(-230deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); z-index:1;}
    .subCon .sort_tab .swiper-slide{padding-right:25px;}
    .subCon .sort_tab a{padding-bottom:10px; font-size:15px; line-height:1;}
    .subCon .sort_tab a:after{height:3px;}

    /* 버튼 */
    .btn{display:inline-block; min-width:auto; height:auto; padding:12px 30px; font-size:14px; line-height:1;}
    .btn_div .btn{margin-right:7px;}
    .btn_div .btn:last-child{margin-right:0;}
    .btn_div .btn.gra_btn{height:auto; padding:15px 43px; border:0; font-family:"Metropolis-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:17px; color:#fff; line-height:1; font-weight:700; }

    /* 버튼 */
    .btn{display:inline-block; min-width:auto; height:auto; padding:12px 30px; font-size:14px; line-height:1;}
    .btn_div .btn{margin-right:7px;}
    .btn_div .btn:last-child{margin-right:0;}
    .btn_div .btn.gra_btn{height:auto; padding:15px 43px; border:0; font-family:"Metropolis-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:17px; color:#fff; line-height:1; font-weight:700; }
    .btn_div .basic_btn{width:auto; min-width:95px; height:50px; padding:12px 30px; font-size:14px; line-height:26px;}

    /* radio */
    .radio_div > p{margin-right:20px;}
    .radio_div input[type="radio"] + label{padding-left:30px; font-size:14px; line-height:20px;}
    .radio_div input[type="radio"] + label:after{width:20px; height:20px; }
    .radio_div input[type="radio"] + label:before{left:6px; width:10px; height:10px; border-radius:50%;}

    /* 아코디언 */
    .acco_area{border-top:2px solid #222;}
    .acco_area + .title_div{margin-top:60px;}
    .acco_area .acco_div .acco_title{padding:20px; font-size:16px; line-height:24px;}
    .acco_area .acco_div .acco_con{padding:20px;font-size:14px; line-height:22px;}
    .acco_area .acco_div .question{padding:20px 40px; background:url("../../tnk/images/homepage/acco_off.png") right 15px center no-repeat #fff; background-size:12px auto;}
    .acco_area .acco_div .question:after{top:24px; left:15px; font-size:20px;}
    .acco_area .acco_div.on .question{background:url("../../tnk/images/homepage/acco_on.png") right 15px center no-repeat #3a25d6; background-size:12px auto;}
    .acco_area .acco_div.on .question:after{color:#fff;}
    .acco_area .acco_div .answer{padding:25px 20px 20px 40px;}
    .acco_area .acco_div .answer:after{top:27px; left:15px; font-size:20px;}

    /* 탑 버튼 */
    .top_btn{display:none; position:absolute; right:5%; bottom:264px;}
    .top_btn a{width:50px; height:50px;}
    .top_btn img{width:100%; height:100%;}

    /* 푸터 */
    footer{height:auto; padding:40px 0;}
    footer .left{float:none;}
    footer .left .footer_logo{display:none;}
    footer .left .util_div{float:none; }
    footer .left .util_div .utils{margin-bottom:25px;}
    footer .left .util_div .utils a{padding:0 10px; font-size:15px;}
    footer .left .util_div .utils a:after{display:none;}
    footer .left .util_div .utils a:first-child{padding-left:0;}
    footer .left .util_div .info{margin-bottom:25px; overflow:hidden;}
    footer .left .util_div .info span{display:block; position:relative; float:left; padding:0 10px; font-size:13px; line-height:21px; color:#888; font-weight:300;}
    footer .left .util_div .info span:after{height:11px;}
    footer .left .util_div .info span:first-child{padding-left:0;}
    footer .left .util_div .info span:last-child{display:block; float:left; clear:none; padding:0 0 0 10px; margin-top:0;}
    footer .left .util_div .copyright{font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:14px; line-height:22px; color:#555; font-weight:500;}
    footer .link_div .slide_div{display:none;}
    footer .m_link_div{width:100%; margin-top:30px;}
    footer .m_link_div select{display:block; width:100%; height:40px; padding:0 40px 0 15px; border:1px solid #ddd; border-radius:50px; font-size:15px; color:#222; line-height:40px; font-weight:500; background:url("../../tnk/images/homepage/m-footer-app-arrow.png") right 15px center no-repeat; background-size:13px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none}
    footer .m_link_div.on select{background:url("../../tnk/images/homepage/m-footer-app-arrow-on.png") right 15px center no-repeat; background-size:13px auto;}
}

@media all and (max-width:600px){
	.onlyMob.w500{display:block;}
    /* 푸터 */
    footer .left .util_div .info span:last-child{padding:0;}
}