@charset "utf-8";
/* Common */
.basicText{color:#666;line-height:1.65;}
.squareTitle{position:relative;font-size:2.7rem;font-weight:700;padding-left:12px;margin-bottom:7px;}
.squareTitle:before{width:7px;height:7px;background:#e24047;position:absolute;left:0;top:17px;content:"";}
.bgGray{background:#f4f4f4;}
.bgFull{position:relative;}
.bgFull:before{width:100vw;height:100%;background:#f4f4f4;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.verticalM{vertical-align:middle;}
.extractText{font-size:1.5rem;}
.fontS10{font-size:10px;}
.pageSupTopFlex{display:flex;justify-content:center;}
.pageSupTop .flexList{display:inline-block;}
.pageSupTop .flexList li{width:100%;display:flex;text-align:left;}
.pageSupTop .flexList li > strong{flex-shrink:0;margin-right:5px;}
.pageSupTop .flexList li p{word-break:keep-all;}
.pageSupTop .flexList.flexAlignC li{align-items:center;}
.pageSupTop .flexList.flexAlignC .fontS10{margin-top:-1px;}
.pageSupTop .fontS10{vertical-align:2px;}
.pageSupTop.pageSupTopCalendar{display:flex;justify-content:center;}
.pageSupTop.pageSupTopCalendar > div{text-align:left;}

.pcView{display:block;}

/* Flex */
.flexCont{display:flex;}

/* Color */
.c_red{color:#cd3b3b;}
.c_e24047{color:#e24047;}
.c_black{color:#333}
.c_gray{color:#666}

/* Btn */
.btnType{display:inline-block;padding:16.5px 29px;color:#fff;cursor:pointer;}
.btnType.btnBlack{background:#333;}
.btnType.btnRed{background:#e24047;padding:14px 47.5px;}
.btnType.btnGray{background:#888;}

/* Width */
.wid_162p{width:162px !important}
.wid_140p{width:140px !important}
.wid_100p{width:100px !important}

/* Align */
.alignC{text-align:center}
.alignL{text-align:left !important;}
.alignR{text-align:right}

/* Margin */
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.ml20{margin-left:20px}

/* Padding */
.pl19{padding-left:19px;}

/* 회사소개 > 주요인쇄물 */
.most .pageCont > dl{padding:41px 0 44px;}
.most .pageCont > dl .imgList{margin-top:45px;}
.most .pageCont > dl .imgList ul{display:flex;justify-content:space-between;}

/* 회사소개 > 찾아오시는 길 */
.location .location_cont{display:flex;justify-content:space-between;}
.location .location_cont .locationMap{width:550px;}
.location .location_cont .locationInfo{width:calc(100% - 580px);margin-left:30px;}
.location .location_cont .locationInfo dl dt{font-weight:bold;font-size:2.3rem;border-bottom:1px solid #eaeaea;padding:9px 0 13px;}
.location .location_cont .locationInfo dl dd ul li{display:flex;border-bottom:1px solid #eaeaea;color:#666;padding:12px 0;}
.location .location_cont .locationInfo dl dd ul li strong{color:#333;min-width:91px;} 

/* 학교인쇄물 카테고리 > 전체 */
.category h3{margin-bottom:40px;}
.category > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.category > ul > li{width:23.75%;margin-bottom:16px;}
.category > ul > li .cateInfo{position:relative;overflow:hidden;}
.category > ul > li .cateInfo .imgBox{border:1px solid #d5d5d5;}
.category > ul > li .cateInfo ul{width:100%;height:59%;display:flex;flex-direction:column;justify-content:center;position:absolute;left:0;bottom:-59%;transition:all .4s;background:rgba(0, 0, 0, .5);text-align:center;}
.category > ul > li .cateInfo ul li{color:#fff;font-size:1.5rem;line-height:1.5;}
.category > ul > li:hover .cateInfo ul{bottom:0;}
.category > ul > li h4{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-size:1.9rem;}

/* 문의하기 */
.request_box{max-width:1070px;margin:33px auto 0;}
.request_box ul li{max-height:56px;display:flex;flex-wrap:wrap;}
.request_box ul li.fileBoxLi{max-height:73px;}
#estimateGroup .request_box ul li.fileBoxLi{max-height:76px;}
.request_box ul li.QuestionContentBox{max-height:100%;}
.request_box ul li:last-child{max-height:100%;}
.request_box ul li.colBox{justify-content:space-between;}
.request_box ul li > div{width:100%;border-bottom:1px solid #c6c6c6;padding-bottom:9px;margin-top:21px;}
.request_box ul li:first-child > div{margin-top:0;display:flex;align-items:center;}
.request_box ul li.captchaBox > div{border-bottom:0;}
.request_box ul li > div.col_2{}
.request_box ul li > div.col_2.col_2Left{width:53.272%;display:flex;align-items:center;}
.request_box ul li > div.col_2.col_2Right{width:44.86%;display:flex;align-items:center;}
.request_box ul li > div.col_3{width:31.964%;}
.request_box ul li > div.col_4.col_4Left{width:22.898%;}
.request_box ul li > div.col_4.col_4Right{width:28.599%;}
.request_box ul li > div input{width:100%;border:0;}
.request_box ul li > div > strong{flex-shrink:0;margin-right:10px;}
.request_box ul li > div > strong span{font-size:1.4rem;font-weight:400;}
.request_box ul li > div select{width:194px;flex-shrink:0;border:1px solid #aeaeae;border-radius:3px;font-size:1.4rem;padding:4.5px 6px;box-sizing:border-box;margin-left:13px;color:#888;background:url(/img/common/search_select_bg.png) no-repeat right 8px center;}
.request_box ul li > div select.miniSelect{width:84px;}
.request_box ul li > div select.smallSelect{width:124px;}
.request_box ul li > div.selectBox{margin-top:14px;}
.request_box ul li > div.selectBox{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;}
.request_box ul li > div .emailForm{width:100%;display:flex;justify-content:space-between;align-items:center;}
.request_box ul li > div .emailForm strong{margin-right:10px;flex-shrink:0;}
.request_box ul li > div .emailForm > span{display:inline-block;margin:3px;}
.request_box ul li > div .emailForm > input:nth-of-type(1){width:135px}
.request_box ul li > div.subjectBox strong{min-width:32px}
.request_box ul li > div.subjectBox div{width:100%;}
.request_box ul li > div.subjectBox input{width:100%;}
.request_box ul li > div.allPageBox input{width:168px;}
.request_box ul li > div.fileBox{width:100%;margin-top:9px;align-items:center;}
.request_box ul li > div.fileBox #fileName{width:43.52%;height:32px;border:1px solid #e3e3e3;background:#f4f4f4;border-radius:3px;margin-right:10px;}
.request_box ul li > div.fileBox .btnType{min-height:32px;padding:4.5px 13px !important;border-radius:3px;font-size:1.4rem;}
.request_box ul li > div.fileBox > div{width:100%;}
.request_box ul li > div.fileBox > div > div{width:100%;display:flex;align-items:center;margin-left:10px;}
.request_box ul li > div.fileBox > div > div .file_input_div{position:relative;display:flex;align-items:center;}
.request_box ul li > div.fileBox > div > div .file_input_div label{word-break:keep-all;cursor:pointer;}
.request_box ul li > div.fileBox > div > div .file_input_div .file_input_hidden{width:79px;height:32px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);cursor:pointer;display:none;}
.request_box ul li > div.fileBox > div > div .file_input_div .deleteFile{margin-left:4px;}
.request_box ul li > div.fileBox > div > p{font-size:1.2rem;margin:3px 0 0 10px;}
.request_box textarea{width:100%;height:227px;border:1px solid #e3e3e3;color:#888;background:#f4f4f4;font-size:1.5rem;padding:17px 15px;margin-top:40px;}
.request_box input[type="submit"]{border:0;}
.bottomTelText{margin-top:15px;word-break:keep-all;}
.bottomTelText > p{margin-top:39px;color:#666;font-size:1.5rem;line-height:1.75}
.bottomTelText.borderT{border-top:1px solid #ddd;}

/* 도움말 */
.squareList li{position:relative;padding-left:13px;margin-bottom:26px;}
.squareList li:last-child{margin-bottom:0;}
.squareList li:before{width:6px;height:6px;background:#ff4047;position:absolute;left:0;top:8px;content:"";}
.squareList li .basicText{font-size:1.5rem;}
.helpBottom{margin:61px 0 50px;text-align:center;font-size:1.5rem;padding:22px 10px;color:#444;}
.helpBottom p{margin-top:2px;line-height:1.75;word-break:keep-all;}

/* 애드스쿨 가이드 */
.guideCont{background:#f4f4f4;padding:20px 41px 40px;margin-top:30px;}
.guideCont:first-child{margin-top:0;}
.guideCont dl dd{font-weight:700;}
.guideCont dl dd .c_gray{font-weight:400;}
.guideCont dl dd .flexCont .icon{flex-shrink:0;}

/* 견적문의 > 견적문의 */
.customer1 .request_box ul li > div.fileBox{margin-top:14px;}
.customer1 .request_box ul li > div.fileBox #fileName{width:194px;}

/* 견적문의 > 견적문의 도움말 */
.help1 .helpBottom{color:#666;padding:25px 10px 23px;}
.help1 .helpBottom p{margin-top:16px;}

/* 인쇄가이드 > 인쇄가이드 */
.printCont{background:#f4f4f4;padding:20px 41px 55px;margin-top:30px;}
.printCont:first-child{margin-top:0 !important}
.printCont.printSizeCont{padding:40px 0;margin-top:0;}
.printCont.printSizeCont:nth-child(2n){background:#fff;}
.printCont.printSizeCont .flexCont{align-items:center;}
.printCont.printSizeCont .flexCont > .imgBox{width:49.167%;flex-shrink:0;}
.printCont.printSizeCont .flexCont .printSizeText{margin-left:70px;}
.printCont.printSizeCont .printSizeTitle{font-size:2rem;font-weight:700;margin-bottom:25px;}
.printCont.printSizeCont .printSizeImg{justify-content:space-between;}
.printCont.printBindingCont, .printCont.printCoatingCont {padding:20px 41px 35px;}


@media screen and (max-width: 1279px){
/* Common */
.squareTitle:before{top:15px;}

/* 회사소개 > 주요인쇄물 */
.most .pageCont > dl .imgList ul li{margin:0 5px;}

/* 문의하기 */
.request_box ul li > div .emailForm > input{max-width:100%;}

/* 도움말 */
.squareList li:before{top:7px;}

/* 회사소개 > 찾아오시는 길 */
.location .location_cont .locationMap{width:48%;}
.location .location_cont .locationInfo{width:calc(52% - 30px);}

/* 인쇄가이드 > 인쇄가이드 */
.printCont.printSizeCont .printSizeImg .imgBox{width:49%;}
.printCont.printSizeCont .flexCont .printSizeText{margin-left:5.834%;}
}
 
@media screen and (max-width: 979px){
/* 학교인쇄물 카테고리 > 전체 */
.category > ul > li .cateInfo ul{height:70%;bottom:-70%;}

/* 문의하기 */
.request_box .wid_162p{width:100px !important}
.request_box ul li{max-height:100% !important;}
.request_box ul li > div.col_4.col_4Left{width:43%;}
.request_box ul li > div.col_4.col_4Right{width:54.2%;}
.request_box ul li > div.col_2.col_2Right{width:100%;}
.request_box ul li > div.col_2.col_2Left.allPageBox{width:53.272%;}
.request_box ul li > div.col_2.col_2Right.quantityBox{width:44.86%;}
.request_box ul li > div select{margin-left:6px;}
.request_box ul li > div > strong{margin-right:5px;}
.request_box ul li > div.col_3{width:100%;}
.request_box ul li > div.col_2:nth-child(1), .request_box ul li > div.col_2:nth-child(2){width:100%;}
.request_box ul li:first-child > div{margin-top:11.5px;}
.request_box ul li:first-child > div:fisrt-child{margin-top:0;}
.request_box ul li > div.selectBox{margin-top:7px;}
.request_box ul li > div.phoneBox{margin-top:11.5px;}
.request_box ul li > div{margin-top:11.5px;}
.request_box ul li > div.fileBox{margin-top:8px !important}
.request_box ul li > div.fileBox > div > div{width:100%;margin-left:0;}
.request_box ul li > div.fileBox > div > div .file_input_div{width:149px;}
.request_box ul li > div.fileBox #fileName{width:194px;margin-right:5px;}
.request_box ul li > div.fileBox > div > p{font-size:1.2rem;margin:3px 0 0;}

.bottomTelText > p{margin-top:20px;}
}

@media screen and (max-width: 767px){
/* Common */
.squareTitle{padding-left:9px;}
.squareTitle:before{width:5px;height:5px;top:14px;}
.pageSupTop .fontS10{vertical-align:1px;}
.pcView{display:none;}

/* Btn */
.btnType{padding:10px 20px;}
.btnType.btnRed{padding:10px 35px;}

/* Margin */
.mt20{margin-top:10px !important}
.mt50{margin-top:25px !important}

/* 회사소개 > 주요인쇄물 */
.most .pageCont > dl{padding:20.5px 0 22px;}
.most .pageCont > dl .ml20{margin-left:10px;}
.most .pageCont > dl .imgList{margin-top:30px;}
.most .pageCont > dl .imgList ul{flex-wrap:wrap;justify-content:center;}
.most .pageCont > dl .imgList ul li{width:30%;margin:3px;}


/* 회사소개 > 찾아오시는 길 */
.location .location_cont{display:block;}
.location .location_cont .locationMap{width:100%;}
.location .location_cont .locationInfo{width:100%;margin:15px 0 0;}
.location .location_cont .locationInfo dl dt{padding:4.5px 0 6.5px;}
.location .location_cont .locationInfo dl dd ul li{padding:10px 0;}
.location .location_cont .locationInfo dl dd ul li strong{min-width:80px;}

/* 학교인쇄물 카테고리 > 전체 */
.category > ul > li{width:49%;}
.category > ul > li img{width:100%;}

/* 문의하기 */
.request_box{margin:16.5px auto 0;}
.request_box ul li > div.col_4.col_4Left{width:100%;}
.request_box ul li > div.col_4.col_4Right{width:100%;}
.request_box ul li > div.col_2.col_2Left.allPageBox{width:100%;}
.request_box ul li > div.col_2.col_2Right.quantityBox{width:100%;}
.request_box ul li > div.fileBox #fileName{width:calc(100% - 154px) !important;height:28px;}
.request_box ul li > div.fileBox .btnType{min-height:28px;}
.request_box ul li > div select{width:120px !important;}
.request_box textarea{height:180px;margin-top:20px;padding:10px;}
.request_box ul li.captchaBox > div{display:block;}
.request_box ul li.captchaBox > div > div{margin-top:10px;}

/* 도움말 */
.squareList li{padding-left:8px;margin-bottom:13px;}
.squareList li:before{width:4px;height:4px;top:8px;}
.helpBottom{margin:30.5px 0 24px;padding:11px 10px;}

/* 견적문의 > 견적문의 도움말 */
.help1 .helpBottom{color:#666;padding:12.5px 10px 11.5px;}
.help1 .helpBottom p{margin-top:8px;}

/* 애드스쿨 가이드 */
.guideCont{padding:10px 20.5px 20px;margin-top:15px;}

/*인쇄가이드 > 인쇄가이드*/
.printCont{padding:10px 20.5px 22.5px;margin-top:15px;}
.printCont.printSizeCont{padding:20px 0;margin-top:20px;}
.printCont.printSizeCont .flexCont{display:block;}
.printCont.printSizeCont .flexCont .printSizeText{margin:15px 0 0;}
.printCont.printSizeCont .flexCont > .imgBox{width:100%;}
.printCont.printSizeCont .printSizeTitle{margin-bottom:12.5px;}
.printCont.printSizeCont .printSizeImg .imgBox{width:100%;}
.printCont.printSizeCont .printSizeImg .imgBox img{width:100%;}
.printCont.printSizeCont .printSizeImg .imgBox:first-child{margin-bottom:10px;}
.printCont.printBindingCont, .printCont.printCoatingCont{padding:10px 20px 17.5px;}
}

