@charset "UTF-8";
/* =============================================================
* 기획전, 이벤트, 기타  프로모션 페이지
=============================================================== */
/* why 북토리 */
.sp-fullcontainer {padding: 0 60px;}
/* WHY 북토리 */
.why-top {min-width:950px; height: 625px; background: url(/images/ko/img-prm/whyb-bg-top.jpg) center center no-repeat; z-index: 1;}
.why-container {margin-top: -360px; z-index: 2}
.why-bottom {min-width: 950px; height: 449px;background: url(/images/ko/img-prm/whyb-bg-bottom.jpg) center center no-repeat; margin-top: -260px; z-index: 1;}
.why-page-nav {height: 60px; line-height: 60px; text-align: right; font-size: 12px}

/* 인쇄 in */
.pin-sec {margin-bottom: 70px}
.pin-sec h3 {line-height: 37px; font-size: 37px; color: #ddd; font-family: Arial, sans-serif; font-style: italic;}
.pin-2col > div {float: left; height: 370px; position: relative; overflow: hidden}
.pin-2col.type1 > div.col1 {width:420px;}
.pin-2col.type1 > div.col2 {width:530px;}
.pin-2col.type2 > div.col1 {width:530px;}
.pin-2col.type2 > div.col2 {width:420px;}

.pin-2col .dec {padding: 23px 0 0 30px;}
.pin-2col .dec h4 {font-size: 24px; line-height: 1; margin-bottom: 13px}
.pin-2col .dec p {font-size: 12px; letter-spacing: 0.3px; color: #777; font-weight: bold; line-height: 1.4}
.pin-2col .dec-img {position: absolute; left:0; bottom: 0}

.pin-fc1 {color:#a0946b}
.pin-fc2 {color:#a6cfa2}
.pin-fc3 {color:#8ac2c7}
.pin-fc4 {color:#bd979a}

/* 자동생성 되는 a.slidesjs-navigation */
.slidesjs-navigation {position: absolute; top:50%; margin-top: -25px; z-index: 100}
.slidesjs-navigation.slidesjs-previous {left:20px; width:50px; height: 50px; background: url(/images/ko/img-prm/btn-prev.png) 0 0 no-repeat; text-indent: -9999px}
.slidesjs-navigation.slidesjs-next {right:20px; width:50px; height: 50px; background: url(/images/ko/img-prm/btn-nextv.png) 0 0 no-repeat; text-indent: -9999px}
.slidesjs-navigation.slidesjs-play, .slidesjs-navigation.slidesjs-stop {display: none; height: 0; width:0; text-indent: -9999px; overflow: hidden}

/* 대학 배너 랜딩 페이지 2016 */
.uc-container1 {height: 285px; background: url(/images/ko/img-prm/uc-bg-top1.jpg) center center no-repeat; text-align: center; padding-top: 55px}
.uc-logos span img {vertical-align: middle}
.uc-logos .and {padding: 0 15px;}

.uc-conatiner2 {height: 620px; background: #fff url(/images/ko/img-prm/uc-bg-coupon.jpg) center center no-repeat;}
.uc-name-title {padding-top:70px; text-align: center; line-height: 1}
.uc-name-title .sub {font-size: 48px; color: #666}
.uc-name-title .sub strong {color: #2f72b6}
.uc-name-title .main {font-size: 60px; letter-spacing: -0.5px; padding-top: 13px; color: #002a51}
.uc-name-title .main small {font-size: 48px; color: #666;}
.uc-name-title .main .sp {color:#ff518e;}
.uc-serial {position: absolute; top: 395px; left: 415px;}
.uc-serial .ser {font-size: 26px; color:#ff518e; line-height: 1; padding-left: 10px}
.uc-serial .term {padding-top: 15px; font-size: 12px; color: #fff150;}
.uc-comment {position: absolute; width:100%; top: 510px;  text-align: center; font-size: 13px; color: #666; letter-spacing: -0.5px}
.uc-comment span {color: #002a51;}
.uc-container3 {background: #f4f4f4; padding: 55px 0}
.uc-clo2 {margin-left: -20px} 
.uc-clo2 > li {float: left; margin-left: 20px; margin-bottom: 50px}
.uc-clo2 > li.mr {margin-bottom: 30px}

.uc-container4 {background: #e9f0f4; padding: 55px 0 70px}
.uc-bg-container {margin-bottom: -60px}

.uc-conatiner2-2 {height: 930px; background: #fff url(/images/ko/img-prm/uc-bg-coupon-k.jpg) center center no-repeat;}
.uc-conatiner2-2 .comment {position: absolute; width:100%; top:380px; text-align: center; color: #fff; font-size: 15px}
.uc-conatiner2-2 .comment strong {color: #fff150;}
.uc-conatiner2-2 .ex-img {position: absolute; top: 565px; left:15px;}

/* 대학 배너 랜딩 페이지 201706 */
.uc2017-top {background: url(/images/ko/img-prm/uc2017-top-bg.jpg) top center no-repeat; padding: 50px 0 90px}
.uc2017-top .top-img {margin-top: -135px; margin-bottom: 10px;}
.uc2017-top .cp-container{position: relative; width: 804px; height: 294px;  background: url(/images/ko/img-prm/uc2017-coupon-bg.png) 0 0 no-repeat; margin-left: 130px}
.uc2017-info .sub-copy {text-align: center; font-size: 24px; color: #2a5671; padding-left: 40px}
.uc2017-info h4 {padding-left: 40px; text-align: center;}
.cp-container .cp-number {position: absolute; top:154px; left: 390px; font-size: 26px; color: #ffc600; font-weight: bold;}
.cp-container .cp-percent {position: absolute; top:50px; left: 235px;}
.uc2017-info .comment {padding-left: 200px; font-size: 15px; color: #78350c; font-weight: bold;margin-bottom: 40px}
.uc2017-info .guid-box {background: rgba(107, 86, 57, 0.25);  padding: 25px 0 25px 220px;}
.uc2017-info .tb .cells {vertical-align: middle; font-size: 13px; color: #5e5e5e; padding: 0 13px;}
.uc2017-info .tb .cells:first-child {width:4em; border-right: 1px solid #968f85; font-size: 15px; font-weight: bold}
.uc2017-top .ex-ks {text-align: center; padding-top: 30px}
.uc2017-cnt {background: #d2eef8; padding: 105px 0 100px 0; text-align: center}
.uc2017-cnt .prd {margin-bottom: 100px;}
.uc2017-evt {background: url(/images/ko/img-prm/uc2017-bottom-bg.jpg) center 0 no-repeat; padding: 65px 0 78px; text-align: center;}

/* 대학 배너 랜딩 페이지 201711 */
.uc201711-top {background: url(/images/ko/img-prm/uc201711-top-bg.jpg) top center no-repeat; padding: 70px 0 0}
.uc201711-top .top-img {margin-top: -5px; margin-bottom: 10px;}
.uc201711-top .cp-container{position: relative; width: 804px; height: 330px;  background: url(/images/ko/img-prm/uc201711-coupon-bg.png) 0 0 no-repeat; margin-left: 80px}
.uc201711-info .sub-copy {text-align: center; font-size: 30px; color: #2a5671; padding-left: 40px}
.uc201711-info h4 {padding-left: 40px; text-align: center;}
.cp-container .cp-number {position: absolute; top:185px; left: 370px; font-size: 26px; color: #ffc600; font-weight: bold;}
.cp-container .cp-percent {position: absolute; top:95px; left: 210px;}
.uc201711-info .comment {padding-left: 200px; font-size: 15px; color: #002b56; font-weight: bold;margin-bottom: 40px}
.uc201711-info .guid-box {width: 600px; padding: 0 0 50px 220px;}
.uc201711-info .tb .cells {vertical-align: middle; font-size: 13px; color: #444; padding: 0 13px;}
.uc201711-info .tb .cells:first-child {width:4em; border-right: 1px solid #968f85; font-size: 15px; font-weight: bold}
.uc201711-top .ex-ks {text-align: center; padding-top: 10px}
.uc201711-cnt {background: #f2efea; padding: 105px 0 100px 0; text-align: center}
.uc201711-cnt .prd {margin-bottom: 100px;}
.uc201711-evt {background: #f0d5cb;) center 0 no-repeat; padding: 65px 0 78px; text-align: center;}

/* 대학 배너 랜딩 페이지 201805 */
.uc201805-top {background: url(/images/ko/img-prm/uc201805-top-bg.jpg) top center no-repeat; padding: 70px 0 0}
.uc201805-top .top-img {margin-top: 10px;}
.uc201805-top .cp-container{position: relative; width: 950px; height: 330px;  background: url(/images/ko/img-prm/uc201805-coupon-bg.png) 0 0 no-repeat;}
.uc201805-info .sub-copy {text-align: center; font-size: 30px; color: #000000; padding-left: 40px}
.uc201805-info h4 {padding-left: 40px; text-align: center;}
.cp-container .cp-number {position: absolute; top:185px; left: 370px; font-size: 26px; color: #ffc600; font-weight: bold; margin-left:55px}
.cp-container .cp-percent {position: absolute; top:95px; left: 290px;}
.uc201805-info .comment {padding-left: 200px; font-size: 15px; color: #002b56; font-weight: bold;margin-bottom: 40px}
.uc201805-info .guid-box {width: 600px; padding: 0 0 50px 220px;}
.uc201805-info .tb .cells {vertical-align: middle; font-size: 13px; color: #444; padding: 0 13px;}
.uc201805-info .tb .cells:first-child {width:4em; border-right: 1px solid #968f85; font-size: 15px; font-weight: bold}
.uc201805-top .ex-ks {text-align: center; padding-top: 10px}
.uc201805-cnt {background: #f2efea; padding: 80px 0; text-align: center}
.uc201805-cnt .prd {margin-bottom: 100px;}
.uc201805-evt {width:1920px; height: 790px; background: url(/images/ko/img-prm/uc201805-evt-bg.jpg) center 0 no-repeat; text-align: center;}

/* 논문랜딩 페이지 공용 */
.ucp-top {background: url(/images/ko/img-prm/ucp-top-bg.jpg) top center no-repeat; padding: 50px 0 140px 0;}
.ucp-top.is2 {background: url(/images/ko/img-prm/ucp-top-bg2.jpg) top center no-repeat; padding: 20px 0 110px 0;}
.ucp-top.is3 {background: url(/images/ko/img-prm/ucp-top-bg3.jpg) top center no-repeat; padding: 10px 0 110px 0;}
.uc-logos .inner {display: inline-block; padding: 1em;}
.ucp-info {position: relative; padding-top:80px;}
.ucp-info .cp-container2{position: relative; width: 596px; margin: 40px auto 0;}
.ucp-info .cp-percent {position: absolute; left:100px; top:70px;}
.ucp-info .cp-number2 {position: absolute; left:130px; top:157px; color: #ffe400; font-size: 26px; font-weight: 500;}
.ucp-info .cp-number2 strong {color: #fff;}
.ucp-info .sub-copy {font-size: 30px; color: #fff; text-align: center;}
.ucp-commet {margin-top: 30px; margin-left:180px;}
.ucp-commet .comment {display: inline-block; font-size: 15px; color: #fff; font-weight: bold; margin-bottom: 5px; background: #a44a5a; padding: 0 5px;}
.ucp-commet .guid-box {width: 600px;}
.ucp-commet .tb .cells {vertical-align: middle; font-size: 13px; color: #444; padding: 0 13px;}
.ucp-commet .tb .cells:first-child {width:4em; border-right: 1px solid #968f85; font-size: 15px; font-weight: bold}
.ucp-sp-container {background: #322027; padding: 100px 0; text-align: center;}
.ucp-cnt {background: #f4ebd3; padding: 80px 0; text-align: center}
.ucp-cnt.is2 {background: #f6f2f3; padding: 80px 0; text-align: center}
.ucp-cnt .prd {margin-bottom: 100px;}
.ucp-evt {width:1920px; height: 790px; background: url(/images/ko/img-prm/ucp-evt-bg.jpg) center 0 no-repeat; text-align: center;}
.ucp-evt2 {width:1920px; height: 799px; background: url(/images/ko/img-prm/ucp-evt-bg2.jpg) center 0 no-repeat; text-align: center;}
.ucc-review a {display: block}
.ucc-review a:hover {box-shadow: 1px 1px 6px  hsla(0,0%,0%,.35);}


/* 중영문 가이드 201812 */
.uc201812-top {background: url(/images/ko/img-prm/uc201812-top-bg.jpg) top center no-repeat; padding: 70px 0 0;}
.uc201812-top .top-img {margin-top: 10px;}
.uc201812-top .icon-container {position: relative;}
.uc201812-top .cp-container{position: relative; width: 950px; height: 330px;  background: url(/images/ko/img-prm/uc201805-coupon-bg.png) 0 0 no-repeat;}
.uc201812-info {position: relative; margin:250px auto}
.uc201812-info .sub-copy {text-align: center; font-size: 30px; color: #000000; padding-left: 40px}
.uc201812-info .icon {padding-left: 40px; text-align: center; width: 922px; height: 210px;}
.cp-container .cp-number {position: absolute; top:160px; left: 200px; font-size: 26px; color: #ffc600; font-weight: bold; margin-left:55px}
.cp-container .cp-percent {position: absolute; top:65px; left: 100px;}
.uc201812-info .comment {padding-left: 200px; font-size: 15px; color: #002b56; font-weight: bold;margin-bottom: 40px}
.uc201812-info .guid-box {width: 600px; padding: 0 0 50px 220px;}
.uc201812-info .tb .cells {vertical-align: middle; font-size: 13px; color: #444; padding: 0 13px;}
.uc201812-info .tb .cells:first-child {width:4em; border-right: 1px solid #968f85; font-size: 15px; font-weight: bold}
.uc201812-top .ex-ks {text-align: center; padding-top: 10px}
.uc201812-cnt {background: #f2efea; padding: 80px 0; text-align: center}


/* 인쇄인 2017-07-24 */
.tab-menu.prt-in {border-bottom: 0; border-color: #ccc; margin-bottom: 40px;}
.tab-menu.prt-in > li > a {width:240px; height: 40px; border: 1px solid #ccc; background: #fff; border-left: 0; line-height: 40px; text-align: center; font-size: 20px; color: #333;}
.tab-menu.prt-in > li:first-child > a {border-left: 1px solid #ccc;}
.tab-menu.prt-in > li > a.active {background: #ccc;}
.tab-menu.prt-in > li > a.active:after {display: none}

.pin-sec-is1 {margin-bottom: 80px; color: #777; font-size: 14px}
.pin-sec-is1 h3 {font-size: 24px; color: #444; text-align: center; margin-bottom: 10px;}
.pin-sec-is1 h3 strong {color: #000;}
.pin-sec-is1 .mark {padding: 4px 12px; background: #f8f6ef; color: #333; font-size: 15px; font-weight: bold;}

.pin-2col.in-is2 > div {float: left; height: 484px; position: relative; overflow: hidden}
.pin-2col.in-is2 > div.col1 {width:435px;}
.pin-2col.in-is2 > div.col2 {float: right; width:476px;}

/* 2018~ */
.offset-roll {width: 460px; height: 280px; position: relative; margin-bottom: 10px;}
.offset-roll .slidesjs-pagination {display: none}
.offset-roll .slidesjs-navigation {position: absolute; top:50%; margin-top: -15px; z-index: 100}
.offset-roll .slidesjs-navigation.slidesjs-previous {left:20px; width:16px; height: 30px; background: url(/images/ko/img-sub/arr-l.png) 0 0 no-repeat; text-indent: -9999px}
.offset-roll .slidesjs-navigation.slidesjs-next {right:20px; width:16px; height: 30px; background: url(/images/ko/img-sub/arr-r.png) 0 0 no-repeat; text-indent: -9999px}

/* why북토리 1905 */
.why-contents {width: 1200px; margin: 0 auto;}
.why1-top {height: 245px; padding-top: 155px; background: #16678c url("/images/ko/img-prm/why1-bg.jpg") center top no-repeat;}
.why1-title {float: right; margin-top: 50px; margin-bottom: -40px;}
.why1-title div {float: left;}
.why1-text {padding-top: 44px;}
.why1-line {padding: 53px 30px 0 18px;}
.why1-title1 {text-align: center; padding-bottom: 78px;}
.why1-print {padding-top: 107px; background-color: #f6f6f6; margin-bottom: 107px;}
.why1-print ul {margin-bottom: -200px;}
.why1-print li a, .why1-more1 a, .why2-print li a {outline: 0;}
.why1-print li a:hover img, .why2-print li a:hover img {box-shadow: 0 10px 10px rgba(0, 0, 0, .12);}
.why1-more {margin-top: 308px; margin-bottom: 100px; padding: 40px 0 70px; background-color: #f6f6f6;}
.why1-title2 {padding-bottom: 17px;}
.why1-more1 {float: left; padding-top: 50px; padding-left: 110px;}
.why1-more1 div {margin-bottom: 37px;}
.why2-top {height: 245px; padding-top: 155px; background: #4387c7 url("/images/ko/img-prm/why2-bg.jpg") center top no-repeat;}
.why2-step {padding: 50px 0 17px; text-align: center;}
.why2-step div {margin-bottom: 50px;}
.why2-print {margin-bottom: 160px; padding-top: 80px; background-color: #f6f6f6; text-align: center;}
.why2-title {padding-bottom: 70px;}
.why2-print ul {margin-bottom: -110px;}
.why2-more {margin-top: 270px;}
.why3-top {height: 245px; padding-top: 155px; background: #a3c6f4 url("/images/ko/img-prm/why3-bg.jpg") center top no-repeat;}
.why3-title {margin-bottom: -30px;}
.why3-design {padding-top: 97px; padding-bottom: 52px; background-color: #f6f6f6; text-align: center;}
.why3-design ul {width: 1150px; margin: 65px auto 0;}
.why3-notice {padding: 80px 0 66px; text-align: center;}
.why3-notice ul {position: relative; width: 1010px; margin: 55px auto 0; text-align: left;}
.why3-notice li div {margin-bottom: 34px;}
.why3-design1 {float: left; width: 356px; padding-left: 25px;}
.why3-design2 {float: right; width: 381px;}
.why3-design1:after {content: ""; position: absolute; top: 18px; left: 50%; margin-left: -217px; width: 435px; height: 8px; background: url("/images/ko/img-prm/why3-line.png") no-repeat;}
.why3-more {margin-top: 0;}
.why4-top {height: 245px; padding-top: 155px; background: #9ad7ff url("/images/ko/img-prm/why4-bg.jpg") center top no-repeat;}
.why4-cunsult {padding-top: 90px; background-color: #f6f6f6;}
.why4-title1 {padding-bottom: 65px; text-align: center;}
.why4-cunsult1 {width: 1200px; margin: 0 auto -137px;}
.why4-text {float: left; width: 688px; padding: 60px 0 65px 70px; background-color: #fff;}
.why4-more {margin-top: 240px;}

/* 팝업 레이어 */
.main-pop-layer2 {position: absolute; top:350px; left:50px;  width:350px; z-index:3; background-color: transparent;}
.main-pop-layer2 .pop-foot {height: 27px; line-height: 27px; padding: 0 10px; text-align: right; font-size: 11px; color:#fff; background: #b3b29d;}
.main-pop-layer2 .pop-foot img {vertical-align: middle}
.main-pop-layer2 .pop-foot span {padding-right: 20px}

/* evt190816 캘린더이벤트 */
.evt-wrap {line-height: 1;}
.evt-contents {width: 1200px; margin: 0 auto;}
.evt190816-top {height: 488px; padding-top: 125px; background: #e5e7ec url("/images/ko/img-event/evt190816-bg.jpg") center top no-repeat; text-align: left;}
.evt190816-title {padding: 15px 0 100px;}
.evt190816-date {padding: 15px 0; background-color: #643737; text-align: center;}
.evt190816-step {padding: 80px 0 95px; text-align: center;}
.evt190816-coupon {padding: 80px 0 100px; background-color: #f0f0f0;}
.evt190816-coupon1 {width: 700px; margin: 0 auto;}
.evt190816-coupon2 {padding: 43px 0 15px;}
.evt190816-coupon3 {padding: 15px 0 35px;}
.evt190816-tip {height: 734px; padding-top: 115px; margin-bottom: -60px; background: #ede0da url("/images/ko/img-event/evt190816-bg1.jpg") center top no-repeat; text-align: center;}
.evt190816-tip1 {width: 540px; margin: 60px auto 0;}
.evt190816-btn {float: right; margin: 54px 0 130px;}

/* 2011 thesis 논문가이드 */
.thesis-top {height: 680px; min-width: 1200px; padding-top: 194px; background: #011827 url("/images/ko/img-prm/thesis-bg.jpg") center top no-repeat;}
.thesis-contents {height: 4113px; min-width: 1200px; background: #001e32 url("/images/ko/img-prm/thesis-bg1.jpg") center top no-repeat;}
.thesis-contents1 {width: 1200px; margin: 0 auto; padding: 70px 0 90px; background-color: #fff; text-align: center;}
.thesis-contents2 {width: 1100px; margin: 0 auto; padding-bottom: 90px;}
.thesis-coupon1 {margin-bottom: 74px; padding: 40px 0 20px; border: 5px solid #cfe3e7; border-top: 0;}
.thesis-coupon1 div {margin-bottom: 70px;}
.thesis-coupon1 div:first-child {margin-bottom: 77px;}
.thesis-gift {padding: 40px 0 90px; border: 5px solid #cfe3e7; border-top: 0;}
.thesis-gift1 {margin: 80px 0 90px;}
.thesis-card {width: 1001px; margin: 20px auto 105px;}
.thesis-card .slick-arrow {position: absolute; top: 255px; width: 40px; height: 40px; z-index: 1; text-indent: -9999px; padding: 0; border: 0; outline: 0; background: url("/images/ko/img-prm/thesis-arrow.png") no-repeat;}
.thesis-card .slick-prev {left: 20px;}
.thesis-card .slick-next {right: 20px; background-position: -50px 0;}
.thesis-card .slick-prev:hover {background-position: 0 -50px;}
.thesis-card .slick-next:hover {background-position: -50px -50px;}
.thesis-benefit {margin-bottom: 75px; padding: 70px 0 80px; background-color: #0f7485;}

/* 2102 웹진 */
.webzine-wrap2 {width: 1200px; margin: 140px auto 130px; font-family: "Noto Sans KR"; line-height: 1;}
.webzine-title1 {padding-bottom: 80px; border-bottom: 1px solid #bfbfbf;color: #1e6db7; text-align: center;}
.webzine-vol {font-size: 18px; font-weight: bold; font-weight: 800;}
.webzine-vol span {padding-bottom: 1px; border-bottom: 1px solid #1e6db7;}
.webzine-title2 {margin-top: 20px; font-size: 32px; line-height: 1.3; font-weight: 300;}
.webzine-contents {margin: 75px 0 90px;}
.webzine-title3 {position: relative; padding-left: 53px; font-size: 24px; color: #333; font-weight: 500;}
.webzine-title3:before {content: ""; position: absolute; top: 3px; left: 0; width: 30px; height: 3px; background-color: #333;}
.webzine01-text {float: left; width: 550px; margin-top: 33px;}
.webzine01-text1 {font-size: 16px; color: #333; line-height: 1.87;}
.webzine01-text2 {margin-top: 8px; color: #989898;}
.webzine01-title {margin: 130px 0 50px;}
.webzine01-text3 {float: right; width: 825px; margin-top: -8px; font-size: 16px; color: #333; line-height: 1.87;}
.webzine-title4 {margin-top: -2px; line-height: 1.25;}
.webzine01-text4 {float: right; width: 790px; margin-top: -3px; padding-right: 35px; font-size: 16px; color: #333; line-height: 1.87;}
.webzine01-title1 {margin: 130px 0 30px;}

/* 2106 웹진 */
.webzine-top1 {height: 230px; padding-top: 150px; min-width: 1200px; background: #058ed5 url("/images/ko/img-webzine/webzine-bg1.jpg") center top no-repeat;}
.webzine02-img {margin: 70px 0 53px;}
.webzine-text {font-size: 16px; color: #333; line-height: 1.87;}
.webzine02-text {float: left; width: 500px; margin-left: 25px; font-size: 16px; color: #333; line-height: 1.87;}
.webzine02-text1 {float: right; width: 570px; font-size: 16px; color: #333; line-height: 1.87;}
.webzine-line {width: 30px; height: 3px; margin-top: 9px; background-color: #333;}
.webzine02-img1 {margin: 120px 0 40px;}
.webzine02-text2 {float: right; width: 1150px; font-size: 16px; color: #333; line-height: 1.87;}
.webzine02-text2 div {margin-bottom: 35px;}
.webzine02-img2 {margin: 85px 0 40px;}