@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body {
   font-family: Noto Sans KR, sans-serif;
}

body{font-family: 'Noto Sans KR', sans-serif;}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var { margin:0; padding:0}
ol,ul { list-style: none }
html, body {width: 100%;height: 100%;overflow:hidden;}
#wrap {position: relative;width: 100%;height: 100%;background-color: #fff;}

.preload {display:none;position:fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 101;}
.preload_progress {display:block;position:fixed;bottom: 0;left: 50%;pointer-events: none;z-index: 101;width:100px;height:100px;
-ms-transform: translateX(-50%); /* IE 9 */
-webkit-transform: translateX(-50%); /* Safari */
transform: translateX(-50%);
}
.loadbar {display:block;width:0px;height:3px;background-color:#4a4a4a;}
.loadtxt {display:block;line-height: 26px;color:#4a4a4a;font-family: Oswald;font-size: 19px;font-weight: bold;font-style: normal;font-stretch: normal;width:100px;height:26px;text-align:center;padding-top:10px;}

.fixed_set {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 100;}
.fixed_set .logo_set {position: absolute;top: 40px;left: 50px;width: 320px;height: 32.8px;}
.fixed_set .logo_set .logo_weaction {padding-left:10px;}
.fixed_set .logo_set a {/* position: absolute;top: 0;left: 0;display: block; */float:left;text-decoration: none;cursor: pointer;pointer-events: auto;z-index: 101;}
.fixed_set .logo_set a .logo_weaction {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.fixed_set .logo_set a .logo_weaction .a {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.fixed_set .logo_set a .logo_weaction .b {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.fixed_set .logo_set a .logo_weaction .c {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.fixed_set .logo_set a .logo_weaction .d {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.fixed_set .logo_set a.logoW #fixed-components_blue {fill: #fff;} /* 클래스 입력 시 화이트 변경 */


.fixed_set .logo_set a.logoW .svg_weaction {}
.fixed_set .logo_set a.logoW .svg_weaction .a {fill:#fff;}
.fixed_set .logo_set a.logoW .svg_weaction .b {fill:#fff;stroke:#fff;}



.fixed_set .arrow_set {position: absolute;left: 50px;bottom: 45.8px;}
.fixed_set .arrow_set a {position: absolute;top: 0;left: 0;display: block;cursor: pointer;pointer-events: auto;z-index: 101;opacity:0.5;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.fixed_set .arrow_set a:hover {opacity:1;}
.fixed_set .arrow_set a #svg_btn_back_fill {-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.fixed_set .arrow_set a.arrow_W #svg_btn_back_fill {fill: #fff;}

.fixed_set .arrow_set.show a {opacity:1;}

.fixed_set .rightBtn_set {position: absolute;top: 39px;right: 50px;width: 138px;height: 29px;}
.fixed_set .rightBtn_set a {display: block;text-decoration: none;width: 138px;height: 29px;font-family: Noto Sans KR;font-size: 18px;font-weight: bold;font-style: normal;font-stretch: normal;color: #20ACEF;pointer-events: auto;z-index: 101;}
.fixed_set .rightBtn_set a {-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.fixed_set .rightBtn_set a.rightBnt_W  {color: #fff;}  /* 클래스 입력 시 화이트 변경 */
.fixed_set .rightBtn_set a #btn_support_-blue {-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.fixed_set .rightBtn_set a.rightBnt_W #btn_support_-blue {fill: #fff !important;}
.fixed_set .rightBtn_set a span.pt5 {float: left;padding-top: 5px;}
.fixed_set .rightBtn_set a span.pl10 {float: left;padding-left: 10px;}
.fixed_set .rigthTxt_set {display:none;position: absolute;right: 50px;bottom: 36px;width: 160px;height: 50px;}
.fixed_set .rigthTxt_set div.rigthTxt {position: absolute;top: 0;left: 0;}
.fixed_set .rigthTxt_set div.rigthTxt p.txtBold {line-height: 26px;font-family: Oswald;font-size: 18px;font-weight: bold;font-style: normal;font-stretch: normal;text-align: right;}
.fixed_set .rigthTxt_set div.rigthTxt p.txtNormal {line-height: 26px;opacity: 0.7;font-family: Oswald;font-size: 18px;font-weight: 400;font-style: normal;font-stretch: normal;text-align: right;}
.fixed_set .rigthTxt_set div.txtB p.txtBold {color: #20acef;}
.fixed_set .rigthTxt_set div.txtB p.txtNormal {color: #9b9b9b;}
.fixed_set .rigthTxt_set div.txtW {display: none;}
.fixed_set .rigthTxt_set div.txtW p.txtBold {display: none;color: #fff;}
.fixed_set .rigthTxt_set div.txtW p.txtNormal {color: #fff;}
.fixed_set .pageNum {position: absolute;bottom: 37px;left: 50%;margin-left: -27px;width: 54px;height: 50px;}
.fixed_set .pageNum .page {position: absolute;top: 0;left: 0;width: 21px;height: 25px;}
.fixed_set .pageNum .page ul {position: relative;}
.fixed_set .pageNum .page ul li {display: none;position: absolute;top: 0;left: 0;font-family: Oswald;font-size: 18px;font-weight: 400;font-style: normal;font-stretch: normal;color: #20acef;}
.fixed_set .pageNum .page ul li.on {display: block;}
.fixed_set .pageNum .page ul li.pageW {color: #fff;}
.fixed_set .pageNum .pageAll {position: absolute;bottom: 0;right: 0;width: 21px;height: 25px;}
.fixed_set .pageNum .pageAll p {opacity: 0.7;font-family: Oswald;font-size: 18px;font-weight: 400;font-style: normal;font-stretch: normal;color: #9B9B9B;}
.fixed_set .pageNum .pageAll.pageW p {color: #fff;}
.fixed_set .pageNum span {opacity:0.7; position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.fixed_set .pageNum span #page_slash {-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.fixed_set .pageNum span.pageNum_W #page_slash {stroke: #ffffff;}

.section {overflow: hidden;}

.section01 {/* display: none; */position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;text-align: center;}
.section01 .section01_video {width:1920px;height:1080px;position:absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section01 .section01_video #video_intro {position:absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section01 .section01_video.fluid {width:100% !important;height:100% !important;}
.section01 .fluid #video_intro {width:100%;height:auto;}
.section01 .white_cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;text-align: center;background-color:#fff;}
.section01 .section01_content {position: absolute;top: 50%;left: 50%;z-index: 12;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);
}
.section01 .section01_content .section01_tit {width: 459px;height: 108px;position: absolute;top: 50%;left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);}
.section01 .section01_content .section01_tit h2 {font-family: Noto Sans KR;font-size: 36px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #20acef;}
.section01 .section01_content .section01_tit h2 span {font-weight: bold;}
.section01 .section01_content .section01_txt {display: none;margin: 0 auto;margin-top: 29px;width: 296px;height: 54px;}
.section01 .section01_content .section01_txt p {font-family: Noto Sans KR;font-size: 36px;font-weight: 500;font-style: normal;font-stretch: normal;text-align: center;color: #4a4a4a;}
.section01 .section01_content .section01_input {display:none;margin: 0 auto;margin-top: 29px;width: 296px;height: 54px;padding-top:155px;}


.input_txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  /* color: #d8d8d8; */
  color: #fff;
}
.input_txt::-moz-placeholder { /* Firefox 19+ */
  /* color: #d8d8d8; */
  color: #fff;
}
.input_txt:-ms-input-placeholder { /* IE 10+ */
  /* color: #d8d8d8; */
  color: #fff;
}
.input_txt:-moz-placeholder { /* Firefox 18- */
  /* color: #d8d8d8; */
  color: #fff;
}
.input_txt:focus{
    outline: none;
  /* color: #d8d8d8; */
  color: #fff;
}
.input_txt:placeholder-shown { /* Standard one last! */
  /* color: #d8d8d8; */
  color: #fff;
}
.input_txt::-ms-clear {
    display: none;
}

.section01 .section01_content .section01_input input {width: 300px;height: 50px;padding: 0;border: 0px solid #d8d8d8;font-family: Noto Sans KR;font-size: 36px;font-weight: 500;font-style: normal;font-stretch: normal;text-align: center;color: #ffffff;background-color:transparent;}

.section01 .section01_content .section01_desc {display:none;height:24px;font-family: Noto Sans KR;font-size: 16px;font-weight: 400;color:#fff;opacity:1;}
.section01 .section01_content .section01_nextBtn {display: none;margin: 0 auto;width: 63px;height: 27px;margin-top: 62px;}
.section01 .section01_content .section01_nextBtn a {display: block;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;}
.section01 .section01_content .section01_nextBtn02 {display: block;opacity:0;margin: 0 auto;width: 96px;height: 27px;margin-top: 62px;position:relative;}
.section01 .section01_content .section01_nextBtn02 a.btn_next {opacity:0;position: absolute;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section01 .section01_content .section01_nextBtn02 a.btn_skip {position: absolute;width: 67px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}

.section01 .s01_type_1 {display:inline-block;}

@keyframes scaleYo(){0%,100%,80%{transform:scale(1)}90%{transform:scale(1.3)}}

.section02 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #7699b2;z-index: 21;text-align: center;}
.section02 .section02_content {position: absolute;top: 53%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section02 .section02_content .section02_tit {overflow: hidden;}
.section02 .section02_content .section02_tit h2 {display: inline-block;margin: 0 auto;/* min-width: 314px; */height: 76.8px;line-height: 76.8px;padding-left: 34px;/* padding-right: 34px; */background: url('../images/left_square.svg') no-repeat left center;-webkit-background-size: auto 100%;background-size: auto 100%;font-family: Noto Sans KR;font-size: 36px;font-weight: 500;font-style: normal;font-stretch: normal;text-align: center;color: #ffffff;}
.section02 .section02_content .section02_tit h2 span {display: block;/* min-width: 314px; */height: 76.8px;line-height: 76.8px;padding-right: 34px;background: url('../images/right_square.svg') no-repeat right center;-webkit-background-size: auto 100%;background-size: auto 100%;}
.section02 .section02_content .section02_txt {width: 613px;height: 124px;padding-top: 56.2px;}
.section02 .section02_content .section02_txt p {font-family: Noto Sans KR;font-size: 18px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.55;text-align: center;color: #ffffff;}
.section02 .section02_content .section02_txt p.pt10 {padding-top:10px;}
.section02 .section02_content .section02_btn {margin: 0 auto;width: 74px;height: 29px;padding-top: 51px;}
.section02 .section02_content .section02_btn a {display: block;padding-bottom: 4.5px;/* border-bottom: 1px solid #527289; */font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #314e63;text-decoration: none;width: 67px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-navy.svg') no-repeat right center;}

.section03_cover {display:none;z-index: 39;background-color: #31486d;width:100%;height:100%;position:absolute;top:0;left:0;-ms-transform: translateX(100%); /* IE 9 */-webkit-transform: translateX(100%); /* Safari */transform: translateX(100%);}
.section03 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;z-index: 31;text-align: left;}
.section03 .section03_video {width:61%;height:100%;position:absolute;z-index:32;top:0;right:0;}
.section03 .section03_video #video_interview {width:auto;height:100%;position:absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section03 .section03_video #video_interview.verticalAuto {width:100% !important;height:auto !important;}
.section03 .section03_contentBg {position: absolute;top: 0;left: 0;width: 31%;height: 100%;background-color: #31486d;z-index:33;}
.section03 .section03_contentBg .section03_content {overflow: hidden;width: 318px;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section03 .section03_contentBg .section03_content .section03_tit {overflow: hidden;}
.section03 .section03_contentBg .section03_content .section03_tit h2 {width: 270px;height: 45px;font-family: Noto Sans KR;font-size: 30px;font-weight: 500;font-style: normal;font-stretch: normal;color: #fff;line-height:45px;}
.section03 .section03_contentBg .section03_content .section03_txt {padding-top: 52px;padding-left: 10px;}
.section03 .section03_contentBg .section03_content .section03_txt p {width: 269px;height: 96px;padding-left: 35px;font-family: Noto Sans KR;font-size: 16px;font-weight: 300;font-style: normal;font-stretch: normal;color: #ffffff;line-height:24px;}
.section03 .section03_contentBg .section03_content .section03_txt span.line {float: left;width: 1px;height: 87px;margin-top: 6px;border-left: 1px solid #b49b85;}
.section03 .section03_contentBg .section03_content .section03_btn {overflow: hidden;margin-top: 43px;margin-left: 10px;}
.section03 .section03_contentBg .section03_content .section03_btn a {display: block;width: 170px;height: 36px;line-height: 36px;font-family: Noto Sans KR;font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #ffffff;text-decoration: none;}
.section03 .section03_contentBg .section03_content .section03_btn a span {float: left;position:relative;}
.section03 .section03_contentBg .section03_content .section03_btn a span.icon_txt {padding-left: 17.8px;}
.section03 .section03_contentBg .section03_content .section03_btn a .svg-icon {width: 1em;height: 1em;border-radius: 100%;border: 1px solid rgba(255,255,255,.1);font-size: 2.5em;
	background: -webkit-radial-gradient(#fff 0,#fff 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background-size: 0 0;background-repeat: no-repeat;background-position: 50% 50%;transition: .5s ease;
	position:relative;z-index:35;
}

.circleFill {position: absolute;top: 50%;left: 50%;width: 0;height: 0;background-color: white;border-radius: 0px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:34;}
.section03 a:hover .circleFill {top: 0;left: 0;width: 100%;height: 100%;border-radius: 150px;}


.section03 .section03_contentBg .section03_content .section03_btn a:hover .svg-icon{border:1px solid #fff;}
.section03 .section03_contentBg .section03_content .section03_btn a:hover .svg-icon #btn_larger- {fill:#1b222a}
.section03 .section03_contentBg .section03_content .section03_btn a:hover .svg-icon #btn_skip {fill:#1b222a}
.section03 .section03_contentBg .section03_content .section03_btn a.section03_btn02 {margin-top: 11.7px;}

.section03 .section03_contentBg .section03_content2 {display:none;opacity:0;width:100%;height:100%;}

.section03 .section03_contentBg .section03_content2 .section03_btn_vertial {width:42px;height:100px;position:absolute;left:50%;top:50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);
}
.section03 .section03_contentBg .section03_content2 .section03_btn_vertial a {width:42px;height:42px;display:block;}
.section03 .section03_contentBg .section03_content2 .section03_btn_vertial a .svg-icon {width: 1em;height: 1em;border-radius: 100%;border: 1px solid rgba(255,255,255,.1);font-size: 2.5em;
	background: -webkit-radial-gradient(#fff 0,#fff 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background-size: 0 0;background-repeat: no-repeat;background-position: 50% 50%;transition: .5s ease;
	position:relative;z-index:35;
}

.section03 .section03_contentBg .section03_content2 .section03_btn_vertial .icon {width:42px;height:42px;position:relative;display:block;}

.section03 .section03_contentBg .section03_content2 .section03_btn_vertial a:hover .svg-icon {border:1px solid #fff;background-size:200% 200%;animation-name:scaleYo;animation-duration:1s}
.section03 .section03_contentBg .section03_content2 .section03_btn_vertial a:hover .svg-icon #btn_larger2 {fill:#1b222a;stroke:#1b222a;}
.section03 .section03_contentBg .section03_content2 .section03_btn_vertial a:hover .svg-icon #btn_skip2 {fill:#1b222a}
.section03 .section03_contentBg .section03_content2 .section03_btn_vertial a.section03_btn02 {margin-top: 11.7px;}

.section04_bg {display: none;opacity:0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:40;-webkit-background-size: cover;background-size: cover;}
.section04_cover {opacity:0.6;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:41;background-color:#223149;}
.section04 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 42;text-align: left;}
.section04 .section04_content {position: absolute;top: 50%;left: 50%;
		-ms-transform: translate(35%, 18%); /* IE 9 */
		-webkit-transform: translate(35%, 18%); /* Safari */
		transform: translate(35%, 18%);
}
.section04 .section04_content .section04_tit {overflow: hidden;width: 379px;height: 175px;font-family: Noto Sans KR;font-size: 16px;font-weight: 300;font-style: normal;font-stretch: normal;color: #fff;}
.section04 .section04_content .section04_tit h2 {font-size: 24px;font-weight: 500;}
.section04 .section04_content .section04_tit p {padding-top: 23px;}
.section04 .section04_content .section04_nextBtn {width: 63px;height: 27px;margin-top: 26px;}
.section04 .section04_content .section04_nextBtn a {display: block;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;}
.section04 .section04_box {position: absolute;top: 50%;left: 50%;width: 28%;max-width: 519.4px;z-index: 100;
		-ms-transform: translate(-105%, -55%); /* IE 9 */
		-webkit-transform: translate(-105%, -55%); /* Safari */
		transform: translate(-105%, -55%);
}

.copyBox {width:50px;height:400px;position:absolute;top:50%;left:0;
-ms-transform: translate(0%, -50%); /* IE 9 */-webkit-transform: translate(0%, -50%); /* Safari */transform: translate(0%, -50%);

}

.copyDummy {width:100%;height:100%;position:relative;}

.photo_copyRight {position: absolute;top: 50%;left: -60px;
-ms-transform: translate(0%, -50%) rotate(-270deg);
-webkit-transform: translate(0%, -50%) rotate(-270deg);
transform:  translate(0%, -50%) rotate(-270deg);
opacity: 0.6;
font-family: Oswald;
font-size: 13px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
color: #fff;
opacity: 0.3;
transform-origin: 50% 0;
width:200px;
text-align:center;
}
.section05 .photo_copyRight, .section05 .copyBox {z-index:55;}
.section06 .photo_copyRight, .section06 .copyBox {z-index:65;}
.section07 .photo_copyRight, .section07 .copyBox {z-index:75;}


.boxDummy {position:relative;top:0;left:0;width:100%;height:100%;}
.section05 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 51;text-align: left;background-color: #605245;}
.section05 .section05_bg {position: absolute;top: 0;right: 0;z-index: 52;width:61%;height:100%;background-size: cover;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin-right:70px;}
.section05 .section05_contentBg {position: absolute;top: 0;left: 0;/* max-width: 700px; */width: 39%;height: 100%;background-color: #605245;z-index: 53;}
.section05 .section_bar {position: absolute;top: 50%;left: 0;margin-top: -1px;width: 6%;height: 2px;opacity: 0.5;border-top: solid 2px #b39b85;z-index: 54;}
.section05 .section_bar02 {position: absolute;top: 50%;left: 0;margin-top: -1px;width: 50px;height: 2px;opacity: 0.5;border-top: solid 2px #b39b85;z-index: 54;}
.section05 .section_bar03 {position: absolute;top: 50%;right: 0;margin-top: -1px;width: 100px;height: 2px;opacity: 0.5;border-top: solid 2px #b39b85;z-index: 54;}
.section05 .section05_contentBg .section05_content {position: absolute;width:380px;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section05 .section05_contentBg .section05_content .section05_top {overflow: hidden;}
.section05 .section05_contentBg .section05_content .section05_top p {/* width: 108px; */height: 26px;font-family: Oswald;font-size: 18px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.44;color: #b49b85;}
.section05 .section05_contentBg .section05_content .section05_tit {overflow: hidden;padding-top: 31px;}
.section05 .section05_contentBg .section05_content .section05_tit h2 {width: 300px;height: 100px;font-family: Noto Sans KR;font-size: 30px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.67;color: #ffffff;}
.section05 .section05_contentBg .section05_content .section05_txt {overflow: hidden;width: 358px;height: 192px;padding-top: 38px;}
.section05 .section05_contentBg .section05_content .section05_txt p {font-family: Noto Sans KR;font-size: 16px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.44;color: #b39b85;}
.section05 .section05_contentBg .section05_content .section05_txt p.pt28 {padding-top: 28px;}
.section05 .section05_contentBg .section05_content .section05_Btn {overflow: hidden;width: 321px;height: 55px;margin-left: 5px;margin-top: 54px;}
.section05 .section05_contentBg .section05_content .section05_Btn a {display: block;width: 321px;height: 55px;line-height: 55px;background-color: #ffffff;font-family: Noto Sans KR;font-size: 18px;font-weight: 500;font-style: normal;font-stretch: normal;text-align: center;color: #635548;text-decoration: none;}
.section05 .section05_contentBg .section05_content .section05_nextBtn {width: 321px;height: 27px;margin-top: 20px;}
.section05 .section05_contentBg .section05_content .section05_nextBtn a {display: block;margin: 0 auto;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;}
.section05 .section05_box {position: absolute;top: 50%;left: 50%;width: 50%;max-width: 476.4px;z-index: 100;-ms-transform: translate(-57%, -45%); /* IE 9 */-webkit-transform: translate(-57%, -45%); /* Safari */transform: translate(-57%, -45%);}
.section05 .section05_box .sectionBox_set {overflow: hidden;}
.sectionBox_txt {overflow: hidden;padding-top: 22.3px;}
.sectionBox_txt p {/* width: 148px; */height: 33px;font-family: Noto Sans KR;font-size: 22px;font-weight: 500;font-style: normal;font-stretch: normal;color: #ffffff;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}


.section06 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 61;text-align: left;background-color: #3b4f41;}
.section06 .section06_bg {position: absolute;top: 0;right: 0;z-index: 62;width:61%;height:100%;background-size: cover;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin-right:70px;}
.section06 .section06_contentBg {position: absolute;top: 0;left: 0;/* max-width: 700px; */width: 39%;height: 100%;background-color: #3b4f41;z-index: 63;}
.section06 .section_bar {position: absolute;top: 50%;left: 0;margin-top: -1px;width: 6%;height: 2px;opacity: 0.5;border-top: solid 2px #8d9e91;z-index: 64;}
.section06 .section_bar02 {position: absolute;top: 50%;left: 0;margin-top: -1px;width: 50px;height: 2px;opacity: 0.5;border-top: solid 2px #8d9e91;z-index: 64;}
.section06 .section_bar03 {position: absolute;top: 50%;right: 0;margin-top: -1px;width: 100px;height: 2px;opacity: 0.5;border-top: solid 2px #8d9e91;z-index: 64;}
.section06 .section06_contentBg .section06_content {position: absolute;width:380px;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section06 .section06_contentBg .section06_content .section06_top {overflow: hidden;}
.section06 .section06_contentBg .section06_content .section06_top p {/* width: 108px; */height: 26px;font-family: Oswald;font-size: 18px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.44;color: #879C87;}
.section06 .section06_contentBg .section06_content .section06_tit {overflow: hidden;padding-top: 31px;}
.section06 .section06_contentBg .section06_content .section06_tit h2 {width: 300px;height: 100px;font-family: Noto Sans KR;font-size: 30px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.67;color: #ffffff;}
.section06 .section06_contentBg .section06_content .section06_txt {overflow: hidden;width: 383px;height: 192px;padding-top: 38px;}
.section06 .section06_contentBg .section06_content .section06_txt p {font-family: Noto Sans KR;font-size: 16px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.44;color: #92a292;}
.section06 .section06_contentBg .section06_content .section06_txt p.pt28 {padding-top: 28px;}
.section06 .section06_contentBg .section06_content .section06_Btn {overflow: hidden;width: 321px;height: 55px;margin-left: 5px;margin-top: 54px;}
.section06 .section06_contentBg .section06_content .section06_Btn a {display: block;width: 321px;height: 55px;line-height: 55px;background-color: #ffffff;font-family: Noto Sans KR;font-size: 18px;font-weight: 500;font-style: normal;font-stretch: normal;text-align: center;color: #3C5041;text-decoration: none;}
.section06 .section06_contentBg .section06_content .section06_nextBtn {width: 321px;height: 27px;margin-top: 20px;}
.section06 .section06_contentBg .section06_content .section06_nextBtn a {display: block;margin: 0 auto;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;}
.section06 .section06_box {position: absolute;top: 50%;left: 50%;width: 46%;/* max-width: 476.4px; */z-index: 100;-ms-transform: translate(-49%, -45%); /* IE 9 */-webkit-transform: translate(-49%, -45%); /* Safari */transform: translate(-49%, -45%);}
.section06 .section06_box .sectionBox_set {overflow: hidden;}

.section07 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 71;text-align: left;background-color: #3a5364;}
.section07 .section07_bg {position: absolute;top: 0;right: 0;z-index: 72;width:61%;height:100%;background-size: cover;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin-right:70px;}
.section07 .section07_contentBg {position: absolute;top: 0;left: 0;/* max-width: 700px; */width: 39%;height: 100%;background-color: #3a5364;z-index: 73;}
.section07 .section_bar {position: absolute;top: 50%;left: 0;margin-top: -1px;width: 6%;height: 2px;opacity: 0.5;border-top: solid 2px #8fa5b5;z-index: 74;}
.section07 .section_bar02 {position: absolute;top: 50%;left: 0;margin-top: -1px;width: 50px;height: 2px;opacity: 0.5;border-top: solid 2px #8fa5b5;z-index: 74;}
.section07 .section_bar03 {position: absolute;top: 50%;right: 0;margin-top: -1px;width: 100px;height: 2px;opacity: 0.5;border-top: solid 2px #8fa5b5;z-index: 74;}
.section07 .section07_contentBg .section07_content {position: absolute;width:380px;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%); /* Safari */transform: translate(-50%, -50%);}
.section07 .section07_contentBg .section07_content .section07_top {overflow: hidden;}
.section07 .section07_contentBg .section07_content .section07_top p {/* width: 108px; */height: 26px;font-family: Oswald;font-size: 18px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.44;color: #7694AA;}
.section07 .section07_contentBg .section07_content .section07_tit {overflow: hidden;padding-top: 31px;}
.section07 .section07_contentBg .section07_content .section07_tit h2 {width: 345px;height: 100px;font-family: Noto Sans KR;font-size: 30px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.67;color: #FFFFFF;}
.section07 .section07_contentBg .section07_content .section07_txt {overflow: hidden;width: 399px;height: 162px;padding-top: 38px;}
.section07 .section07_contentBg .section07_content .section07_txt p {font-family: Noto Sans KR;font-size: 16px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.44;color: #8fa5b5;}
.section07 .section07_contentBg .section07_content .section07_txt p.pt28 {padding-top: 28px;}
.section07 .section07_contentBg .section07_content .section07_Btn {overflow: hidden;width: 321px;height: 55px;margin-left: 5px;margin-top: 78px;}
.section07 .section07_contentBg .section07_content .section07_Btn a {display: block;width: 321px;height: 55px;line-height: 55px;background-color: #ffffff;font-family: Noto Sans KR;font-size: 18px;font-weight: 500;font-style: normal;font-stretch: normal;text-align: center;color: #3A5365;text-decoration: none;}
.section07 .section07_contentBg .section07_content .section07_nextBtn {width: 321px;height: 27px;margin-top: 20px;}
.section07 .section07_contentBg .section07_content .section07_nextBtn a {display: block;margin: 0 auto;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;}


.section07 .section07_box {position: absolute;top: 50%;left: 50%;width: 46%;/* max-width: 476.4px; */z-index: 100;-ms-transform: translate(-51%, -45%); /* IE 9 */-webkit-transform: translate(-51%, -45%); /* Safari */transform: translate(-51%, -45%);}
.section07 .section07_box .sectionBox_set {overflow: hidden;}

.section08 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 81;text-align: left;background-color: #fff;}
.section08 .section08_bgList {position: relative;top: 0;left: 0;width: 100%;height: 100%;}

.section08 .section08_bgList ul {overflow: hidden;}
.section08 .section08_bgList ul li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section08 .section08_bgList ul li.section08_list01 {-webkit-background-size: cover;background-size: cover;z-index:84;opacity:1;}
.section08 .section08_bgList ul li.section08_list02 {-webkit-background-size: cover;background-size: cover;z-index:83;opacity:0;}
.section08 .section08_bgList ul li.section08_list03 {-webkit-background-size: cover;background-size: cover;z-index:82;opacity:0;}

.section08 .section08_contentBg {position: absolute;top: 50%;right: 8%;max-width: 610px;width: 40%;height: 80%;background-color: #fff;z-index:85;
		-ms-transform: translateY(-50%); /* IE 9 */
		-webkit-transform: translateY(-50%); /* Safari */
		transform: translateY(-50%);
}
.section08 .section08_contentBg .section08_content {position: absolute;top: 50%;left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);
}
.section08 .section08_contentBg .un05 {position: absolute;bottom: 70px;left: -125px;width: 202px;
  height: 25px;
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  opacity: 0.6;
  font-family: Oswald;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  color: #fff;}

.section08 .section08_contentBg .un05 p {display:none;}
.section08 .section08_contentBg .un05 p.on {display:block;}

.section08 .section08_contentBg .section08_content .section08_tit {overflow: hidden;}
.section08 .section08_contentBg .section08_content .section08_tit h2 {width: 396px;height: 135px;font-family: Noto Sans KR;font-size: 30px;font-weight: 500;font-style: normal;font-stretch: normal;color: #b39b85;}
.section08 .section08_contentBg .section08_content .section08_tab {padding-top: 54px;position:relative;}
.tab_indicator {width:2px;height:52px;position:absolute;top:55px;left:0;background-color: #20acef;z-index:88;}

.section08 .section08_contentBg .section08_content .section08_tab ul {border-left: 2px solid #d8d8d8;z-index: 82;}
.section08 .section08_contentBg .section08_content .section08_tab ul li {position: relative;/* width: 327px; */height: 52px;margin-top: 20px;}
.section08 .section08_contentBg .section08_content .section08_tab ul li:first-child {margin-top: 0;}
.section08 .section08_contentBg .section08_content .section08_tab ul li p {position: absolute;top: 0;left: 0;width: 418px;height: 52px;padding-left: 47px;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.44;color: #4a4a4a;cursor:pointer;}
.section08 .section08_contentBg .section08_content .section08_tab ul li.on p {font-weight: 500;}
/* .section08 .section08_contentBg .section08_content .section08_tab ul li.on p {left: -2px;border-left: 2px solid #20acef;font-weight: 500;z-index: 83;} */
.section08 .section08_contentBg .section08_content .section08_Btn {width: 393.4px;height: 50px;border: solid 1px #20acef;margin-top: 65px;text-align: center;}
.section08 .section08_contentBg .section08_content .section08_Btn a {display: block;height: 50px;line-height: 50px;font-family: Noto Sans KR;font-size: 18px;font-weight: 500;font-style: normal;font-stretch: normal;color: #20acef;text-decoration: none;}
.section08 .section08_contentBg .section08_content .section08_Btn a span {padding-left: 47.8px;background: url('../images/bracket_btn.svg') no-repeat left center;}
.section08 .section08_contentBg .section08_content .section08_nextBtn {width: 395.4px;height: 27px;margin-top: 20px;}
.section08 .section08_contentBg .section08_content .section08_nextBtn a {display: block;margin: 0 auto;width: 34px;height: 27px;padding-right: 29px;background: url('../images/arrow-right-346.svg') no-repeat right center;font-family: Noto Sans KR;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;text-align: center;color: #b49b85;text-decoration: none;}

.section09 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 91;text-align: left;background-color: #fff;}
.section09 .section09_bg {position: absolute;top: 0;right: 0;92: 5;width:100%;height:100%;}
.section09 .section09_contentBg {position: absolute;top: 50%;right: 10%;max-width: 730px;width: 40%;height: 730px;margin-top: -365px;background-color: #21b0f4;z-index: 93;}
.section09 .section09_contentBg .section09_content_wrap {position: relative;margin: 0 auto;max-width: 690px;width: 94%;max-height: 690px;height: 94%;margin: 3%;}
.section09 .section09_contentBg .section09_content_wrap .section09_lineBox01 {position: absolute;top: 0;left: 0;width: 80px;height: 80px;opacity: 0.1;border-top: solid 5px #ffffff;border-left: solid 5px #ffffff;}
.section09 .section09_contentBg .section09_content_wrap .section09_lineBox02 {position: absolute;top: 0;right: 0;width: 80px;height: 80px;opacity: 0.1;border-top: solid 5px #ffffff;border-right: solid 5px #ffffff;}
.section09 .section09_contentBg .section09_content_wrap .section09_lineBox03 {position: absolute;bottom: 0;left: 0;width: 80px;height: 80px;opacity: 0.1;border-bottom: solid 5px #ffffff;border-left: solid 5px #ffffff;}
.section09 .section09_contentBg .section09_content_wrap .section09_lineBox04 {position: absolute;bottom: 0;right: 0;width: 80px;height: 80px;opacity: 0.1;border-bottom: solid 5px #ffffff;border-right: solid 5px #ffffff;}
.section09 .section09_contentBg .section09_content_wrap .facebook_logo {position: absolute;bottom: 30.4px;right: 37px;width: 8px;height: 16.6px;}
.section09 .section09_contentBg .section09_content_wrap .facebook_logo a {display: block;}
.section09 .section09_contentBg .section09_content_wrap .section09_content {position: absolute;top: 50%;left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);
}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_tit {overflow: hidden;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_tit h2 {width: 364px;height: 90px;font-family: Noto Sans KR;font-size: 28px;font-weight: 500;font-style: normal;font-stretch: normal;color: #ffffff;line-height:41px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_txt {overflow: hidden;height: 156px;margin-top: 51px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_txt span {float: left;width: 4px;height: 153px;opacity: 0.32;border-left: solid 4px #ffffff;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_txt p {width: 291px;padding-left: 47px;font-family: Noto Sans KR;font-size: 16px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 26px;color: #ffffff;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_txt p.pt26 {padding-top: 26px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_Btn {width: 330px;height: 50px;margin-top: 60px;background-color: #D0021B;border: solid 1px #D0021B;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_Btn a {display: block;width: 240px;padding: 11px 0px 11px 72px;height: 29px;font-family: Noto Sans KR;font-size: 18px;font-weight: 500;font-style: normal;font-stretch: normal;color: #ffffff;text-decoration: none;text-align: center;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_Btn a span {float: left;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_Btn a span.pt5 {padding-top: 5px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_Btn a span.pt4 {padding-top: 4px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_Btn a span.pl10 {padding-left: 10px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_nextBtn {width: 333px;height: 32.5px;margin-top: 20px;}
.section09 .section09_contentBg .section09_content_wrap .section09_content .section09_nextBtn a {display: block;margin: 0 auto;width: 220px;height: 27px;font-family: Noto Sans KR;font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;color: #ffffff;text-align: center;padding-bottom: 4.5px;border-bottom: 1px solid #ffffff;text-decoration: none;}
.section09 .section09_copyRight {position: absolute;top: 50%;left: -60px;
-ms-transform: translate(0%, -50%) rotate(-270deg);
-webkit-transform: translate(0%, -50%) rotate(-270deg);
transform:  translate(0%, -50%) rotate(-270deg);
opacity: 0.6;
font-family: Oswald;
font-size: 18px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
color: #fff;
opacity: 0.3;
transform-origin: 50% 0;
width:200px;
text-align:center;}

/* 대괄호 셋트 */
.sectionBox {overflow: hidden;}
.sectionBox .sectionBox_left {float: left;}
.sectionBox .sectionBox_right {float: right;}



/**/
#blinker {
    color: #20acef;
}
#blinker{
    -webkit-animation: blink 1s step-end infinite;
    -moz-animation: blink 1s step-end infinite;
    animation: blink 1s step-end infinite;
}
@keyframes blink {
    from, to { opacity: 0; }
    50% { opacity: 1; }
}
@-webkit-keyframes blink {
    from, to { opacity: 0; }
    50% { opacity: 1; }
}
@-moz-keyframes blink {
    from, to { opacity: 0; }
    50% { opacity: 1; }
}