@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll; font-size:10px;}
body {padding:0;font-size:1.2rem;font-family:'Noto Serif', sans-serif; background:#fff; -webkit-text-size-adjust: 100%; letter-spacing:-0.5px;  margin:0 auto !important;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Serif', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.4rem}
input, button {margin:0;padding:0;font-family:'Noto Serif', sans-serif;font-size:1.4rem}
input[type="submit"] {cursor:pointer; -webkit-appearance: none;}
button {cursor:pointer}
img {max-width:100%; height:auto;}
textarea, select {font-family:'Noto Serif', sans-serif;font-size:1.4rem}
select {width:14.4rem;height:3.8rem; padding: 1rem 2rem; padding-right:3rem; font-size:1.4rem; color:#7764ca; background: url('/img/selc_ic.svg') no-repeat 90% 50% #fff; background-size:2.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 50rem;}
select::-ms-expand {display: none;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=email],input[type=password], textarea {outline:none; -webkit-appearance: none;}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus, textarea:focus,select:focus {outline:none;}

.wrap:after,
.clear:after {content:''; display:block; clear:both;}

.wrap {max-width:165rem; padding:0 2rem; position:relative; margin:0 auto;}

.pc_on {display:block;}
.m_on {display:none;}
.gnb_pc {display:block;}
.gnb_m {display:none;}
.pc768 {display:block;}
.m768 {display:none;}
.blk {display:block;}
.le {float:left;}
.ri {float:right;}

.bottom-top {transform: translate(0,70px); -webkit-transform: translate(0,70px); -webkit-transition: 0.8s; transition: 0.8s; opacity:0;}
.img-ani {-webkit-transition: all 1.0s cubic-bezier(0,.72,.44,.99); transition: all 1.0s cubic-bezier(0,.72,.44,.99); opacity: 0;}
.img-aniload {transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity:1;}
.img-aniload.bottom-top {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
.txt-ani {overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 0;}
.txt-ani > span {-webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; transform: translate(0,70px); -webkit-transform: translate(0,70px); -moz-transform: translate(0,70px); -ms-transform: translate(0,70px); -o-transform: translate(0,70px); opacity: 0; display: inline-block;}
.txt-aniload > span {transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.left-right {opacity:0; transform: translate(-100px,0); -webkit-transform: translate(-100px,0); -moz-transform: translate(-100px,0); -ms-transform: translate(-100px,0); -o-transform: translate(-100px,0); transition: all 1s ease; -webkit-transition: all 1s ease;}
.right-left {opacity:0; transform: translate(100px,0); -webkit-transform: translate(100px,0); -moz-transform: translate(100px,0); -ms-transform: translate(100px,0); -o-transform: translate(100px,0); transition: all 1s ease; -webkit-transition: all 1s ease;}
.img-aniload.left-right,
.img-aniload.right-left {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1;}


#hd {position:fixed; top:0; left:0; right:0; height:10.5rem; z-index:100; transition: All 0.3s ease; -webkit-transition: All 0.3s ease;}
#hd .logo {float: left;}
#hd .logo a {display:flex; align-items: center; color:#fff; height: 10.5rem;}
#hd .logo .img {}
#hd .logo .txt {margin-left:1rem; font-family:'Noto Sans KR';}
#hd .logo .txt .m1 {font-size:3rem; font-weight:700; line-height: 3.1rem;}
#hd .logo .txt .m2 {font-size:10px; color: rgba(255,255,255,0.6);}
#hd .navi {float:right; font-family:'Noto Sans KR';}
#hd .navi ul {}
#hd .navi li {float:left;}
#hd .navi li a {color:#fff; display:block;}
#hd .navi .lk {font-size:1.8rem; padding: 0 3rem; height: 10.5rem; line-height: 10.5rem;}
#hd .navi .list:hover .lk,
#hd .navi .lk:hover {color: #ffc107;}
#hd .navi .list {position:relative;}
#hd .navi .list:before {display:none; content:''; position: absolute; top: 21px; left: 5px; right: 5px; bottom: -40px; background: #1e2743; z-index: -1;}
#hd .navi .list .dep1 {display:none; position:relative;}
#hd .navi .list .dep1:before {content:''; position: absolute; top: -18px; left: 2rem; right: 2rem; height: 4px; background: linear-gradient(to right, #6cecff, #c97fff);}
#hd .navi .list .dep1 .lk1 {font-size:1.5rem; font-weight: 300;  padding: 0.5rem; padding-left:3rem;}
#hd .navi .list .dep1 .lk1:hover {text-decoration:underline;}
#hd .navi .list:hover .dep1 {display:block;}
#hd .navi .list:hover:before {display:block;}
#hd .navi .lc {padding-top: 4rem; padding-left: 3rem;}
#hd .navi .lang {padding: 6px 3px 4px 12px; text-align: center; background: rgba(0,0,0,0.5);}
#hd .navi .lang a {}
#hd .navi .lang .kor {}
#hd .navi .lang .kor a {}
#hd .navi .lang .kor img {margin-top: -3px;}
#hd .navi .lang .eng {display:none;}
#hd .navi .lang .eng a {text-align: left; padding: 5px 0;}
#hd .navi .lang:hover .eng {display:block;}
#hd.fixed {background:rgba(0,0,0,0.7);}

#content {overflow:hidden;}
.sec1 {position:relative; overflow:hidden;}
.sec1 .sec1_bg {position:absolute; top:0; left:0; right:0; bottom:0; background:url('/assets/img/eng/sec1_bg1.jpg') no-repeat center; background-size:cover; -webkit-transform: scale(1.3); transform: scale(1.3); transition: all 1.7s ease; -webkit-transition: all 1.7s ease; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.sec1 .sec1_bg.img-aniload {-webkit-transform: scale(1); transform: scale(1);}
.sec1 .wrap {height:100%;}
.main_txt {position: absolute; top: 40%; left: 2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.tit_h2 {display: inline-block; padding-right: 1rem; font-size:3.4rem; font-style:italic; background: linear-gradient(to right, #6cecff, #c97fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.main_txt p {font-size:2rem; color:#fff; font-style:italic; margin-top:2.5rem; margin-bottom:3rem; line-height:3.5rem;}
.more {}
.more a {color:rgba(255,255,255,0.5); font-size:1.7rem; font-style:italic; padding:2rem 0; display:inline-block;}
.more span {position:relative; display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.5); transition: All 0.3s ease; -webkit-transition: All 0.3s ease;}
.more span:before {opacity:0; content:''; position: absolute; top: 2px; right: -10px; width: 2.4rem; height: 2.4rem; background: url('/assets/img/eng/arr_down.svg'); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: All 0.5s ease; -webkit-transition: All 0.5s ease;}
.more a:hover {color:#fff;}
.more a:hover span {padding-right:3rem;}
.more a:hover span:before {opacity:1; right:-25px;}
.dy1 {transition-delay:0.3s !important; -webkit-transition-delay:0.3s !important;;}
.dy2 {transition-delay:0.4s !important;; -webkit-transition-delay:0.4s !important;;}
.sec2 {position:relative; background:url('/assets/img/eng/sec2_bg.jpg') no-repeat center; background-size:cover; padding-top:13rem; height:93rem;}
.sec2 .main_txt {position:static; transform:none;}
.sec3 {padding:10rem 0;}
.tit_h2_32 {font-size:3.2rem; color:#151515; font-style:italic; text-align:center;}
.sec3 .txt {margin-top:7.5rem;}
.sec3 .txt ul {margin:0 -0.5rem; display:flex;}
.sec3 .txt li {width:50%; padding:0 0.5rem;}
.sec3 .txt .in {background:#f6f6f6; padding:5rem 4rem; height: 100%;}
.sec3 .txt .m1 {font-size:2rem; font-style:italic; color:#151515; line-height:3.5rem; word-break:keep-all; min-height: 21rem;}
.sec3 .txt .more {margin-top:2rem;}
.sec3 .txt .more a {color:#999;}
.sec3 .txt .more span {border-bottom: 1px solid #777;}
.sec3 .txt .more span:before {background: url('/assets/img/eng/arr_down_g.svg');}
.sec4 {padding:0 0 7rem;}
.sec4 .txt {text-align:center; margin-top:3rem;}
.sec4 .txt p {font-size:2rem; font-style:italic; color:#151515;}
.sec4 .txt .m1 {margin-bottom:1rem;}
.sec4 .txt .m2 {}
.sec4 .txt .mg {margin:0 2rem;}
.sec4 .map {margin-top:6rem; position:relative; padding-bottom:42%;}
.sec4 .map iframe {position:absolute; top:0; left:0; right:0; bottom:0;}

#ft {background:#2f2f2f; padding:4rem 0 8rem;}
#ft .m1 {font-size:2rem; color:#fff; font-style:italic;}
#ft .m2 {font-size:1.6rem; color:#fff; margin-top:1rem; font-style:italic;}

#subp_top {text-align:center; position:relative; height: 31rem; padding-top: 15rem; overflow: hidden;}
#subp_top .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:url('/assets/img/eng/subp_bg.jpg') no-repeat center; background-size:cover; -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 1.5s ease; -webkit-transition: all 1.5s ease; transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
#subp_top .tit_h2 {font-size:4rem; font-weight:400;}
#subp_top.img-aniload .bg {-webkit-transform: scale(1); transform: scale(1);}

#sub_content {position:relative; padding:9rem 0 20rem;}
#sub_content .tit_h2_32 {}
.msg {position:relative;}
#sub_content .i1 {position:absolute; left:0; top:3rem; z-index: -1;}
#sub_content .i2 {position:absolute; top:0; right:2rem; z-index: -1;}
.sub_txt {}
.sub_txt h4 {font-size:2.2rem; color:#151515; margin-bottom:2.5rem;}
.sub_txt .m1 {font-size:2rem; color:#494949; line-height:3.5rem; word-break:keep-all;}
.sub_txt .m2 {font-size:2rem; color:#151515; line-height:3.5rem; word-break:keep-all; font-style:italic; font-weight:bold;}
.sub_txt .mgt {margin-top:5rem;}
.jou .ctt,
.sub_txt {margin-top:15rem;}

.abt {}
.his {}
.his .abox {}
.tbl {border-top:3px solid #3670af;}
.tbl table {width:100%; border-spacing:0; border-collapse:collapse; font-size:1.8rem; color:#2f2f2f;}
.tbl table caption {display:none;}
.tbl table th {background:#ecf1f7; font-weight:normal; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:2rem 5rem; line-height:3rem; text-align:left;}
.tbl table td {background:#ecf1f7; border-bottom:1px solid #fff; padding:2rem 5rem; line-height:3rem;}
.tbl .th1,
.tbl .td1 {}
.tbl .th1 {}
.tbl .td1 {}
.his .bbox {}
.tbl .th_b1 {width:15%;}
.tbl .td_b1 {width: 23%; border-right:1px solid #fff;}
.tbl .td_b2 {}
.cmit {}
.cmit .tbl {border-top:3px solid #5a2956;}
.tbl table th,
.tbl table td {background:#f3eef2;}
.tbl .th_c1 {width:25%;}
.tbl .td_c1 {}

.aac {}
.aac .tbl {border-top:0;}
.aac .tbl table {}
.aac .tbl table th {background:#3670af; color:#fff; border-right:0; text-align:center; padding:2rem 2rem;}
.aac .tbl table td {background:#ecf1f7; text-align:center; padding:2rem 2rem;}
.tbl .th_d1 {}
.tbl .th_d2 {}
.tbl .th_d3 {}
.tbl .td_d1 {}
.tbl .td_d2 {border-left:1px solid #fff; border-right:1px solid #fff;}
.tbl .td_d3 {}

.jou {}
.jou .ctt {border:3px solid #e9e9e9; padding:6rem 6rem;}
.jou .ctt .in {position:relative;}
.jou .ctt .img {position: absolute; top: 0; left: 0;}
.jou .ctt .txt {margin-left: 22rem;}
.jou .ctt .txt .m1 {font-size:2rem; color:#151515; font-weight:bold;}
.jou .ctt .txt .m2 {font-size:1.8rem; color:#494949; line-height:3.5rem; word-break:keep-all; margin:3rem 0;}
.jou .ctt .txt .m3 {font-size:1.8rem; color:#494949; font-style:italic;}
.jou .bt {margin-top:4.5rem; text-align:center; font-size:0;}
.jou .bt a {display:inline-block; width:50rem; font-size:3rem; font-weight:bold; padding: 2.5rem 0;}
.jou .bt .lk1 {color:#5b2954; margin-right:4rem; background:#f2eef2;}
.jou .bt .lk1 span {font-weight:normal; font-size:1.6rem; color:#262626; margin-left:1rem;}
.jou .bt .lk2 {color:#3671b1; background:#ecf0f7;}

.msg {}
.msg .top_wr {display: flex; align-items: end; padding-bottom: 3rem;}
.msg .top_wr .img {width: 27rem;}
.msg .top_wr .txt {flex: 1; padding-left: 3rem;}