@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900");
@import url("../../font/webfonts_Lato.css");
@import url("../../font/dingbat_xeicon.css");

/*base*/
html{font-size:10px;box-sizing:border-box;overflow-x:hidden;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus {box-shadow:none; -webkit-box-shadow:none; outline:3px dotted rgb(224, 192, 5) !important; outline-offset:-3px; position:relative}
*:focus:not(:focus-visible) {outline:3px dotted rgb(224, 192, 5) !important; outline-offset:-3px}
body{ width:100%; height:100%; text-align:left; font-size:1.8rem; font-weight:400; font-family:"Roboto", 'Pretendard','Noto Sans KR', Helvetica, Tahoma, Verdana, Arial, AppleGothic, UnDotum, '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', sans-serif; color:#4B5053; line-height:1.5; letter-spacing:0.5px; -webkit-overflow-scrolling:touch; }
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0; padding:0; }
ul,ol,li,dl,dt,dd{list-style:none; margin:0; padding:0px}
img{ border:0 none; line-height:0; font-size:0; vertical-align:top; }
main,header,section,nav,footer,aside,article,figure{ display:block; }
table{border-collapse:collapse; border-spacing:0; width:100%}
fieldset{border:0}
legend, caption{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0; position:absolute; left:-99999px; }
textarea{border:2px solid #dbdbdc; padding:8px 10px !important; line-height:18px; resize:none; }
input, textarea { vertical-align:middle; font-size:14px; color:#4B5053; font-family:"Roboto", 'Pretendard','Noto Sans KR', Helvetica, Tahoma, Verdana, Arial, AppleGothic, UnDotum, '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', sans-serif; padding:0; margin:0; }
input[type="checkbox"] { width:12px; height:12px; margin-right:7px;}
input[type="radio"] { width:13px; height:13px; border:none; }
input[type="file"]{height:22px; color:#666; border:1px solid #d4d4d4; line-height:22px; vertical-align:middle; background:#fff}
input.text{height:18px; padding:8px 10px; border:2px solid #dbdbdc; }
input.date{margin:0 3px 0 0; width:110px}
em { font-style:normal; }
iframe { border:none; }
strong { font-weight:bold; }
a { color:#444444; text-decoration:none; }
hr { border:0; background:#D5D5D5; margin:0; height:1px; }
button { padding:0; border:none; cursor:pointer; font-family:inherit; background:none; border-radius:0; }

/* Skip Navigation */
#skip_nav{position:relative;overflow:hidden;width:100%;margin:0 auto;z-index:100}
#skip_nav a{display:block;height:0;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#3e8fee}
#skip_nav a:hover,#skipNav a:active,#skipNav a:focus{height:auto;padding:7px 0;font-weight:bold;font-size:1em;line-height:1em;color:#fff;z-index:10000}

/* common */
.sr-only, .sr_only, .IR {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hide { display:none; }
.of-hi { overflow:hidden !important; }
.fl-l { float:left !important; }
.fl-r { float:right !important; }
.cl-b { width:0; height:0; font-size:0; line-height:0; clear:both;}
.va-m { vertical-align:middle !important;}
.va-t { vertical-align: top !important;}
.max { width:100%; }
.ta-c { text-align:center !important; }
.ta-l { text-align:left !important; }
.ta-r { text-align:right !important; }
.clear { display:block; overflow:visible; width:auto; clear:both; *zoom:1;}
.clear:after { display:block; visibility:hidden; height:0; font-size:0; clear:both; content:'';}
.w100 { width:100% !important; }
.ellipse { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipse.lh2 { white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipse.lh3 { white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipse.lh4 { white-space: normal; line-height: 1.2; height: 4.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/*대문자*/
.uppercase { text-transform: uppercase; }
.uppercase_none { text-transform: none; }


/*btn-type*/
.btn.type1 {background-color:#fff; border:1px solid #ddd; color:#6D6D6D}
.btn.type2 {background-color:#03366C; border:1px solid #03366C; color:#fff}
.btn.type3 {background-color:#fff; border:1px solid #6D6D6D; color:#6D6D6D; font-weight:800; height:4rem; line-height:4rem}
.btn.type4 {background-color:#29758B; color:#fff; font-size:1.8rem; font-weight:900; width:100%; max-width:34rem; height:5.5rem; line-height:5.5rem; overflow:hidden; position:relative; text-align:left}
.btn.type4::before {content:''; border-bottom:5.6rem solid #39987D; border-left:4.8rem solid transparent; border-right:0 solid transparent; position:absolute; right:0; top:0; width:4.7rem}
.btn.icon-only { width: 4rem; height: 4rem; line-height: 4rem; padding: 0px; background-color: #626F7B; text-align: center; border: 0px; }
.btn.round { width: 4rem; height: 4rem; border-radius: 4rem; line-height: 4re,; padding: 0px; background-color: #626F7B; text-align: center; }
/*btn-display*/
.btn.block { display: block; width: 100%; }

@media all and (min-width:768px) {
	.btn:hover {border-color:#03366c; color:#03366c}
    .btn.icon-only:not(.not-hover):hover {background-color: #03366C}
    .btn.type2:hover {background-color:#fff}
}


/*display*/
.d-block { display:block; }
.d-inline-block { display:inline-block; }
.d-inline { display:inline; }

/*hr*/
hr { height: 1px; }

/*divide*/
.divide { width:1px; height:8px; background-color:#999999; margin:0px 5px; display:inline-block; }
.txt-box { padding:15px 20px; padding:1.5rem 2rem; }


/*loading*/
.loading-wrap { position: fixed; top: 0; right:0; bottom:0;	left:0; width: 100%; height: 100%; background-color: transparent;	z-index: 7900; }
.loading-wrap.relative { position: relative; top: auto; right:auto; bottom:auto; left:auto; width: 100%; height: 52px; }
.loading-wrap.absolute { position: absolute; top: 0; right:0; bottom:0;	left:0; width: 100%; height: 100%; background-color: transparent; z-index: 0; }
.spinner { width: 52px; height: 52px; position: absolute; z-index: 4000; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.spinner svg{ width: 100%; height: 100%; text-align: center; animation: s-rotate1 0.7s infinite linear; }
.spinner .active{ fill: none; stroke: #29758B; stroke-width: 2px; stroke-dasharray: 150; stroke-dashoffset: 120; animation: s-rotate2 1.4s infinite linear; }
.spinner .back{ fill: none; opacity: 0.3; }
@keyframes s-rotate1{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}
@keyframes s-rotate2{0%{ stroke-dashoffset: 120;}50%{ stroke-dashoffset: 40;}100%{ stroke-dashoffset: 120;}}

/*video*/
.video-wrap { position: relative; width: 100%; height: 0px; padding-bottom: 57%; background-color: #222D3A; }
.video-wrap iframe,.video-wrap video { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/******** font ********/
[class*="title"] { font-family:"Lato", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", sans-serif; color: #121212; }
.title64 { font-size: 6.4rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 7.7rem !important; }
.title56 { font-size: 5.6rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 6.7rem !important; }
.title40 { font-size: 4rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 4.8rem !important; }
.title32 { font-size: 3.2rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 3.9rem !important; }
.title28 { font-size: 2.8rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 3.2rem !important; }
.title22 { font-size: 2.2rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 2.8rem !important; }
.title16 { font-size: 1.6rem !important; font-weight: 900; letter-spacing: 0.5px; line-height: 2rem !important; }

.font18 { font-size: 1.8rem !important; letter-spacing: 0px; line-height: 28px !important; }
.font16 { font-size: 1.6rem !important; letter-spacing: 0px; line-height: 19px !important; color: #6D6D6D !important; }
.font14 { font-size: 1.4rem !important; letter-spacing: 0px; line-height: 16px !important; color: #6D6D6D !important; }
.thin { font-weight:300 !important; }
.normal { font-weight:400 !important; }
.bold { font-weight:600 !important; }
.extra-bold { font-weight: 800 !important; }
.underline { text-decoration:underline; }
.lato { font-family:"Lato", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 900; }

@media all and (max-width:768px) {
    /******** font ********/
    .title64 { font-size: 4rem !important; font-weight: 900; letter-spacing: 0px; line-height: 5.1rem !important; }
    .title56 { font-size: 4rem !important; font-weight: 900; letter-spacing: 0px; line-height: 5.1rem !important; }
    .title40 { font-size: 3.2rem !important; font-weight: 900; letter-spacing: 0px; line-height: 4rem !important; }
    .title32 { font-size: 2.8rem !important; font-weight: 900; letter-spacing: 0px; line-height: 3.5rem !important; }
    .title28 { font-size: 2.2rem !important; font-weight: 900; letter-spacing: 0px; line-height: 2.6rem !important; }
    .title22 { font-size: 1.8rem !important; font-weight: 900; letter-spacing: 0px; line-height: 2.4rem !important; }
    .title16 { font-size: 1.6rem !important; font-weight: 900; letter-spacing: 0px; line-height: 2rem !important; }
}

/******** color ********/
.color-121212 { color:#121212 !important; }
.color-353535 { color:#353535 !important; }
.color-6D6D6D { color: #6D6D6D !important; }
.color-115999 { color: #115999 !important; } /*파란색*/
.color-ffffff { color: #ffffff !important; }
.color-29758B { color: #29758B !important; } /*청록색*/
.color-9CA3A6 { color: #9CA3A6 !important; }
.color-03366C { color: #03366C; } /*남색*/


/******** background ********/
.bg-090A0F { background-color:#090A0F !important; }
.bg-9CA3A6 { background-color: #9CA3A6 !important; }
.bg-353535 { background-color: #353535 !important; }
.bg-D5DADC { background-color: #D5DADC !important; }


/******** UI ********/
/*radio, checkbox custom style*/
.textarea-item textarea { overflow-y:auto; line-height:38px; padding:0px 16px; letter-spacing:-1px; font-size: 18px; color: #4B5053; border: 2px solid #E9E9E9; background-color: #F2F2F2; }
.textarea-item textarea::placeholder { color: #768090; }
.textarea-item textarea:focus{ color: #4B5053; border: 2px solid #115999; }
.textarea-item textarea::placeholder { color: #9CA3A6; }
.textarea-item textarea:disabled,.input-item input:read-only{ color: #9CA3A6; }

/*checkbox*/
.checkbox-item { line-height: 2rem; padding: 0 3.5rem 0 1.5rem}
.checkbox-item input[type="checkbox"] { position:absolute; opacity:0; cursor: default; width:2.4rem; height:2.4rem; cursor: pointer; }
.checkbox-item input[type="checkbox"] + label { position: relative; font-size:1.6rem; display:inline-block; cursor: pointer; }
.checkbox-item input[type="checkbox"] + label::before,
.checkbox-item input[type="checkbox"]:not(:checked)+label:before { content: ""; width:1.6rem; height:1.6rem; display: inline-block; position: absolute; right: -2rem; top: 50%; transform: translateY(-50%); border-radius: 0px; background: url('/international/img/content/icon_check.svg') no-repeat center; }
.checkbox-item input[type="checkbox"]:checked + label:before { background: url('/international/img/content/icon_check_active.svg')no-repeat center; }
.checkbox-item.all input[type="checkbox"]:checked + label:before { border: 1px solid #4B5053; background-color: #4B5053; }
.checkbox-item.all input[type="checkbox"]:checked+label:after { border-color: #fff; }
/*radio*/
.radio-item { line-height: 2.4rem; }
.radio-item input[type="radio"] { position:absolute; opacity:0; cursor: default; width: 24px; height: 24px; cursor: pointer; }
.radio-item input[type="radio"] + label { position: relative; min-height:24px; display:inline-block; cursor: pointer; padding-left: 32px; font-weight: 600; font-size: 18px; line-height: 24px;}
.radio-item input[type="radio"] + label::before,
.radio-item input[type="radio"]:not(:checked)+label:before { content: ""; width: 24px; height: 24px; display: inline-block; border: 2px solid #D5DADC; background-color: #D5DADC; position: absolute; left: 0; top: 0; border-radius: 50%; box-sizing: border-box; }
.radio-item input[type="radio"] + label:after { content:''; position:absolute; left:6px; top:6px; width:12px; height:12px; border-radius:50%; transition: all .3s; background: #D5DADC; }
.radio-item input[type="radio"]:checked + label:before { border: 1px solid #118F99; background-color: #118F99; }
.radio-item input[type="radio"]:checked + label:after { background-color: #fff; }
.radio-item.focus {outline: 1px dotted #000;}

/* selectbox */
.select-item select::placeholder { color: #768090; }
.select-item.lg select { height: 52px; line-height: 52px; padding-right: 34px; }
.select-item.line-b { overflow:hidden; position:relative; display:inline-block; width:100%; z-index:1; line-height:1; vertical-align:middle; }
.select-item.line-b select { position:relative; z-index:2; width:100%; background-color: transparent; background-image: url(../../../../../images/nrimch/kr/common/icon_select_arrow_b.svg); background-repeat: no-repeat; background-position: right 9px center; color: #000; letter-spacing:0;  border: 2px solid #000; border-width: 0px 0px 2px 0px; }
.select-item.line-w  { overflow:hidden; position:relative; display:inline-block; width:100%; z-index:1; line-height:1; vertical-align:middle; }
.select-item.line-w select { position:relative; z-index:2; width:100%; background-color: transparent; background-image: url(../../../../../images/nrimch/kr/common/icon_select_arrow_w.svg); background-repeat: no-repeat; background-position: right 9px center; color: #fff; letter-spacing:0; border: 2px solid #fff; border-width: 0px 0px 2px 0px; }
.select-item.line-w select option{ /* Firefox 18- */ background-color: rgba(0, 0, 0, 0.4);}

select { width:100%; padding:0px 12px; line-height:1.57; letter-spacing:-0.5px; font-size:16px; color:#888888; border:none;}
select::-ms-expand { display: none; }
.select-item { overflow:hidden; position:relative; display:inline-block; width:100%; z-index:1; line-height:1; vertical-align:middle; }
.select-item select { font-size: 18px; font-weight: 600; color: #fff; border:0; background-color: #353535; background-image: url(/international/img/layout/icon_select_arrow_w.svg); background-position: right 4px center; background-repeat:no-repeat; width:100%; height:40px; line-height:40px; padding-left:12px; padding-right:33px; position:relative; letter-spacing:0}
html:first-child select{} /* Opera 9 & Below Fix */
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
/*file custom*/
.file-item { position:relative;}
.file-item .btn.file { display:inline-block; padding:5px 17px; margin-left:6px; margin-top:8px; border:1px solid #545454; border-radius:0; text-align:center; color:#252525; font-size:1.2rem; font-weight:500; background:#fff; }
.file-item .input-file-hidden { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
/*input*/

.input-box { position:relative; }
.input-box label { position:absolute; top:1px;  /* input 요소의 border-top 설정값 만큼 */ left:1px;  /* input 요소의 border-left 설정값 만큼 */ padding:7px 11px;  /* input 요소의 padding 값 만큼 */ color:#999; cursor:text; }
input[type="text"],
input[type="password"],
input[type="tel"] {
  height:auto;
  line-height:normal;
  padding:0px 11px;
  box-sizing:border-box;
  width:auto;
  background:transparent;
  border:1px solid #E9E9E9;
  font-size:1.4rem;
  font-family:inherit;
  border-radius:0;
  color:#fff;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input[type="number"], input[type="email"] { height:44px; line-height:normal; padding:0px 11px; box-sizing:border-box; background:transparent; border:1px solid #D7D7D7; font-size:1.4rem; font-family:inherit; border-radius:0; color:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #D7D7D7; background-color: #fff; outline: 0px; }
.input-item { position: relative; }
.input-item input { width:100%; height:40px; line-height:38px; padding:0px 16px; letter-spacing:-1px; font-size: 18px; color: #4B5053; border: 2px solid #F2F2F2; background-color: #F2F2F2; }
.input-item input:focus{ color: #4B5053; border: 2px solid #115999; }
.input-item input::placeholder { color: #4B5053; }
.input-item input:disabled,.input-item input:read-only{ color: #9CA3A6; }

/* input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus { border:1px solid #DC0082; } */
::-webkit-input-placeholder { color:#6D6D6D; }
:-moz-placeholder { /* Firefox 18- */ color:#6D6D6D; }
::-moz-placeholder {  /* Firefox 19+ */ color:#6D6D6D; }
:-ms-input-placeholder { color:#6D6D6D; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent;  }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/*textarea*/
textarea { width:100%; border:1px solid #dfdfdf; border-radius:0; }

/* ir */
table.ir{ text-indent:-10000px; }
.ir, .sr-only { position: absolute; /* position: absolute/fixed 에서만 clip 속성 작동 */ margin: -1px; /* 부트스트랩에선 안씀 */ width: 1px; height: 1px; padding: 0; border: 0; white-space: nowrap; overflow: hidden; /* overflow: visible 이면 clip 속성 작동 안됨 */ clip: rect(0, 0, 0, 0); clip-path: inset(50%); /* H5BP에선 안씀 */ }

/*animation*/
.ani-all { transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; }

/* ScrollMagic  */
[class *= 'effect-'] .obj { position:relative;  opacity:0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
[class *= 'effect-'].on .obj { opacity:1; }
[class *= 'effect-'].on .obj-left { left:0; }
[class *= 'effect-'].on .obj-right { right:0; }
[class *= 'effect-'].on .obj-top { top:0; }
[class *= 'effect-'].on .obj-m-left { margin-left:0 }
.obj-left { left:-20%; }
.obj-right { right:-20%; }
.obj-top { top:20%; }
/* .obj-middle { top:35%; }
.obj-bottom { top:60%; } */

/* col-wrap */
.col-wrap {margin: 0 -16px; overflow: hidden;}
.col-sm-1, .col-md-1, .col-lg-1,
.col-sm-2, .col-md-2, .col-lg-2,
.col-sm-3, .col-md-3, .col-lg-3,
.col-sm-4, .col-md-4, .col-lg-4,
.col-sm-5, .col-md-5, .col-lg-5,
.col-sm-6, .col-md-6, .col-lg-6,
.col-sm-7, .col-md-7, .col-lg-7,
.col-sm-8, .col-md-8, .col-lg-8,
.col-sm-9, .col-md-9, .col-lg-9,
.col-sm-10, .col-md-10, .col-lg-10,
.col-sm-11, .col-md-11, .col-lg-11,
.col-sm-12, .col-md-12, .col-lg-12 {float: left; position: relative; min-height: 1px; padding-right: 16px; padding-left: 16px; box-sizing: border-box;}

@media (min-width: 1193px) {
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%;}
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%;}
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
}
@media (max-width: 1192px) {
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%;}
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%;}
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
}
@media (max-width: 768px) {
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 {  width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%;}
}


.mt0 { margin-top: 0 !important;}
.mt4 { margin-top: 0.4rem !important; }
.mt8 { margin-top: 0.8rem !important; }
.mt16 { margin-top: 1.6rem !important; }
.mt24 { margin-top: 2.4rem !important; }
.mt32 { margin-top: 3.2rem !important; }
.mt40 { margin-top: 4rem !important; }
.mt48 { margin-top: 4.8rem !important; }
.mt56 { margin-top: 5.6rem !important; }
.mt64 { margin-top: 6.4rem !important; }
.mt72 { margin-top: 7.2rem !important; }
.mt80 { margin-top: 8rem !important; }
.mt120 { margin-top: 12rem !important; }
.mt200 { margin-top: 20rem !important; }

.mb0 { margin-bottom: 0 !important;}
.mb4 { margin-bottom: 0.4rem !important; }
.mb8 { margin-bottom: 0.8rem !important; }
.mb16 { margin-bottom: 1.6rem !important; }
.mb24 { margin-bottom: 2.4rem !important; }
.mb32 { margin-bottom: 3.2rem !important; }
.mb40 { margin-bottom: 4rem !important; }
.mb48 { margin-bottom: 4.8rem !important; }
.mb56 { margin-bottom: 5.6rem !important; }
.mb64 { margin-bottom: 6.4rem !important; }
.mb72 { margin-bottom: 7.2rem !important; }
.mb80 { margin-bottom: 8rem !important; }
.mb120 { margin-bottom: 12rem !important; }
.mb200 { margin-bottom: 20rem !important; }

.mr0 { margin-right:0px !important; }
.mr4 { margin-right:0.4rem !important; }
.mr8 { margin-right:0.8rem !important; }
.mr16 { margin-right:1.6rem !important; }
.mr32 { margin-right:3.2rem !important; }
.ml0 { margin-left:0px !important; }
.ml4 { margin-left:0.4rem !important; }
.ml8 { margin-left:0.8rem !important; }
.ml16 { margin-left:1.6rem !important; }
.ml32 { margin-left:3.2rem !important; }

.pt0 { padding-top: 0 !important;}
.pt8 { padding-top: 0.8rem !important; }
.pt16 { padding-top: 1.6rem !important; }
.pt24 { padding-top: 2.4rem !important; }
.pt32 { padding-top: 3.2rem !important; }
.pt40 { padding-top: 4rem !important; }
.pt48 { padding-top: 4.8rem !important; }
.pt56 { padding-top: 5.6rem !important; }
.pt64 { padding-top: 6.4rem !important; }
.pt72 { padding-top: 7.2rem !important; }
.pt80 { padding-top: 8rem !important; }
.pt120 { padding-top: 12rem !important; }
.pt200 { padding-top: 20rem !important; }
.pt280 { padding-top: 2.8rem !important; }

.pl0 { padding-left: 0 !important;}

.pb0 { padding-bottom: 0 !important;}
.pb8 { padding-bottom: 0.8rem !important; }
.pb16 { padding-bottom: 1.6rem !important; }
.pb24 { padding-bottom: 2.4rem !important; }
.pb32 { padding-bottom: 3.2rem !important; }
.pb40 { padding-bottom: 4rem !important; }
.pb48 { padding-bottom: 4.8rem !important; }
.pb56 { padding-bottom: 5.6rem !important; }
.pb64 { padding-bottom: 6.4rem !important; }
.pb72 { padding-bottom: 7.2rem !important; }
.pb80 { padding-bottom: 8rem !important; }
.pb120 { padding-bottom: 12rem !important; }
.pb200 { padding-bottom: 20rem !important; }
.pb280 { padding-bottom: 28rem !important; }

.pr16 { padding-right: 1.6rem !important; }


@media all and (max-width:768px) {
  /*html { font-size:15px; }*/
  * { outline:0 !important; }
  html{ -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
  .mt0 { margin-top: 0 !important;}
  .mt4 { margin-top: 0.5rem !important; }
  .mt8 { margin-top: 1rem !important; }
  .mt16 { margin-top: 1.6rem !important; }
  .mt24 { margin-top: 2.4rem !important; }
  .mt32 { margin-top: 3.2rem !important; }
  .mt40 { margin-top: 3.2rem !important; }
  .mt56 { margin-top: 4rem !important; }
  .mt64 { margin-top: 3.2rem !important; }
  .mt80 { margin-top: 6.4rem !important; }
  .mt120 { margin-top: 10rem !important; }
  .mt200 { margin-top: 16rem !important; }
  .mt240 { margin-top: 12rem !important; }

  .mb0 { margin-bottom: 0 !important;}
  .mb4 { margin-bottom: 0.5rem !important; }
  .mb8 { margin-bottom: 1rem !important; }
  .mb16 { margin-bottom: 1.6rem !important; }
  .mb24 { margin-bottom: 2.4rem !important; }
  .mb32 { margin-bottom: 3.2rem !important; }
  .mb40 { margin-bottom: 3.2rem !important; }
  .mb56 { margin-bottom: 4rem !important; }
  .mb64 { margin-bottom: 6rem !important; }
  .mb80 { margin-bottom: 6.4rem !important; }
  .mb120 { margin-bottom: 10rem !important; }
  .mb200 { margin-bottom: 16rem !important; }
  .mb240 { margin-bottom: 12rem !important; }

  .mr8 { margin-right:1rem !important; }
  .mr16 { margin-right:1.6rem !important; }
  .mr32 { margin-right:3.2rem !important; }
  .mo-pr0 { padding-right: 0px !important; }
  .mo-pl0 { padding-left: 0px !important; }

  .pt0 { padding-top: 0 !important;}
  .pt8 { padding-top: 1rem !important; }
  .pt16 { padding-top: 1.6rem !important; }
  .pt24 { padding-top: 2.4rem !important; }
  .pt32 { padding-top: 3.2rem !important; }
  .pt40 { padding-top: 3.2rem !important; }
  .pt56 { padding-top: 4rem !important; }
  .pt80 { padding-top: 4rem !important; }
  .pt120 { padding-top: 10rem !important; }
  .pt200 { padding-top: 16rem !important; }
  .pt240 { padding-top: 12rem !important; }
  .pt280 { padding-top: 16rem !important; }

  .pb0 { padding-bottom: 0 !important;}
  .pb8 { padding-bottom: 1rem !important; }
  .pb16 { padding-bottom: 1.6rem !important; }
  .pb24 { padding-bottom: 2.4rem !important; }
  .pb32 { padding-bottom: 3.2rem !important; }
  .pb40 { padding-bottom: 3.2rem !important; }
  .pb56 { padding-bottom: 4rem !important; }
  .pb80 { padding-bottom: 6.4rem !important; }
  .pb120 { padding-bottom: 10rem !important; }
  .pb200 { padding-bottom: 16rem !important; }
  .pb240 { padding-bottom: 12rem !important; }
  .pb280 { padding-bottom: 16rem !important; }
}


/******** layerpopup ********/
.layerpop-wrap {display:none; overflow-x: hidden; overflow-y: auto; position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); left:0px; top:0px; z-index: 99999}
.layerpop-wrap.active {display:block}
.layerpop-wrap .layerpop { position:fixed; overflow: hidden; width: 100%; max-width: 900px; top:50%; left:50%; transform: translate(-50%, -50%); }
.layerpop-wrap .layerpop.relative { position: relative; overflow: hidden; width: calc(100% - 30px); max-width: 900px; top:auto; left:auto; transform: inherit; margin: 20px auto; }
.layerpop-wrap .layerpop .layer-body { padding: 40px; background-color: #fff; }
.layerpop-wrap .layerpop #pop_title {display:block; font-size:2.4rem; font-family:'Lato'; line-height:1.3; padding:0 2rem 1.5rem}
.layerpop-wrap .layerpop .btn.close { position: absolute; right: 4px; top: 4px; padding: 0px; border: 0px; height: 32px; background-color: transparent; }
.layerpop-wrap .layerpop .btn-wrap > span { display: inline-block; }
.layerpop-wrap .layerpop .btn-wrap > span > .btn { float: left; }
.layerpop-wrap .layerpop .btn-wrap > span > .btn + .btn { margin-left: 8px; }

@media (max-width:768px) {
	/******** layerpopup ********/
    .layerpop-wrap { position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); left:0px; top:0px; z-index: 99999; display:none; }
    .layerpop-wrap .layerpop { position:fixed; overflow: hidden; width: 100%; max-width: 900px; top:50%; left:50%; transform: translate(-50%, -50%); }
    .layerpop-wrap .layerpop .layer-body { padding: 60px 32px 40px; background-color: #fff; }
    .layerpop-wrap .layerpop .btn.close { position: absolute; right: 16px; top: 16px;  }
    .layerpop-wrap .layerpop .btn-wrap > span { display: inline-block; }
    .layerpop-wrap .layerpop .btn-wrap > span > .btn { float: left; }
    .layerpop-wrap .layerpop .btn-wrap > span > .btn + .btn { margin-left: 8px; }
}

/******** btn ********/
.btn {cursor:pointer; display:inline-block; font-size:1.6rem; font-weight:500; height:50px; line-height:50px; letter-spacing:0; padding:0px 20px; position:relative; text-align:center; transition:all .5s}
.btn > .icon { vertical-align: middle; }
.btn > .txt { margin-left: 8px; }

@media screen and (max-width:1280px){
  html{font-size:9px}
}

/*animation*/
/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.btn-gnb span:nth-of-type(1) {
    -webkit-animation : menu-bar07-01 .75s forwards;
    animation : menu-bar07-01 .75s forwards;
}
.btn-gnb span:nth-of-type(2) {
    transition : all .25s .25s;
    opacity : 1;
}
.btn-gnb span:nth-of-type(3) {
    -webkit-animation : menu-bar07-02 .75s forwards;
    animation : menu-bar07-02 .75s forwards;
}
.btn-gnb.active span:nth-of-type(1) {
    -webkit-animation : btn-gnb-active .2s forwards;
    animation : btn-gnb-active .2s forwards;
    top:6px !important;
}
.btn-gnb.active span:nth-of-type(2) {
    opacity : 0;
}
.btn-gnb.active span:nth-of-type(3) {
    -webkit-animation : btn-gnb-active2 .2s forwards;
    animation : btn-gnb-active2 .2s forwards;
    bottom:6px !important;
}

/* Abstract template */
.rpt-abstracts .template-container {
	white-space: pre-wrap;
}