@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
.clearfix {*zoom: 1;}
.clearfix:after { display: block; width: 0; height: 0; content: ''; clear: both; }
.container-col { width: 960px; margin: 0 Auto; }
.container-col.mr-minu { margin-left: -5px; }
.container-col:after { display: table; content: ""; line-height: 0; clear: both; }
.col { float: left; margin-left: 5px; margin-right: 5px; }
.col.col-1 { width: 30px; }
.col.col-2 { width: 70px; }
.col.col-3 { width: 110px; }
.col.col-4 { width: 150px; }
.col.col-5 { width: 190px; }
.col.col-6 { width: 230px; }
.col.col-7 { width: 270px; }
.col.col-8 { width: 310px; }
.col.col-9 { width: 350px; }
.col.col-10 { width: 390px; }
.col.col-11 { width: 430px; }
.col.col-12 { width: 470px; }
.col.col-13 { width: 510px; }
.col.col-14 { width: 550px; }
.col.col-15 { width: 590px; }
.col.col-16 { width: 630px; }
.col.col-17 { width: 670px; }
.col.col-18 { width: 710px; }
.col.col-19 { width: 750px; }
.col.col-20 { width: 790px; }
.col.col-21 { width: 830px; }
.col.col-22 { width: 870px; }
.col.col-23 { width: 910px; }
.col.col-24 { width: 950px; }
.col.col-pg-right { float: right; width: 740px; padding-right: 5px; }
.col-list-container:after { display: table; content: ""; line-height: 0; clear: both; }
.col-list { float: left; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.333333%; }
.col-1-4 { width: 25%; }
.col-1-5 { width: 20%; }
.col-2-3 { width: 66.666666%; }
.col-3-4 { width: 75%; }
.col-4-5 { width: 80%; }
/* layout system */
/* base layout */
html { height: 100%; font-size: 13px; }
body { font-size: 13px; font-family: "Nanum Gothic", "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; line-height: 1.6; color: #666666; letter-spacing: -0.3px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; height: 100%; font-weight: 400;}
body.cst { background: #4c4c4c; }
body.nlogin { background: #f5f6f7; }
#contents { /*min-height: 400px;min-height: 700px; */ }
.container { width: 950px; min-width: 950px; margin: 0 Auto;}
.container2 { width: 970px; min-width: 970px; margin: 0 Auto;}
.container3 { width: 1200px; min-width: 1200px; margin: 0 Auto;}
/* 스킵 네비게이션 */
.skipNav-container a { display: block; width: 1px; height: 1px; overflow: hidden; margin-top: -1px;line-height: 1px}
.skipNav-container a:focus, .skipNav-container a:active { width: 100%; height: auto; padding: 10px 0; text-align: center; }
#page-title { display: none; }
/** -------------------------------- header area -------------------------------- */
#header { border-bottom: 1px solid #6c6c6c; }
#header.main {border-bottom: 0;}

/* header top  */
.header-top { background: #002b56; height: 35px; font-size: 11px}
.header-top >.container {position: relative;}
.header-top .top-left { position: absolute; left:0; width: 400px;}
.header-top .top-left > a { display: inline-block; position: relative; color: #dbeafa; padding: 0 14px; }
.header-top .top-left > a:first-child {padding-left: 0}

.header-top .top-right { position: absolute; right: 0; width: 550px; text-align: right}
.header-top .top-right a { display: inline-block; position: relative; color: #eee; padding: 0 10px; }
.header-top .top-right a:before { position: absolute; top: 10px; left: 0; width: 1px; height: 10px; background: #495f74; content: ''; }
.header-top .top-right a:first-child:before { background: none; }
.top-left, .top-right { line-height: 32px; }
.header-top .top-right .user-id {color:#eee;}
.header-top .top-right .last {padding-right: 0}
.header-top .top-right img {vertical-align: middle}


/* 글로벌 메뉴 */
.gnb-container {position: relative; background: #fff; z-index: 10}
.gnb-container.fixed {position: fixed; top:0; left:0; width:100%; border-bottom: 1px solid #6c6c6c; z-index: 11}
.gnb-container h1{float: left; width: 170px; padding-top: 20px; padding-bottom: 25px}
.gnb-container  nav {float: right; width: 780px; padding-top: 35px;}
.gnb {}
.gnb > li {margin: 0 15px; float: left; height: 47px; line-height: 1; box-sizing: border-box; }
.gnb > li:first-child {margin: 0 15px 0 35px;}
.gnb > li.main-menu-last {margin: 0 40px 0 15px;}
.gnb > li > a { display: block; padding: 0 17px; text-align: center; font-size: 17px; color: #333; letter-spacing: -0.35px; font-weight:700}
.gnb > li > a:hover, .gnb > li > a.active {color: #0091dc; }
.gnb > li:hover > .gnb-sub { display: block;}

.gnb > li.quik {margin-top: -10px;}
.gnb > li.quik > a {position: relative; width:90px; height: 35px; line-height: 33px; border: 1px solid #ccc; color: #002b56; overflow: hidden;}
.gnb > li.quik .quick-menu {position: absolute;	 left:0; top:0; width:100%; height: 33px; }
.gnb > li.quik .quick-over {position: absolute; left:0; top:0; width:10px; height: 35px; background: #0091dc; opacity: 0; transition:  .5s ease;}
.gnb > li.quik span {display: inline-block; width:22px; height: 25px; background: url(/images/ko/img-common/sp2.png) -60px 0 no-repeat; vertical-align: middle}
.gnb > li.quik:hover > a {color:#fff;}
.gnb > li.quik:hover span {background-position: -60px -25px;}
.gnb > li.quik:hover .quick-over {opacity: 1; transform: scaleX(30); background: #0091dc;}


.gnb > li.g-search {width: 30px; height: 25px; margin:0; margin-top: -2px; background: url(/images/ko/img-common/sp2.png) 0 0 no-repeat; background-position: 0 0; }
.gnb > li.g-search:hover {background-position: 0 -25px;}

.gnb > li.gnb-all { float: right; width: 30px; height: 25px; margin: 0;margin-top: -2px; background: url(/images/ko/img-common/sp2.png) 0 0 no-repeat; background-position: -30px 0; text-align: left; }
.gnb > li.gnb-all:hover { background-position: -30px -25px;}

.gnb-sub { position: absolute; background: #f8f8f8; padding: 40px 0; top: 82px; left: 0; width: 100%; border-top: 1px solid #6c6c6c; border-bottom: 1px solid #494949; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25); z-index: 99; display: none; }
.gnb-sub-container {width: 890px; margin: 0 auto; display: table; position: relative;}
/*.gnb-sub-side { position: absolute; top: 30px; left: 50%; margin-left: 480px; }*/
.gnb-sub-row {display: table-row;}
.gnb-sub-row > div {display: table-cell; width: 161px;}
.gnb-sub-row.prm > div {width: 148px; text-align: center;}
.gnb-sub-row.prm > div:first-child {width: 150px; text-align: left;}
.gnb-sub-row > div.last {width:85px;}
.gnb-sub-row > div > a {padding: 7px 10px; font-size: 14px; display: inline-block;}
.gnb-sub-row > div > a:hover, .gnb-sub-row > div > a.active {background: #0091dc; color: #fff}

.gnb-item-container {width:890px; margin: 30px auto 10px; background: #fff; border: 1px solid #e3e3e3; box-sizing: border-box; padding: 15px 30px 15px 20px;}
.gnb-item-container > a {display: none}
.gnb-item-container > a.active {display: block}
.gnb-item-info {}
.gnb-item-info .img {float: left; width: 150px;}
.gnb-item-info .txt {float: right; width: 658px; padding-left: 30px; line-height: 1.6; font-size: 12px}
.gnb-item-info .txt > h5 {font-size: 14px; color: #0091dc; padding-bottom: 10px;}

/* 글로버 서치 */
.global-search-content { position: absolute; background: #f8f8f8; padding: 30px 0; left: 50%; top: 82px; width: 475px; border: 1px solid #000; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25); z-index: 98; display: none; }
.g-search .search-close {position: absolute; left: 50%; top: 88px; margin-left: 450px;width: 20px; height: 20px; padding:0; background: #f8f8f8 url(/images/ko/img-common/sp1.png) 0 0 no-repeat; background-position: -116px -104px; z-index: 99}
.global-search-in {text-align: center;}
.global-search-in input, .global-search-in button {height: 30px;}

/* 전체 메뉴 레이어 */
.all-gnb-layer{position: fixed; width: 1100px; top:118px; left:50%; margin-left: -550px; background: #fff; box-sizing: border-box; z-index: 9999; display: none}
.all-gnb-layer > h3 {padding: 30px 30px 15px 30px;}
.all-gnb-menus-container {width:980px; margin: 0 auto 30px;}
.all-gnb-menus > li {float: left; margin-left: 36px; width: 115px;}
.all-gnb-menus > li:first-child {margin-left: 0; width: 225px;}
.all-gnb-menus > li > h4 {font-size: 16px; color: #333; line-height: 3; border-bottom: 2px solid #494949; margin-bottom: 18px}
.all-gnb-sub > li >a {display: block; line-height: 2; color: #666}
.all-gnb-sub.first-menu > li {float: left; width:50%;}
.all-gnb-ban-container {padding: 40px 0 60px 0; background: #f8f8f8;}
.all-gnb-banners {width:980px; margin: 0 auto;}
.all-gnb-banners > div {float: left;}
.all-gnb-banners > div.col1 {width: 199px;}
.all-gnb-banners > div.col2 {width: 453px; padding: 0 50px;}
.all-gnb-banners > div.col3 {width: 228px; height: 226px;}

.all-gnb-banners > div.col1 li {height: 55px; line-height: 55px; border-bottom: 1px solid #ddd;}
.all-gnb-banners > div.col1 li:first-child {border-top: 1px solid #ddd;}
.all-gnb-banners > div.col1 li > a {display: block; font-size: 16px; color: #333; position: relative; padding-left:30px }
.all-gnb-banners > div.col1 li > a:before {position: absolute; width:30px; top:0; left:5px; color: #999; font-size: 18px; content: '+';}
.all-gnb-banners > div.col1 li > a:hover {color: #0091dc}
.all-gnb-banners > div.col1 li > a:hover:before{color: #0091dc; content: 'x'; font-size: 20px; top:-1px;}
.all-gnb-banners > div.col2 > p {margin-bottom: 24px}
.all-gnb-banners > div.col2 .bans > div {float: left; width: 222px; height: 100px; background: url(/images/ko/img-common/gnb-bg-all-ban2.png) 0 0 no-repeat;}
.all-gnb-banners > div.col2 .bans > div > a {display: block; height: 100%; text-indent: -9999px}
.all-gnb-banners > div.col2 .bans > div.left {margin-right: 9px; background-position: -250px 0;}
.all-gnb-banners > div.col2 .bans > div.right {background-position: -481px 0;}
.all-gnb-banners > div.col2 .bans > div.left:hover {background-position: -250px -112px;}
.all-gnb-banners > div.col2 .bans > div.right:hover {background-position: -481px -112px;}


.all-gnb-banners > div.col3 > div {float: left; width:113px; height: 113px; background: url(/images/ko/img-common/gnb-bg-all-ban2.png) 0 0 no-repeat;}
.all-gnb-banners > div.col3 > div > a {display: block; height: 100%; text-indent: -9999px}
.all-gnb-banners > div.col3 > div.l1, .all-gnb-banners > div.col3 > div.l2 {width:114px;}
.all-gnb-banners > div.col3 > div.l1 {background-position: 0 0;}
.all-gnb-banners > div.col3 > div.l2 {background-position: 0 -113px;}
.all-gnb-banners > div.col3 > div.r1 {background-position: -114px 0;}
.all-gnb-banners > div.col3 > div.r2 {background-position: -114px -113px;}
.all-gnb-banners > div.col3 > div.l1:hover {background-position: 0 -226px;}
.all-gnb-banners > div.col3 > div.l2:hover {background-position: 0 -339px;}
.all-gnb-banners > div.col3 > div.r1:hover {background-position: -114px -226px;}
.all-gnb-banners > div.col3 > div.r2:hover {background-position: -114px -339px;}

.all-gnb-banners > div.col3 li {width: 228px; height: 40px; background: url(/images/ko/img-common/gnb-bg-all-ban2-1.png) 0 0 no-repeat; margin-bottom: 5px;}
.all-gnb-banners > div.col3 li>a {display: block; height: 40px;}
.all-gnb-banners > div.col3 li>a>span {position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px);}
.all-gnb-banners > div.col3 li.is1 {background-position: 0 -2px;}
.all-gnb-banners > div.col3 li.is2 {background-position: 0 -47px;}
.all-gnb-banners > div.col3 li.is3 {background-position: 0 -92px;}
.all-gnb-banners > div.col3 li.is4 {background-position: 0 -137px;}
.all-gnb-banners > div.col3 li.is5 {background-position: 0 -182px;}
.all-gnb-banners > div.col3 li.is1:hover {background-position: -228px -2px;}
.all-gnb-banners > div.col3 li.is2:hover {background-position: -228px -47px;}
.all-gnb-banners > div.col3 li.is3:hover {background-position: -228px -92px;}
.all-gnb-banners > div.col3 li.is4:hover {background-position: -228px -137px;}
.all-gnb-banners > div.col3 li.is5:hover {background-position: -228px -182px;}

.all-gnb-layer .all-layer-close {position: absolute; top: 30px; right: 30px;}
.all-gnb-ban-is2 > div {width:222px; height: 100px}
.all-gnb-ban-is2 > div > a {display: block; height: 100px;}
.all-gnb-ban-is2 >.fl {float: left; background: url(/images/ko/img-common/gnb-all-ban-cus1.png) 0 0 no-repeat;}
.all-gnb-ban-is2 >.fr {float: right; background: url(/images/ko/img-common/gnb-all-ban-cus2.png) 0 0 no-repeat;}
.all-gnb-ban-is2 >.fl:hover {background: url(/images/ko/img-common/gnb-all-ban-cus1-on.png) 0 0 no-repeat;}
.all-gnb-ban-is2 >.fr:hover {background: url(/images/ko/img-common/gnb-all-ban-cus2-on.png) 0 0 no-repeat;}

/** -------------------------------- Left area -------------------------------- */
#left { margin-right: 24px; }
#left h3 { font-size: 30px; color: #333333; font-weight:700 letter-spacing: -0.5px; height: 50px; }
#left-company { width: 190px; float: left; }

.lnb { border-top: 2px solid #494949; }
.lnb > ul { background: #f8f8f8; }
.lnb li > a { display: block; padding: 16px 7px 16px 13px; font-size: 14px; color: #333333; border-bottom: 1px solid #dbdbdb; font-weight:700 }
.lnb li > a:hover, .lnb li > a.active { background: #0091dc; border-bottom: 1px solid #0091dc; color: #fff; }
.lnb li > a:hover { transition: all 0.3s ease; }

.lnb-company > ul { background: #fff; }
.lnb-company li > a { display: block; padding: 16px 7px 16px 13px; font-size: 14px; color: #333333; border-bottom: 1px solid #dbdbdb; font-weight:700 }
.lnb-company li > a:hover, .lnb-company li > a.active { background: #f8f8f8; color: #2f72b6; }
.lnb-company li > a:hover { transition: all 0.3s ease; }

/** -------------------------------- footer area -------------------------------- */
#footer {min-width: 1200px; background: #f8f8f8; border-top: 2px solid #6c6c6c; padding: 16px 0 45px; margin-top: 60px}
.footer-top {padding-left: 185px; margin-bottom: 20px; font-size: 12px;}
.footer-top > div {float: left;}
.footer-top .foot-menu {width: 550px;}
.footer-top .foot-sns {width: 150px; text-align: right}
.foot-menu > a { display: inline-block; position: relative; padding: 0 7px; }
.foot-menu > a:first-child {padding-left: 0}
.foot-menu > a:after { position: absolute; top: 6px; right: 0; width: 1px; height: 10px; content: ''; background: #ccc; }
.foot-menu > a.last:after{display: none}
.footer-top .foot-sns > a {padding-left: 5px}

.foot-logo {margin-top: -10px}
.foot-info { padding-left: 20px; font-size: 12px; color: #898989; }
.foot-info .copy { color: #999999; }
.foot-mark {text-align: right; padding-top: 50px}
.foot-pull {margin-top: -60px}

/** -------------------------------- 오른 퀵 메뉴 -------------------------------- */
#aside {position: fixed; top: 417px; right:0;background: #fff;}
.aside {width:118px; border: 1px solid #494949; padding-bottom: 10px}
.aside .top {border-bottom: 1px solid #494949;}
.aside .menus>li {height: 40px; line-height: 40px; border-bottom: 1px solid #d1d1d1; padding: 0 10px;}
.aside .menus>li > a{display: block; position: relative; font-size: 12px; color: #555; letter-spacing: -0.5px}
.aside .menus>li > a:after {position: absolute; top:0; right: 0; content: '>';}
.rec-prds {text-align: center;}
.rec-prds h5 {font-size: 12px; text-align: left; padding: 10px 0 10px 10px;}
.rec-prds .rec-pre {height: 5px; padding-bottom: 5px}
.rec-prds .rec-next {height: 5px; padding-top: 5px}
.rec-prds-container li {padding: 5px 10px;}

.goto-top { position: fixed; right: 10px; bottom: 10px; width: 60px; height: 60px; background: url(/images/ko/img-common/sp1.png) -570px 0 no-repeat; text-indent: -9999px}
.goto-top:hover { background-position: -635px 0; }


/** -------------------------------- 왼쪽 챗상담 -------------------------------- */
.cgHhTF{width: 100px !important;height: 100px !important;}
.kpnpPI{bottom: 33px !important;}


/** -------------------------------- 맞춤주문 화면 접두어 cst구분 + 아이템 주문 후 확인 -------------------------------- */
.cts-wrap { width: 970px; margin: 20px auto; background: #fff; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.65); }
.cts-wrap.ops {width: 710px;}
.cts-top { height: 46px; line-height: 46px; color: #fff; }
.cts-top .cts-top-left { float: left; background: #0091dc; height: 100%; padding-left: 10px; width: 700px; }
.cts-top .cts-top-left1 {background: #7ebd2a;}
.cts-top .cts-top-right { float: right; background: #002b56; height: 100%; padding-right: 10px; padding-left: 10px; width: 240px; }
.cts-top.is3 .cts-top-left {width: 440px;}
.cts-top.is3 .cts-top-right {}


.cts-content-first { width: 970px; margin: 0 auto; padding:50px 45px; box-sizing: border-box;}
.cts-content-first.is2 {padding: 50px 40px;}
.cts-content { width: 950px; margin: 0 auto; background: url(/images/ko/img-cts/content-bg.png) 0 0 repeat-y; }
.cts-content > .cts-left { float: left; width: 690px; min-height: 800px; margin-right: 10px; padding: 15px 0; position: relative; }
.cts-content.full {width:690px; margin: 0 auto; background:#fff}
.cts-content.full > .cts-left {float: none; position: relative; width: 690px;}

.cts-content > .cts-right { float: right; width: 240px; min-height: 800px; margin-left: 10px; padding: 15px 0; position: relative; }
.cts-content > .cts-right2 { float: right; width: 230px; min-height: 800px; padding: 15px 10px; position: relative; }
.cts-col3-container > .ani-line-box {float: left; margin-left: 10px; width: 290px;}
.cts-col3-container > .ani-line-box:first-child {margin-left: 0;}

.cts-process-top { position: relative; margin-bottom: 20px; }
.cts-process-top .opt-save { position: absolute; top: 0; right: 0; }
.cts-process-top .btn-pre { position: absolute; top: 0; left: 0; }
.cts-process-bar { width: 100%; height: 40px; background: url(/images/ko/img-common/sp1.png) 0 -420px no-repeat; text-indent: -9999px; margin-top: 13px; }
.cts-process-bar.st2 { background-position: 0 -461px; }
.cts-process-bar.st3 { background-position: 0 -502px; }
.cts-process-bar.st4 { background-position: 0 -543px; }
.cts-process-bar.st5 { background-position: 0 -584px; }

.cts-process-bar.full {background: url(/images/ko/img-common/sp-is2.png) 0 0 no-repeat;}
.cts-process-bar.full.st2 {background-position: 0 -40px;}
.cts-process-bar.full.st3 {background-position: 0 -80px;}
.cts-process-bar.full.st4 {background-position: 0 -120px;}
.cts-process-bar.full.st5 {background-position: 0 -160px;}

.cts-info { margin-bottom: 20px; }
.cts-info > div { padding: 0 10px; margin-bottom: 10px; }
.cts-info input[type="text"] { height: 30px; }
.cts-info .dot-title { display: inline-block; min-width: 70px; text-align: left; }

.cts-left-bottom { background: #dbdbdb; height: 34px; }
.opt-form { height: 40px; line-height: 40px; background: #494949; }
.opt-form h5 { display: inline-block; padding-right: 20px; font-size: 15px; color: #fff; padding-left: 15px; position: relative; }
.opt-info { position: absolute; right: 50px; top: 1px; color: #fff150; font-size: 12px; }
.opt-info.tp2 { right: 130px; }
.opt-form-content { box-sizing: border-box; background: white url(/images/ko/img-common/bg-grid.png) 0 0; border: 1px solid #494949; }
.opt-form-content.no-bg { background: #fff; }
.opt-form-container { padding: 20px 0 20px 20px; }
.opt-form-container1 { padding: 20px 30px; }
.opt-form-container1.is2 {padding: 30px 60px;}
/* 맞춤주문 교체 아코디언 추가 css*/
h3.opt-form > .heading {display: inline-block; padding-right: 20px; font-size: 15px; color: #fff; padding-left: 15px; position: relative; }
.opt-plus-ctr > .heading { display: inline-block; padding-left: 15px; font-size: 13px}
/* 맞춤주문 교체 아코디언 추가 css*/
.cover_ds_3_order {text-align:right; margin-right:90px;}
/* 디자인제작의뢰 추가 css*/

/*scroll icon*/
.icon_scroll {position:fixed !important; bottom:20px; right:30px;}
/*scroll icon*/
.opt-cover-ty { box-sizing: border-box; width: 100%; }
.opt-cover-ty > .cover-ty-left { float: left; width: 460px; border-right: 2px solid #494949; box-sizing: border-box; }
.opt-cover-ty > .cover-ty-right { float: left; width: 150px; box-sizing: border-box; text-align: right; }

.cts-btn-area { padding: 40px 0; text-align: center; }
.cts-btn-area button { margin: 0 2px; }
.cts-total-price { position: fixed; top: 44%; width: 240px; }

.total-title { position: relative; margin-bottom: 10px; }
.total-title:after { position: absolute; bottom: 0; right: 0; content: '(단위 : 원)'; font-size: 12px; font-weight: normal; color: #999999; }
.total-price { position: relative; background: #fff; color: #0091dc; padding: 15px; font-size: 20px; font-weight:700; letter-spacing: -0.5px; text-align: right; box-sizing: border-box; border: 2px solid #000;}
.total-price:before { position: absolute; left: 10px; top: 6px; content: 'Total :'; font-size: 14px; color: #333; }

.size-input-container { width: 600px; margin: 20px auto; border: 1px solid #dbdbdb; padding: 20px 15px 20px 130px; background: white url(/images/ko/img-common/bg-fix-img1.png) 20px 20px no-repeat; box-sizing: border-box; }
.cover-sel { position: relative;padding-left: 70px; margin-bottom: 20px; }
.cover-sel:before { position: absolute; left: 0; top: 2px; color: #333333; font-weight:700 content: '추천용지'; }
.cover-sel.all:before { content: '전체용지'; }
.cover-sel2 {padding-left: 0px;}
.cover-all { background: #fff; box-sizing: border-box; border: 1px solid #e2e2e2; }
.cover-all > ul { height: 150px; overflow-y: scroll; box-sizing: border-box; padding: 4px; float: left; width: 25%; font-size: 12px; }
.cover-all > .comment {float: right; width:50%; box-sizing: border-box; padding:15px;}

.mg-sel { position: relative;margin-bottom: 20px; }
.opt-plus-container { box-sizing: border-box; border: 1px solid #ddd; background: #ededed; }
.opt-plus-container:after { display: table; content: ""; line-height: 0; clear: both; }
.opt-plus-container .opt-plus-left { float: left; width: 119px; padding-top: 15px; }
.opt-plus-container .opt-plus-right { float: right; width: 568px; border-left: 1px solid #ddd; background: #fff; }

.opt-plus-container .opt-plus-left.is2 {width: 119px;}
.opt-plus-container .opt-plus-right.is2 {width: 800px;}

.opt-plus-ctr { height: 34px; line-height: 34px; background: #ededed; border-bottom: 1px solid #ddd; }
.opt-plus-ctr .ico-helper { margin: 0 0 0 10px; vertical-align: middle}
.opt-plus-ctr > h5 { display: inline-block; padding-left: 15px; }
.opt-plus-ctr.opt-select { background: #d3eabc; }

.ico-helper {display:inline-block; width: 20px; height: 20px; background: url(/images/ko/img-common/sp1.png) -320px 0 no-repeat; margin: 5px 10px 0 10px; cursor: help; z-index: 100000; text-indent: -9999px}
.data-be-not { position: absolute; top: 6px; right: 50px; width: 70px; height: 22px; background: #fff; border: 1px solid #2f72b6; border-radius: 2px; box-sizing: border-box; line-height: 1; }
.data-be-not.tp2 { top: 10px; }
.data-be-not > span { display: inline-block; width: 34px; height: 100%; line-height: 22px; margin-right: -4px; text-align: center; font-size: 12px; color: #999999; }
.data-be-not > span.active { background: #2f72b6; color: #fff; }
.open .opt-plus-cont { border-bottom: 1px solid #ddd; }
.size-mark { position: relative; width: 220px; min-height: 100px; }
.size-mark .posa-lb { bottom: -10px; left: 10px;}
.size-mark .posa-rb { bottom: -10px; }
.size-mark .posa-lb.is3 { bottom: 0;}
.size-mark .posa-rb.is3 { bottom: 0; }
.size-mark .posa-rc.is3 {right: -28px; top:60px;}
.size-mark .posa-lb.ty2 { bottom: -10px; left: 10px;}
.size-mark .posa-rb.ty2 { bottom: -10px;}
.size-mark .posa-lb.ty3 { bottom: -10px; left: 10px;}
.size-mark .posa-rb.ty3 { bottom: -10px;}
.size-mark .posa-rc.ty3 { right: -28px; top: 87px;}

.gpage-dis-box { box-sizing: border-box; border: 1px solid #e5e5e5; background: #f8f8f8; padding: 15px; height: 400px; overflow-y: scroll; }
.gpage-ind2 { display: inline-block; margin: 4px; box-sizing: border-box; border: 1px solid #e5e5e5; width: 62px; height: 28px; line-height: 1; }
.gpage-ind2 > span.pl, .gpage-ind2 > span.el {background: #f8f8f8;}

.gpage-ind2 > span { float: left; width: 30px; height: 26px; background: #fff; box-sizing: border-box; text-align: center; line-height: 26px; font-size: 12px; }
.gpage-ind2 > span:first-child { border-right: 1px solid #e5e5e5; }
.gpage-ind2 > span.select { background: #fff150; font-weight:700;color: #002b56; }

.mark-ind { display: inline-block; width: 30px; height: 20px; background: #fff150; vertical-align: middle; }
.page-default-set > div { float: left; }
.page-default-set input:checked + label { font-weight:700;color: #000; }
.page-default-set > div.fir { width: 130px; margin-right: 25px; }
.page-default-set > div.fir > h4 { margin-bottom: 10px; }
.page-default-set > div.sec { box-sizing: border-box; width: 110px; margin-right: 6px; background: #fff; border: 1px solid #d3d3d3; }
.page-default-set > div.thi { box-sizing: border-box; width: 347px; background: #fff; border: 1px solid #d3d3d3; }
.page-default-set > div.sec > h5, .page-default-set > div.thi > h5 { background: #ededed; text-align: center; height: 32px; line-height: 32px; }
.page-default-set > div.sec > .pg-color-sel, .page-default-set > div.thi > .pg-color-sel { padding: 20px 16px; }
.page-default-set > div.sec > p, .page-default-set > div.thi > p { margin-bottom: 6px; }


.page-color-set-container { width: 608px; margin: 0 10px;}
.page-color-set { border: 1px solid #d3d3d3; background: #fff; }
.page-color-set > div { float: left; box-sizing: border-box; height: 150px; }
.page-color-set > div.fir { width: 116px; background: #ededed; border-right: 1px dashed #a9a9a9; text-align: center; padding-top: 20px}

.page-color-set > div.sec { width: 264px; padding: 10px 14px 10px 20px; text-align: center; }
.page-color-set > div.sec > .sel-print { display: inline-block; width: 106px; position: relative; }
.page-color-set > div.sec > .sel-print:first-child { margin-right: 14px; }
.page-color-set > div.sec > .sel-print > .img-over { width: 77px; height: 103px; background: rgba(211, 234, 188, 0.5); position: absolute; top: 0; left: 14.5px; opacity: 0; }
.page-color-set > div.sec > .sel-print input:checked + label + .img-over { opacity: 1; }
.page-color-set > div.thi { width: 206px; height: 130px; margin: 10px; padding: 24px; background: #ededed; }


.total-pages { background: #fff; width: 688px; margin: 40px 0 -20px -30px; border-top: 1px solid #d4d4d4; }
.total-page-box { padding: 16px 40px; }
.total-page-box.oth1 {padding:10px 0;}
.total-page-box .cal-in { display: inline-block; margin: 0 15px; }
.total-page-box.oth1 .cal-in {margin: 0 3px;}
.total-page-box .total-page-tit { display: inline-block; margin-right: 10px; font-size: 14px; font-weight:700 }
.total-page-box.oth1 .total-page-tit {margin-right: 6px}
.total-page-box .int-pages { display: inline-block; }
.total-page-box .int-pages > p { color: #d4d4d4; font-size: 12px; }
.papers-title {text-align: center}
.papers-title span {float:left; width: 24%; box-sizing: border-box; font-weight: bold}

.thesis-form1 > div {float: left; box-sizing: border-box; width:30%; padding-left: 20px;}
.thesis-form1 > div:first-child {width:40%; padding-left: 0}

.print-btn {position: absolute; right: 10px; bottom: 10px;}

.view-post-confr {padding-left: 0.5em; display: inline-block; font-size: 15px; cursor: help;}
.post-confr {position: absolute; top:20px; width: 260px; padding: 1em; border: 1px solid #bebebe; background: #fff; z-index: 101; display: none}
.post-confr >.close {position: absolute; top:0; right: 0.5em;}

/* 맞춤 주문-옵셋 추가 201711~ */
.offset-cover {padding: 0 10px;}
.offset-cover > .left {float: left; width: 130px;}
.offset-cover > .right {float: right; width: 500px;}

/** -------------------------------- 디자인 폼 엘리먼트 -------------------------------- */
.smart-form input { opacity: 0;position: absolute; }
.smart-form label { display: inline-block; position: relative; }
.smart-form .checked { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: url(/images/ko/img-common/ico-checked.png) 0 0 no-repeat; display: none; z-index: 2; }
.over { position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; background: rgba(211, 234, 188, 0.5); border: 2px solid #000; opacity: 0;}
.smart-form input:checked + .checked { display: block; }
.smart-form input:checked + .checked + img + .over { opacity: 1;}
.smart-form input:checked + .checked + .over { opacity: 1;}

.over2 { position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; background: rgba(211, 234, 188, 0.5); border: 1px solid #000; opacity: 0;}
.smart-form input:checked + .over2 { opacity: 0.65;}
label.mr { margin-right: 15px;}
label.mr10 { margin-right: 10px;}
.smart-form .covers { box-sizing: border-box; width: 110px;height: 120px; margin: 5px; background: #f8f8f8; border: 1px solid #e2e2e2;text-align: center; padding-top: 10px; }
.smart-form .covers2 { box-sizing: border-box; width: 200px; height: 150px; margin: 5px; background: #f8f8f8; border: 1px solid #e2e2e2; padding: 8px; text-align: center; padding-top: 40px; }
/*.smart-form .show-big {position: absolute; top:0; left:0; width:180px; height: 180px; z-index: 3; border: 1px solid #e5e5e5; display: none}
.smart-form label:hover > .show-big {display: block}*/

.label-txt { padding: 10px; border: 1px solid #e2e2e2; background: #f5f5f5; box-sizing: border-box; width:132px; height: 151px; line-height: 1; float: left; margin-left: 5px}
.label-txt2 { padding: 10px; border: 1px solid #e2e2e2; background: #f5f5f5; margin-right: 10px}
.label-txt3 {width:96px; padding: 5px; border: 1px solid #e2e2e2; background: #f5f5f5; margin-right: 5px}
.label-txt4 { padding: 10px; border: 1px solid #e2e2e2; background: #f5f5f5; box-sizing: border-box; width:132px; height: 151px; line-height: 1; float: left; margin: 5px}

.label-thumb {box-sizing: border-box; padding: 5px; border: 1px solid #878787; background: #f5f5f5;}
.label-thumb.w70 {width:70px;}
.label-thumb.w80 {width:80px;}
.form-cal img { vertical-align: middle; }

/** ---------------------- 아코디언 플러그인 공통 아코디언 스타일 1 ----------------------- */

.acc-control { position: relative; cursor: pointer; }
.acc-control:after { position: absolute; top: 15px; right: 10px; width: 24px; height: 15px; content: ''; background: url(/images/ko/img-common/down.png) 0 0 no-repeat; }
.acc-control.black:after { background: url(/images/ko/img-common/down-black.png) 0 0 no-repeat; }
.open .acc-control:after { background-image: url(/images/ko/img-common/up.png); }
.open .acc-control.black:after { background-image: url(/images/ko/img-common/up-black.png); }


/** ---------------------- 아코디언 플러그인 공통 아코디언 스타일 2 ----------------------- */
.accordionAuto {width:100%;  }
.accordionAuto h3 {cursor:pointer;  }
.accordion {width:100%; }
.accordion h3 {cursor:pointer; position: relative;}
.acc_border {}
.active_acc {}
.accordion_content {display:none;}
.acc_plus {position: absolute; top: 15px; right: 10px; width: 24px; height: 15px; content: ''; background: url(/images/ko/img-common/down.png) 0 0 no-repeat; }
.acc_minus {position: absolute; top: 15px; right: 10px; width: 24px; height: 15px; content: ''; background: url(/images/ko/img-common/up.png) 0 0 no-repeat;}
.black.acc_plus {position: absolute; top: 15px; right: 10px; width: 24px; height: 15px; content: ''; background: url(/images/ko/img-common/down-black.png) 0 0 no-repeat; }
.black.acc_minus {position: absolute; top: 15px; right: 10px; width: 24px; height: 15px; content: ''; background: url(/images/ko/img-common/up-black.png) 0 0 no-repeat;}

/**--------------------내부 아코디언 추가 /customOrd/customOrd5.asp ------------------- */
.accordion[data-acc="closed"] > .accordion_content {display: none;}
.accordion[data-acc="open"] > .accordion_content {display: block;}

/** -------------------------------- 회원가입 및 로그인 -------------------------------- */
.join-process { width: 950px; height: 46px; background: url(/images/ko/img-sub/join-top-bg.png) 0 0 no-repeat; margin: 30px 0 20px 0; text-indent: -9999px; }
.join-process.step2 { background-position: 0 -46px; }
.join-process.step3 { background-position: 0 -92px; }
.join-process.step4 { background-position: 0 -138px; }
.join-process.en1 { background-position: 0 -184px; }
.join-process.en2 { background-position: 0 -230px; }
.join-process.en3 { background-position: 0 -276px; }
.join-process.en4 { background-position: 0 -322px; }
.policy-container { height: 300px; font-size: 12px; color: #999999; padding: 30px; border: 1px solid #e5e5e5; }
.join-form1 input { margin-right: 13px; width: 120px; }
.join-form1 input.mail-text { width: 240px; }
.join-form1 button { margin-top: -2px; }
.join-form2 legend { position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px); }
.join-form2 h3 { display: block; padding: 10px 0; border-bottom: 1px solid #e7e7e7; }

.join-items { padding: 15px 0; border-bottom: 1px solid #e7e7e7; }
.join-items:after { display: table; content: ""; line-height: 0; clear: both; }
.join-items > div:first-child { font-weight:700 color: #333; }

.join-form2 { width: 100%; }
.join-form2 > li { padding-bottom: 10px; }
.join-form2 > li.first { width: 13%; padding-right: 2%; text-align: right; }
.join-form2 > li.second { width: 80%; }

.select-form { display: none; }
.list-form { padding-left: 30px; line-height: 2; }
.list-form input[checked] + label { font-weight:700 color: #222; }
.add-list { height: 360px; overflow-y: scroll; }
.join-form2 > li { margin-bottom: 4px; }
.join-form2 > li > label { display: inline-block; width: 120px; }
/* 네이버 로긴 */
.nlogin-agree-con >div.left {float: left; width:80%;}
.nlogin-agree-con >div.right {float: right; width:20%; text-align: right}
.nlogin-policy {display: none; margin-bottom: 20px; height: 200px; overflow-y: scroll; font-size: 12px; color:#878787;}
.nlogin .view-policy {display: inline-block; padding-right: 10px; font-size: 11px; color:#878787;}


/** -------------------------------- main content -------------------------------- */
.main-full-contents1 { background: url(../images/ko/common/bg-dot1.png); padding: 20px 0 30px 0; }
.main-full-contents2 { background: #f8f8f8;}

/** -------------------------------- 로그인 화면 -------------------------------- */
.login-form { width: 80%; margin: 0 auto; }
.login-form > ul { float: left; width: 60%; }
.login-form > ul li { margin-bottom: 6px; }
.login-form > div { float: right; width: 35%; }
.login-form > div > button { height: 56px; }
.non-member { width: 90%; margin: 0 auto; }
.non-member label { display: inline-block; width: 100px; }
.non-member > ul { float: left; width: 70%; }
.non-member > ul li { margin-bottom: 4px; }
.non-member > ul input { width: 182px; }
.non-member > ul input.s-int { width: 55px; margin-left: 5px; }
.non-member > ul input.s-int.first { margin-left: 0; }
.non-member > div { float: right; width: 27%; }
.non-member > div > button { height: 78px; }

/** -------------------------------- sub page  -------------------------------- */
.route { text-align: right; padding: 20px 0; color: #999999; }
.route strong { font-weight: normal; color: #333; }

/* cs center */
.cs-content-top.mt { margin-top: 14px; }
.cs-content-top > h3, .cs-content-top > div { float: left; padding-bottom: 14px; }
.cs-content-top > h3 { width: 40%; font-size: 18px; color: #333333; }
.cs-content-top.bd-title { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #494949; }
.cs-content-top.bd-evt-title { padding-bottom: 8px;  border-bottom: 2px solid #494949; }
.cs-content-top > .cs-top-form { float: right; width: 60%; text-align: right; }
.cs-content-top > .cs-top-form > .search-form { display: inline-block; width: 240px; }
.cs-content-top > .cs-top-form.qa { margin-bottom: 6px; }
.cs-content-top > .cs-top-form.qa > select, .cs-content-top > .cs-top-form.qa > .search-form, .cs-content-top > .cs-top-form.qa > button { display: inline-block; height: 30px; vertical-align: middle; }
.cs-top-form.qa > .search-form { margin: 0 4px; }
.cs-content-header { padding-bottom: 20px; }
.cs-content-header strong { display: inline-block; font-size: 18px; color: #333; margin-right: 6px; }
.cs-cursor {cursor:pointer}

.cs-top-full-search { padding: 0 0 20px 0; height: 30px; text-align: center; }
.cs-top-full-search select, .cs-top-full-search .search-form { display: inline-block; vertical-align: middle; }
.cs-top-full-search select { height: 30px; margin-right: 4px; }
.cs-top-full-search .search-form { width: 300px; }

.search-form { height: 30px; border: 1px solid #999999; box-sizing: border-box; }
.search-form > button { float: right; height: 100%; width: 20%; padding: 0; }
.search-form > input { float: left; width: 80%; border: 0; }
.search-form > input:focus { box-shadow: none; background: none; }

.cs-main-top { width: 750px; margin-bottom: 20px; }
.cs-main-top > .fl { width: 460px; margin-right: 10px; }
.cs-main-top > .fr { width: 280px; }
.cs-main-top .box { border: 1px solid #dbdbdb; padding: 30px 40px 0; height: 190px; }
.cs-main-top .box h3 { padding-bottom: 13px; margin-bottom: 13px; }
.cs-main-top h3.title2 { padding-bottom: 5px; }
.cs-main-top .box .txt { margin-top: -5px; padding-bottom: 5px; }

.guid-link > a { display: inline-block; margin: 0 8px 6px 0; line-height: 24px; padding: 0 8px; background: #fff; border: 1px solid #c6c6c6; }
.guid-link > a:hover, .guid-link > a.active { background: #494949; border-color: #494949; color: #fff; }
.major-list { width: 355px; }

.reply-container { margin: 20px; border: 1px solid #d8d8d8; }
.reply-container h5 { background: #e7e7e7; padding: 6px; border-bottom: 1px solid #d8d8d8; }
.reply-container .reply-info { padding: 6px; }
.reply-container .reply-info > li { float: left; width: 33.33333%; }
.reply-container .reply-txt { padding: 6px; }

.evt-container { padding: 40px 5px 20px 5px; }
.evt-container > h5 {font-size: 18px; margin-bottom: 15px}
.evt-container > .box-round4, .evt-container1 > .box-round4 { margin-bottom: 20px; padding: 10px; }
.evt-container > .box-round4:hover, .evt-container1 > .box-round4:hover { box-shadow: 0 1px 10px rgba(0, 145, 220, 0.45); }
.evt-container1 {padding: 0px 5px 10px 5px;}
.evt-info { border-bottom: 1px solid #d8d8d8; }
.evt-comment-admin { margin: 5px 0 0 10px; padding: 8px; background: #e7e7e7; }
.evt-comment-admin .admin { display: inline-block; padding: 0 10px; background: #0091dc; border-radius: 4px; color: #fff; font-size: 11px; }

.evt-comment {}
.evt-comment-write { background: #e7e7e7; padding: 15px; position: relative; box-sizing: border-box; }
.evt-comment-write > textarea { width: 100%; height: 60px; box-sizing: border-box; padding-right: 100px; }
.evt-comment-write > button { position: absolute; top: 15px; right: 15px; width: 90px; height: 60px; }
.evt-comment-list {padding: 20px 10px; border-bottom: 1px solid #e7e7e7; box-sizing: border-box;}
.evt-comment-list:last-child {border-bottom: 0px solid #e7e7e7 !important; }

.cal-nav { position: relative; }
.cal-nav > li { margin-bottom: 1px; }
.cal-nav > li > a { display: block; width: 100px; padding: 4px; background: #e5e5e5; }
.cal-nav > li > a.active, .cal-nav > li > a:hover { background: #494949; color: #fff; }
.cal-nav > li > .cal-nav-sub { position: absolute; left: 120px; top: 0; width: 530px; box-sizing: border-box; display: none; border: 1px solid #e5e5e5; padding: 5px 5px 5px 10px; height: 100%; background: #f8f8f8; }
.cal-nav > li > .cal-nav-sub:before { position: absolute; left: -6px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: #f8f8f8; border: 1px solid #e5e5e5; content: ''; z-index: -1; -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); }
.cal-nav .cal-nav-sub > a { display: inline-block; width: 100px; height: 26px; }

/** -------------------------------- 회사소개 -------------------------------- */
.company-right { width: 760px; background: #f8f8f8; float: left; }
.company-right-content { margin-left: 10px; }
.company-content1 { width: 670px; margin: 0 auto; padding-bottom: 74px}
.company-content2 {width: 750px; background: #f8f8f8;}
hr.gubun { display: block; height: 1px; background: #ddd; margin: 45px 0; }
.terms-box {padding: 35px 30px; border: 5px solid #e5e5e5;}
.terms {height: 230px; overflow-y: scroll;}
.terms1 {height: 500px; overflow-y: scroll; padding-right: 30px;}
.terms.hl {height: 500px;}
.terms-dot:before {content: ""; display: inline-block; width: 4px; height: 4px; background-color: #666; border-radius: 2px; margin-right: 5px; position: relative; top: -2px;}
.terms-indent {padding-left: 9px;}
.mr-r100 {margin-right: 100px;}
.mr-r194 {margin-right: 194px;}

/** 상품페이지 -------------------------------- */
.page-nav { margin: 30px 0; }
.page-nav > span { display: inline-block; margin: 0 10px; }
.prd-top-conatiner .left { float: left; width: 510px; }
.prd-top-conatiner .right { float: right; width: 390px; margin-left: 50px; position: relative; }
.prd-thumb-big { width: 510px; height: 408px; overflow: hidden; }
.prd-thumbs > li { float: left; width: 120px; height: 96px; margin: 8px 0 8px 10px; box-sizing: border-box; cursor: pointer; position: relative; }
.prd-thumbs > li:hover { border: 1px solid #494949; box-sizing: border-box; }
.prd-thumbs > li .img-over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.12); }
.prd-thumbs > li.active { border: 1px solid #494949; }
.prd-thumbs > li.active > .img-over { display: none; }
.prd-thumbs > li:first-child { margin-left: 0; }
.prd-title { position: relative; border-bottom: 2px solid #666; padding-bottom: 10px; font-size: 20px; color: #000; }
.prd-title2 { border-bottom: 2px solid #666; padding-bottom: 10px; font-size: 18px; color: #333; }
.prd-title2.fc-16 {font-size: 16px; padding-bottom: 5px}
.prd-title3 { padding-bottom: 10px; font-size: 18px; color: #333; }
.prd-title .posa-rb { font-size: 13px; font-weight: normal; color: #666666; bottom: 5px; }
.prd-form-right { *zoom: 1; padding: 7px 0; border-bottom: 1px solid #ddd; }
.prd-form-right:after { display: block; width: 0; height: 0; content: ''; clear: both; }
.prd-form-right.no-bd { border-bottom: none; }
.prd-form-right > li { float: left; }
.prd-form-right > li:first-child { width: 75px; padding-right: 5px; font-weight:700 color: #333; }
.prd-form-right.pr_hp > li:first-child {width:4em; padding-right: 10px}
.prd-form-right .int-minw1 { min-width: 150px; max-width: 175px }
.prd-form-right .int-minw1-1 { width: 150px; } /*20230413 추가*/
.prd-form-right .int-minw2 { min-width: 110px; }
.prd-form-right .int-minw3 { min-width: 90px; }
.prd-form-right .int-minw4 { min-width: 70px; }
.prd-form-right .int-minw5 { min-width: 50px; }
.prd-form-right .btn-mini { background: #999; color: #fff; border-color: #666; }
.prd-form-right .type-other > .fr { text-align: right; }
.prd-form-right .type-other label { font-weight:700;color: #333; }

.prd-form-right-total { background: #f8f8f8; padding: 20px 20px; text-align: right; border-top: 1px dashed #ddd; position: relative;}
.prd-form-right-total.dis-inb {padding: 10px 40px; border-top: 0;}
.prd-form-right-total.dis-inb2 {padding: 10px 195px; border-top: 0;}
.prd-form-right-total .price { font-weight:700 font-size: 14px; }
.prd-form-right-total .price > span { display: inline-block; width: 110px; }
.prd-form-right-total .price.plus { padding: 5px 0; border-bottom: 1px solid #c9c9c9; position: relative; }
.prd-form-right-total .price.plus:before { position: absolute; top: 3px; left: 12px; content: '+'; font-size: 20px; }
.prd-form-right-total .price.sum { margin: 10px 0 5px; font-size: 15px; }
.prd-form-right-total.tp2 { background: #fff; padding: 40px 20px; border-top: none; }
.prd-form-right-total .btn-esti {position: absolute; left:60px; bottom:25px;}
.order-btn { position: relative; padding-bottom: 15px; }
.order-btn > p { display: none; position: absolute; bottom: -10px; }
.order-btn > .order1:hover + a + p { display: block; }

.prd-relate { padding: 9px 20px; }
.prd-relate .left-rel { float: left; width: 80px; height: 20px; }
.prd-relate .left-rel img { vertical-align: middle; }
.prd-relate .right-rel { float: right; width: 360px; padding: 0; }
.prd-relate .right-rel > span { display: inline-block; margin: 0 10px 5px 0; }

.sec-container { padding: 50px 25px; }
.opt-more-form { padding: 10px 30px; }
.opt-more-form > label { display: inline-block; margin-bottom: 5px; margin-right: 80px}
.opt-more-form-sub { border-top: 1px solid #c7c7c7; background: #f8f8f8; }
.opt-more-form-sub > div { padding: 20px 5px; }
.opt-more-form-sub > div.left { float: left; width: 100px; text-align: center; color: #333; }
.opt-more-form-sub > div.right { float: right; width: 440px; background: #fff; }

.opt-more-form-sub .right-sub { margin-bottom: 5px; }
.opt-more-form-sub .right-sub > label { display: inline-block; width: 60px; }
.opt-more-form-sub .right-sub.type2 > label { float: left; width: 120px; }
.opt-more-form-sub .right-sub.type2 > div { float: right; width: 310px; }
.opt-more-form-sub .right-sub.type3 > label { float: left; width: 70px; }
.opt-more-form-sub .right-sub.type3 > div { float: right; width: 370px; }
.opt-more-form-sub .right-sub .gudol-img { position: absolute; top: 0; right: 0; width: 80px; height: 50px; }
.opt-more-form-sub .right-sub .gudol-img img { height: 50px; width: auto; }
.btns-container { margin-top: 5px; }

.prd-tab-view > li { float: left; width: 20%; box-sizing: border-box; border-left: 1px solid #fff; background: #dbeafa; }
.prd-tab-view.menu6 > li { float: left; width: 16.666666%; box-sizing: border-box;  }
.prd-tab-view > li:first-child { border-left: 0; }
.prd-tab-view > li > a { display: block; position: relative; height: 46px; line-height: 46px; text-align: center; font-size: 14px; }
.prd-tab-view > li > a.active { background: #002b56; font-size: 16px; color: #fff; }
.prd-tab-view > li > a.active:after { position: absolute; bottom: -6px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: #002b56; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.prd-tab-container {box-sizing: border-box; border: 1px solid #dedede; border-top: 0; padding-bottom: 80px; background: #fff;}
.prd-map-container {width:670px; margin: 0 auto;}

.con_emg {width:950px; margin:0 auto;}
.con_emg .icon_emg {position:relative; z-index:1000; top:0px; margin-left:700px;}
/** 영문초록 -------------------------------- */
.en-cho-container { padding: 30px 0 50px; background: white url(/images/ko/img-sub/bg-en-cho-top.png) right 0 no-repeat; min-height: 280px; }
.en-cho-container h2 { font-size: 30px; color: #333; font-weight:700 letter-spacing: 0.3px; margin-bottom: 40px; }
.en-cho-container .info-box { width: 350px; background: #494949; color: #fff; padding: 13px 15px; margin-bottom: 15px; }

/** 마이페이지 -------------------------------- */
.order-process { width: 950px; height: 46px; background: url(/images/ko/img-sub/basket-top-bg.png) 0 0 no-repeat; margin: 10px 0 20px 0; text-indent: -9999px; }
.order-process.step2 { background-position: 0 -46px; }
.order-process.step3 { background-position: 0 -92px; }
.mark-price { position: absolute; right: -26px; width: 40px; height: 40px; background: #ccc; margin-top: -10px; z-index: 2; border-radius: 99px; line-height: 40px; text-align: center; font-size: 28px; color: #fff; }
.mark-price-md { position: absolute; right: -20px; width: 30px; height: 30px; background: #ccc; margin-top: -6px; z-index: 2; border-radius: 99px; line-height: 30px; text-align: center; font-size: 20px; color: #fff; }
.mark-price-md.tp1 {margin-top: -18px}
.basket-2cols > .fl { width: 470px; }
.basket-2cols > .fr { width: 440px; }
.bask-sub-2cols > .fl { width: 205px; }
.bask-sub-2cols > .fr { width: 205px; }
.bask-sub-2cols h5 { line-height: 36px; font-size: 17px; text-align: center; color: #606060; }
.ord-cover-sel { display: inline-block; width: 80px; height: 40px; line-height: 40px; padding-left: 20px; background: #494949; color: #fff; }
.ord-cover-selinfo { display: inline-block; padding: 10px; }
.my-cash-info > div{float: left;}
.my-cash-info > .left {width:35%;}
.my-cash-info > .right {width:65%;}
.my-cash-info .right-list {border-bottom: 1px solid #cdcdcd;}
.my-cash-info .right-list.ty1 {border-bottom: 2px solid #000;}
.my-cash-info .right-list> li {float: left; padding:10px 0; position: relative; }
.my-cash-info .right-list> li.first {width: 18%;}
.my-cash-info .right-list> li.first.half {width: 50%;}
.my-cash-info .right-list> li.second {width: 37%;}
.my-cash-info .right-list> li.last {width: 45%; text-align: right;}
.my-cash-info .right-list> li.half {width: 50%;}
.my-cash-info .helpers {display: inline-block; position: relative; width:30px; height: 30px}
.helpers .show-helpers {position: absolute; left:0; top:0; background: #fff; width:200px; border: 1px solid #e5e5e5; box-shadow: 1px 1px 6px rgba(0,0,0,.25); z-index: 2;display: none}
.helpers .show-helpers h5 {padding: 4px 10px; border-bottom: 1px solid #e5e5e5;}
.helpers:hover > .show-helpers {display: block}

.cash-layer {width:600px; top:-50px; left:0; background: #fff; font-size: 13px; font-weight: normal;}/* bcash layer */
.mycash-ord-lists {width:100%; margin:5px 0; border-top: 1px solid #e5e5e5; display: none}
.mycash-ord-lists li {padding: 3px 6px; border-bottom: 1px solid #e5e5e5; font-size: 12px}

.myinfo-items { padding: 15px 0; border-bottom: 1px solid #e7e7e7; }
.myinfo-items:after { display: table; content: ""; line-height: 0; clear: both; }
.myinfo-items > div {box-sizing: border-box;}
.myinfo-items > .first {float: left; width:15%; font-weight:700 color: #333;}
.myinfo-items > .last {float: right; width:85%;}
.myinfo-items .sub-irems >li {box-sizing: border-box; float: left; padding-bottom: 5px}
.myinfo-items .sub-irems >li.first {width:25%;}
.myinfo-items .sub-irems >li.second {width:75%;}


/* 기타 컨텐츠 페이지  */
.doc-tab-content {margin: 20px 0; border: 5px solid #e5e5e5; background: #fff url(/images/ko/img-common/bg-grid.png);}
.doc-tab-content .tab-content {display: none}
.doc-tab-content .tab-content.active {display: block}
.doc-inner {padding: 70px 40px;}
.doc-inner > div {float: left;}
.doc-inner > .left {width:600px; text-align: center; }
.doc-inner > .right {width:260px;}
/* 분야별 전문관 */
.full-top-field1 {height: 440px; background: url(/images/ko/img-sub/bg-field-top1.jpg) center center no-repeat;}
.full-top-field2 {height: 440px; background: url(/images/ko/img-sub/bg-field-top2.jpg) center center no-repeat;}
.full-top-field3 {height: 440px; background: url(/images/ko/img-sub/bg-field-top3.jpg) center center no-repeat;}
.full-top-field4 {height: 440px; background: url(/images/ko/img-sub/bg-field-top4.jpg) center center no-repeat;}
.full-top-field5 {height: 440px; background: url(/images/ko/img-sub/bg-field-top5.jpg) center center no-repeat;}

.spc-filed-cont1 {padding: 60px 0 50px;}
.list-3col > li {float: left; width: 300px; margin-left: 25px}
.list-3col > li:first-child {margin-left: 0}
.list-2col > li {float: left; width: 463px;}
.list-2col > li:first-child {margin-right: 24px}
.list-3col > li > a, .list-2col > li > a {display: block;position: relative;}
.list-over {position: absolute; width:100%; height: 100%; top:0; left:0; background: rgba(0, 0, 0, 0.3); display: none}
.list-over .over-txt {position: absolute; bottom:15px; left:15px; color: #fff; text-align: left;}
.list-3col > li > a:hover > .list-over, .list-2col > li > a:hover > .list-over {display: block}
/** -------------------------------- common styles -------------------------------- */
.det-view-open { display: inline-block; width: 36px; height: 26px; background: url(/images/ko/img-common/sp1.png) 0 0 no-repeat; background-position: 0 -140px; text-indent: -9999px; }
.det-view-close { background-position: 0 -166px; }
.content-in { padding: 30px 25px; }
.container-in1 { padding: 20px; }
.line-gray { border-bottom: 1px solid #e7e7e7; }

/* tab style */
.tab-content {display: none}
.tab-content.active {display: block}
.tab-menu { border-bottom: 1px solid #e5e5e5; }
.tab-menu > li { float: left; }
.tab-menu > li > a { display: block; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #f8f8f8; padding: 4px 30px; color: #222; font-weight:700 letter-spacing: -0.5px; position: relative; }
.tab-menu > li > a:first-child { border-left: 1px solid #e5e5e5; }
.tab-menu > li > a.active { background: #fff; }
.tab-menu > li > a.active:after { position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff; content: ''; }

.tab-menu2 { border-bottom: 1px solid #e5e5e5; border-top: 2px solid #494949; }
.tab-menu2 > li { float: left; }
.tab-menu2 > li > a { display: block; box-sizing: border-box; border-right: 1px solid #e5e5e5; background: #f8f8f8; color: #222; font-weight:700 letter-spacing: -0.5px; position: relative; }
.tab-menu2 > li > a:first-child { border-left: 1px solid #e5e5e5; }
.tab-menu2 > li > a.active { background: #fff; color: #0091dc; border-right: 1px solid #494949; }
.tab-menu2 > li > a.active:before { position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background: #494949; content: ''; }
.tab-menu2 > li > a.active:after { position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff; content: ''; }
.tab-menu2.faq > li { width: 14.2857142%; text-align: center; line-height: 34px; }
/* 블루 탭 */
.tab-menu-ds > li { float: left; width: 50%; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; border-left: 1px solid #fff;}
.tab-menu-ds > li:first-child {border-left: 0;}
.tab-menu-ds.menu-4 > li {width: 25%;}
.tab-menu-ds.menu-4-1 > li {width: 25%; border-left: 0; padding-left: 10px; height: 46px; line-height: 46px}
.tab-menu-ds.menu-4-1 > li:first-child {padding-left: 0}
.tab-menu-ds.menu-1 > li {width: 100%;}
.tab-menu-ds.menu-3 > li {width: 33.33333333%;}
.tab-menu-ds > li > a { display: block; width: 100%; height: 100%; background: #e5e5e5; font-size: 15px; font-weight:700 letter-spacing: -0.5px; }
.tab-menu-ds > li > a.active { background: #0091dc; color: #fff; }
.tab-menu-ds.col2 > li { width: 50%; box-sizing: border-box; padding-left: 2px; }
.tab-menu-ds.col2 > li:first-child { padding-left: 0; }
.tab-menu-ds.col3 > li { width: 33.3333%; box-sizing: border-box; padding-left: 2px; }
.tab-menu-ds.col3 > li:first-child { padding-left: 0; }
.tab-menu-ds.ty2 > li > a { font-size: 13px; font-weight:700 letter-spacing: -0.5px; }
.tab-menu-ds.ty2 > li > a.active { background: #d5d5d5; color: #2f72b6; }
/* 다크그레이 탭 */
.tab-menu-ds.ty3 > li > a.active { background: #494949; color: #fff;}
.tab-menu-ds.ty3 > li > a {position: relative;}
.tab-menu-ds.ty3 > li > a.active:after {position: absolute; bottom:-10px; left:50%; margin-left: -10px; width:20px; height: 20px; background: #494949; content: ""; -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);}

.tab-menu-ds.ty4 > li > a { font-size: 13px; font-weight:700 letter-spacing: -0.5px; }
.tab-menu-ds.ty4 > li > a.active { background: #494949; color: #fff; }

a.no-link {cursor: default;}
.no-data { padding: 60px 20px; background: #f8f8f8; font-size: 18px; color: #333; text-align: center; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.ico-new { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background: url(/images/ko/img-common/sp1.png) -20px -360px no-repeat; vertical-align: top; }
.ico-close { display: inline-block; width: 30px; height: 30px; text-indent: -9999px; background: url(/images/ko/img-common/sp1.png) -110px -100px no-repeat; }
.ico-required:after { position: absolute; right: 0; top: 0; content: '*'; color: #ff595b; font-weight: normal; font-size: 18px; }
.ico-check { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; font-size: 20px; color: rgba(0, 0, 0, 0.7); }
.main-lists li { border-bottom: 1px solid #dbdbdb; line-height: 28px; }
.main-lists li > a { display: block; background: url(/images/ko/img-common/bg-dot.png) 0 50% no-repeat; padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/** -------------------------------- 마이페이지 구분자 mp 주문내역등 -------------------------------- */
.mp-ord-container {padding-top: 50px}
.mp-ord-terms > li {float: left;}
.mp-ord-terms > li:first-child {width: 86px;}
.mp-ord-terms > li.last{float: right; width: 590px;}
.td-ordnum {text-align: right !important; padding-right: 10px !important}
.cacul-view { position: relative; cursor: pointer;}
.cacul-view:after { position: absolute; top: 12px; right: 12px; width: 17px; height: 14px; content: ''; background: url(/images/ko/img-common/down-black-m.png) 0 0 no-repeat;}
.open.cacul-view:after { background-image: url(/images/ko/img-common/up-black-m.png); }
#cacul-det {display: none}
.mp-ord-top-info {text-align: center; background: #dbeafa; color: #333; padding: 10px 0; font-size: 12px}
.mp-ord-top-date {text-align: center; line-height: 88px; background-color: #dbeafa; border-left: 1px solid #002b56; font-size: 22px; color: #d31010; font-weight:700}

/* 제품정보 이미지로 대치 */
.prd-info-font {font-size: 11px; color: #2f72b6}
.prd-info-font span {display: inline-block; margin-right: 8px}

/* 바코드 */
.admin-bar.admin-bartb tr {border-top: 0;}
.admin-bar.admin-bartb td {border: 0; height: auto; padding: 0;}
.admin-bar.admin-bartb img {margin-top: 0; max-width: 1000%; min-height: 15px;}
.barcodefl h3, .barcodetb, .barcodefl h4 {float: left;}
.barcodefl h3, .barcodefl h4 {margin-right: 20px; line-height: 40px;}
.barcodetb table {width: auto; /*text-align: center;*/ font-size: 13px;}

/** -------------------------------- 모달 윈도우 & view layer -------------------------------- */
.over-dim-layer { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 100}

/* 모달작은 창 */
.modal-input { position: fixed; top: 50%; left: 50%; background: #fff; width: 400px; height: 200px; padding: 50px 20px;  margin-left: -200px; margin-top: -100px; text-align: center; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }

.modal-input .close { position: absolute; top: 5px; right: 5px; }
.modal-input .close.is2 {position: absolute; top:10px; right: 10px;}
.modal-input.is2 {top:100px; margin-top: 0;}
.modal-input.is3 {top:100px; margin-top: 0; width: 500px; height: 540px; background: #f8f8f8; margin-left: -250px; padding:0;}

/* 모달디폴트-absolute 창 */
.modal-page-default { position: absolute; top: 150px; left: 50%; background: #fff; width: 500px; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }
.modal-page-default.w700 { width: 700px; margin-left: -485px; top: 60px; }
.modal-page-default.w710 { width: 710px; margin-left: -355px; top: 60px; }
.modal-page-default.cal-temp-down {width:550px;}

/* 모달디폴트-fix 창 */
.modal-fix-default { position: fixed; top: 50%; left: 50%; background: #fff; width: 500px; margin-left: -250px; margin-top: -100px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }
.modal-fix-default.w500 { width: 500px; margin-left: -250px; }
.modal-fix-default.w600 { width: 600px; margin-left: -300px; }
.modal-fix-default.w700 { width: 700px; margin-left: -350px; }
.modal-fix-page-attend {position: fixed; width:600px; left:50%; top:0; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }
.modal-fix-default .close {position: absolute; top:5px; right: 5px;}

/*#login-page { position: absolute; top: 150px; left: 50%; background: #fff; width: 500px; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }*/
#login-page {position: fixed; top:50%; left: 50%; background: #fff; width: 500px; margin-left: -250px; margin-top: -150px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none;}
#custopm-print-container { position: absolute; top: 80px; left: 50%; background: #fff; width: 970px; margin-left: -475px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }

.ct-print-area { padding: 20px; }
.ct-print { width: 100%; display: none; }
.view-layer { position: absolute; display: none; z-index: 999; background: #fff;}
.view-layer.print-info { top: 20px; left: 50px; width: 250px; }
.layer-title1 { font-size: 16px; color: #fff; padding: 16px 20px; background: #0091dc; }
.layer-title2 { font-size: 16px; color: #fff; padding: 12px 20px; background: #002b56; }
.layer-close { display: block; position: absolute; width: 26px; height: 26px; top: 8px; right: 10px; background: url(/images/ko/img-common/sp1.png) 0 -191px no-repeat; text-indent: -9999px; cursor: pointer; }
.layer-close.stype { top: 0; right: 0; width: 20px; height: 20px; background-position: -26px -191px; }
.page-attend { background: #fff; width: 600px; top: 0; }
.gpage-set { background: #fff; width: 600px; top: 0; }
.pgcolor1-set, .pgcolor2-set {width:600px; top:-100px;}

/* 옵션도움말 팝업 */
.pop-opt {padding: 40px; width:470px;}
.pop-opt h2 {font-size: 18px; color: #333; line-height: 1; padding-bottom: 10px; border-bottom: 2px solid #494949; margin-bottom: 18px;}
.pop-opt .pop-opt-exp {margin-bottom: 5px}
.pop-opt .pop-opt-exp.row30 {margin-bottom: 30px}
.pop-opt .pop-opt-exp > .left {float: left; width: 220px;}
.pop-opt .pop-opt-exp > .right {float: right; width: 240px; letter-spacing: -0.5px}
.pop-opt h3 {font-size: 18px; color: #333; line-height: 1; margin-bottom: 10px;}
.pop-opt .pop-opt-eximg {box-sizing: border-box; border: 1px solid #494949; width:470px;}

/* 견적서 팝업 */
.esti-container{padding: 10px; font-size: 14px; color: #464646;}
.esti {padding: 25px; border: 2px solid #333; box-sizing: border-box; margin-bottom: 10px;}
.esti h2 {font-size: 36px; font-weight: 700; text-align: center; letter-spacing: 15px; font-family: 'Noto Serif KR', serif; margin-bottom: 40px; color: #000;}
.esti h4 {font-size: 16px;}
.esti .blc-is1 {margin-bottom: 15px;}
.esti .blc-is1 .left {float: left; width: 28%;}
.esti .blc-is1 .left > div {border-bottom: 1px solid #333}
.esti .blc-is1 .right {float: right; width: 68%; position: relative;}
.esti .blc-is1 .dis-inb.is1{width: 4.5em;}
.esti .blc-is1 .dis-inb.is1 >strong {letter-spacing: 13px;}
.esti-container .str {font-weight: 700; color: #000;}
.tb-esti th, .tb-esti td {border: 1px solid #bbb; padding-left: 0.4em;}
.tb-esti th {background: #e5e5e5; font-size: 13px}
.tb-esti td {font-size: 13px;}
.esti .blc-is1 .seal {position: absolute; top:-15px; right: 81px; width:48px; height:48px; /*background: url(/images/ko/img-common/kstudy-seal.png) 0 0 no-repeat; -webkit-background-size: cover;
background-size: cover;*/}
.tb-esti.is2 th {border-bottom: 0}
.tb-esti.is2 td {text-align: center}
.tb-esti.is2 td.t-l, .tb-esti.is2 th.t-l {text-align: left}
.tb-esti.is2 td.t-r {text-align: right; font-weight: 700;}
.tb-esti.is2 tr.item td {background: #f2f2f2; text-align: left; padding-left: 240px;}
.tb-esti.is2 tr.item td .is1 {padding-right: 140px;}
.tb-esti.is2 tr.item td .is2 {padding-right: 152px;}
.esti-container .total-box {text-align: left;}

.esti-container .total-box .total strong {font-weight: 900; color: #0091dc; font-size: 17px}


/* ---------------------갤러리 예전 버전 -------------------- */
#sampWrap {width:900px; margin:10px auto 50px; border: 1px solid #dcdcdc; padding:20px 0; }
#sampWrap h2 {padding:10px 0 20px 15px;}
#sampWrap h3 {padding:0 0 20px 0; text-align:center; }
.sample-gallery-menu {background: #eee; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-bottom: 40px; }
.sample-gallery-menu li {float: left; width: 110px; height: 46px; text-align: center; }
.sample-gallery-menu li  a {position: relative; display: block; height:20px; margin-top:13px; border-left:1px solid #dcdcdc; color: #666; }
.sample-gallery-menu li  a:after {display: block; content: ''; width:1px; height:20px; background: #fff; position: absolute; top:0; right:-2px; }
.sample-gallery-menu li  a:hover, .sample-gallery-menu li  a.select {color: #5283c6; font-weight:700 letter-spacing: -1px; }
.sample-gallery-menu li:first-child  a{border-left: none; }


/* -------------------------제작 가이드 -------------------------------- */
.guide-top {height: 250px; background: #dbeafa url(/images/ko/img-sub/bg-guide-top.jpg) center center no-repeat;}
.container.guide-container {margin-top: -45px}
.guide-tab-menu > li {float: left; width: 20%;}
.guide-tab-menu > li > a {display: block; height: 45px; line-height: 45px; box-sizing: border-box; background: #f8f8f8; font-size: 16px; color: #666; text-align: center; border: 1px solid #ddd; border-left: 0;}
.guide-tab-menu > li:first-child > a {border-left: 1px solid #ddd;}
.guide-tab-menu > li > a.active {background: #fff; border-bottom: 1px solid #fff; color: #0091dc;}
.guide-h-title {font-size: 26px; text-align: center; color: #333;}

.guide-h-title img {vertical-align: middle}
.guide-sec1 {text-align: center;}
.guide-sec1 img {vertical-align: middle}
.guide-sec1 .txt {display:inline-block; font-size: 19px; margin: 0 20px; border-bottom: 2px solid #494949; font-weight:700 line-height: 2}

.guide-sec2 {width: 930px; margin: 0 auto;}
.guide-txt-block {padding-left: 87px; font-size: 12px; line-height: 1.8;}
.guide-txt-block.oth {padding-left: 20px}
.guide-txt-block > li {margin-bottom: 15px}
.guide-txt-block .sub {padding-left: 58px;}
.guide-txt-block mark, .guide4-list mark {background: #dbeafa; color: #666;}

.guide-col2-block > li {float: left; font-size: 12px}
.guide-col2-block > li.col1 {width: 460px; padding-right: 10px}
.guide-col2-block > li.col2 {width: 480px;}

.guide-sub-txt-block {padding-left: 1em}
.guide-sub-txt-block > li.arr {padding-left: 70px}

.guide4-list{padding-left: 90px}

/* ------------------------- 이용후기 -------------------------------- */
.review-srt-sch {padding: 40px 30px; text-align: center;}
.review-srt-sch .srt {line-height: 1; margin-bottom: 20px}
.review-srt-sch.gsch .srt {margin-bottom:0}
.review-srt-sch .srt > a {padding: 0 10px; font-size: 14px; border-right: 1px solid #b8b8b8; color: #999}
.review-srt-sch .srt > a.last {border-right: 0;}
.review-srt-sch .srt > a.active {color: #333;}
.review-srt-sch .sch input, .review-srt-sch .sch button {height: 30px}
.review-srt-sch .sch input {border: 1px solid #999; width: 295px;}

.review-list-container {position: relative;}
.review-list {position: absolute; width: 230px; border: 1px solid #ddd; background: #f8f8f8; box-sizing: border-box;}
.review-list .best, .review-list1 .best {position: absolute; top:0; left:0;}
.review-list .prd-name, .review-list1 .prd-name {position: absolute; bottom:127px; left:0; width:100%; height: 40px; line-height: 40px; overflow: hidden; background: rgba(0, 0, 0, 0.25); padding-left: 10px;color:#fff; font-size: 16px; box-sizing: border-box;}
.review-list .txt, .review-list1 .txt {height: 127px; box-sizing: border-box; padding: 15px 10px; overflow: hidden}
.review-list .txt h5, .review-list1 .txt h5 {font-size: 13px; height: 13px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review-list .txt .desc, .review-list1 .txt .desc {margin: 13px 0; height: 34px; line-height: 17px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.review-list .foot, .review-list1 .foot {padding-top: 15px;  border-top: 1px dashed #ccc; font-size: 11px; color: #999}

.view-review {width: 740px; top:50px; margin-top: 0; margin-left: -370px; background: #fff;}
.view-review h3{background: #0091dc; padding-left: 20px; height: 53px; line-height: 53px; color: #fff; font-size: 18px}
.review-content {padding: 1em;}
.review-content .heading {border-bottom: 2px solid #494949; padding-bottom: 5px}

.review-content .heading h5 {font-size: 14px; color: #333; white-space: nowrap;}
.review-content .heading span {font-size: 11px; color: #999; line-height: 30px}
.review-content .s-link {padding: 10px 0; border-bottom: 1px solid #cdcdcd; font-size: 12px; color:#333;}
.review-content .heading h5 .best {background: #ff595b; color: #fff; padding: 0.3em 0.6em; line-height: 1}
.review-content .content {height: 440px; overflow-y: scroll; padding: 20px 15px;}
.review-content .comment {padding: 1.5em 1em 1em 1em;}
.review-comment-in textarea {width: 100%; color: #0091dc;}
.review-comment-in textarea.invis{border: 0; resize: none;}
.review-comment-in textarea.invis:focus {box-shadow: none; border: 0; background: #fff;}

.link-prd {border-top: 2px solid #494949; padding: 20px 40px; background: #f8f8f8;}
.link-prd > .prd {float: left; width: 120px; text-align: center; margin-right: 40px}
.link-prd > .link {float: left;width: 500px;}
.link-prd > .link .link-container > div {float: left; width: 120px; margin-right: 10px; text-align: center}

.pop-reord .posa-rt {top:40px; right: 20px;}


/* 이전 이용후기 가공 */
.tb-prereview tr {border-bottom: 1px dashed #ccc;}
.tb-prereview tr td {vertical-align: top; padding: 1em;}
.tb-prereview tr.tr-row2 {border-bottom: 1px solid #ccc;}
.tb-prereview tr.tr-row2 td {color: #9d9d9d; padding-top: 0.5em}
.tb-prereview tr.tr-row2 td:first-child {padding-left: 2em}
.tb-prereview a {color: #0091dc;}
.tb-prereview .fs-small1 {color: #9d9d9d;}

.pre-review-box {position: relative; background: #f8f8f8; border: 1px solid #ddd; text-align: center; letter-spacing: -0.3px}
.pre-review-box.box1 { padding: 35px 0 28px;}
.pre-review-box.box2 { padding: 35px 0 22px;}
.pre-review-box .hover {position: absolute; top:0; left:0; width:100%; height: 100%; background-color:rgba(0,0,0,0.5);box-sizing: border-box; opacity:0; transition:opacity .3s ease-out; cursor: pointer;}
.pre-review-box .hover .line1 {position:absolute; top:3%; left:1.5%; width:97.2%; height:94%; border-top:1px solid #efefef; border-bottom:1px solid #efefef; opacity:0;  transform:scale(0,1); transition:transform .4s ease-out .2s,opacity .4s ease-out;}
.pre-review-box .hover .line2 {position:absolute; top:3%; left:1.5%; width:97%; height:94.2%; border-left:1px solid #efefef; border-right:1px solid #efefef; opacity:0;  transform:scale(1,0); transition:transform .4s ease-out .2s,opacity .4s ease-out;}
.pre-review-box.box2 .hover .line1 {top:3%; left: 3%; width:94.2%; height: 94%}
.pre-review-box.box2 .hover .line2 {top:3%; left: 3%; width:94%; height: 94.2%}
.pre-review-box:hover .hover {opacity: 1}
.pre-review-box:hover .line1 {transform:scale(1,1); opacity:1;}
.pre-review-box:hover .line2 {transform:scale(1,1); opacity:1;}
.pre-review-box .title {position: relative; font-size: 14px; color: #333; padding-bottom: 10px; margin-bottom: 15px}
.pre-review-box .title:after {position: absolute; left:50%; bottom:0; width: 76px; height: 1px; margin-left: -38px; background: #494949; content: ''}
.pre-review-box mark {background: #deeece; color: #666;}
.pre-review-2col > div {float: left; width:50%;}
.pre-review-2col > div .pre-review-box {border-top: 0;}
.pre-review-2col > div:first-child .pre-review-box {border-right: 0;}

/* =========================== 글로벌 검색 ============================ */
.gsch-list-container > h3 {font-size: 18px; color: #333; line-height: 1; padding-bottom: 10px; border-bottom: 2px solid #494949;}
.gsh-list-prd {border-bottom: 1px solid #cdcdcd;}
.gsh-list-prd li {float: left; box-sizing: border-box; padding: 10px;}
.gsh-list-prd li.col1 {width: 142px;}
.gsh-list-prd li.col2 {width: 808px; font-size: 14px; color: #333;}

.gsh-list-info {border-bottom: 1px solid #cdcdcd; padding-bottom: 15px}
.gsh-list-info li {float: left; box-sizing: border-box; padding: 10px;}
.gsh-list-info li.col1 {width: 170px;}
.gsh-list-info li.col2 {width: 780px; font-size: 12px}
.gsh-list-info li.col2 a {color: #333; text-decoration: underline; display: block; padding-bottom: 5px}

/* animate 효과  */
.ani-line-box {position: relative; box-sizing: border-box;}
.ani-line-box .hover {position: absolute; top:0; left:0; width:100%; height: 100%; background-color:rgba(0,0,0,0.08);box-sizing: border-box; opacity:0; transition:opacity .3s ease-out; cursor: pointer; box-sizing: border-box;}
.ani-line-box .hover .line1 {position:absolute; top:-2.5%; left:-2.5%; width:105%; height:105.4%; border-top:3px solid #0190dc; border-bottom:3px solid #0190dc; opacity:0;  transform:scale(0,1); transition:transform .4s ease-out .2s,opacity .4s ease-out; box-sizing: border-box;}
.ani-line-box .hover .line2 {position:absolute; top:-2.5%; left:-2.5%; width:105.4%; height:105%; border-left:3px solid #0190dc; border-right:3px solid #0190dc; opacity:0;  transform:scale(1,0); transition:transform .4s ease-out .2s,opacity .4s ease-out; box-sizing: border-box;}
.ani-line-box.oth1 .hover .line1 {top:0%; left:0%; width:100%; height:100%;}
.ani-line-box.oth1 .hover .line2 {top:0%; left:0%; width:100%; height:100%;}

.ani-line-box.def .hover .line1 {top:0%; left:0%; width:100%; height:100%;}
.ani-line-box.def .hover .line2 {top:0%; left:0%; width:100%; height:100%;}

.ani-line-box:hover .hover {opacity: 1}
.ani-line-box:hover .line1 {transform:scale(1,1); opacity:1;}
.ani-line-box:hover .line2 {transform:scale(1,1); opacity:1;}
.custom-hover:hover {box-shadow: 0 6px 7px rgba(0,0,0,0.23);}

/* 회원약관 단 수정 */
.policy-outer {padding: 2em; border: 1px solid #e5e5e5;}
.policy-outer > div {position: relative; font-size: 15px; color: #555;margin-bottom: 1.5em}
.policy-inner {padding: 1em;}
.policy-inner > div {margin-bottom: 1em; position: relative; font-size: 14px}
.policy-outer .view-toggle {position: absolute; width:4em; height: 1.5em; right:3em; top:0; cursor: pointer; text-decoration: underline; color: #5183c3; text-align: center}
.policy-outer .view-toggle.hide {display: none}
.policy-outer .view-contents {padding: 1em; font-size: 13px;  display: none}
.policy-outer .view-contents.sub {border: 1px solid #e5e5e5; background: #fefdfd; margin-top: 1em}

/* main top ban */
.main-top-ban-container {position: relative;height: 60px; background: #10bfb3;}
.main-top-ban-container .text-right {padding-top: 8px}
.main-top-ban-container .text-center {padding-top: 10px}
.top-ban-close {position: absolute; left: 50%; margin-left: 485px; top:20px;}
.topban-chk {position: absolute; left: 50%; margin-left: 515px; top:20px; width: 150px;}
.main19-top-ban01 {width:100%; height:80px; background:url("/images/ko/img-main/220908_banner_top.png") center center no-repeat;}

/* 상품페이지 - 학급문집추가 1708 */
.layer-text {font-size: 12px; font-weight: normal;}
.cover-text {color: #0091dc; font-size: 12px; line-height: 25px; margin: 0 10px 0 5px;}
.btn-cover-edit {width: 74px; height: 18px; background: url(/images/ko/img-common/btn-cover-edit.png) no-repeat; border: none;}
.cover-lh25 {line-height: 25px;}
.cover-mgr5 {margin-right: 5px;}
.cover-mgr8 {margin-right: 8px;}
.cover-top {height: 40px; line-height: 40px; padding: 0 20px; background-color: #f8f8f8; color: #777; font-size: 12px; min-width: 700px;}
.icon-premium {display: inline-block; width: 56px; height: 22px; background: url(/images/ko/img-prd/icon-premium.jpg) no-repeat; position: relative; top: 9px; text-indent: -9999px;}
.text-underline {position: relative;}
.text-underline:after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #fff;}
.cover-scroll {width: 100%; height: 735px; overflow-y: scroll;}

.cover-wrap {padding: 20px 0 3px;}
.cover-prd {width: 820px; margin: 0 auto; position: relative; left: -19px; text-align: center; font-size: 12px; color: #333; line-height: 1;}
.cover-prd li {float: left; margin-left: 38px; margin-bottom: 15px;}
.cover-img {width: 126px; height: 184px; line-height: 184px; margin-bottom: 10px; position: relative; text-align: left; box-sizing: border-box;}
.cover-img img {max-width: 124px; max-height: 178px; vertical-align: middle; border: 1px solid #e7e7e7;}


.cover-title {width: 123px; height:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.cover-price {color: #ff595b; margin-top: 4px;}
.cover-img .icon-premium {position: absolute; top: 4px; right: 5px;}
.cover-img .cover-line1 {position:absolute; width: 126px; height: 184px; top: -1px; left: -2px; border-top:3px solid #0190dc; border-bottom:3px solid #0190dc; opacity:0; transform:scale(0,1); transition:transform .4s ease-out .2s,opacity .4s ease-out; box-sizing: border-box;}
.cover-img .cover-line2 {position:absolute; width: 126px; height: 184px; top: -1px; left: -2px; border-left:3px solid #0190dc; border-right:3px solid #0190dc; opacity:0; transform:scale(1,0); transition:transform .4s ease-out .2s,opacity .4s ease-out; box-sizing: border-box;}
.cover-img:hover .cover-line1 {transform:scale(1,1); opacity:1; top:-1px}
.cover-img:hover .cover-line2 {transform:scale(1,1); opacity:1; top:-1px}
.cover-active .cover-line1, .cover-active .cover-line2 {transform:scale(1,1); opacity: 1; top:-1px}
/*캘린더 미리보기 추가 202010.15*/
.cover-prd.cal-prd {width: 620px}
.cover-img.cal1 {width: 250px; height: 185px;  border: 1px solid #d2d2d2; margin: 10px; box-sizing: border-box}
.cover-img.cal1 img {max-width: 248px; max-height: 180px; border: 0;}
.cover-scroll.cal {height: 260px}
.cover-img.cal1 .cover-line1 {width: 251px; height: 185px;}
.cover-img.cal1 .cover-line2 {width: 251px; height: 185px;}
.cal-preview {width: 100%; margin: 10px auto 10px;height: 380px; overflow-y: scroll; border-top: 2px solid #d2d2d2; padding: 15px 0}


.cover-btn {text-align: center; background-color: #f8f8f8; border-top: 2px solid #494949; height: 70px; line-height: 65px;}
.cover-btn1 {width: 65px; height: 33px;}
.cover-btn2 {width: 108px; height: 33px; padding: 0; margin-left: 7px;}
.cover-top1 {height: 40px; line-height: 40px; padding: 0 20px; background-color: #f8f8f8; color: #000; font-size: 14px; min-width: 500px; position: relative; font-weight:700}
.cover-mgl8 {margin-left: 8px;}
.btn-cover {width: 109px; height: 25px; background: url(/images/ko/img-prd/btn-cover-off.png) no-repeat; text-indent: -9999px; border: 0; position: absolute; top: 7px; right: 10px; outline: 0;}
.btn-cover1 {background: url(/images/ko/img-prd/btn-cover-on.png) no-repeat;}
.cover-bg {background-color: #f8f8f8;}
.cover-bg1 {background-color: #fff; padding: 20px 0;}
.cover-img1 {height: 402px; line-height: 398px; text-align: center; position: relative;}
.cover-img1 img {max-height: 400px; vertical-align: middle; /*border: 1px solid #e9e9e9;*/ box-sizing: border-box;}
.cover-img2 {position: absolute; width: 100%;}
.cover-img-off {display: none;}
.cover-form {border-top: 2px solid #494949; box-sizing: border-box;}
.cover-form1 {padding: 20px 0 0 50px; min-width: 830px;}
.cover-fl {margin-bottom: 6px;}
.cover-fl div {float: left; line-height: 25px;}
.cover-fl label {color: #000; font-weight:700}
.cover-label {width: 50px;}
.cover-label1 {width: 163px; margin-right: 10px;}
.cover-select {width: 112px; margin-right: 10px;}
.cover-input, .cover-file, .cover-textarea {width: 610px;}
.cover-select select, .cover-input input {height: 25px; width: 100%; font-size: 12px;}
.cover-input input {padding: 0 10px;}
.cover-input input::-webkit-input-placeholder {font-size: 11px;}
.cover-file input {width: 100%; height: 25px; vertical-align: middle;}
.cover-textarea textarea {width: 100%; height: 65px; padding: 10px;}
.cover-mgt10 {margin-top: 10px;}
.cover-mgt15 {margin-top: 15px;}
.cover-btn3 {width: 160px; height: 33px; padding: 0;}
.cover-btn4 {width: 108px; height: 33px; padding: 0; margin-left: 7px;}
.cover-file1 {width: 510px;}
div.cover-flr {float: right;}
.img-box {position: relative; margin:0 auto; width: 700px; height: 400px; overflow: hidden;}
.img-box > .zoom-in-img {position: absolute; left: 50%; top:0; width: 700px; height: 400px; margin-left: -350px; border: 1px solid #e7e7e7;  box-sizing: border-box; display: none; cursor: crosshair;}
.inner-tb {height: 400px;}
.inner-tb img {border: 1px solid #e7e7e7;}
.cover-title1 {height: 50px; line-height: 50px; padding: 0 10px 0 35px; background-color: #002b56;}
.cover-text1 {float: left; font-weight:700 font-size: 16px; color: #fff;}
.cover-text2 {float: right; font-size: 12px; color: #fff;}
.cover-text2 span {color: #fff;}
.cover-text2 .icon-premium {top: 13px;}
.cover-menu, .cover-tab {height: 40px; line-height: 40px; padding: 0 20px; background-color: #dbeafa;}
.cover-menu li {float: left; position: relative;}
.cover-menu a, .cover-tab a {display: inline-block; padding: 0 20px; font-size: 15px; color: #494949; font-weight:700}
.cover-menu li:before, .cover-tab li:before {content: ""; display: inline-block; width: 1px; height: 13px; position: relative; top: 2px; background-color: #494949;}
.cover-menu li:first-child:before, .cover-tab li:first-child:before {display: none;}
.cover-menu li:hover:after, .cover-on:after, .cover-tab li:hover:after, .cover-tab .active:after {content: ""; display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -5px; width: 11px; height: 6px; background: url("/images/ko/img-prd/cover-arrow.png") no-repeat;}
.cover-menu a:hover, .cover-on a, .cover-tab .active {color: #2f72b6;}
.cover-wrap1 .cover-scroll {display: none;}
.cover-wrap1 .cover-on1 {display: block;}
.cover-price1 {color: #888; margin-top: 4px;}
.cover-tab li {display: inline-block; position: relative;}


/* 옵셋인쇄단(ops) 추가 201711~ */
.page-color-set2 > .left {float: left; width: 116px; margin-right: 3px; height: 150px}
.page-color-set2 > .right {float: left; width: 197px; height: 150px;}
.page-color-set2 > div {box-sizing: border-box; border: 1px solid #d3d3d3;}
.page-color-set2 > div>h6 {background: #ededed; text-align: center; height: 32px; line-height: 32px}

.gpage-set3 {position: fixed; width: 600px; margin-left: -300px;/* display: none;*/ z-index: 999}
.ops-pg-color {width: 650px;}
.ops-pg-color {width: 650px;}
.ops-pg-color .img {padding: 6px 0; height: 100px; text-align: center}
.ops-pg-color .img+.form {padding: 0 0 4px 4px; text-align: center;}

.tb-ops-page-container {margin-bottom: 10px;}
.tb-ops-page-container .left-tb {float: left; width: 53px;}
.tb-ops-page-container .right-tb {float: left; width: 600px;}
.tb-ops-page-sel th, .tb-ops-page-sel td {border: 1px solid #e5e5e5; background: #fff; font-size: 11px; color: #555; text-align: center; padding:2px; height: 30px}
.tb-ops-page-sel th {width: 50px; border-right: 0;}
.tb-ops-page-sel td {cursor: pointer;}
.tb-ops-page-sel td.selected {background: #fff; color: #787878;}
.tb-ops-page-sel td.selected.is4 {background: #ffcd46; color: #333;}
.tb-ops-page-sel td.selected.is3 {background: #a3dcf0; color: #333;}
.tb-ops-page-sel td.selected.is2 {background: #f5b4d8; color: #333;}
.tb-ops-page-sel td.selected.is1 {background: #cdcdcd; color: #333;}

/* 2018 ~ */
.helper-injun h6 {font-size: 20px; font-weight: 300; margin-bottom: 20px;}
.helper-injun h6 > span {display: inline-block; border-bottom: 1px solid #494949}
.helper-injun mark {background: #dbeafa; color: #222;}
.evt-0804 {font-size: 14px;}
.evt-0804 .title {color: #333; margin-bottom: 20px;}
.evt-0804 .grp-form input {width: 420px;}
.evt-0804 .grp-form input, .evt-0804 .grp-form button {border: 1px solid #d8d8d8; height: 30px; background: #f8f8f8; color: #666;}
.evt-0804 .grp-form button {background: #fff; margin-left: -7px; margin-top: -1px;}
.line-ellip {height: 20px; width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box-sp {padding: 1em; background: #f8f8f8; border: 1px solid #d3d3d3;}
.box-sp-in {position: absolute; right: 10px; top:5px;}
.page-color-set3 {border: 1px solid #d3d3d3; background: #fff; padding: 1em 4em; height: 150px; box-sizing: border-box;}
.h-mass-tip {padding: 5px 15px; background: #0091dc; color: #fff; text-align: left;}
.cover-sel-container {padding: 30px 10px;}
.cover-sel-box {padding: 80px 50px; box-sizing: border-box; background: white url(/images/ko/img-common/bg-grid.png) 0 0; border: 1px solid #494949;}
.off-cover-sel.tb>.rows>.cells {vertical-align: top; text-align: center;}

.smart-form .covers3 { box-sizing: border-box; width: 200px; height: 192px; background: #f8f8f8; border: 1px solid #e2e2e2; padding-top:30px; text-align: center;}
.gd-tr-tab >li {float: left; width: 50%; height: 60px; line-height: 60px; text-align: center;}
.gd-tr-tab >li > a {display: block; height: 60px; line-height: 60px; background: #335d90; font-size: 20px; font-weight:800; color: #fff;}
.gd-tr-tab >li > a.active {background: #fff; color: #335d90;}
.gu-tr-ban {position: absolute; left: 50%; margin-left: 500px; top:95px;}

/* 1904 메인 리뉴얼 */
.main19-wrap {font-family:"Noto Sans KR", sans-serif;}
.main19-contents {width: 1200px; margin: 0 auto;}
.main19-spr {display: inline-block; background: url("/images/ko/img-main/main19-spr.png"); text-indent: -9999px;}
.main19-top {position: relative; z-index: 2; height: 36px; min-width: 1200px; line-height: 33px; background-color: #274b70;}
.main19-guide, .main19-guide li, .main19-menu li {float: left;}
.main19-guide a {display: inline-block; width: 100%;}
.main19-guide img {vertical-align: middle;}
.main19-menu {float: right;}
.main19-menu li:before {content: ""; display: inline-block; position: relative; top: 1px; width: 1px; height: 10px; background-color: #9aa9ac;}
li.main19-menu1:before {display: none;}
.main19-menu1 img {vertical-align: middle;}
.main19-menu a {display: inline-block; padding: 0 10px; font-size: 12px; color: #eff3f4; font-weight: 300;}
.main19-topon {position: fixed; z-index: 99; width: 100%; top: 0; border-bottom: 1px solid #b5b5b5; background-color: #fff;}
.main19-top1 {min-width: 1200px; border-bottom: 1px solid #b5b5b5;}
.main19-top-wrap {position: relative; z-index: 10; width: 1200px; height: 78px; margin: 0 auto; line-height: 78px;
	/*20250311추가 >> */display: flex; align-items: center;	justify-content: space-evenly;	flex-wrap: nowrap;}
.main19-top-wrap img {vertical-align: middle;}
.main19-top-wrap h1, .main19-gnb, .main19-gnb li, .main19-custom, .main19-search, .main19-allmenu {float: left;}
.main19-gnb {margin-left: 110px;}
.main19-custom {margin-left: 65px;}
.main19-gnb > li > a {display: block; padding: 0 20px; outline: 0; font-size: 18px; color: #333; font-family:"Noto Sans KR";}
.main19-icon {display: inline-block; width: 21px; height: 21px; background: url("/images/ko/img-common/sp2.png") -5px 0 no-repeat; vertical-align: middle;}
.main19-icon1 {display: inline-block; width: 18px; height: 18px; background: url("/images/ko/img-common/sp2.png") -42px 0 no-repeat;vertical-align: middle;}
/*.main19-gnb > li > a span {display: inline-block; height: 78px; padding: 0 25px; box-sizing: border-box;}*/
.main19-gnb > li > a span {display: inline-block; height: 78px; padding: 0 8px; box-sizing: border-box;}
.main19-gnb > li.cld_new {position:relative;}
.main19-gnb > li.cld_new .icon_new {position:absolute !important; margin:0 !important; width:auto; height:auto; top:-25px; right:24px; }
li.main19-on > a span {border-bottom: 3px solid #4679b7; margin-bottom: -1px; position: relative; z-index: 1;}
.main19-dim {display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60);}
.main19-sub {display: none; position: absolute; left: 50%; width: 1200px; min-height: 302px; margin-left: -600px; border: 1px solid #b5b5b5; background-color: #fff; box-sizing: border-box;}
.main19-sub ul {float: left; width: 242px; /*width: 726px;*/}
.main19-sub li {line-height: 50px;}
.main19-sub li a {display: inline-block; position: relative; width: 220px; height: 50px; padding-left: 22px; font-size: 14px; color: #4c4c4c; font-family: "Noto Sans CJK KR", "Noto Sans KR";}
.main19-sub li a:hover, .main19-active a {background-color: #eee;}
.main19-icon-best {position: absolute; top: 17px; width: 54px; height: 16px; margin-left: 15px;}
.main19-icon-hot {position: absolute; top: 17px; width: 54px; height: 16px; margin-left: 15px; background-position: -64px 0;}
.main19-sub-prd {position: absolute; right: 0; width: 472px; height: 100%;}
.main19-sub-prd a {display: inline-block; width: 100%; height: 100%; padding: 20px 24px 0; background-color: #eee; box-sizing: border-box;}
.main19-sub-prd > div {display: none; height: 100%;}
.main19-sub-prd .main19-prd-on {display: block;}
.main19-sub-text {padding: 25px 0 10px; font-family: "Noto Sans CJK KR", "Noto Sans KR";}
.main19-sub-text1 {float: left; position: relative; margin-right: 25px; font-size: 15px; font-weight: 500; color: #224672; line-height: 17px;}
.main19-sub-text2 {float: left; font-size: 15px; line-height: 17px; color: #4c4c4c;}
.main19-sub-text1:after {content: ""; position: absolute; width: 1px; height: 17px; margin: 0 13px; background-color: #4c4c4c;}
.main19-sub-text3 {font-size: 12px; line-height: 12px; color: #4c4c4c;}
.main19-right {float: right;}
.main19-search > a {padding: 0 20px; outline: 0;}
.main19-allmenu > a {padding: 0 20px; outline: 0;}
.main19-search .global-search-content {left: auto; top: 78px; right: 0;}
.main19-search-on {display: block;}
.main19-search .search-close {position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: #f8f8f8 url(/images/ko/img-common/sp1.png) -116px -104px no-repeat; z-index: 99;}
.main19-all1, .main19-all2 {float: left;}
.main19-all1 li {float: left; margin-right: 17px;}
.main19-all2 li:first-child {margin-bottom: 10px;}
.main19-quick {position: fixed; top: 60%; right: 0; z-index: 10;}
.main19-aside .main19-quick {position: fixed; top: 620px; right: 0; z-index: 10;}
.main19-aside .main19-quickon {top: 300px;}
.main19-quick li {width: 115px; padding-left: 12px; background-color: #434343;}
.main19-quick li:first-child a {border-top: 0;}
.main19-quick li:first-child {border-radius: 10px 0 0 0;}
.main19-quick1 {border-radius: 0 0 0 10px;}
.main19-quick a {display: inline-block; width: 90px; height: 50px; line-height: 50px; padding-left: 7px; border-top: 1px solid #949494;}
.main19-quick img {vertical-align: middle;}
.main19-footer {min-width: 1200px; margin-bottom: -60px; padding: 60px 0 65px; background-color: #f8f8f8; font-family: "Noto Sans CJK KR", "Noto Sans KR";}
.main19-cs {float: left; margin-right: 80px; margin-bottom: 20px; line-height: 1;}
.main19-phone {padding: 13px 0 15px; font-size: 25px; color: #0062ae; font-weight: 500;}
.main19-phone1 div {margin-bottom: 15px; font-size: 13px; line-height: 1.5; color: #333;}
.main19-footer ul, .main19-footer li {float: left;}
.main19-qna {margin: 0 35px 0 40px;}
.main19-notice {float: right; width: 340px;}
.main19-notice-title {margin-top: 30px; padding-bottom: 4px; border-bottom: 1px solid #d7d7d7;}
.main19-notice-more {float: right;}
.main19-notice-more img {vertical-align: bottom;}
.main19-notice-text {padding: 12px 0 20px; font-size: 15px; color: #7e7e7e; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main19-notice-text1 {height: 40px; font-size: 13px; font-weight: 300; line-height: 1.5; color: #7e7e7e; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main19-awards {padding-top: 55px; border-top: 2px solid #c9c9c9;}
.main19-top-ban {position: relative; z-index: 2; min-width: 1200px;}
.main19-top-ban div:first-child {height: 80px;}
.main19-top-ban a {display: inline-block; height: 100%;}
.main19-top-ban01 a {background: #c788d7 url("/images/ko/img-main/main19-top-ban04.jpg") center top no-repeat;}
.closeBtn {position: absolute; left: 50%; margin-left: 560px; top: 0; width:30px; height:30px; background: url("/images/ko/img-common/btn_close_topBan.png") no-repeat; text-indent: -9999px; cursor: pointer; z-index: 10;}
.main19-topban-chk {position:absolute; top: 58px; left: 50%; margin-left: 450px;}
.slide-link {display: inline-block; width: 100%; height: 100%;}
.main19-top-ban02 a {background: #fff5c8 url("/images/ko/img-main/main19-top-ban02.jpg") center top no-repeat;}
.main19-top-ban03 a {background: #edd2bb url("/images/ko/img-main/220908_banner_top.png") center top no-repeat;}
.main19-topban-offset {position:absolute; top: 58px; left: 50%; margin-left: 450px;}
/* 2019 ~ */
.modal-page-default.msg-bback {width:450px; height:420px;top:50%; margin-top: -210px;margin-left: -225px; background: white url(/images/ko/img-common/bg-grid.png) 0 0; border: 1px solid #494949; box-sizing: border-box; padding: 35px 25px 25px;}
.msg-bback .inner-box {box-sizing: border-box; border: 1px solid #d9d9d9; padding: 15px; background: #fff; margin-bottom: 20px;}
.msg-bback.active {display:block;}
.prd-main-top {min-width:1200px;height: 380px; background: url(../images/ko/img-prd/bg-prd-main-top1.jpg) center center no-repeat;}
.prd-main-top.h400 {height: 400px}
.prd-main-top.is2 {background: url(../images/ko/img-prd/bg-prd-main-top2.jpg) center center no-repeat;}
.prd-main-top.is3 {background: url(../images/ko/img-prd/bg-prd-main-top3.jpg) center center no-repeat;}
.prd-main-top.is4 {background: url(../images/ko/img-prd/bg-prd-main-top4.jpg) center center no-repeat;}
.prd-main-top.is5 {background: url(../images/ko/img-prd/bg-prd-main-top5.jpg) center center no-repeat;}
.prd-main-top.is6 {background: url(../images/ko/img-prd/bg-prd-main-top2.jpg) center center no-repeat;}
.prd-main-top.why1 {background: url(../images/ko/img-sub/bg-why-top1.jpg) center center no-repeat;}
.prd-main-top.why2 {background: url(../images/ko/img-sub/bg-why-top2.jpg) center center no-repeat;}
.prd-main-top.why3 {background: url(../images/ko/img-sub/bg-why-top3.jpg) center center no-repeat;}
.prd-main-top.why4 {background: url(../images/ko/img-sub/bg-why-top4.jpg) center center no-repeat;}
.prd-main-top.why5 {background: url(../images/ko/img-sub/bg-why-top5.jpg) center center no-repeat;}
.prd-main-top.why6 {background: url(../images/ko/img-sub/bg-why-top6.jpg) center center no-repeat;}
.prd-main-top.why7 {background: url(../images/ko/img-sub/bg-why-top7.jpg) center center no-repeat;}
.prd-main-top.why8 {background: url(../images/ko/img-sub/bg-why-top8.jpg) center center no-repeat;}


.prd-main-top h3 {position: relative; top: 134px;}
.prd-main-top .movie-container {position: absolute; top:28px; left: 595px; width: 540px; height: 304px;}
.prd-main-bans {padding: 50px 0 70px 0;}
.prd-main-bans > p {float: left; width: 33.33333%;}
.prd-main-area {min-width: 1200px; background: #f9f9fa; padding: 60px 0 110px 0;}

.prd-main-area.why {position: relative; background: #fff; z-index: 1}
.prd-main-area.why:before {position: absolute; width:100%; left:0; top:0; background: #f9f9fa; height: 440px; content: ''; z-index: -1}
.prd-main-area h3 {font-size: 20px; color: #333; text-align: center; line-height: 1; margin-bottom: 20px;}
.prd-main-area.why h3 {font-size: 28px; padding-top: 50px; margin-bottom: 70px;}
.prd-main-area h3.row50 {margin-bottom: 50px;}
.prd-main-container {margin-left: -32px; width:1232px;}
.prd-main-container > .prd {position: relative; float: left; width:276px; height: 284px; margin-left: 32px; box-sizing: border-box; border: 1px solid #e9e9e9; padding: 15px; background: #fff; margin-top: 50px; text-align: center}
.prd-main-img {width: 580px; float: left;}
.prd-main-container.is2 {width: 864px; margin: 0 auto;}

.prd-main-container.is2 > .prd {width: 406px; height: 417px; margin-left: 52px; padding: 20px; box-shadow: 1px 1px 2px  hsla(0,0%,0%,.0);}
.prd-main-container.is2 > .prd:first-child, .prd-main-container.is2 > .prd.fr {margin-left: 0;}
.prd-main-container > .prd .img {width:246px; height: 188px; margin-bottom: 10px;}
.prd-main-container > .prd:hover {box-shadow: 1px 1px 8px  hsla(0,0%,0%,.35); transition: all .5s ease ; opacity: 0.85; top: -2px; left:-2px;}
.prd-main-container > .prd:hover .img {width:246px; height: 188px; margin-bottom: 10px;}
.prd-main-container.is2 > .prd .img {width: 360px; height: 273px; margin-bottom: 20px;}
.prd-main-container > .prd h4{position: relative; display: inline-block; font-size: 15px; color: #333; font-weight: 700; margin-bottom: 8px;}
.prd-main-container.is2 > .prd h4 {font-size: 18px}
.prd-main-container > .prd h4 + span {font-size: 11px; color: #0066ff;}
.prd-main-container > .prd h4:after {position: absolute; bottom: -2px; left:0; width: 100%; height: 1px; background: #333; content: '';}
.prd-main-container > .prd .cmt {font-size: 13px; color: #333; font-weight: 200; padding-top: 2px;}
.prd-main-container.is2 > .prd .cmt {font-size: 15px}
.prd-main-container.is3 {width:1200px; margin: 0 auto;}
.prd-main-img {width: 580px; float: left; text-align: center;}
.prd-main-img:first-child {margin-right: 40px;}

.prd-main-img .cmt, .prd-main-area3 .cmt {font-size: 15px; color: #000;}
.prd-main-area2 {background: #5f96c8; padding: 30px 0;}
.prd-main-area3 .fl {width: 490px; text-align: center; padding-top: 170px}
.prd-main-area3 .fr {width: 700px;}
.prd-main-heading {position: absolute; left:0; top: 80px; color: #fff;}
.prd-main-heading h4 {font-size: 21px; color: #fff; margin-bottom: 5px;}
.round-btn-is1 {background: #fff; color: #5f96c8; font-size: 15px; font-weight: 700; padding: 13px 26px;}
.round-btn-is2 {background: #494949; color: #fff; font-size: 15px; font-weight: 700; padding: 13px 36px; border-radius: 5px;}
.round-btn-is3 {background: #0290de; color: #fff; font-size: 15px; font-weight: 700; padding: 13px 36px; border-radius: 5px;}
.mb-minus {margin-bottom: -30px;}
.prd-main-faq {margin-bottom:25px; font-size: 15px; color: #333;}
.prd-main-faq > div { padding: 12px 10px 12px 30px;  box-sizing: border-box; border: 2px solid #eee;}
.prd-main-faq .fl {width: 410px;background: #eee;}
.prd-main-faq .fr {width: 790px;}
.prd-main-area4 .prd {width: 505px; float: left; background: #eee; padding: 30px;}
.prd-main-area4.why .prd {background: #fff; height: 400px}
.prd-main-area4.why.is2 .prd {height: 360px}
.prd-main-area4 .prd:first-child {margin-right: 70px;}
.prd-main-area4 .prd:hover {box-shadow: 1px 1px 8px  hsla(0,0%,0%,.35); transition: all .5s ease ; opacity: 0.85; top: -2px; left:-2px;}

.title-under-bar {display: inline-block; position: relative; font-size: 28px; color: #333; line-height: 1; padding-bottom: 30px;}
.title-under-bar:after {position: absolute; left:50%; bottom:0; width: 26%; height: 5px; margin-left: -13%; background: #301a1c; content: '';}

.title-under-bar-is2 {position: relative; display: inline-block; font-size: 18px; color: #000; font-weight: 700; margin-bottom:15px;}
.title-under-bar-is2:after {position: absolute; bottom: -2px; left:0; width: 100%; height: 1px; background: #333; content: '';}
.title-under-bar-is3 {position: relative; display: inline-block; font-size: 18px; color: #333;}
.title-under-bar-is3:after {position: absolute; bottom: -4px; left:0; width: 100%; height: 2px; background: #a2a2a2; content: '';}
.title-under-bar-is4 {position: relative; display: inline-block; font-size: 20px; color: #333;}
.title-under-bar-is4:after {position: absolute; bottom: -6px; left:0; width: 100%; height: 1px; background: #797979; border-bottom: 1px solid #d8d8d8; content: '';}
.title-is1 {font-size: 18px; color: #333; font-weight: 700;}
.title-is2 {font-size: 28px; color: #333; font-weight: 700;}
.title-is3 {font-size: 17px; color: #3978b5;}

.cnt-heading {color: #fff; font-size: 18px}
.cnt-heading.is1 {padding-top: 150px;}
.cnt-heading.c-k,  .cnt-heading.c-k h4 {color: #333;}
.cnt-heading.c-k2,  .cnt-heading.c-k2 h4 {color: #fff;}
.cnt-heading h4 {font-size: 30px; color: #fff;}
.why-cnt1 {padding-top: 90px; position: relative; z-index: 2}
.why-cnt1 h3 {padding-left: 100px;}
.why-cnt1 .text-right {width: 450px; height: 140px; color: #333; font-size: 15px; padding-top: 15px;}
.why-cnt1 .posa {position: absolute; right:0; top:50px;}

.why-cnt {background: #f6f6f6; padding: 30px 0;}
.why-cnt3 {background: #f6f6f6; padding: 80px 0;}
.why-cnt3 {background: #f6f6f6; padding: 80px 0;}
.why-cnt .fl {width: 680px;}
.why-cnt .fr {width: 520px;}
.why-cnt4 .fl {width: 540px; background: #fff;}
.why-cnt4 .fr {background: #fff; width:660px; height: 442px}
.why-cnt4 .fr .inner {padding-top: 50px;}
.why-cnt5 {background: #f6f6f6; padding: 150px 0 80px 0;}
.inner-cnt {padding-top: 110px}
.inner-cnt2 {padding: 50px 0;}
.inner-cnt3 {padding-top: 50px; margin-bottom: -40px;}
.inner-cnt4 {padding-left: 120px;}
.inner-cnt5 {padding: 100px 0;}
.inner-cnt5_1 {padding: 0px 0;}
.inner-cnt6 {padding-top: 80px; padding-left: 220px; padding-bottom: 100px;}
.inner-cnt6 .movie {width: 500px; background: #f2f2f2;}
.inner-cnt6 .movie video {width: 500px;}
.inner-mb-minus {margin-bottom: -135px;}
.p-pre-bar {position: relative; padding-left: 10px;}
.p-pre-bar:before {position: absolute; left:0; top:4px; width:2px; height: 12px; background: #494949; content:'';}
.why-full {min-width:1200px;}
.why-full-first {position: relative;min-width:1200px;}
.why-full-first-txt {}
.why-full-is1 {position: absolute; min-width: 100%; display: none}
.why-full-is1-1 {background: url(/images/ko/img-sub/bg-why-cnt1-1.jpg) center center no-repeat; }
.why-full-is1-2 {background: url(/images/ko/img-sub/bg-why-cnt1-2.jpg) center center no-repeat; }
.why-full-is1-3 {background: url(/images/ko/img-sub/bg-why-cnt1-3.jpg) center center no-repeat; }
.why-full-is1-4 {background: url(/images/ko/img-sub/bg-why-cnt1-4.jpg) center center no-repeat; }
.why-full-is2 {position: relative; background: url(/images/ko/img-sub/bg-why-cnt2.jpg) center center no-repeat; }

.why-full-is4 {position: relative; background: url(/images/ko/img-sub/bg-why-cnt5.jpg) center center no-repeat; }
.why-full-is5 {position: relative; background: url(/images/ko/img-sub/bg-why-cnt4.jpg) center center no-repeat; }

.why-full-is3 {position: relative;}
#videobcg {position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; }
.why-full-txt {position: absolute; top:398px; left:50%; margin-left: -280px; z-index: 2}

.why-full {-webkit-background-size: cover;background-size: cover;}
.why-ani-cnt {position: absolute; color: #fff; z-index: 11;}
.why-ani-cnt h4 {font-size: 25px; font-weight: 700; color: #fff;}


.why-ani-cnt hr.ani-line {border-bottom: 1px solid #fff; margin: 10px 0;  animation: line-ani 1s ease-in-out 1s; animation-fill-mode:forwards;}
.why-ani-cnt .ani-p {font-size: 18px; font-weight: 200; animation: opc-ani 2s ease 2s; animation-fill-mode:forwards;}

/*{animation: name duration timing-function delay iteration-count direction fill-mode;}*/
.why-ani-cnt.is1 {right:135px; width: 780px; animation: down-up 1s ease-in-out; animation-fill-mode:forwards;}
.why-ani-cnt.is1 h4 {text-align: right; height: 40px;  overflow: hidden; animation: line-ani 1s ease-in-out 0.5s; animation-fill-mode:forwards;}
.why-ani-cnt.is2 {left: 145px; width: 780px; animation: down-up 1s ease-in-out; animation-fill-mode:forwards;}
.why-ani-cnt.is2 h4 {text-align: left; height: 40px;  overflow: hidden; animation: line-ani 1s ease-in-out 0.5s; animation-fill-mode:forwards;}

.why-ani-cnt.is4 {left: 145px; width: 780px; animation: down-up 1s ease-in-out; animation-fill-mode:forwards;}
.why-ani-cnt.is4 h4 {text-align: left; height: 40px;  overflow: hidden; animation: line-ani 1s ease-in-out 1s; animation-fill-mode:forwards;}

.why-ani-cnt.is5 {right:135px; width: 780px; animation: down-up 1s ease-in-out; animation-fill-mode:forwards;}
.why-ani-cnt.is5 h4 {text-align: right; height: 40px;  overflow: hidden; animation: line-ani 1s ease-in-out 0.5s; animation-fill-mode:forwards;}

/* animation */
@keyframes line-ani {
    0% {width: 0; opacity: 0.3}
    100% {width: 780px; opacity: 1}
}
@keyframes opc-ani {
    0% {opacity: 0}
    20% {opacity: 0.4}
    40% {opacity: 0.3}
    60% {opacity: 0.6}
    80% {opacity: 0.8}
    100% {opacity:1}
}
@keyframes down-up {
    0% {bottom: 0; opacity: 0.6}
    100% {bottom: 160px; opacity: 1}
}


/* 북토리 소개 2019 */
.brand-top {height: 480px; background: url(/images/ko/img-sub/bg-intro-top.jpg) 0 0 no-repeat; margin-bottom: 60px;}
.brand-left {float: left; width: 116px;}
.brand-left h3 {position: relative; display: inline-block; font-size: 18px; font-weight: 900; color: #3d7f8b; margin-bottom: 25px;}
.brand-left h3:after {position: absolute; left:0; bottom:-6px; width: 100%; height: 2px; background: #afc5ca; content:'';}
.brand-left .menu {font-size: 13px; color: #333;}
.brand-left .menu li {margin-bottom: 5px; font-weight:700;}
.brand-left .menu li>a {padding: 3px 8px;}
.brand-left .menu li>a:hover, .brand-left .menu li>a.active {background: #eee; color: #3d7f8b; font-weight: 900;}
.brand-right {float: right; width: 1051px;}
.why-main-list  {margin-left: -30px;}
.why-main-list > div {float: left; position: relative; width: 244px; height: 280px; box-sizing: border-box; margin-left: 25px; background: #fff; margin-bottom: 30px; text-align: center;}
.why-main-list > div h4 {position: relative; display: inline-block; font-size: 15px; color: #333; font-weight: 700; margin-bottom: 10px; margin-top: 10px;}
.why-main-list > div h4:after {position: absolute; left:0; bottom: -2px; width: 100%; height: 1px; background: #adadad; border-bottom: 1px solid #d8d8d8; content:'';}
.why-main-list > div .cmt {font-size: 12px; color: #333;}
.why-main-list > div .more {position: absolute; right: 15px; bottom:10px; font-size: 12px; color: #c5c5c5;}
.why-main-list > div:hover {border: 1px solid #eee; box-shadow: 1px 1px 6px 0 hsla(0,0%,0%,.25);padding-top: 10px; transition: all .5s ease ;}
.why-main-list > div:hover .more {right: 5px; bottom: 5px; transition: all .5s ease ;}
.brand-map {color: #333; padding-left: 20px;}
.brand-map h3 {position: relative; font-size: 28px; color: #333; padding-top: 10px; margin-bottom: 15px;}
.brand-map h3:before {position: absolute; left:0; top:0; width: 70px; height: 4px; background: #7d7d7d; content:'';}
.brand-map .gubun {padding: 0 0.6em;}
.brand-cert {background: #f8f8f8; padding: 0 50px 50px 50px;}
.brand-his {background: #f8f8f8; padding: 0 50px 50px 50px;}
/* 고속버스 퀵 배송 */
.quick-delv {color: #000; padding: 25px 0;}
.quick-delv h2 {font-size: 24px; color: #2a80b9; line-height: 1; margin-bottom: 4px;}
.quick-delv .heading {position: relative; padding-left: 36px;}
.quick-delv .heading:before {position: absolute; top:0; left:0; width:24px; height: 44px; background: #2a80b9; content:'';}
.quick-delv .heading.is2:before {background: #e5ae41;}
.quick-delv .heading.is2 h2 {color: #e5ae41;}
.quick-delv .mid-sec {background: #eee; padding: 25px 36px; margin-bottom: 40px;}
.quick-delv .mid-sec h3 {font-size: 21px; color: #141916;}

/* 2020 02 편집기 추가 */
.mb-minus60 {margin-bottom: -60px;}
.eprd-main-container {height: 940px; font-size: 16px; color: #434343; line-height: 1.6; box-sizing: border-box;}
.eprd-main-container.is1 {background:  url(/images/ko/img-eprd/bg-eprd-top1.jpg) center center no-repeat;}
.eprd-main-container.is2 {height: 2070px; background: #434343; padding-top: 140px;}
.eprd-main-container.is3 {background:  url(/images/ko/img-eprd/bg-eprd1.jpg) center center no-repeat; padding-top: 140px;}
.eprd-main-container.is4 {background:  url(/images/ko/img-eprd/bg-eprd2.jpg) center center no-repeat; padding-top: 200px;}
.eprd-main-container.is5 {background:  url(/images/ko/img-eprd/bg-eprd3.jpg) center center no-repeat; padding-top: 230px;}
.eprd-main-container > .inner {width: 1200px; margin: 0 auto; position: relative;}
.eprd-main-cnt1 {position: absolute; top: 320px; left:0;}
.eprd-main-container button {height: 35px; padding: 0 16px;}

.eprd-title1 {font-size: 40px; color: #fff; font-weight: 700; line-height: 1.5}
.eprd-title1.fc-k {color:#242329;}
.eprd-title2 {font-size: 21px; color: #1b1c30; line-height: 1; margin-bottom: 10px; }
.eprd-title2.is2 {padding-bottom: 15px; border-bottom: 1px solid #b5b5b5; margin-bottom: 20px;}
.eprd-title3 {font-size: 15px; color: #1b1c30; font-weight:700}
.eprd-title3 span {font-size: 11px;font-weight: 200;}
.eprd-title1_1 {font-size: 30px; color: #fff; font-weight: 700; line-height: 1.5}

.eprd-deg h2 {text-align: center; padding: 60px 0 30px 0;;}
.eprd-deg .menus {background: #f6f6f6; border-bottom: 1px solid #d2d2d2; line-height: 50px; text-align: center;}
.eprd-deg .menus >li {display: inline-block; margin: 0 40px; }
.eprd-deg .menus >li >a {display: block; font-size: 15px; font-weight: 700; color: #333; padding: 0 8px; line-height: 50px;}
.eprd-deg .menus >li >a.active, .eprd-deg .menus >li >a:hover {color:#557acc; border-bottom: 2px solid #2a7ac6}

.eprd-deg > div.guideBnt {min-width: 1190px;text-align: right;margin: 0px auto;max-width: 1190px;padding: 5px;}
.eprd-deg > div.guideBnt a {background-color: #c0c0c0;padding: 10px 20px;border-radius: 10px 10px 0px 0px;margin-left: 5px;color: #000;}
.eprd-deg > div.guideBnt a.blog{background-color: #d2d2d2;}
.eprd-deg > div.guideBnt a.inst{background-color: #e9e9e9;}

.eprd-list {padding: 50px 0; margin-left: -135px; color: #3f3f3f; font-size: 14px;}
.eprd-list >div {float: left; width: 310px; margin-left: 135px; padding: 5px 10px 30px 5px; box-sizing: border-box;}
.eprd-list .tb {display: table;}
.eprd-list .tb >.row {display: table-row;}
.eprd-list .tb >.row >.cell {display: table-cell;}
.eprd-list .tb >.row >.cell.img {height:320px; text-align: center; vertical-align: middle;}
/*.eprd-list .tb >.row >.cell.img:hover {box-shadow: 0 1px 8px hsla(0,0%,0%,.25);}*/
.eprd-list .tb >.row >.cell.info {height: 70px; padding-top: 10px;}
.eprd-list .price, .eprd-list .p-dis {color: #ff0000;}

.eprd {position: relative;}
.eprd:hover .tb {position: relative; top: -10px;transition: all .5s ease ;}
.eprd:hover .tb>.row:first-child {border: 1px solid #eee; box-shadow: 1px 1px 6px 0 hsla(0,0%,0%,.25); transition: all .5s ease ;}
.eprd .box {display:none;position: absolute; width: 295px; height: 320px; top:0; left:0; box-sizing:border-box;}
/*
.eprd .box .hover {

	 z-index:20;
	 position:absolute;
	 top:2%;
	 left:3%;
	 background-color:rgba(0,0,0,0.5);
	 width:98%;
	 height:98%;
	 box-shadow: 1px 0 10px hsla(0,0%,0%, .45);
	 color:#efefef;
	 text-align:center;
	 padding-top:45%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .3s ease-out;
	 -webkit-transition:opacity .3s ease-out;
}
.eprd .box .hover .line1 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90%;
	 border-top:1px solid #efefef;
	 border-bottom:1px solid #efefef;
	opacity:0;
	 transform:scale(0,1);
	 -webkit-transform:scale(0,1);
	 transition:transform.4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	box-sizing:border-box;
}
.eprd .box .hover .line2 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90%;
	 border-left:1px solid #efefef;
	 border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	transition:transform.4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	box-sizing:border-box;
}
.eprd .box:hover .hover{opacity:1;}
.eprd .box:hover .line1{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1; }
.eprd .box:hover .line2{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1; }
*/
/* 상품모달레이러 */
.view-eprd {position: fixed; top:50%; left:50%; width: 1200px; height: 700px; margin-left: -600px; margin-top: -350px; background: #fff; box-sizing: border-box; box-shadow: 1px 1px 6px  hsla(0,0%,0%,.25); z-index: 101; color: #1b1c30; display:none;}
.view-eprd .close {position: absolute; top:10px; right:10px; width: 20px; height: 20px; z-index: 102}
.view-eprd >.left {float: left; position: relative; width: 820px;height: 700px; background: #f8f8f8; padding: 30px 0; box-sizing: border-box;}
.view-eprd >.right {float: right; position: relative; width: 380px;height: 700px;}
.eprd-foot-btn{position: absolute; left:0; bottom:0; width:100%; height: 50px;  font-size: 15px; background: #294d71;}
.eprd-foot-btn.is2 {position: static; margin-top: 10px;}
.eprd-foot-btn>a {display: block;color: #fff; line-height: 50px; text-align: center;}
.eprd-sel-opt {padding: 30px 5px 20px 30px; position: relative;}
.eprd-sel-opt.is2 {padding: 0}
.eprd-sel-opt input[type='radio'] {opacity: 0}
.eprd-sel-opt  .optes {height: 430px;}
.eprd-sel-opt  .opt-item {position: relative; padding-right:20px; margin-bottom: 20px;}
.smart-sel {float: left; width: 50%; height: 34px; line-height: 34px; border: 1px solid #a0a0a0; text-align: center; cursor: pointer; box-sizing: border-box; margin-top: -1px; margin-right: -1px;}
.smart-sel:only-child {width: 100%;}
.smart-sel.active, .smart-sel:hover {background: #626262; color: #fff;}
.smart-sel .ex-img {position: absolute; top:0; left:-200px; width: 200px; z-index:11}
.eprd-sel-opt .ewrite {font-size: 12px;}
.eprd-sel-opt .optes {border-bottom: 1px solid #999}
.eprd-price-block {padding: 15px 0; font-weight: 700;}
.eprd-price-block .fl {width: 30%;}
.eprd-price-block .fr {width: 50%; text-align: right; padding-right: 10px; font-weight: 700; font-size: 18px;}
.eprd-sel-opt .info {font-size: 11px; padding-bottom: 30px;}
.eprd-sel-opt .info li strong {display: inline-block; position: relative; width: 95px; padding-left: 10px; font-size: 13px;}
.eprd-sel-opt .info li strong:before {position: absolute; top:2px; left:0; width: 4px; height: 4px; background: #2a7ac6; content:'';}
.eprd-thumb {position: absolute; left:-190px; top:130px; width: 200px; background: #fff; border: 1px solid #d2d2d2; padding: 9px; box-sizing: border-box; font-size: 12px; display: none; z-index: 99}/* top의 위치가 동적 변경 */
.eprd-preview {position: relative; width: 800px; height: 100%; margin: 0 auto; text-align: center;}
.eprd-preview .swiper-container {height: 100%;}
.eprd-preview .swiper-slide {height: 100%; display: table;}
.eprd-preview .swiper-slide >.row {display: table-row;}
.eprd-preview .swiper-slide >.row>p {display: table-cell; height:100%;line-height: 640px;}
.eprd-preview .swiper-slide >.row>p img {vertical-align: middle;}

.eprd-preview .swiper-button-prev, .eprd-preview .swiper-button-next {color:#5d5d5d; z-index: 105}

.eprd-diy {padding: 70px 0;}
.eprd-diy >.left {float: left; width: 840px;}
.eprd-diy >.right {float: right; position: relative;width: 360px;}
.eprd-diy-view {position: relative; width: 820px; height: 720px;/* background: url(/images/ko/img-eprd/bg-eprd-diy.png) center bottom no-repeat;*/}
.eprd-diy-view .tb{display:table; width:100%; height: 100%}
.eprd-diy-view .tb >.row {display: table-row;}
.eprd-diy-view .tb >.row>.cell {display: table-cell; text-align: center; vertical-align: bottom; padding-bottom: 120px;}
.eprd-diy-view .txt {position: absolute; bottom: 150px; left:20px; color: #cecece;}
.modal-fix-default.fini-title {margin-top: -300px;}
.modal-fix-default.fini-title .inner {padding: 40px 30px;}
.modal-fix-default.edi-delete {width: 400px; margin-left: -200px; margin-top: -230px;}
.modal-fix-default.edi-notice {display: none; width: 940px; margin-left: -470px; margin-top: -310px; border-radius: 0;}
.edi-delete1 {padding: 50px 0 35px; font-size: 15px; color: #494949; font-weight: bold; text-align: center;}
.edi-btn {padding: 10px 60px;}
.edi-text {margin: 3px 0 12px 75px; font-size: 11px; font-weight: bold; color: #e2232b;}
.edi-text1 {line-height: 1.4;}
.edi-notice {padding: 25px 0 55px; background-color: #eee;}
.edi-notice ul {padding-left: 60px;}
.edi-notice li {position: relative; font-size: 13px; line-height: 1.6;}
.edi-notice li:before {content: ""; position: absolute; width: 5px; height: 5px; left: -11px; top: 5px; background-color: #0091dc;}
.edi-img {position: absolute; right: 50px; bottom: 60px;}

/* 편집기 오픈 이벤트 */
.evt202004-ap {padding: 20px;}
.evt202004 {text-align: center; padding: 50px 38px 22px 38px; border: 8px solid #4291cf;}
.evt202004 h3 {color: #4291cf; font-size: 19px; margin-bottom: 20px;}
.evt202004 .box {background: #eee; padding: 40px 30px; box-sizing: border-box; font-size: 16px; margin-bottom: 30px;}

/* 20.05.21 제휴문의 cs/contact-write.asp*/
.contact_top {background-image:url('../images/ko/img-sub/contact_top-bg.jpg'); padding:0; margin:0; background-position:top center; background-size:cover; background-repeat:no-repeat; font-family:'Noto Sans KR', sans-serif; line-height:1; padding:134px 0;}
.contact_top .container {width:1200px;}
.contact_top h3 {color:#fff; font-size:30px; font-weight:500; padding-bottom:28px;}
h4.contact_title {position:relative; font-size:18px; padding:40px 0 10px 10px; color:#333;}
h4.contact_title::before {content:''; display:block; position:absolute; width:4px; height:18px; background-color:#274b70; left:0; top:45px;}
.contact_description {padding-bottom:10px;}
h3.title1 + .contact_description {padding-bottom:0;}
.contact_agree-box {padding:40px 0; text-align:center;}
.contact__button-box {text-align:center;}
.contact_agree-box span {color:#10aeff; padding:10px 20px 10px 4px;}
.contact_agree-check-input {cursor:pointer;}
.contact_agree-check:hover {cursor:pointer;}
.contact_contents input[type="file"] {width:50%;}
.contact_contents-hint {font-size:11px; padding-left:10px; color:#ff595b}
.contact_contents-hint.color-666 {color:#666;}
.contact_contents-hint.file-add {padding-left:4px; padding-top:10px;}
.contact_contents-hint.file-add a span{color:#10aeff; display:inline-block;}
.contact_contents-hint.file-add a+span {padding-left:10px; color:#ff595b; cursor:pointer;}

.contact_description {color:#cbcdd3; font-size:15px; line-height:1.5;}

/* 20.05.21 제휴문의 cs/contact-result.asp */
.contact_write-ok {text-align:center; border:1px solid #274b70; box-sizing:border-box; padding:80px; width:80%; margin:0 auto; margin-top:50px;}
.contact_write-ok h4 {font-size:18px; padding-bottom:30px; }
.contact_write-ok p {line-height:2; font-size:16px; padding-bottom:50px;}
.contact_write-ok .btn:hover {color:#fff;}
/* 20.05.21 제휴문의 cs/contact-pop.asp */
.contact__agree-popup_wrap h1{background-color:#274b70; color:#fff; text-align:center; padding:4px 0;}
.contact__agree-popup {padding:16px 24px;}
.contact__agree-popup h2:first-child {padding-top:0px;}
.contact__agree-popup h2 {padding-top:30px; font-size:15px;}
.contact__agree-popup h2+p {font-size:14px; padding-top:4px;}
.js-popup-wrap {position:fixed; width:100%; height:100%; z-index:-9999; top:0; left:0;}
.js-popup-contents {position:relative; width:100%; height:100%; display:none;}
.js-popup-contents_bg {background-color:#000; height:100%; text-align:center; width:100%; opacity:.5;}
.js-popup-contents_inner {background-color:#fff; display:block; padding:0; margin-top:0; padding-top:40px; width:500px; height:300px; position:absolute;}

/*20.05.13 영문초록 prd/translation.asp*/
.en-cho-header {background-image:url('../images/ko/img-sub/bg-en-cho-header.jpg'); background-repeat: no-repeat; background-size: cover; background-position:top center; margin-bottom:37px;}
.en-cho-header h3 {color:#fff; text-align:center; font-family:"Nanum Barun Gothic", sans-serif; line-height:1; font-size:21px; font-weight:300; padding:70px 0 69px;}
.en-cho-intro {border-bottom:1px solid #e1e1e1; padding-bottom:13px; margin-bottom:36px;}
.en-cho-intro_text {width:464px; float:left; padding-right:78px; box-sizing:border-box; border-right:1px solid #e1e1e1;}
.en-cho-intro_text h3 {font-weight:800; font-size:24px; color:#404040; line-height:1; padding-bottom:12px;}
.en-cho-intro_text h3 span {color:#007bc7;}
.en-cho-intro_text p {font-size:13px; color:#313131; line-height:1.4;}
.en-cho-intro_img {width:486px; float:left;}
.en-cho-intro_text-box {background-color:#535353; padding:13px 11px; margin:15px 0;}
.en-cho-intro_text-box li {color:#fff; line-height:1.5;}
.en-cho-intro_text-hint {line-height:1.5; color:#868686; font-size:11px;}
.en-cho-intro_img {padding:96px 0 0 74px; box-sizing:border-box;}
.en-cho-agree-box {font-size:14px; color:#002b56; text-align:center; line-height:1; margin-top:-15px; padding-bottom:66px; font-weight:700;}
.en-cho-agree-box_more {color:#aeaeae; padding:0 4px; border-bottom:1px solid #aeaeae; font-weight:400; margin-left:12px; padding-bottom:4px;}

/* 20.05.19 학위논문  prm/ucoupon2005.asp*/
.ucp05_center {width:962px; margin:0 auto; text-align:center; font-family:"Noto Sans KR", sans-serif; line-height:1;}
.ucp05_intro {background-image:url('../images/ko/img-prm/ucp05_intro-bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center top; position:relative;}
.ucp05_intro-coupon {position:relative; display:inline-block;}
.ucp05_intro-coupon-num {position:absolute; font-size:26px; color:#eaf3c3; top:163px; left:243px;}
.ucp05_intro-book {padding-top:154px;}
.ucp05_intro-title {padding:120px 0 40px;}
.ucp05_intro-coupon-text-way {font-size:16px; font-weight:300; background-color:#5c61b6; color:#e8ef80; display:inline-block; margin:17px 0 14px; letter-spacing:-.8px; padding:5px 6px;}
.ucp05_intro-coupon-text-attention {font-size:18px; float:left; color:#7076d1; border-right:1px solid #8e939d; padding:8px 16px; margin-right:16px; -webkit-padding-start:10px; line-height:1;}
.ucp05_intro-coupon-text-attention-list {font-size:13px; color:#7076d1; float:left; text-align:left; line-height:1.4; font-weight:400;}
.ucp05_intro-coupon-text {padding-bottom:160px;}
.ucp05_reason-section {padding-bottom:72px;}
.ucp05_reason {background-color:#fffded; padding:95px 0;}
.ucp05_reason h3 {padding:28px 0 74px;}
.ucp05_reason h4 {color:#c0ae32; font-size:16px;font-weight:900; line-height:1; padding-bottom:34px;}
.ucp05_reason h4 strong {font-size:26px; padding-left:4px;}
.ucp05_reason-point {position:relative; display:inline-block; padding-bottom:52px;}
.ucp05_reason-point:after {content:''; display:block; width:16px; height:8px; position:absolute; top:48px; background-image:url('../images/ko/img-prm/ucp05_reason-title-arrow.png'); left:32px;}
.ucp05_reason-box {width:466px; float:left;}
.ucp05_reason-box:last-child {float:right;}
.ucp05_reason-box-text {color:#002b56; background-color:#fff; height:90px;}
.ucp05_reason-box-text.line-1 h5{padding:18px 0 12px 0;}
.ucp05_reason-box-text h5 {color:#002b56; font-size:18px; padding:12px 0 8px 0; font-weight:600}
.ucp05_reason-box-text p {color:#002b56; font-size:14px; font-weight:400; line-height:1.4;}
.ucp05_reason-box-text p span {color:#c0ae32}
.ucp05_reason-wrap {padding-top:38px;}
.ucp05_reason-wrap:first-child {padding-top:0;}
[class*="ucp05_reason-review_col"] {border: 1px solid #ddd; border-top:3px solid #c0ae32; float:left; background-color:#fff; padding:40px 0; margin-bottom:24px; display:block;}
[class*="ucp05_reason-review_col"]:hover {transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s;-moz-transition:all .2s; -o-transition:all .2s; box-shadow:6px 6px 12px rgba(0, 0, 0, 0.09); -ms-box-shadow:6px 6px 12px rgba(0, 0, 0, 0.09); -webkit-box-shadow:6px 6px 12px rgba(0, 0, 0, 0.09); -moz-box-shadow:6px 6px 12px rgba(0, 0, 0, 0.09); -o-box-shadow:6px 6px 12px rgba(0, 0, 0, 0.09);}
.ucp05_reason-review_col1 {width:100%;}
.ucp05_reason-review_col2 {width:466px;}
.ucp05_reason-review_col2:last-child {float:right;}
.ucp05_reason-review h5 {font-size: 16px; font-family:'Nanum Barun Gothic', sans-serif; font-weight:400; color:#333;}
.ucp05_reason-review h5::after {content:'/'; display:block; padding:9px 0 6px 0;}
.ucp05_reason-review h5+p {min-height:85px;}
.ucp05_reason-review p {font-size:13px; color:#666; font-weight:400; line-height:1.35; padding-bottom:14px;}
.ucp05_reason-review p span {color:#c0ae32;}
.ucp05_reason-review_user {font-family:'Nanum Barun Gothic', sans-serif; color:#999; font-size:11px;}
.ucp05_reason-review_list4 {padding:20px 76px; box-sizing:border-box;}
.ucp05_reason-review_list4 > li {float:left; width:25%; padding:0 5px; box-sizing:border-box;}
.ucp05_reason-review_list2 {padding:20px 20px; box-sizing:border-box;}
.ucp05_reason-review_list2 > li {float:left; width:50%; padding:0 1px; box-sizing:border-box;}
.ucp05_order {background-image:url('../images/ko/img-prm/ucp05_order-bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center top; position:relative; padding:80px 0 123px 0;}
.ucp05_order-btn {margin-top:65px; display:inline-block;}
.ucp05_intro .uc-logos .inner {padding: 1.5em;}
.ucp05_logo {padding: 90px 0 110px; text-align: center; background-color: #0b829b;}
/*.ucp05_reason-box-text .ucp05_reason-box-text1 {color: #8085cb;}*/

.dis-10pro {position: absolute; left:20px; bottom:92px;}

.prd-main-pop {position: absolute; top:420px; left:50%; margin-left: 360px; background: #283287;}
.prd-main-pop .pop-foot {border-top: 1px solid #787eb4; padding-left: 10px; color: #fff; font-size: 11px; line-height: 2}
.prd-main-pop .pop-foot img {vertical-align: middle;}
.logo-search { cursor: pointer; }

/* 202007 약관 */
.terms-list {padding: 15px 0; margin-bottom: 30px; border-top: 2px solid #555; border-bottom: 1px solid #555; line-height: 1.7;}
.terms-list1, .terms-list2 {float: left; width: 475px; padding-left: 20px; box-sizing:border-box;}
.terms-list1 {border-right: 1px solid #ccc;}
.terms-text {margin-bottom: 3px; font-size: 14px; font-weight: bold; color: #333;}
.terms-ol li {padding-left: 16px; text-indent: -16px;}
.terms-ol strong {margin-right: 7px;}
.terms3-menu .main19-topon {position: relative;}
.privacy2-wrap th, .privacy2-wrap td {text-indent: 0;}

/* 202011 이용후기 */
.review-top {height: 340px; padding-top: 75px; min-width: 1200px; background: #eed3f0 url("/images/ko/img-sub/review-bg20250401.png") center top no-repeat;}
.review-wrap {width: 1185px; margin: 0 auto;}
.review-container {min-height: 950px;}
.review-btn {margin: 110px 0 30px;}
.review-btn > a{width: 180px;display: inline-block;background: #333;text-align: center;padding: 12px;color: #fff;font-weight: 600;font-size: 14px;border-radius: 3px;margin-top: 5px;}
.review-title {margin: 45px 0 35px; font-family: "Noto Sans KR"; font-size: 24px; font-weight: bold; color: #333;}
.review-best {position: relative; /*height: 315px;*/ padding-bottom: 35px; margin-bottom: 70px; border-bottom: 1px solid #d2d2d2;}
.review-list1 {float: left; position: relative; width: 230px; height: 281px; margin-right: 7px; margin-bottom: 10px; border: 1px solid #ddd; background-color: #f8f8f8; box-sizing:border-box;}
.review-list1 .img img {max-height: 152px;}
.review-list1 .img {text-align: center;}
.review-step {margin: 10px 0 15px; color: #4a6dac;}

/* 202101 2도인쇄 팝업 */
.color2-layer {position: fixed; width: 450px; top: 50%; left: 50%; margin-top: -250px; margin-left: -225px; padding: 30px 15px 20px 15px; background-color: #eee; font-family: "Noto Sans KR"; box-sizing:border-box;}
.color2-info {padding: 20px 20px 30px; background-color: #fff;}
.color2-text {color: #333; font-weight: 500;}
.color2-ck {margin-bottom: 20px; font-size: 15px; font-weight: 500; color: #333;}
.color2-ck label {vertical-align: middle;}
.color2-ck span, .receipt-ck span {color: #ff0000;}
.color2-btn {width: 130px; height: 35px; border: 0; border-radius: 3px; background-color: #007bc7; font-size: 15px; color: #fff; outline: 0;}

/* 202101 웹진 */
.webzine-top {height: 230px; padding-top: 150px; min-width: 1200px; background: #058ed5 url("/images/ko/img-webzine/webzine-bg.png") center top no-repeat;}
.webzine-wrap {width: 1200px; margin: 65px auto 130px;}
.webzine-thumb {margin-bottom: 60px; padding: 30px 0; border-top: 3px solid #2a7ac6; border-bottom: 1px solid #bfbfbf;}
.webzine-thumb img, .webzine-list img {max-width: 1200px; /*max-height: 220px;*/}
.webzine-list1 {margin-top: 60px; padding-top: 15px; border-top: 1px solid #bfbfbf; text-align: right;}
.webzine-wrap1 {width: 1200px; min-height: 200px; margin: 80px auto 130px;}
.webzine-title {padding-bottom: 10px; border-bottom: 1px solid #bfbfbf;}
.webzine-list a {display: inline-block; width: 100%; padding: 60px 0; border-bottom: 1px solid #bfbfbf;}

/* 202102 현금영수증 */
.receipt-popup {position: fixed; width: 490px; top: 50%; left: 50%; z-index: 10; margin-top: -200px; margin-left: -250px; padding: 50px 0 35px; border: 5px solid #007bc7; background-color: #fff; text-align: center;}
.receipt-ck {margin: 25px 0 40px; font-size: 15px; color: #545454; line-height: 1; font-family: "Noto Sans KR";}
.receipt-btn {width: 120px; height: 35px; border: 0; background-color: #007bc7; font-size: 15px; color: #fff; font-weight: bold; outline: 0;}
.receipt-ck label {margin-right: 3px; vertical-align: middle;}

/* 210330 텀블벅 이벤트 */
.pop-box {width: 450px; margin: 0 auto 20px; padding: 20px; background-color: #eee; font-size: 12px;}
.pop-box1 {width: 380px; margin: 0 auto; padding: 10px 20px; background-color: #fff;}
.pop-text {margin-bottom: 5px; font-size: 13px; font-weight: bold; text-decoration: underline;}
.evt210330 {padding: 70px 0 65px; text-align: center; border: 5px solid #164282; font-family: "Noto Sans KR";}
.evt210330 h3 {margin-bottom: 30px; font-size: 21px; font-weight: bold; color: #164282; line-height: 1.2;}
.btn-evt {width: 150px; height: 40px; background-color: #164282; font-size: 15px; color: #fff;}

/* 210428 용지선택 */
.cover-sel1 div {float: left; width: 25%; margin-left: -1px;}
.cover-sel1 select {width: 100%; font-size: 12px; padding: 3px; outline: 0;}
.cover-sel1 option:hover {background-color: #e2e2e2;}
.cover-sel1 option:checked, .cover-sel1 option:focus, .cover-sel1 option:active {background: linear-gradient(#88b8e4, #88b8e4); color: #333; font-weight: bold;}

/* 210517 맞춤인쇄-상품분류 */
.prd-cls .dot-title {line-height: 28px;}
.prd-cls ul {width: 580px; margin-left: 5px;}
.prd-cls li {float: left; width: 145px; margin-bottom: 5px; line-height: 28px;}
.prd-cls label {margin-left: 3px;}
.prd-cls input[type="radio"] {width: 17px; height: 17px; background: url("/images/ko/img-res/cls-ck1.png") no-repeat; vertical-align: middle; appearance: none; -webkit-appearance: none; outline: 0;}
.prd-cls input[type="radio"]:checked {background: url("/images/ko/img-res/cls-ck.png") no-repeat;}
.prd-cls input[type="text"] {width: 80px; height: 28px;}

/* 211203 결제추가 */
.order-sms {padding: 15px 0 20px 160px; background-color: #f9f9f9;}
.order-sms1 {float: left; margin-left: 57px; margin-top: 20px; line-height: 21px; color: #666;}
.order-sms1 span, .order-sms1 a {color: #ff0000;}
.order-sms2 {margin-bottom: 5px; font-size: 15px; font-weight: bold; color: #333;}
.order-sms3 input {margin-right: 5px;}
.order-sms4 {margin-left: 15px; text-indent: -15px;}
.tb-default .pay-td {text-align: left; border-bottom: 0; padding-bottom: 30px;}
.tb-default .pay-td1 {text-align: left; padding-bottom: 30px;}
.pay-confr {position: absolute; top:25px; left: -120px; width: 350px; padding: 1em; border: 1px solid #bebebe; background: #fff; z-index: 101; display: none}
.pay-confr >.close {position: absolute; top:0; right: 0.5em;}
.pay-post-confr {padding-left: 0.5em; cursor: help; font-weight: bold;}
.ord-mail {display: inline-block; width: 75px; font-weight: bold;}
.pay-wrap {height: 215px; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.pay-wrap table.tb-default.bd td, .pay-wrap table.tb-default.bd th {border-left: 0;}
.pay-wrap .table.tb-default td, .pay-wrap table.tb-default td {border-bottom: 0;}
.pay-wrap .pay-td {padding-bottom: 10px;}
.pay-text {position: relative; font-size: 11px; text-indent: -12px; padding-left: 20px;}
.pay-text span {color: #ff0000;}
.pay-arrow {position: absolute; top: -13px; right: 285px; width: 42px; height: 26px; background: url("/images/ko/img-sub/pay-arrow.gif");}

/* 211209 맞춤인쇄 팝업 */
.paper-layer {position: fixed; width: 450px; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px; padding: 30px 15px 20px 15px; background-color: #eee; font-family: "Noto Sans KR"; text-align: center; box-sizing:border-box;}
.paper-layer1 {padding: 43px 0; background-color: #fff;}
.paper-text {font-size: 15px; color: #333; line-height: 1.4;}
.paper-text span {position: relative; z-index: 1;}
.paper-text span:after {content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 11px; background-color: #fff65d;}
.paper-text1 {font-size: 15px; margin: 5px 0 30px; color: #333; font-weight: bold;}
.paper-layer2 {position: fixed; width: 450px; top: 50%; left: 50%; z-index: 1; margin-top: -200px; margin-left: -225px; padding: 30px 15px 20px 15px; background-color: #eee; font-family: "Noto Sans KR"; text-align: center; box-sizing:border-box;}
.paper-layer3 {position: fixed; width: 450px; top: 50%; left: 50%; z-index: 3; margin-top: -200px; margin-left: -225px; padding: 30px 15px 20px 15px; background-color: #eee; font-family: "Noto Sans KR"; text-align: center; box-sizing:border-box;}

.txtl {text-align:left; margin-left:20px;}

/* 220114 출고예상일 팝업 */
.dlvr-date {display: none; position: absolute; top: 22px; left: -70px; width: 450px; height: 260px; z-index: 1;}
.dlvr-date1 {display: none; position: absolute; top: 26px; left: -150px; width: 450px; height: 260px; z-index: 1;}
.dlvr-date2 {display: none; position: absolute; top: 22px; left: 70px; width: 450px; height: 260px; z-index: 1;}


/* 220512 영문초록 */
.post-text {top: 25px; left: 54px; width: 170px; padding-left: 27px; text-indent: -14px;}
.post-text >.close {top: 3px; right: 0;}
.post-dim {display: none; position: fixed; z-index: 2; width: 100%; height: 100%; top: 0; left: 0;}

/* 220614 로그인 */
.login-container1 {position: fixed; width: 500px; height: 300px; top: 50%; left: 50%; margin-top: -150px; margin-left: -250px;}
.login-container1 .container-in1 {border: 1px solid #ddd; border-top: 0;}
.login-logo {width: 300px; margin: 0 auto 40px;}
.login-du {display: none;}
.login-du .modal-fix-default {display: block;}
.login-du .btn {width: 120px;}
.login-du .over-dim-layer {left: 0;}
.login-du1 {padding: 30px; font-size: 14px; font-weight: bold;}

/* 220628 옵셋 */
.chatbot {position: fixed; right: 50px; bottom: 28px;}
.main19-gnb1 {margin-left: 35px;}
.main22-custom, .main22-custom li {float: left;}
.main22-custom {margin-left: 60px;}
.main22-custom li a {padding: 8px 20px; outline: 0;}
.main22-custom li:first-child a {padding: 20px 5px;}
.main19-gnb1 > li > a {padding: 0 17px;}
.main22-custom1 a {border-left: 1px solid #cce5f4;}
.order-textarea textarea {width: 100%; height: 150px; padding: 10px;}

/* 220826 하드커버 */
div.cts-info1 {padding: 10px 10px 20px; border: 1px solid #494949;}

/* 221107 대량캘린더 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
.cld-main-container1 {height:681px; font-size:16px; color:#434343; line-height:1.6; box-sizing:border-box;}
.cld-main-container2 {height:981px; font-size:16px; color:#434343; line-height:1.6; box-sizing:border-box;}
.cld-main-container3 {height:1535px; font-size:16px; color:#434343; line-height:1.6; box-sizing:border-box;}
.cld-main-container4 {font-size:16px; color:#434343; line-height:1.6; box-sizing:border-box;}
.cld-main-container5 {height:1627px; font-size:16px; color:#434343; line-height:1.6; box-sizing:border-box; padding:80px 0px;}
.inner_cld {width: 1200px; margin: 0 auto; position: relative;}
.cld1 {background:  url(/images/ko/img-cld/bg-cld-top1.png) center center no-repeat;}
.cld2 {background:  url(/images/ko/img-cld/bg-cld-top2.png) center center no-repeat;}
.cld3 {background:  url(/images/ko/img-cld/bg-cld-top3.png) center center no-repeat;}
.cld_title {font-size:42px; color:#3c8cb1; text-align:center; font-weight:bold; margin-top:100px; font-family: 'Noto Sans KR', sans-serif; width:100%;}
.title_line {width:48px; height:2px; background:#3c8cb1; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.cld_title3 {font-size:42px; color:#6680f1; text-align:center; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; width:100%;}
.title_line3 {width:48px; height:2px; background:#6680f1; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.cld_txt {font-size:20px; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; width:100%;}
.cld_img {margin-top:60px;}
.cld_custom {width:1200px; margin-top:60px; float:left;}
.cld_custom ul {float:left; margin-bottom:30px;}
.cld_custom li {float:left;}
.cld_custom li.cs_right {width:750px; height:450px; background:#f8f8f8;}
.cld_custom li.cs_right img {margin-top:110px; margin-left:70px;}
.cld_custom li.cs_right h4 {width:80%; font-size:24px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; margin-top:55px; margin-left:70px;}
.cld_custom li.cs_right p {width:80%; font-size:16px; font-family: 'Noto Sans KR', sans-serif; margin-top:20px; margin-left:70px;}
.cld_custom li.cs_right p span {color:#ff2121;}
.cs_center {float:left; width:100%; background:#425c69; padding:70px 0; margin-top:70px;}
.cld_title2 {font-size:42px; color:#fff; text-align:center; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; width:100%;}
.title_line2 {width:48px; height:2px; background:#fff; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.cs_box {float:left; width:100%; font-family: 'Noto Sans KR', sans-serif; margin-top:50px;}
.cs_box li {float:left; width:49.9%; text-align:center; border-right:1px solid #527180;}
.cs_box li:last-child {border-right:0px;}
.cs_box li .cs_txt {font-size:20px; color:#fff; margin-top:30px;}
.cs_box li .cs_txt span {font-size:30px; font-weight:bold;}
.cs_box .cs_subtxt {float:left; width:100%; font-size:20px; color:#fff; text-align:center; margin-top:40px;}
.cs_box .cs_subtxt a {color:#fff; text-decoration: underline;}
.cld_product {float:left; width:100%; margin-top:80px;}
.cld_product ul {float:left; width:100%;}
.cld_product ul li {float:left; margin-right:40px; width:270px;}
.cld_product ul li:last-child {margin-right:0px;}
.cld_product ul li img {margin-bottom:15px;}
.cld_product ul li ul {float:left; width:100%;}
.cld_product ul li ul li {float:left; margin-right:3px; width:51px;}
.cld_product ul li .product_txt {width:270px; color:#000; font-size:18px; font-family: 'Noto Sans KR', sans-serif; padding:20px 0; line-height:24px; border-bottom:1px solid #e8e8e8; margin-bottom:40px;}
.cld_product ul li .product_txt span {font-size:16px; color:#848484;}
.mt100 {margin-top:200px;}
.title_price {font-size:30px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; text-align:center; color:#000;}
.title_price p {font-size:20px; color:#1b1b1b; font-weight:normal;}
.title_price p a {text-decoration: underline; color:#0c00ff;}
.cld_table {width:100%;border-collapse : collapse;border-spacing : 0; margin-top:30px; border-top:2px solid #3c52b0;   font-size:18px; font-family: 'Noto Sans KR', sans-serif;}
.cld_table th {background:#6680f1; height:60px; border-bottom:1px solid #3c52b0; border-right:1px solid #3c52b0; color:#fff;}
.cld_table th:last-child {border-right:0px;}
.cld_table td {background:#fff; height:60px; width:240px; padding-right:20px; border-bottom:1px solid #3c52b0; border-right:1px solid #3c52b0; color:#1b1b1b; text-align:right;}
.cld_table td:last-child {border-right:0px;}
.cld_table td:first-child {padding-right:0px;}
.cld_table .tcenter {text-align:center;}

.cld_table2 {width:100%;border-collapse : collapse;border-spacing : 0; margin-top:30px; border-top:2px solid #3c52b0;   font-size:18px; font-family: 'Noto Sans KR', sans-serif;}
.cld_table2 th {background:#6680f1; height:60px; border-bottom:1px solid #3c52b0; border-right:1px solid #3c52b0; color:#fff;}
.cld_table2 th:last-child {border-right:0px;}
.cld_table2 td {background:#fff; height:60px; border-bottom:1px solid #3c52b0; border-right:1px solid #3c52b0; color:#1b1b1b; text-align:center;}
.cld_table2 td:last-child {border-right:0px;}

.tb_txt {text-align:right; font-size:18px; font-family: 'Noto Sans KR', sans-serif; margin-top:10px;}
.mt90 {margin-top:60px;}
.mb40 {margin-bottom:80px;}

.popup {
	position: fixed;
    width: 1100px;
	height:85%;
    left: 50%;
    margin-left: -550px; /* half of width */
    top: 100px;
    overflow: auto;

    /* decoration */
	overflow-x:hidden;
	overflow-y:hidden;
    border: 1px solid #000;
    background-color: #f2f2f2;
    box-sizing: border-box;display:none;
	padding-bottom:100px;
}

.popup .pop_top {width:100%; height:70px; border-bottom:1px solid #dadada; float:left; background:#fff;}
.popup .pop_top h2 {float:left; font-size:24px; line-height:70px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; margin-left:20px;}
.popup .close {position:absolute; right:20px; top:22px;}
.popup .pop_con {float:left; width:1100px; height:100%; overflow-y:scroll; text-align:center;}
.popup .pop_con img { border:1px solid #f3f3f3; text-align:center;  margin-bottom:30px;}
.popup .pop_con img:first-child {margin-top:30px;}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

/*20230609 맞춤인쇄 팝업 추가*/
.confirm_modal_ol li{list-style:decimal !important;margin-left: 15px;}
.asterisk_ul li:before {content:'*'; display: inline-block; margin-right:10px;position: absolute;}

/*포토북 출고예상일 추가*/
.tooltip-container {position: relative;width: 200px; display: inline-block; margin-left: 620px;}
.tooltip-container:hover .tooltip-content {display: inline-block;}
.tooltip-content{ display: none;position: absolute;top: 123%;left: -240px;}

/*20230904 여백짤림예시 이미지 - 출고일툴팁소스사용 */
ul.size-ex{width: 310px;letter-spacing: -0.05em;}
ul.size-ex2{width: 250px;letter-spacing: 0em; padding-left: 10px}
ul.size-ex > li, ul.size-ex2 > li{background: url(/images/ko/img-common/bg-dot_red.png) 0 9px no-repeat; padding-left: 8px;}
.dlvr-date3 {display: none; position: absolute; top: 119px; left: -60px; z-index: 1;}
       /*맞춤인쇄 적용*/

.dlvr-date4 {display: none; position: absolute; top: 620px; left: 90px; z-index: 1;}

/*재주문유의사항 추가 - 20230914*/
.reordertable{width:435px ;}
.reordertable tr:first-child{text-align: center;font-weight: 600;}
.reordertable td{border: 1px solid #333;padding: 5px;}
.reordertable ul > li {list-style: disc;margin-left: 20px;}

/*mypage/ord-list.asp 툴팁추가*/
.tooltip-ord-listdate{position: relative;display: inline-block;}
.tooltip-ord-listdate:hover .tooltip-contentord {display: inline-block;}
.tooltip-contentord{ display: none;position: absolute;top:-1039%;left: -456px;}

/*학위논문  2단계 제본보기 버튼*/
.btn-cord{width: 80px;top: 273px;position: absolute;padding: 6px;}
.btn-prip{margin-top: 5px;}

/*20231123 포토북 GNB 추가*/
.photo_self{width:265px;padding: 0px 40px;position: absolute;left: 0px;}
.photo_booktoyd{width:774px;padding:0px 40px;background-color: #EEEEEE80;height:100%;float: right;padding-bottom:20px;}
.video-guide{background-color: #c50000;display: block;line-height: 34px;padding: 0px 13px;margin-top: 20px;color: #fff;border-radius: 3px;float: right;}
.video-guide:hover{color: #fff;background-color: #a60000;}


.eprdtitle{color:#224672;font-size: 17px;font-weight: 700;}
.eprdtitle > a{font-size: 12px;font-weight: 400;color: #666666;text-decoration: none;line-height: inherit;display: inline-block;padding-left: 10px;}

.gnb_sub_table2023{background-color: #ffffff00;}
.gnb_sub_table2023 tr td{padding: 0px 0px 22px 0px;}
.photo_self_t1{line-height: 4;}
.photo_booktoyd_t1{line-height: 2.5;color: #224672;font-weight: 800;}
.photo_booktoyd_t2{line-height: 1.5;padding: 4px 0 5px 0;}
.photo_booktoyd_t3{line-height: 1.5;font-size: 12px;}

/*20231228_상품상세 고급옵션 css추가*/
/*옵션명 3글자*/
#view_opt_coverwing, #view_opt_bookjacket, #view_opt_ppcover{margin-left: 130px;text-indent: -48px;}
/*옵션명 2글자*/
#view_opt_bookband, #view_opt_foil,#view_opt_tooling,#view_opt_epoxy, #view_opt_pcoating, #view_opt_endpaper,#view_opt_slipsheet, #view_opt_feedpaper, #view_opt_tagong, #view_opt_round, #view_opt_bmcoating, #view_opt_push, #view_opt_headband, #view_opt_tie, #view_opt_bmtooling, #view_opt_bmepoxy, #view_opt_bmpcoating{margin-left: 118px;text-indent: -35px;}

.seasonlogo{position: absolute;top: 7px;}

/* edi-notice 20240416///////////////////////////////////////////*/
.notiSlide {font-size: 5rem;display: flex;position: relative;overflow: hidden;}
.notiSlide_container {transition: transform 0.6s;width: 100%;height: 100%;display: flex;}
.notiSlide_slide {display: flex;justify-content: center;align-items: center;flex-shrink: 0;width: 100%;height: 100%;}
.notiSlide_btn {width: 70px;height: 510px;border: 0px solid navy;position: absolute;top: 55%;transform: translateY(-50%);cursor: pointer;}
.notiSlide_left-btn {left: 0px;background: url('https://booktory.com/images/ko/img-eprd/edi-noticeL.png') no-repeat center left;}
.notiSlide_left-btn:hover {left: 0px;background: url('https://booktory.com/images/ko/img-eprd/edi-noticeL_hover.png') no-repeat center left;}
.notiSlide_right-btn {right: 0px;background: url('https://booktory.com/images/ko/img-eprd/edi-noticeR.png') no-repeat center right;}
.notiSlide_right-btn:hover {right: 0px;background: url('https://booktory.com/images/ko/img-eprd/edi-noticeR_hover.png') no-repeat center right;}
.notiSlide_nav {position: absolute;top: 20px;left: 750px;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;width: 80%;}
.notiSlide_nav-item {width: 30px;height: 30px;margin-left: 5px;border-radius: 100px;transition: background 0.3s;cursor: pointer;background-color: #333;color: #fff;font-size: 15px;text-align: center;line-height: 30px;}
.notiSlide_nav_item_active {background-color: #339dd7/*var(--bg-nav-color)*/;}
.edi-close {position: absolute;top: 13px;right: -20px;z-index: 3000;}
.edi-close a img {padding: 15px;}
.edi-noticeImg_title {position: absolute;background: #f4f4f4;display: block;width: 100%;padding: 20px 0px 20px 40px;}
.edi-noticeShow {display: inline-block;position: fixed;top: 0px;right: 465px;z-index: 3000;background: url('https://booktory.com/images/ko/img-eprd/edi-noticePopup.png') 13px 12px no-repeat #00000000;padding-left: 40px;height: 44px;line-height: 46px;cursor: pointer;font-size: 13px;vertical-align: top;}
.edi-noticeShow a {border-right: 1px solid #a6a6a6;padding-right: 20px;}
.edi-noticeShow:hover {background: url('https://booktory.com/images/ko/img-eprd/edi-noticePopup.png') 13px 12px no-repeat #d0d0d0;}

/**/
.modal-fix-default {position: fixed;top: 50%;left: 50%;background: #fff;width: 500px;margin-left: -250px;margin-top: -100px;box-sizing: border-box;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);z-index: 101;display: none;}
.edi-notice {padding: 0px 0 0px;background-color: #fff;}
.modal-fix-default.edi-notice {display: none;width: 900px;margin-left: -470px;margin-top: -310px;overflow: hidden;border-radius: 10px;}
/* edi-notice end ///////////////////////////////////////////*/




/*20240502 소량견적 디자인 툴팁추가*/
.cover-design-sel3-tooltip {position: absolute;display: inline-block;right: 55px;z-index: 2;padding-top: 10px;}
.ttip0110ex {position: relative;display: inline-block;}
.tooltip {visibility: hidden;opacity: 0;z-index: 1;background-color: #fff;color: #333;font-size: 13px;padding: 20px;position: absolute;border: #eee 15px solid;top: 27px;left: -300px;margin-left: 0px;transition: opacity 0.3s;width: 300px;text-align: left;}
.tooltip>p {font-size: 16px;font-weight: 700;margin: 0px;}
.tooltip>span {font-size: 13px;padding: 5px 0px 10px;display: block;}
.tooltip>span.textred {font-size: 13px;padding: 0px;color: rgb(221, 40, 33);display: block;}
.ttip0110ex:hover .tooltip {visibility: visible;opacity: 1;}


.searchCategory{display: flex;justify-content: space-between;padding: 0px 8px 0px 0px;margin: 0px 0px 30px 0px;}
.searchCategory_btn{border: 0px ;
border-radius: 5px;
background-color: #107fe7;
color: #fff;
padding: 18px 10px;
width: 160px;
font-size: 15px;
margin: 0px;
font-weight: 600;}
.searchCategory_btn:hover{background-color: #066cca;}

ul.li-disc li{list-style: disc;margin-left: 18px;padding: 2px 0px;}
.table-w33per tr th{text-align: center !important;}
.table-w33per tr td{vertical-align: top;padding: 10px;}
.img-radius5{border-radius: 5px;width: 60%;padding-bottom: 10px;}
.btn-gray-radius{padding: 2px 5px;margin-left: 5px;background-color: #dcdcdc; border-radius: 100px;color: #333;}
.btn-bold{color: #333;font-weight: 700;}


/*20250325 추가*/
.cts-left .dlvr-info {position: relative;}
.cts-left .dlvr-date {display: none;position: absolute;top: 20px;right: 0;z-index: 10;background: #fff;border: 1px solid #ddd;padding: 5px;}
.cts-left .dlvr-info:hover + .dlvr-date {display: block;}

.flex-sa{display: flex;justify-content: space-around;}
.flex-end{display: flex;justify-content: flex-end;align-items: flex-end;}
.flex-vcenter{display: flex; align-items: center;}
.coating_bt_off{width: 100px;height: 150px;margin: 3px 3px 3px 0px;border: 1px solid #D3D3D3;background-color: #F8F8F8;text-align: center;}
.coating_bt_off > img {padding-top: 5px;}
.coating_bt_off > p {line-height: 1.3;position: absolute;width: 100%;height: 40px;
display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0px 0 0;}


/*event150_추석이벤트*/
.event150 #d_daytime_wrap {background: url('https://booktory.com//file/editor/20250918112742.jpg') no-repeat top center;height: 190px;}
.event150 #d_daytime_wrap div.event150_2 {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;font-family: sans-serif;margin: 0 auto;padding: 0 70px 10px 70px;}
.event150 .time-box {display: flex;flex-direction: column;align-items: center;background-color: #fff;padding: 20px 25px;border-radius: 10px;}
.event150 .time-box_endtext{display: inline-block;background-color: #fff;padding: 20px 50px;margin: 50px auto;border-radius: 10px;}
.event150 .time-num {font-size: 40px;font-weight: bold;color: #000;}
.event150 .time-label {font-size: 16px;color: #5A3FFF;margin-top: 4px;}
.event150 .event150_1{background: url('https://booktory.com//file/editor/20250918112732.jpg') no-repeat top center;height: 840px;}
.event150 .event150_couppon_nb{background: url('https://booktory.com//file/editor/20250918112750.jpg') no-repeat top center;text-align:center;font-size:24px;font-weight: bold;color: #000;height: 1230px;}

/*2도컬러 선택_팝업창*/
.color-set {display: flex; gap: 10px; justify-content: center;}
  .color-set input[type="radio"] {position: absolute;left: -9999px;}
  .color-set label {display: block;width: 120px; text-align: center;cursor: pointer;font-size: 14px;  }

  .color-set .color-thumb {display: block;width: 120px;  height: 80px; margin-bottom: 5px;background-repeat: no-repeat; background-image: url('/images/ko/img-res/2color-ck.png');  }
  .two_color_ck .color-thumb { background-position:   left  top; }
  .two_color_mk .color-thumb { background-position: center  top; }
  .two_color_yk .color-thumb { background-position:  right  top; }
  .two_color_ck input[type="radio"]:checked + .color-thumb { background-position:   left  -110px; }
  .two_color_mk input[type="radio"]:checked + .color-thumb { background-position: center  -110px; }
  .two_color_yk input[type="radio"]:checked + .color-thumb { background-position:  right  -110px; }


.hidden-force { display: none !important; }
.event_poppu_bt{text-align: center;padding: 10px 0px 50px;}


.univ-grid {display: grid;grid-template-columns: repeat(5, 1fr);padding: 20px 0;}
.univ-grid-title{background: #e7edf3; color: #333333;text-align: center;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;
	padding: 6px;font-weight: 600;margin-top: 20px;}

.univ-link{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;text-decoration:none;}
.univ-logo{ height:46px; width:auto;border: 1px solid #fff ; box-sizing: border-box; border-radius: 3px;}
.univ-name{ font-size:13px; color:#333; white-space:nowrap;}
.univ-link:hover .univ-logo{border: 1px solid #999 ;}
.univ-link:hover .univ-name{ text-decoration:underline;}
.tr_hover_no{background: #fff;}


.faq_file{display: inline-block;background-color: #007bc7;font-size: 14px;padding: 10px 70px;color: #fff;margin: 20px 0px;border-radius: 100px;font-weight: 600;}
.faq_file:hover{color: #fff;background-color: #008fe7;}