.txt-blue {color: #0e76bc;}
.txt-orange {color: #f58220;}

.pop-view {max-width: 385px; width: 80vw; padding: 40px 28px;  margin: 0 auto;}
.pop-view .head {border-bottom: 1px solid #ddd;}
.pop-view .head h3 {color: #0e76bc; font-size: 18px; font-weight: 500; line-height: 1.5em;}
.pop-view .head .date {color: #454545; letter-spacing: 0; padding-bottom: 15px;}
.pop-view .memo {color: #454545; letter-spacing: 0; padding-top: 15px;}
.fancybox-custom .fancybox-close {width: 18px;height: 18px; top: 20px; right:28px; background-image: url("../images/sub/btn_view_close.png"); background-size: 13px; background-position:50% 50%; background-repeat:no-repeat;}

.btn-down {margin-bottom: 25px;}

/* VR */
.VR ul {max-width: 952px; margin: 60px auto 0; display: flex;justify-content: space-between; text-align: center;}
.VR ul li {width: calc(25% - 7px);}
.VR ul li a {width: 199px;height: 199px; margin: 0 auto; border: 4px solid #f58220; border-radius:100%; box-shadow:rgba(0,0,0,.21) 5px 5px 8px;}
.VR ul li .icon {}
.VR ul li p {font-family: 'NanumSquare', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.368em; letter-spacing: -.03em; margin-top: 15px;}

.VR ul li:first-child a {margin-left: 0;}
.VR ul li:last-child a {margin-right: 0;}
.VR ul li:nth-child(even) a {border-color:#fdbb1c;}

/* experience-step */
.experience-step {}
.experience-step ul {display: flex;justify-content: space-between;flex-wrap:wrap; text-align: center; margin-bottom: -40px;}
.experience-step ul li { margin-bottom: 40px; }


.experience-step ul li .in {position: relative; width: 316px;height: 316px; padding: 20px 25px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.experience-step ul li .in:after {content:""; position: absolute; top: 50%; margin-top: -27px; right: -27px; width: 54px;height: 54px; background: url("../images/sub/arrow.png") 50% 50% no-repeat; background-size: contain;}
.experience-step ul li:last-child .in:after {display: none;}

.experience-step ul li .icon {}
.experience-step ul li .tit {margin: 30px 0 12px; font-family: 'NanumSquare', sans-serif; font-weight: 800; font-size: 20px; line-height: 1.3em; letter-spacing: -.03em; color: #0e76bc;}
.experience-step ul li .desc {color: #454545;max-width: 184px;margin: 0 auto;}

.experience-step ul li .in:nth-child(odd) {background-image:url("../images/sub/line1.png");}
.experience-step ul li .in:nth-child(even) {background-image:url("../images/sub/line2.png");}

/* certify */
.certify {padding-top: 50px;}
.certify .identify-print {max-width: 496px; margin: 0 auto;}
.certify .identify-print img {border: 1px solid #ddd;}
.certify .buttons {margin: 40px 0 0;}
.certify .buttons .btn-pack {padding: 0 27px 0 63px; border-radius:7px; font-weight: 500; letter-spacing: 0; line-height: 48px; color: #fff; background-position: 15px center; background-repeat:no-repeat;}
.certify .buttons .cen .btn-pack {margin: 0 10px;}
.certify .buttons .down {background-image: url("../images/sub/btn_down.png");}
.certify .buttons .print {background-image: url("../images/sub/btn_print.png"); background-color: #f58220; border-color:#f58220}

/* greetings */
.greetings {display: flex;}
.greetings .img {width: 36.7%; padding-right: 10px;}
.greetings .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.greetings .txt h3 {color: #0e76bc; font-size: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; margin-bottom: 15px;}
.greetings .txt p {color: #454545; margin-bottom: 15px;}
.greetings .txt p:last-child {margin-bottom: 0;}
.greetings .txt .slogan {position: relative; padding-bottom: 13px; margin-bottom: 23px; border-bottom: 1px solid #ddd;}
.greetings .txt .slogan:after {content:""; position: absolute; bottom: -1px; right: 0; width: 90px; height: 2px; background: #0e76bc;}
.greetings .txt .slogan p{font-family: 'NanumSquare', sans-serif; font-weight: 700; font-size: 24px; line-height: 1.5em; letter-spacing: -.03em;}
.greetings .txt .slogan p {color: #242424; font-size: 24px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em;}


/* business */
.business {text-align: center;  }
.business .group {background: #f8f8f8; padding: 60px 0 55px;}
.business .group:nth-child(even) {background: #fff;}
.business ul {max-width: 1182px; margin: 0 auto; margin-bottom: -29px; display: flex;flex-wrap:wrap;}
.business ul li {width: 25%; height: 100%; padding: 0 10px; margin-bottom: 29px;}
.business ul li p {color: #454545; font-size: 18px; line-height: 1.5em; max-width: 229px; margin:10px auto 0;}


/* history */
.history {position:relative; background: url("../images/sub/bg_history.png") left bottom no-repeat; background-size: contain;}
.history:before{content:""; position:absolute; left:50%; top:20px; bottom:0; width:1px; background: #ddd; height:100%;}
.history .section{position:relative; display: flex; top:0; margin-bottom:20px;}
.history .section:after { content:""; position:absolute; top:19px; left: 50%; margin-left: -8px; width:16px; height:16px; background:#b9cfe6; border-radius:100%;}

.history .section h3{width: 50%; font-family: 'NanumSquare', sans-serif; font-size:65px; font-weight:700; line-height:1.133em; letter-spacing:-.03em; color:#b9cfe6;}

.history .section .cnt {width: 50%; margin-left: auto; padding-left: 40px; padding-top: 15px;}
.history .section .cnt .group {margin-bottom: 30px; display: flex; color: #333;}
.history .section .cnt .group:last-child {margin-bottom: 0;}
.history .section .cnt .group h4 {min-width: 88px; font-family: 'NanumSquare', sans-serif; font-size: 22px; font-weight: 700; line-height: 1.3em; letter-spacing: -.03em;}
.history .section .cnt .group ul {}
.history .section .cnt .group ul li {display: flex; margin-bottom: 25px;}
.history .section .cnt .group ul li:last-child {margin-bottom: 0;}
.history .section .cnt .group ul li .month {min-width: 35px;font-weight: 500;}


/* location */
.root_daum_roughmap {width:100% !important;}
.location {}
.location-info {max-width: 1121px; margin: 0 auto; text-align: center; padding: 40px 0 45px;}
.location-info ul {display: flex;flex-wrap:wrap; margin: 0 -7px;}
.location-info ul li {width: 25%; padding: 0 7px;}
.location-info ul li .tit {color: #0e76bc; font-size: 18px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; margin: 15px 0 10px;}
.location-info ul li .desc {color: #454545;}

.location-way {border-top: 1px solid #242424;}
.location-way dl {border-bottom: 1px solid #ddd; display: flex;align-items: center;}
.location-way dl dt {position: relative; color: #0e76bc; font-size: 18px; font-weight: 500; min-width: 270px; padding: 21px 0 21px 82px;}
.location-way dl dt:before {content:""; position: absolute; top: 50%; margin-top: -14px; left: 25px; width: 27px; height: 27px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.location-way dl dd {font-weight: 500; padding: 21px 0;}

.location-way dl.way1 dt:before {background-image:url("../images/sub/icon_way1.png");}
.location-way dl.way2 dt:before {background-image:url("../images/sub/icon_way2.png");}