#header .h_state{background-color:#fff;}
#header .h_title {background:url('/Images/Common/sub_top_bg.jpg') no-repeat; background-size:cover;}
#header .h_title .subscription{display:none;}
#header .h_title .otherSearch ul li a{color:#fff;}
#header .h_title .otherSearch ul li:nth-child(2)::before{color:#fff;}
#header .h_title .otherSearch ul li:nth-child(2)::after{color:#fff; }
	@media (min-width : 1350px) {
		#header .h_title .search{ width:61.5%; }
	}
#header.fixed .h_state{padding-bottom:250px;}
#header.fixed .h_title{position:fixed;top:0px;left:0px;right:0px; padding:10px 0px;box-shadow: 3px 3px 5px 2px #ddd;z-index:99; background:#fff;}
#header.fixed .h_title .otherSearch{display:none;}
#header.fixed .h_title .otherSearch ul li a{color:#EB6329;}
#header.fixed .h_title .otherSearch ul li:nth-child(2)::before{color:#fff;}
#header.fixed .h_title .otherSearch ul li:nth-child(2)::after{color:#fff; }
#header.fixed .h_title .logo{display:none;}
#header.fixed .h_title .logo img{top:0px;}
    @media screen and (min-width:1000px) {
		#header.fixed .h_state{padding-bottom:190px;}
		#header.fixed .h_title .logo{display:inline-block; padding-bottom:0px;}
		#header.fixed .h_title .search {padding-bottom:5px;}
	}
#header.fixed .h_title.rescan-show{padding:40px 0px 15px;}
#header .h_title.rescan-show .logo{padding-bottom:40px;}
#header .h_title.rescan-show span.rescan-checker{display:block;}
#header.fixed .h_title.rescan-show span.rescan-checker label{color:#333;}
#header.fixed .h_title.rescan-show span.rescan-checker input:checked + label{ color:#EB6329;}

#header .h_title .logo img { /*width:336px;*/ /*filter: brightness(0) invert(1);*/}

#body {margin-bottom:60px;}
#body .container{max-width:1300px;}
#body h2{margin:15px 0px; font-size:24px; font-weight:500;}

#body .servicePage{position:relative;}
#body .servicePage h2{padding:10px 5%;border-bottom:1px solid #cecece;margin-top:0px; font-size:20px;}

/* 에러 페이지 */
#body .errorPage {margin-top:60px; padding:60px 0px;}
#body .errorPage .box {width: 550px;padding-bottom: 30px;margin:auto;background: #f9f9f9; border-radius:10%; text-align: center; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
#body .errorPage .box .home_link {display: block;width: 110px;padding:10px 3px;border-radius:20px;margin:auto;background: #eb6329;color: #fff;font-size: 15px;text-decoration: none;letter-spacing: -1px; transition: background 0.5s ease-out;}
#body .errorPage .box .home_link:hover {background: #434343;}
#body .errorPage .box .icon {margin:5% 0px 3%;}
#body .errorPage .box .txt {display: block;padding:0 20px;margin-bottom:40px;color: #525252;font-size:1.2rem;font-weight:600;line-height: 180%;word-break: keep-all;}
#body .errorPage .box .logo {margin-bottom:20px;}

@media only screen and (max-width:720px) {
	#body .errorPage .box {width: 80%;}
	#body .errorPage .box .img {width: 65%;image-rendering: -moz-crisp-edges;/* Firefox */image-rendering: -o-crisp-edges;/* Opera */image-rendering: -webkit-optimize-contrast;/* Webkit 표준 X */image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;  /* IE 표준 X */}
	#body .errorPage .box .txt { font-size:16px;    }
	#body .errorPage .box .logo {width: 60%;  /* Firefox */image-rendering: -o-crisp-edges; /* Opera */image-rendering: -webkit-optimize-contrast;/* Webkit 표준 X */image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;  /* IE 표준 X */}

}
.mo-hidn{display:none;}
.mo-display{}
    @media screen and (min-width:640px) {
		#body h2 {   margin:20px 0px; font-size:28px;   }	
	}
    @media screen and (min-width:720px) {
		#body h2 {   margin:30px 0px; font-size:32px;   }
		#body .servicePage h2 {  font-size:24px;    }	
	}
	@media screen and (min-width:1080px) {
		#body h2 { }	
		#body .servicePage{position:initial;}
		#body .servicePage h2{width:90%;max-width:1300px; padding:0px;border-bottom:none;margin:30px auto; font-size:32px;  }
		.mo-hidn{display:block;}
		.mo-display{display:none;}
	}

/*검색 필터 */

#body .mo-filter{ position:relative; padding:0px 20px; height:46px; line-height:46px; background-color:#f1f1f1; margin-bottom:15px; z-index:2;}
#body .mo-filter span.name{color:#828282; }
#body .mo-filter span.name i{margin-left:10px;color:#828282; }
#body .mo-filter span.useYN{position:absolute;right:20px;top:10px;}
#body .mo-filter span.useYN input{ display:none;}
#body .mo-filter span.useYN input + label { position:relative; display:inline-block;width:88px;height:28px; padding-left:25px; background:#cecece; border:1px solid #cecece; border-radius:12px; cursor:pointer;}
#body .mo-filter span.useYN input + label span{color:#fff;  font-size:.8rem; font-weight:500;}
#body .mo-filter span.useYN input + label i{color:#fff;}
#body .mo-filter span.useYN input + label i.close{position:absolute;left:5px;top:5px;}
#body .mo-filter span.useYN input + label i.open{display:none;}
#body .mo-filter span.useYN input:checked + label { padding-left:15px;border:1px solid #EB6329; background:#EB6329; }
#body .mo-filter span.useYN input:checked + label i.close{display:none;}
#body .mo-filter span.useYN input:checked + label i.open{display:initial; position:absolute;right:5px;top:5px;}

#body .snb{ display:none; }		/*side navigation bar*/
#body .snb-not-filter{display:block !important;}
#body .snb-open{display: block;position:fixed;top:165px;width:90%;max-height:60vh;padding: 5%;border: 1px solid #cecece;overflow-y:auto; background-color: #fff;z-index:100;}
#body .snb-mo-menu{display:block !important;position:absolute;right:0px;top:0px;width:50%;z-index: 3;}
#body .snb-mo-menu .title{position:relative; padding:10px 0px 10px 5%;border-left:1px solid #cecece;font-size:20px; font-weight:500;cursor:pointer;}	
#body .snb-mo-menu .title i{position:absolute;right:20px;top:30%;}

#body .mo-filterBG {-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;}
#body .mo-filterBG.filter-open {background: rgba(0, 0, 0, 0.8);bottom: 0;left: 0;position: fixed;right: 0;top:0px;opacity:1;pointer-events: auto; z-index:100;}
#body .mo-filter.filter-open{position:fixed;left:5%;right:5%;top:120px;z-index:100;}

#body .bat{}					/*body area title*/
#body .bac{}					/*body area contents*/
    
    @media screen and (min-width:640px) {
		#body .snb-mo-menu .title{/*font-size:28px;*/ }
	}
	
	
	@media screen and (min-width:720px) {
		#body .mo-filter {   margin-bottom:30px;  }	
		#body .snb-open { max-height:50vh; }
		#body .snb-mo-menu .title{font-size:24px; }
	}
	@media screen and (min-width:1080px) {
		#body .snb {float:left; display:block; position:inherit !important ;width:20%;max-height:inherit; overflow-y:inherit; padding:0px;border:none;margin-top:0px;}
		#body .snb-mo-menu .title{display:none;}
		#body .mo-filterBG{display:none;}
		#body .mo-filter{display:none;}
		#body .bat {float:right;width:76.5%;}
		#body .bac {float:right;width:76.5%; min-height:50vh;}
	}

/* 왼쪽 영역 */
/* 좁혀보기 검색 박스*/
.snb .filterBox{}
.snb .filterBox .title,
.snb .issueBox .title{height:46px;line-height:46px;width:100%;padding-left:15px;font-size:1.1rem;background-color:#f1f1f1;border-top:1px solid #cecece;border-bottom:1px solid #cecece;}
.snb .filterBox .title{position:relative;}
.snb .filterBox .title i{position:absolute; right:13px;top:15px; color:#828282;}
.snb .filterBox .reSearch{padding:30px 0px;}
.snb .filterBox .reSearch input{height:37px;line-height:37px;padding-left:15px; width:calc(100% - 60px);padding-right:4px; }
.snb .filterBox .reSearch button{height:37px;line-height:37px;width:60px;margin-left:-5px; background-color:#5E5E5E;}
.snb .filterBox .reSearch button span{color:#fff;font-size:1rem;}
.snb .filterBox .reSearch p.re{margin-top:3px;}
.snb .filterBox .reSearch p.re input{height:12px;width:12px; padding:0px;}
.snb .filterBox .reSearch p.re label{font-size:.8rem;}
.snb .filterBox ul{}
.snb .filterBox ul li{padding:7px 10px; border-bottom:1px solid #cecece;}
.snb .filterBox ul li a{cursor:pointer; display:block;}
.snb .filterBox ul li a span { color:#343434;}
.snb .filterBox ul li a:hover{text-decoration:underline; color:#EB6329;}
.snb .filterBox ul li a:hover span { color:#EB6329;    }
.snb .filterBox ul li:last-child{}
.snb .filterBox ul li.on{}
.snb .filterBox ul li.on *{color:#EB6329; font-weight:600;}
.snb .filterBox ul li.on a::after{content:'\00BB';font-size:2rem; vertical-align:text-bottom; margin-left:10px;}
.snb .filterBox .rangeInput{padding:8px 0px;border-bottom:1px solid #cecece;margin-bottom:8px;}
.snb .filterBox .rangeInput input{ height: 37px;line-height: 37px;width:calc(50% - 40px);}
.snb .filterBox .rangeInput button{height:37px;line-height:37px;width:60px;background-color:#5E5E5E;}
.snb .filterBox .rangeInput button span{color:#fff;font-size:1rem;}


/* 권호 리스트 */
.snb .issueBox ul li.year{border-bottom:1px solid #cecece;}
.snb .issueBox ul li.year > a{position:relative;display:block;padding:7px 10px;color:#666;}
.snb .issueBox ul li.year > a::after{position:absolute;right:10px; content:'\2228'; color:#acacac; font-size:10px; font-weight:600;}
.snb .issueBox ul li ul{display:none; background-color:#f1f1f1;padding:10px;}
.snb .issueBox ul li ul li{}
.snb .issueBox ul li ul li:before{content:'\0387';margin-right:4px;}
.snb .issueBox ul li ul a{ float:right;display:block;width:94%;color:#606060;font-size:.9rem;}
.snb .issueBox ul li ul a:hover{text-decoration:underline;}
.snb .issueBox ul li ul li.selected a{color:#343434;font-weight: 500;}
.snb .issueBox ul li ul li::after{content:' ';display:block;clear:right;}
.snb .issueBox ul li.year.open > a::after{content:'\2227';}
.snb .issueBox ul li.year.open ul{display:block;}

.snb button.more{display:block; width:100%; margin-top:20px; background-color:#fff;border:none; text-align:center; color:#828282;}
.snb button.more i{display:block; color:#828282;margin-bottom:5px;}
.snb-not-filter .filterBox .title {display:none;}
.snb-not-filter .filterBox .reSearch{padding-top:0px;}
	@media screen and (min-width:1080px) {
		.snb-not-filter .filterBox .title {display:block;}
		.snb-not-filter .filterBox .reSearch{padding-top:30px;}
	}

.snb .menuBox{ background-color:#fff;}
.snb .menuBox ul{border-left:1px solid #cecece;}
.snb .menuBox ul li{border-top:1px solid #cecece; padding:6px 10px 6px 20px;}
.snb .menuBox ul li:last-child{border-bottom:1px solid #cecece;}
.snb .menuBox ul li.on *{color:#EB6329; font-weight:600;}

	@media screen and (min-width:1080px) {
		.snb .menuBox{display:block;}
		.snb .menuBox ul{border-left:none;}
		.snb .menuBox ul li{}
		.snb .menuBox ul li:last-child{}
		.snb .menuBox ul li.on *{}
		.snb .menuBox ul li.on a::after{content:'\00BB';font-size:2rem; vertical-align:text-bottom; margin-left:10px;}
	}
	
.snb .account{padding:25px 15px; border:1px solid #cecece; border-left:0px;border-right:0px; margin-bottom:40px; background-color:#f1f1f1; word-break: keep-all;}
.snb .account strong{font-weight:600;}
.snb .account-link { padding:25px 60px;    }
.snb .account-link p{margin-bottom:30px; font-size:.9rem; letter-spacing:-1px;}
.snb .account-link strong{display:block;margin-bottom:5px; font-size:1rem; transition: all 0.5s ease-out; }
.snb .account-link a{ position:relative; display:block; padding:4px 0px 4px 18px; border:1px solid #cecece; border-radius:5px; margin-top:8px; background-color:#fff; font-size:.9rem;  transition: all 0.5s ease-out; }
.snb .account-link a i{position:absolute;right:7px;top:8px; color:#828282;}
.snb .account-link a:hover { color:#EB6329; border-color:#EB6329;   }
.snb .account-link a:hover i {  color:#EB6329;  }
	@media (min-width : 1080px) {
	   .snb .account {  padding:25px 15px; }
	}

/*본문 내용 영역*/
/*상태 박스*/
.bac .state-box{height:46px;line-height:46px;border:1px solid #cecece;margin-bottom:20px;}
.bac .state-box span.label{padding-left:20px; font-size:1.1rem; font-weight:500;}
.bac .state-box span.desc{padding-left:35px; font-size:.9rem;color: #666;}
.bac .char-box{ display:none;}
.bac .char-box a{cursor:pointer;padding:3px 8px; border-radius:3px; background-color:#fff;}
.bac .char-box a:hover{text-decoration:underline; font-weight:500;}

    @media screen and (min-width:720px) {
        .bac .state-box  {  margin-bottom:30px;  }
	}

	@media screen and (min-width:1080px) {
		.bac .char-box{ display:block; height:37px; line-height:37px; margin-bottom:30px; text-align:center; background-color:#f1f1f1;}
		.bac .char-box a{ margin:0px 5px; font-size:.85rem; letter-spacing:-1px;}
		.bac .char-box a.on{font-weight:500;color:#EB6329;}
	}

/*본문 제목 박스*/
.body-ti-box{margin-top:20px;padding:20px;border:1px solid #cecece;margin-bottom: 15px;}
.body-ti-box h3{font-size:1.2rem; font-weight:600; }
.body-ti-box span.tran{display:block;padding-top: 2px;color:#828282;}
.body-ti-box .tit-tran{color:#828282;}
.body-ti-box a.new-win i{font-size:1rem; font-weight:400; color:#bcbcbc;}
.body-ti-box a.new-win:hover i{color:#787878;}
	@media screen and (min-width:800px) {
	.body-ti-box{margin-top:40px;}
	}
	@media screen and (min-width:1080px) {
		.body-ti-box{margin-top:0px;}
	}

/* 발행년월 표기, 등재표기, 이용권한 표기 */
span.label-date,
span.label-license,
span.label-reg{display:inline-block; padding:1px 15px;border:1px solid #dfdfdf; border-radius:2px; font-size:.7rem;}
span.label-date{color:#89604f;}
span.label-license{ border:1px solid #f1f1f1; color:#787878;}
span.label-reg{color:#EB6329; }
span.label-reg0{color:#89604f;}
span.label-reg2{color:#ff6a00;}
span.label-reg3{color:#f49500;}


.base-info{}
.base-info li{position:relative;padding-left:100px;}
.base-info li, .base-info li a, .base-info li .eissn, .base-info li .kdc, .base-info li .ddc, .base-info li .mr {     }
.base-info li a { transition: color 0.5s ease-out;  }
.base-info li a:hover { color: #EB6329;   }
.base-info li span.info-name::before{content:'-';margin-right:4px;}
.base-info li span.info-name{position:absolute;left:0px;font-weight:500;}
.base-info li span.kdc{display:inline-block; margin-right:40px; word-spacing:5px;}
.base-info li span.ddc{display:inline-block; word-spacing:5px;}
.base-info li span.eissn{display:block;}
.base-info li .mr{margin-right:20px;}
.base-info li a.link-btn{display:inline-block; padding:0px 8px;border:1px solid #cecece; background-color:#f1f1f1; font-size:.75rem; transition: all 0.5s ease-out;}
.base-info li a.link-btn i{margin:0px 5px 0px 10px; color:#828282; transition: all 0.5s ease-out;}
.base-info li a.link-btn:hover { color:#fff;  background-color: #727272;   }
.base-info li a.link-btn:hover i { color:#fff;   }
	@media screen and (min-width:500px) {
		.base-info li span.eissn{ margin-left:20px; display:inline-block;}
	}

.info-open-action{margin-bottom:-10px; text-align:center;}
.info-open-action button{border:none;background-color:#fff;}

/*발행기관 목록*/
.pu-list {}
.pu-list li{padding-bottom:30px;margin-bottom:20px;border-bottom:1px solid  #cecece;}
.pu-list .name{font-size:1.1rem;font-weight:600;}
.pu-list .name-tran{ color:#828282;font-size:.9rem; font-weight:300; margin-bottom:20px;}
.pu-list .info span{font-size:.9rem; font-weight:500;}
.pu-list .info span.cate{}
.pu-list .info span.cate::before{content:'|'; margin-left:20px;margin-right:20px;}

.pu-list a:hover .name{color:#EB6329;}

	@media screen and (min-width:1080px) {
		.pu-list li{width:48%;float:left;}
		.pu-list li:nth-child(2n){float:right;}
		.pu-list .name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.pu-list .name-tran{ height:40px; overflow:hidden;}
		span.label-date,
		span.label-license,
		span.label-reg {font-size: .8rem;}
	}

/* 발행기관 상세 */
.pu-view{}
.pu-view .pu-info{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #cecece;}
.pu-view .pu-jou-info{margin-bottom:50px; position:relative;}
.pu-view .jou-cover{float:left;width:34%; min-height:250px; margin-right:2%;}
.pu-view .jou-cover img{width:100%; border: 1px solid #d6d6d6;}
.pu-view .jou-title{float:left;width:64%; font-weight:bold;}
.pu-view .jou-title a:hover{color:#EB6329;}
.pu-view .jou-title span.tran{ display:block; margin-bottom:8px; font-size:.8rem; font-weight:400; color:#828282;}
.pu-view .empty1{clear:both;}
.pu-view .detail{display:none;}
.pu-view .vol-list{background-color:#f1f1f1;padding:15px;}
.pu-view .vol-list li{}
.pu-view .vol-list a:hover *{ color:#EB6329;}
.pu-view .vol-list li::after{content:''; display:block;clear:both;}
.pu-view .vol-list span.name{float:left;display:block;width:70%;text-align:left;}
.pu-view .vol-list span.date{float:left;display:block;width:30%;text-align:right;}
	@media screen and (min-width:600px) {
		.pu-view .jou-title{width:63%;margin-bottom:30px;}
		.pu-view .detail{float:left;display:block;width:63%;}
		.pu-view .detail li{position:relative;padding-left:85px;}
		.pu-view .detail li span.info-name{position:absolute;left:0px;}
		.pu-view .detail li span.info-name::after{content:':';display:block; position:absolute;left:70px; top:0px;}
		.pu-view .detail li span.eissn{display:block;}
		.pu-view .jou-cover{width:180px;}
		.pu-view .vol-list{margin-top:10px;}
	}
	@media screen and (min-width:900px) {
		.pu-view .jou-cover{margin-right:20px;}
		.pu-view .detail{position:absolute;bottom:10px;left:200px; width:37.5%;}
		.pu-view .empty1{display:none;}
		.pu-view .vol-list{ position:absolute;bottom:10px;right:0px; width:37.5%;}
	}


.bac .list-type{text-align:right;margin-top:-10px; margin-bottom:10px;}
.bac .list-type button{width:36px;height:36px;}
.bac .list-type button.img{ background:url('/Images/icon/img_box(gray).png') 50% 50% no-repeat #fff; background-size:50%;}
.bac .list-type button.img.on{background-image:url('/Images/icon/img_box(orange).png');}
.bac .list-type button.list{ background:url('/Images/icon/list(gray).png') 50% 50% no-repeat #fff; background-size:50%;}
.bac .list-type button.list.on{background-image:url('/Images/icon/list(orange).png');}

/* 간행물 목록 type1 */
.jo-list li.item{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #cecece;}
.jo-list .jo-info{}
.jo-list .jo-info::after{content:''; display:block;clear:both;}

.jo-list .jo-info .cover{float:left;width:32%; text-align:center;}
.jo-list .jo-info .cover img{width:100%; max-width:180px; border: 1px solid #d6d6d6;}
.jo-list .jo-info .title{margin-bottom:10px;}
.jo-list .jo-info .title a{font-weight:bold;margin-bottom: 2px;}
.jo-list .jo-info .title a:hover{ color:#EB6329; text-decoration:underline; text-decoration-color:#333;}
.jo-list .jo-info .detail{float:right;width:64%;}
.jo-list .jo-info .detail a:hover{ text-decoration:underline;}
.jo-list .jo-info .detail *{font-size:.85rem;}
.jo-list .jo-info .detail li{position:relative;padding-left:75px;}
.jo-list .jo-info .detail li span.info-name{position:absolute;left:0px;}
.jo-list .jo-info .detail li span.info-name::after{content:':';display:block; position:absolute;left:60px; top:0px;}
.jo-list .jo-info .detail li span.eissn{display:inline-block;}
	@media screen and (min-width:500px){
		.jo-list .jo-info{min-height:220px; position:relative;}
		.jo-list .jo-info .title{padding-left:180px; padding-top:5px;}
		.jo-list .jo-info .cover{float:none;position:absolute;left:10px;top:0px;width:140px;}
		.jo-list .jo-info .detail{float:none; width:auto;padding-left:180px; }
	}
	@media screen and (min-width:1180px){
		.jo-list li.item{float:left;width:48%;margin-bottom:30px;}
		.jo-list li.item:nth-child(2n){float:right;}
		.jo-list .jo-info{height:240px;}

		.jo-list .jo-info .title{height:80px;}
		.jo-list .jo-info .cover{width:150px;}
	}

/* 간행물 목록 type2 */
.jo-list2 li.item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #cecece;}
.jo-list2 li.item:first-child{padding-top:20px;border-top:1px solid #cecece;}
.jo-list2 .title {margin-bottom:8px;}
.jo-list2 .title a{margin-right:10px; font-size:1.05rem; font-weight:500; transition: color 0.5s ease-out; }
.jo-list2 .title a:hover {  color: #EB6329;  }
.jo-list2 .detail *{font-size:.85rem; }
.jo-list2 .detail .pu-name a{font-weight:400;}
.jo-list2 .detail .start-end{color:#828282;}
	@media screen and (min-width:800px) {
		.jo-list2 .detail .pu-name {float:left;width:50%;}
		.jo-list2 .detail .start-end{float:right;width:40%;text-align:right;}
	}

/* 간행물 상세 */
.jo-view{}
.jo-view .jo-info{padding-bottom:20px;border-bottom:1px solid #cecece;}
.jo-view .jo-info::after{content:' '; display:block; clear:left;}
.jo-view .jo-info .cover{display:none; text-align:center;}
.jo-view .jo-info .cover img{width:220px; border:1px solid #bfbfbf;}
.jo-view .jo-info li span.eissn{ display:block;}
.jo-view .jo-info li span.kdc{display:inline-block; margin-right:40px; word-spacing:5px;}
.jo-view .jo-info li span.ddc{display:inline-block; word-spacing:5px;}
.jo-view .jo-recent h4{font-size:1.2rem;font-weight:600;}
.jo-view .jo-recent .vo-info{ position:relative; padding-right:100px; margin-bottom:20px; color:#828282; font-size:1.1rem; font-weight:500;}
.jo-view .jo-recent .vo-info .pubDay{ color:#ababab; font-size:1rem; display:block;}
.jo-view .jo-recent .vo-info a.more{ position:absolute;right:10px;top:0px; color:#828282; font-size:.9rem; font-weight:initial; transition: color 0.5s ease-out;  }
.jo-view .jo-recent .vo-info a.more:hover { color: #EB6329;    }
.jo-view .jo-recent .vo-info a.more::before{content:'+';margin-right:4px;}
.jo-view .jo-recent .jo-art-list{}
.jo-view .jo-recent .jo-art-list .item{}
.jo-view .jo-recent .jo-art-list .item::after{content:' ' ; display:block;clear:both; margin-bottom:20px;}
.jo-view .jo-recent .jo-art-list .cover{float:left;width:30%; min-height:160px; margin-right:8px;overflow: hidden;border: 1px solid #bfbfbf;}
.jo-view .jo-recent .jo-art-list .cover img{width:100%;margin-top: -1px;margin-left: -1px;}
.jo-view .jo-recent .jo-art-list .ti{ height:80px; padding-top:5px; margin-bottom:10px;font-weight:bold; }
.jo-view .jo-recent .jo-art-list a:hover .ti{color:#EB6329; text-decoration:underline; text-decoration-color:#333;}
.jo-view .jo-recent .jo-art-list .au{ margin-bottom:4px; color:#828282; font-size:.95rem; }
.jo-view .jo-recent .jo-art-list .pp{color:#828282; font-size:.95rem;}
	@media screen and (min-width:500px) {
		.jo-view .jo-info li span.eissn{ margin-left:20px; display:inline-block;}
		.jo-view .jo-recent .jo-art-list .cover{float:left;width:128px; margin-right:20px;}
	}
	@media screen and (min-width:720px) {
	.jo-view .jo-recent .vo-info .pubDay { display:inline;}
	}
	@media screen and (min-width:800px) {
		.jo-view .jo-info .cover{ float:left; display:block;margin-right:30px;}
		.jo-view .jo-info .detail{display:inline-block;}
		.jo-view .jo-recent{padding-left:30px;}
		.jo-view .jo-recent .jo-art-list li{float:left;width:48%; min-height:200px;}
		.jo-view .jo-recent .jo-art-list li:nth-child(2n){float:right;width:48%;}
	}
	@media screen and (min-width:1080px) {
		.jo-view .jo-info{margin-bottom:50px;}
	}

/* 간행묽 권호 */
.jo-volume{position:relative;}
.jo-volume .cover{display:none;}
.jo-volume .cover img{width:100%;}
.jo-volume h3{margin-bottom:10px;}
.jo-volume .jo-info{}
.jo-volume-ti,
.jo-volume-ti * {font-weight:600;font-size: 18px;margin-bottom: 15px;}
.jo-volume-ti .pubDay{ color:#828282;}
.jo-volume-ti .count{ color:#EB6329;}
.jo-volume-ti .count::before{content:'\01C0';margin-left:3px;margin-right:3px; color:#000;}
.jo-volume-ti .count-unit{}

	@media screen and (min-width:1080px) {
		.jo-volume .cover{display:block;position:absolute;left:20px;top:25px; width:180px;}
		.jo-volume h3{min-height:90px; font-size: 20px;}
		.jo-volume h3,
		.jo-volume .jo-info{padding-left:215px;/*! font-size: 22px; */}
		.jo-volume .jo-info{ display:block;}
		.jo-volume-ti,
        .jo-volume-ti * { font-size:19px;}
	}

.advanced-search {}
.advanced-search input[type=text]{padding:6px 5px;}
.advanced-search select{padding:6px 5px;}
.advanced-search .row{padding:20px 0px;border-bottom:1px solid #cecece;}
.advanced-search .row:first-child{padding-top:0px;}
.advanced-search .row:last-child{border:none;}
.advanced-search .label{font-size:1.4rem; font-weight:600;}
.advanced-search .query{}
.advanced-search .query .input{position:relative;}
.advanced-search .query .tip{padding:5px 10px;margin-bottom:20px; border:1px solid #cecece; line-height:2rem;}
.advanced-search .query .tip .label{ display:block;}
.advanced-search .query .tip .limit{font-weight:500;color:#EB6329;}
.advanced-search .query select{width:70px;}
.advanced-search .query #a_s_input_add{position:absolute;right:0px;top:1px; padding:4px 8px; border:1px solid #EB6329; background-color:#EB6329;}
.advanced-search .query #a_s_input_add i{color:#fff; font-size:1.2rem;}
.advanced-search .query .list{}
.advanced-search .query p{display:inline-block;margin-top:10px; margin-right:20px; padding:1px 10px 2px; border-radius:3px; font-size:.9rem; color:#393939; background-color:#dfdfdf;}
.advanced-search .query p span{color:#767676; }
.advanced-search .query p button{width:20px;height:20px; margin-left:10px; line-height:5px; border-radius:50%; border:none; background-color:#fff;}
.advanced-search .query p button i{font-size:.5rem; color:#767676;}
.advanced-search .query p:hover{ background-color:#EB6329;}
.advanced-search .query p:hover span{color:#fff; }
.advanced-search .query p:hover button i{color:#EB6329;}

.advanced-search div.cate{}
.advanced-search div.cate ul.cate{}
.advanced-search div.cate ul.cate li{ float:left;width:50%;}
.advanced-search div.cate ul.cate li label{font-weight:400;}
.advanced-search div.cate ul.cate::after{content:''; display:block;clear:both; }
.advanced-search .action{padding:40px 0px; text-align:center;}
.advanced-search .action  button{padding: 5px 20px;  width:150px; border:none; vertical-align: text-bottom;transition: background-color 0.5s ease-out;background-color: #5E5E5E;font-size: 1.1rem; color:#fff;}
.advanced-search .action  button:nth-child(odd) {  background-color: #5E5E5E;  }
.advanced-search .action  button:nth-child(even)  {  background-color: #EB6329;  }
.advanced-search .action  button:hover { background-color:#343434;   }
.advanced-search .action  button span{color:#fff;}

    @media (min-width : 450px) {
		.advanced-search .query input{width:50%;}
		.advanced-search div.cate ul.cate li{ float:left;width:25%;}
    }
    @media (min-width : 640px) {
		.advanced-search select,
		.advanced-search .query select{width:120px;}
		.advanced-search .query input{width:60%;}
		.advanced-search .action{text-align:right;}
    }
    @media (min-width : 800px) {
		.advanced-search .query .list{padding-left:20%;}
	    .advanced-search .query .tip .label{float:left;display:block; width:20%; }
		.advanced-search .query .tip::after{content:''; display:block;clear:both;}
		.advanced-search .query select.field{width:16%;margin-right:36px;}
		.advanced-search .row div.label{padding-left:10px;}
	}
    @media (min-width : 1080px) {
		.advanced-search .cate{ display:none;}
	}


/* 검색 결과*/
.art-search-list{}
.art-search-list .query{margin-bottom:8px;}
.art-search-list .query span{color:#828282;font-size:.9rem;}
.art-search-list .query span.label::after{content:':';margin-left:5px;margin-right:10px;}
.art-search-list .query span.txt{color:#333;font-weight:500;margin-right:20px;}
.art-search-list .query .basic{}
.art-search-list .query .reQuery{ display:none;}
.art-search-list .query .reQuery button{background-color:rgba(255,255,255,0);border:none;}
.art-search-list .query .reQuery button i{color:#828282;}
.art-search-list .query {padding-top:10px;}

.art-search-list .resultTop{ margin-bottom:10px;}
.art-search-list .resultTop p.count{float:left;font-weight:600;}
.art-search-list .resultTop p.count span{color:#EB6329;}
.art-search-list .resultTop p.count span::before{content:'\01C0';margin:0px 10px; color:#333; font-size:1.2rem; font-weight:600;}
.art-search-list .resultTop p.sort{float:right;}
.art-search-list .resultTop p.sort select{padding:6px 4px;}
.art-search-list .control{position:relative;padding:10px 20px 10px 40px;  background-color:#F1F1F1;border-top:1px solid #cecece;border-bottom:1px solid #cecece;}
.art-search-list .control .chk{position:absolute; left:10px; top:15px;}
.art-search-list .control button{ background-color:#fff; border:1px solid #cecece; padding:1px 20px;transition: border-color 0.5s ease-out;} 
.art-search-list .control button span { transition: color 0.5s ease-out;} 
.art-search-list .control button:hover {  border-color:#EB6329;   }
.art-search-list .control button:hover span {  color:#EB6329;    }
.art-search-list .list{}
.art-search-list .list h4{padding:40px 0px 5px 20px;border-bottom:1px solid #cecece; font-size:1.2rem; font-weight:600;}
.art-search-list .list h4::before{content:'\2237';padding-right:8px;}
.art-search-list .list a:hover{text-decoration:underline; text-decoration-color:#5E5E5E;color:#EB6329;}
.art-search-list .list .item {position:relative;padding:20px 20px 20px 40px; border-bottom:1px solid #DBDBDB;}
.art-search-list .list .item:last-child{border-bottom:0px;}
.art-search-list .list .chk{position:absolute; left:10px; top:22px;}
.art-search-list .list .num{position:absolute; left:10px;  font-weight:600; display:none;}
.art-search-list .list .bookmark{position:absolute; left:10px;top:55px; cursor:pointer;}
.art-search-list .list .bookmark i{color:#999;}
.art-search-list .list .bookmark i.fas{color:#fb893c; }
.art-search-list .list .label-box{ margin-bottom: 9px;}
.art-search-list .list .ti{ margin-bottom:4px; font-size:inherit;}
.art-search-list .list .ti a{font-weight:600;}
.art-search-list .list .ti-tran{margin-bottom:4px; }
.art-search-list .list .ti-tran a{ color:#828282;}
.art-search-list .list .au{margin-top:12px; margin-bottom:12px;font-size:.95rem;}
.art-search-list .list .au *{font-style:italic;}
.art-search-list .list .info{margin-bottom:12px;}
.art-search-list .list .info .child{display:inline-block;font-size:.95rem; }
.art-search-list .list .info .child::after{content:'\01C0'; margin-left:4px; margin-right:4px;}
.art-search-list .list .info .child:last-child::after{content:'';}
.art-search-list .list .abs{margin-bottom:12px;padding:4px 10px; background-color:#f1f1f1; font-size:.95rem; color:#828282; }
.art-search-list .list .price{text-align:right; font-size:1.2rem; font-weight:600; }
.art-search-list .list .price button{ padding:4px 20px; margin-left:20px; background-color:#fff;border:1px solid #cecece; transition: all 0.5s ease-out; }
.art-search-list .list .price button:hover {  background: #555;  border-color:#555;   }
.art-search-list .list .price button:hover span { color:#fff;   }
.art-search-list .no-data{ padding: 80px 0px; text-align: center; font-size: 1.2rem; color: #535353;}
	@media screen and (min-width:1080px) {
		.art-search-list .query span{font-size:1rem;}
		.art-search-list .control{padding-left:60px;}
		.art-search-list .control .chk{left:15px;}
		.art-search-list .list .item{padding-left:60px;}
		.art-search-list .list .chk{left:15px; }
		.art-search-list .list .num{left:17px; top:55px; display:block;}
		.art-search-list .list .bookmark{left:17px;top:78px;}
		.art-search-list .list .ti { font-size:1.2rem;   }
	}

/* 원문 상세보기 */
.art-view .body-ti-box{position:relative;}
.art-view .body-ti-box .bookmark{position:absolute;right:5px;top:-3px;width:44px;height:57px;border:0px;background:url(/Images/Icon/bookmark.png) no-repeat;z-index:1;}
.art-view .body-ti-box .bookmark.on{background:url(/Images/Icon/bookmark_on.png) no-repeat;}
.art-view .body-ti-box h3{padding-right:22px;}
.art-view .book-info{background-color:#f1f1f1; padding:20px;margin-bottom:30px;}
.art-view .book-info a{ font-weight:600;}
.art-view .book-info a:hover{text-decoration:underline;}
.art-view .book-info .jou{ margin-bottom:20px; font-size:.9rem; }
.art-view .book-info .jou .tran{display:block;}
.art-view .book-info .jou-vo{margin-bottom:20px;font-size:.85rem;}
.art-view .book-info .jou-vo a{font-weight:400;}
.art-view .book-info .pub{margin-bottom:60px; font-size:.9rem;}
.art-view .book-info .pub .tran{display:block;}
.art-view .book-info .qr{text-align:center;margin-bottom:30px;}
.art-view .book-info .qr #qrcode{width:100px;height:100px;margin:auto;}
.art-view .book-info .export{text-align:center;}
.art-view .book-info button.quote {padding:2px 15px; border:1px solid #cecece;background-color:#fff; transition: all 0.5s ease-out;} 
.art-view .book-info button.quote:hover { border-color:#EB6329;     }
.art-view .book-info button.quote:hover span {  color:#EB6329;       }
.art-view .book-info button.facebook {     width: auto ; margin-right:0; padding-right: 0;     }

.art-view .book-info button.facebook,
.art-view .book-info button.twitter{border:none;background-color:none; background:none;}
.art-view .book-info button.facebook i{ font-size:1.8rem; color:#1c5fbd; transition: color 0.5s ease-out;}
.art-view .book-info button.facebook:hover i { color:#343434;     }
.art-view .book-info button.twitter i{font-size: 1.2rem;color: #fff;background: #43dff5;padding: 4px;border-radius: 3px;position: relative;bottom: 1px; transition: background 0.5s ease-out;}
.art-view .book-info button.twitter:hover i { background:#343434;     }

.art-view .art-title{margin-bottom:20px;}
.art-view .label-reg{padding: 0px 4px;border-radius: 4px;border: 1px solid #EB6329;background-color: #EB6329;vertical-align: text-bottom;font-weight: 500;color: #fff;}
.art-view .tit-tran{}
.art-view .cover{display:none;}
.art-view .cover img{width:100%;margin-top: -2px;margin-left: -2px;}
.art-view .art-info .au{margin-bottom:15px; font-size:.9rem;}
.art-view .use{text-align:right;}
.art-view .use .message{display:block; letter-spacing:-1px; text-align:left;}
.art-view .use span.price{font-size: 1.5rem;font-weight:600;margin-right:20px;position: relative;bottom: 5px;}
.art-view .use button{ padding:5px 20px;border:1px solid #EB6329; vertical-align:text-bottom; transition: all 0.5s ease-out;background-color:#EB6329;}
.art-view .use button.open{ border-color:#5E5E5E; background-color:#5E5E5E;}
.art-view .use button span{ display:inline-block; font-size:1.2rem; color:#fff;}
.art-view .use button.quote{ background-color:#fff; border-color:#aaa;}
.art-view .use button.quote span{ color:#5E5E5E;}
.art-view .use button:hover { border-color:#343434; background-color:#343434;   }
.art-view .use button:hover span{color:#fff;}

.art-view .layout-preview{margin-bottom:40px;}
.art-view .layout-preview p.msg{margin-bottom:15px;font-size:.85rem;}
.art-view .layout-preview .thumb-box{padding:15px 20px 2px;background:url(/Images/Article/page_bg.jpg) no-repeat; }
.art-view .layout-preview .thumb-box p.thumb{height:140px;margin-bottom:4px;overflow:hidden;}
.art-view .layout-preview .thumb-box p span{ display:inline-block;width:100px; height:140px; margin-right:10px;overflow:hidden; background-color:#dfdfdf;}
.art-view .layout-preview .thumb-box p span.last{margin-right:0px !important;}
.art-view .layout-preview .thumb-box p{font-size:.8rem; font-weight:bold; color:#fff;}
.art-view .layout-preview .thumb-box img{width:100%;}

.art-view .etc-info{margin-bottom:30px;}
.art-view .etc-info *{color:#828282;font-size:.9rem;}
.art-view .etc-info li{position:relative;padding-left:60px; word-break:break-all;}
.art-view .etc-info li span.info-name{position:absolute;left:0px;}
.art-view .etc-info li span.info-name::after{content:':'; margin-left:14px;}

.art-view .art-sec{}
.art-view .art-sec .ti{padding:12px 20px;margin-bottom:20px;border-top:1px solid #cecece; border-bottom:1px solid #cecece; background-color:#f1f1f1;}
.art-view .art-sec .contents{margin-bottom:40px;padding:0px 20px; word-break:break-all;}
.art-view .art-sec .contents p{margin-bottom:20px;}
.art-view .art-sec .keywords a{display:inline-block; padding:2px 10px;border:1px solid #cecece; border-radius:3px; margin-right:20px;margin-bottom:10px; transition: all 0.5s ease-out;}
.art-view .art-sec .keywords a:hover { background: #f4f4f4; color: #da5616; border-color:#da5616;   }
.art-view .art-sec .keywords a::before{content:'#';}
.art-view .art-sec .authors li{margin-bottom:5px;}
.art-view .art-sec .authors *{}

.art-view .art-sec .art-list ol{margin-bottom:20px;}
.art-view .art-sec .art-list li{position:relative;margin-bottom:8px;padding-left:100px;}
.art-view .art-sec .art-list li span.page{position:absolute;left:0px;font-size:.8rem; color:#777;}
.art-view .art-sec .art-list a:hover .page{font-weight:500;}
.art-view .art-sec .art-list a:hover .art-ti{color:#EB6329;}
.art-view .art-sec .art-list .more{display:block; width:80%;margin:auto; text-align:center;}
.art-view .art-sec .art-list .more i{color:#828282;}
	@media screen and (min-width:500px) {
		.art-view .use .message{text-align:right;}
	}
	@media screen and (min-width:850px) {
		.art-view .use .message{float:left; text-align:left; line-height:200%;}
	}
	@media screen and (min-width:1080px) {
		.bat.art-view{position:relative;min-height:300px;}
			.art-view .body-ti-box .bookmark{left:5px;top:-3px;}
			.art-view .body-ti-box h3{padding-right:0px;}
		.art-view .cover{display:block;position:absolute;left:20px;top:20px; width:180px;overflow: hidden;background: #fff;border: 1px solid #bfbfbf;}
		.art-view .art-title{min-height:90px;}
		.art-view .art-title,
		.art-view .art-info{padding-left:200px;}
		.art-view .art-info{ display:block;}
		.art-view .use .message{float:none; text-align:right; line-height:200%;}
		.art-view .layout-preview p.msg{text-align:right;  }
		.art-view .layout-preview .thumb-box p span{ margin-right:20px;}
		.art-view .book-info button.facebook {     width: 21px; margin-right: 5px;     }
	}
	@media screen and (min-width:1170px) {
	.art-view .book-info button.quote { padding:2px 24px;    }
	}

/* 구독기관 목록 */
.bac .b2b-list{}
.bac .b2b-list li{padding-bottom:10px;padding-left:5px;margin-bottom:10px; border-bottom:1px solid #efefef;}

	@media screen and (min-width:640px){
		.bac .b2b-list li{ float:left;width:49%; height:40px;}
		.bac .b2b-list li:nth-child(2n){margin-left:2%;}
	}
	@media screen and (min-width:800px){
		.bac .b2b-list li{display:inline-block;float:initial; width:auto; min-width:30%; padding:10px;margin-left:0px !important; border:1px solid #dfdfdf;}
	}


/*폼 공통 */
.form span.required-mark{color:#EB6329;}
.form label{ padding-left:16px; position:relative; }
.form .required label::before{content:'*'; position:absolute; left:0px;top:2px;color:#EB6329; }
.form div.row {margin-bottom:8px;}
.form div.row label{font-weight:600;}
.form div.row .input100 input,
.form div.row .input100 textarea{width:100%;}
.form div.row .search100{position:relative;}
.form div.row .search100 input{width:90%;}
.form div.row .search100 button{position:absolute;right:0px;top:0px; width:10%; min-width:50px; border:1px solid #5e5e5e; background-color:#5E5E5E; text-align:center;}
.form div.row .search100 button span{color:#fff;}
.form div.row .input100 input,
.form div.row .search100 input,
.form div.row .search100 button{padding:7px 10px 7px 10px; margin-bottom:3px;}
.form div.row .tip{padding-left:10px; color:#828282; font-size:.9rem;}
.form div.row .valid-msg span{ color:#EB6329; font-size:.9rem;}
.form div.row .password{position:relative;}
.form div.row .password input::-ms-reveal,
.form div.row .password input::-ms-clear { display: none;}
.form div.row .password input{padding-right:30px;}
.form div.row .password i{position:absolute;right:10px;bottom:12px; color:#999;}

    @media (min-width : 800px) {
        .form div.row .col-15{float:left;width:15%; }
	    .form div.row .col-20{float:left;width:20%; }
	    .form div.row .col-25{float:left;width:25%; }
	    .form div.row .col-40{float:left;width:40%;}
	    .form div.row .col-50{float:left;width:50%;}
	    .form div.row .col-60{float:left;width:60%;}
	    .form div.row .col-75{float:left;width:75%;}
	    .form div.row .col-80{float:left;width:80%; }
	    .form div.row .col-85{float:left;width:85%; }
	    .form div.row::after{content:' '; clear:both; display:block;}
    }

/* 회원관련 */
.account .frm-btn{padding:8px 40px; }
.account .frm-btn span{ font-size:1.1rem;font-weight:500; color:#fff;}
.account .submit{border:1px solid #EB6329;background-color:#EB6329; }
.account .cancel{border:1px solid #5E5E5E;background-color:#5E5E5E; }

.account .grid-2col{}
    @media (min-width : 800px) {
        .grid-2col .col-1{float:left;width:49.5%; margin-bottom:30px;}
        .grid-2col .col-2{float:right;width:49.5%;margin-bottom:30px;}
        .grid-2col::after{content:' ' ; display:block; clear:both;}
    }
	
.account .basic-form{}
.account .basic-form legend{ display:none;font-weight:600;font-size:1.2rem;}

.account .find-form{}
.account .find-form legend{ font-size:1.2rem; font-weight:600;font-size:1.2rem; margin-bottom:8px;}

.account .login-form{}
.account .login-form legend{display:none;}

    @media (min-width : 800px) {
        .account .basic-form {position:relative; }
	    .account .basic-form legend{ display:block; position:absolute; top:30px; left:25px; }
	    .account .basic-form div.warning-msg{position:absolute;top:30px; right:25px;}

        .account .find-form{position:relative;}
        .account .find-form legend{ display:block; position:absolute; top:30px; left:25px;}
    }
.account .form-box { margin-bottom:20px;}
.account .form-box .warning-msg{text-align:right; font-size:.9rem;}
.account .form-box .msg{position:relative;padding-left:8px; margin-bottom:10px;font-size:.9rem;}
.account .form-box .msg::before{content:'*'; position:absolute;left:0px;top:3px;}
.account .form-action{ text-align:center;}

.account .find-form .form-box{position:relative;padding:10px 20px 25px;margin-bottom:60px;border:1px solid #cecece;}
.account .find-form .find-id-result{text-align:center; color:#343434; font-weight:500;}
.account .find-form .find-id-result strong{color:#EB6329;}
.account .find-form .find-pw-result{position:absolute;left:40px;bottom:30px; color:#000; font-weight:500;}
.account .find-form .form-action{text-align:right;}
.account .login-form .form-action{margin-bottom:20px;}
    @media (min-width : 800px) {
        .account .form-box{border:1px solid #cecece;}
        .account .basic-form .form-box{ padding:90px 25px 20px;}
        .account .find-form .form-box{ height:375px;}
        .account .find-form .msg{min-height:70px;}
        .account .find-form .form-box{padding-top:65px;}
        .account .find-form .form-action{position:absolute;right:20px;bottom:20px;}
        .account .login-form .form-box{padding:30px 40px;}
    }
	@media (min-width : 950px) {
		.account .login-form .form-box{padding:30px 60px;}
	}
	@media (min-width : 1150px) {
		.account .login-form .form-box{padding:30px 80px;}
	}



.account .agree-form h3{font-weight:600; margin-bottom:5px;}
.account .agree-form textarea{width:100%; height:300px;}
.account .agree-form p{margin-bottom:20px;text-align:center;font-size:.9rem;}
    @media (min-width : 800px) {
        .account .agree-form h3{padding:20px 20px 0px;}
        .account .agree-form textarea{padding:10px 20px 10px;border:0px;}
    }

.account .notify{}
.account .notify .title{margin-bottom:40px; font-size:1.4rem; text-align:center;}
.account .notify .title h3{font-weight:600;}
.account .notify .title span{color:#EB6329;}
.account .notify .boxing{ margin-bottom:40px; padding:30px; background-color:#f3f3f3;}
.account .notify .boxing h4{margin-bottom:10px; font-weight:500;}
.account .notify .boxing ul{margin-bottom:30px;}
.account .notify .boxing ul:last-child{margin-bottom:0px;}

.account .b2b-tip{ background-color:#f1f1f1; padding:30px 30px;}
.account .b2b-tip dl{margin-bottom:50px;}
.account .b2b-tip dl:last-child{margin-bottom:0px;}
.account .b2b-tip dl dt{font-weight:600;}
.account .b2b-tip dl dt:before{content:'\25AA';margin-right:10px;}
.account .b2b-tip dl dd{padding-left:17px; color:#828282;}

    @media (min-width : 800px) {
        .account .b2b-tip{ padding:30px 80px;}
    }

.account .sns-login{}
.account .sns-login li {margin-bottom:10px;}
.account .sns-login li button{display:block; padding:5px 0px 5px 50px; width:100%; border:1px solid #cecece; background-color:#fff; background-position:20px; background-repeat:no-repeat; font-size:.9rem; transition: background-color 0.5s ease-out; cursor: pointer;}
.account .sns-login li button:hover{background-color:#f1f1f1;}
.account .sns-login li button.Naver{background-image:url('/Images/icon/naver.png');}
.account .sns-login li button.Kakao{background-image:url('/Images/icon/kakao.png');}
.account .sns-login li button.Google{background-image:url('/Images/icon/google.png');}

    @media (min-width : 800px) {
        .account .sns-login{ }
        .account .sns-login li{float:left;width:32%;margin-right:2%;}
        .account .sns-login li:last-child{margin-right:0px;}
    }

.account .password-tip{padding:30px;margin-bottom:30px;background-color:#f1f1f1;}
.account .password-tip ul li{position:relative;padding-left:10px;margin-bottom:8px; font-size:.93rem;}
.account .password-tip ul li::before{ content:'\0387'; margin-right:7px; position:absolute;left:0px;top:0px; }


.account .b2b-login .search-result{position:absolute;left:0px;top:36px; width:100%; height:100px; padding:4px 10px; border:1px solid #cecece; overflow-y:auto; background-color:#fff;z-index:1;}
.account .b2b-login .search-result li{padding:0px 5px 3px;border-bottom:1px dotted #cecece;margin-bottom:5px;}
.account .b2b-login .search-result li:last-child{border-bottom:0px;}
.account .b2b-login .search-result a{ display:block;cursor:pointer;}
.account .b2b-login .search-result span{color:#EB6329;}
.account .b2b-login .selected{padding:3px 10px;background-color:#f9f9f9;}
.account .b2b-login .selected strong{ display:block; color:#EB6329;font-weight:400;}

/* 마이페이지 */
.mypage{}
.mypage .user-id{display:inline-block; width:100%; padding:5px 10px; background-color:#ededed;}
.mypage .page-title{ font-size:1.8rem; margin-bottom:30px;}
.mypage .secession-msg{margin-bottom:40px;}
.mypage .secession-msg li{position:relative;padding-left:15px; font-size:.95rem;}
.mypage .secession-msg li:before{content:'\0387';position:absolute;left:0px;top:0px;}
.mypage .secession-law{padding:30px 20px; margin-bottom:40px; border:1px solid #cecece;}
.mypage .secession-law h4{margin-bottom:8px; font-size:1.3rem;font-weight:500;}
.mypage .secession-law div{ font-size:.88rem;}

	@media screen and (min-width:800px) {
		.mypage .page-title{ margin-bottom:10px;}
		.mypage .page-title{ display:block; margin-bottom:10px;font-size:1.87rem; font-weight:500;  }
        .mypage .basic-form .form-box{ padding-top:20px;}
	}

/* 장바구니 */	
ul.progress-tab { background-color: transparent; border-radius: 0.25em 0.25em 0 0;}
ul.progress-tab li { position: relative;display: inline-block; float: left; padding: 0; margin: 0 4px 0 0;}
ul.progress-tab li::after { display: inline-block; content: "»"; margin: 0 1em;}
ul.progress-tab li:last-of-type {margin-right: 0;}
ul.progress-tab li:last-of-type::after {display: none;}
ul.progress-tab li > * { position: relative; display: block; padding: 0.8em 0.8em 0.7em 2.5em; background-color: #e0e0e0; border-color: #e0e0e0;font-size: 1rem;color: #aaaaaa;}
ul.progress-tab li.active > * { color: #ffffff; background-color: #eb6932;border-color: #eb6932;}
ul.progress-tab li:first-of-type > * { padding-left: 1.2em; border-radius: 4px 0 0 4px;}
ul.progress-tab li:last-of-type > * { padding-right: 1.2em; border-radius: 0 0.25em 0.25em 0;}
ul.progress-tab li::after,
ul.progress-tab li > *::after { content: ""; position: absolute; top: 0; left: 100%; height: 0; width: 0; border: 25px solid transparent; border-right-width: 0; border-left-width: 20px;}
ul.progress-tab li::after { z-index: 1; -webkit-transform: translate(4px, 0); -ms-transform: translate(4px, 0); -o-transform: translate(4px, 0); transform: translate(4px, 0); border-left-color: #ffffff;margin: 0;}
ul.progress-tab li > *::after {z-index: 2; border-left-color: inherit;}
ul.progress-tab li:last-of-type::after,
ul.progress-tab li:last-of-type > *::after {display: none;}
ul.progress-tab.tab3 li{width:32%;}
ul.progress-tab.tab4 li{width:24%;}
ul.progress-tab.tab5 li{width:19%;}

	@media screen and (min-width:500px) {
		ul.progress-tab span:before{ padding:5px 0px 3px 32px; filter: invert(25%); }
		ul.progress-tab .cart span:before{ content:' '; background-image:url(/Images/Icon/cart_icon1.png) ; background-repeat:no-repeat; background-position:0px 40%;}
		ul.progress-tab .payment span:before{ content:' ' ; background-image:url(/Images/Icon/cart_icon2.png) ; background-repeat:no-repeat; background-position:0px 40%;}
		ul.progress-tab .complete span:before{ content:' ' ; background-image:url(/Images/Icon/cart_icon3.png) ; background-repeat:no-repeat; background-position:0px 80%;}
		ul.progress-tab li.active span:before{filter: invert(0%); }
	}
	@media screen and (min-width:800px) {
		ul.progress-tab.tab3 li{width:32.9%;}
	}
	@media screen and (min-width:1160px) {
		ul.progress-tab.tab3 li{width:33%;}
	}



.bac.store .payment-total{color:#EB6329;}
.bac.store .art-search-list .item button.btn-remove{margin-left:0px;}
.bac.store .art-search-list .item button.btn-order{background-color:#756f6c; border:1px solid #756f6c;}
.bac.store .art-search-list .item button.btn-order span{color:#fff;}
.bac.store .stop-notify{padding:20px 10px;border-radius:5px;margin-bottom:30px; background-color:#efefef; font-size:1.4rem;text-align:center;}
.bac.store .stop-notify .msg{margin-bottom:10px;}
.bac.store .stop-notify .work-dt{color:#f00;}

.bac .cart-msg{padding: 10px 20px 10px;margin: 20px 10px 10px;border-radius: 4px;font-size: 1.1rem;background-color: #f7f7f7;}
.bac .cart-top{ position:relative; padding:10px 15px 5px; border-bottom:1px solid #dddddd;}
.bac .cart-top .chk{font-size:.9rem;}
.bac .cart-top .chk label{margin-left:5px;}
.bac .cart-top .action{position:absolute;right:2%;top:2px;}
.bac .cart-top .action button{width:70px; height:30px; background-color:#fff;}
.bac .cart-top .action button.btn-remove:hover{background-color:#555;border:1px solid #555;}
.bac .cart-top .action button.btn-remove:hover span{color:#fff;}
.bac .cart-top .action button.btn-order{background-color:#eb6932; border:1px solid #eb6932;}
.bac .cart-top .action button.btn-order:hover{background-color:#EB6329;border:1px solid #EB6329;}
.bac .cart-top .action button.btn-order span{color:#fff;}
.bac .cart-bottom{ padding:20px 10px; margin-bottom:40px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:right;}
.bac .cart-bottom *{font-size:1.2rem; font-weight:500;}
.bac .cart-bottom span.count::after{content:'\2223'; margin:0px 10px;color:#898989;}
.bac .payment-notify { margin-top:40px; border:1px solid #dfdfdf; background-color:#dfdfdf;}
.bac .payment-notify h4{padding:10px 20px; background-color:#dfdfdf;}
.bac .payment-notify dl{padding:20px 15px;background-color:#f1f1f1;}
.bac .payment-notify dl dt{margin-bottom:5px; font-weight:500;}
.bac .payment-notify dl dd{ padding-left:5px; font-size:.87rem;}
.bac .payment-notify dl dd ol{padding-left:13px;}
.bac .payment-notify dl dd ol li{ list-style-type:decimal;}
.bac .buy-search{position:relative;padding:60px 20px 20px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f1f1f1;}
.bac .buy-search legend{position:absolute;left:0px;top:0px;padding:10px 20px;width:100%; background-color:#dfdfdf;}
.bac .buy-search div{ position:relative;}
.bac .buy-search span.date{ position:relative; padding:4px 12px 6px 12px; border:1px solid #cecece; margin-right:3px; background-color:#fff;}
.bac .buy-search span.date img{position:absolute;right:3px;top:3px;}
.bac .buy-search input.date{width:88px;border:0px; }
.bac .buy-search div button{ padding:2px 8px; border:1px solid #EB6329; background-color:#EB6329;}
.bac .buy-search div button *{color:#fff; font-weight:600;}
.bac .buy-search div button i{margin-left:4px; font-size:1rem;}
.bac .buy-search div p.check{padding-top:10px;}
.bac .buy-search div p.check *{font-size:.8rem;}
.bac .buy-search div p.check span.chk{margin-right:2px;}
.bac .buy-search div p.check span.chk label{letter-spacing:0px;}

	@media screen and (min-width:380px) {
		.bac .buy-search div button{ position:absolute;right:0px;top:-2px; padding:17px 8px; }
	}
	@media screen and (min-width:680px) {
		.bac .buy-search div p.check {display:inline-block;}
		.bac .buy-search div button{position:relative; padding:2px 8px;}
	}
	@media screen and (min-width:680px) {
		.bac .payment-notify dl{padding:20px 25px;}
		.bac .payment-notify dl dt::before{content:'\220E'; margin-right:6px; font-size:.9rem;}
		.bac .payment-notify dl dd{ padding-left:20px; }
		.bac .buy-search div p.check {display:inline-block;}
	}
	@media screen and (min-width:800px) {
		.bac .buy-search{padding:20px;padding-left:120px;}
		.bac .buy-search legend{top:20px; width:100px;background-color:inherit;}
	}
	@media screen and (min-width:1080px) {
		.bac .payment-notify {position:relative; padding-left:180px;}
		.bac .payment-notify h4{position:absolute;left:0px;top:15px; width:180px; text-align:center;}
	}

.bac .store-sec {margin-top:40px;}
.bac .store-sec h4{margin-bottom:10px; font-weight:600;}
.bac .store-sec ul.list{border-top:1px solid #ddd;}
.bac .store-sec ul.list li{position:relative; padding:20px 100px 20px 10px;border-bottom:1px dotted #ddd;}
.bac .store-sec ul.list li:last-child{border-bottom:0px;}
.bac .store-sec ul.list li .title a{ font-weight:500; margin-right:7px;}
.bac .store-sec ul.list li .price{position:absolute;top:20px;right:15px;}
.bac .store-sec .list-total{padding:20px 15px; border-bottom:1px solid #ddd; background-color:#f1f1f1;text-align:right;font-size:1.1rem; font-weight:500;}
.bac .store-sec fieldset legend{display:none;}
.bac .store-sec .basic-form{background-color:#f1f1f1;padding:10px 20px;}
.bac .store-sec .contents{font-size:.85rem;}
.bac .store-sec .paymethod{padding-top:10px;}
.bac .store-sec .paymethod *{font-size:1.2rem;}
.bac .store-sec .paymethod input{ display:none;}
.bac .store-sec .paymethod label{ display:inline-block; width:48.5%;padding:20px 10px; margin-bottom:3px;border:1px solid #ddd; border-radius:3px; text-align:center; cursor:pointer; }
.bac .store-sec .paymethod label i{margin-right:10px;}
.bac .store-sec .paymethod label:hover{background-color:#f1f1f1; }
.bac .store-sec .paymethod label:hover i{}
.bac .store-sec .paymethod input:checked + label {border:1px solid #5E5E5E; background-color:#5E5E5E; color:#fff; }
.bac .store-sec .paymethod input:checked + label i{color:#fff;}

.bac .store-sec .agree{border:1px solid #ddd;}
.bac .store-sec .agree ul{padding:30px 30px 0px;}
.bac .store-sec .agree ul li{margin-bottom:20px;}
.bac .store-sec .agree ul li:last-child{padding-bottom:20px; border-bottom:1px solid #ddd;}
.bac .store-sec .agree span.title{font-weight:600;}
.bac .store-sec .agree p{padding:0px 30px 30px;}
.bac .store-sec .agree .check{padding:30px 25px;background-color:#f1f1f1;}
.bac .store-sec .agree .check input{width:20px;height:20px; vertical-align:bottom;}
.bac .store-sec .agree .check label{line-height:200%;}
.bac .store-sec.total-price {padding:30px 0px 60px;text-align:center; font-size:1.4rem;}
.bac .store-sec table.read{ }
.bac .store-sec table.read tbody th,
.bac .store-sec table.read tbody td{ border:1px solid #ddd;padding:10px 0px;}
.bac .store-sec table.read tbody th{ background-color:#f1f1f1;}
.bac .store-sec table.read tbody td{ padding-left:10px;}
.bac .store-sec .btn-download{ border:1px solid #7C7C7C; background-color:#7C7C7C; }
.bac .store-sec .btn-download:hover{ border:1px solid #5E5E5E; background-color:#5E5E5E; }
.bac .store-sec .btn-download span{color:#fff;}
.bac .store-sec h4 .tip{color:#ed4314; font-size:.95rem; font-weight:500;}
.bac .store-sec.buy-list{margin-top:20px;}
.bac .store-sec.buy-list .count{margin-bottom:20px; font-size:1.1rem;}
.bac .store-sec.buy-list .count strong{color:#EB6329;}
.bac .store-sec .buy-row{border:1px solid #ddd; margin-bottom:60px;}
.bac .store-sec .buy-row .head{padding:20px; text-align:center;}
.bac .store-sec .buy-row .head *{font-size:.85rem; color:#767676;}
.bac .store-sec .buy-row .head label{ display:block; padding:2px 0px; border:1px solid #ddd;border-radius:3px;margin-bottom:5px;}
.bac .store-sec .buy-row .head p{}
.bac .store-sec .buy-row .head p span{display:block;}
.bac .store-sec .buy-row .head p span.dtDown{color:#555;}
.bac .store-sec .buy-row .list{padding:0% 2%;}
.bac .store-sec .buy-row .tail{padding:10px 20px;background-color:#F1F1F1; color:#000; text-align:right;}
.bac .store-sec .buy-row .tail strong{font-weight:500;color:#EB6329;}
.bac .store-sec .buy-row .tail button *{font-size:.75rem;}
.bac .store-sec .buy-row .tail button.ks{ padding: 2px 6px 2px 130px; border-radius:2px; background:#fff url(/Images/Store/ks_icon.png) no-repeat 10px;}
.bac .store-sec .buy-row .tail button.toss{ padding: 2px 6px 2px 107px; border-radius:2px; background:#fff url(/Images/Store/toss_icon.png) no-repeat 10px;}

	@media screen and (min-width:540px) {
		.bac .store-sec .buy-row .head {position:relative; text-align:left;}
		.bac .store-sec .buy-row .head label{ display:inline-block; padding:2px 12px; margin-bottom:0px;}
		.bac .store-sec .buy-row .head p{position:absolute;right:20px; top:10px;}
		.bac .store-sec .buy-row .tail{position:relative; text-align:left;}
		.bac .store-sec .buy-row .tail p{position:absolute;right:20px;top:10px;}
	}
	@media screen and (min-width:680px) {
		.bac .store-sec h4{font-size:1.2rem;}
		.bac .store-sec .paymethod label{ width:24.5%;}
		.bac .store-sec .agree .check label{font-size:1.1rem;}
		.bac .store-sec .agree .check input{width:25px;height:25px; vertical-align:bottom;}
	}
	@media screen and (min-width:800px) {
		.bac .store-sec .basic-form{background-color:#fff;padding:0px;}
		.bac .store-sec .agree .check label{font-size:1.2rem; line-height:160%; }
	}
/* 고객센터, 정책 */
.bac .cs-top ,
.bac .policy-top {margin-bottom:10px; font-size:1.8rem; font-weight:500;}
.bac .cs-top .search-box {margin-top:5px; text-align:left;}
.bac .cs-top .search-box select {padding:5px 10px;width: 90px;height: 37px;   background: #FFF;}
.bac .cs-top .search-box input { padding-left: 15px;   width: calc(100% - 173px);height: 37px; line-height: 37px; }
.bac .cs-top .search-box button {  margin-left: -5px; width: 60px; height: 37px; line-height: 37px; background-color: #5E5E5E;  }
.bac .cs-top .search-box button span { color: #fff; font-size: 1rem;   }
    
	@media screen and (min-width:560px) {
		.bac .cs-top .search-box {margin-left: 20%; width: 80%; text-align: right; }	
	}
	
	@media screen and (min-width:680px) {
		.bac .cs-top{ position:relative; margin-bottom:25px;}
		.bac .cs-top .search-box  {position: absolute;right: 0;top: 3px; width: 440px; text-align: center; }
	}
	@media screen and (min-width:1080px) {
		.bac .cs-top h3  {  font-size:1.87rem; font-weight:500;  }
	}
	
.bac .cs-container .cs-button  a,
.bac .cs-container .cs-button  button{padding: 5px 20px; border:none; vertical-align: text-bottom;transition: background-color 0.5s ease-out;background-color: #5E5E5E;font-size: 1.1rem; color:#fff;}
.bac .cs-container .cs-button  a:nth-child(odd) ,
.bac .cs-container .cs-button  button:nth-child(odd) {  background-color: #5E5E5E;  }
.bac .cs-container .cs-button  a:nth-child(even),
.bac .cs-container .cs-button  button:nth-child(even)  {  background-color: #EB6329;  }
.bac .cs-container .cs-button  a:hover,
.bac .cs-container .cs-button  button:hover { background-color:#343434;   }
.bac .cs-container .list-button{ text-align:right;}
.bac .cs-container .view-button{ text-align:center;}

.bac .cs-container .basic-list {   }
.bac .cs-container .basic-list:after{content:''; display:block; clear:both;}
.bac .cs-container .basic-list li { width: 100%; margin-bottom:10px;}
.bac .cs-container .basic-list a { display:block; border: 1px solid #cecece; transition: all 0.5s ease-out;  }
.bac .cs-container .basic-list .list-head {padding: 20px 20px 10px 20px; transition: all 0.5s ease-out;}
.bac .cs-container .basic-list .list-body {padding: 20px; background: #F1F1F1;transition: all 0.5s ease-out;}
.bac .cs-container .basic-list a:hover { border-color:#EB6329;    }
.bac .cs-container .basic-list a:hover .list-head { background:  #f8f8f8;   }
.bac .cs-container .basic-list a:hover .list-body { background:  #E9E9E9;   }
.bac .cs-container .basic-list .no {display: block;width: 80px;border: 1px solid #dfdfdf;border-radius: 2px;padding: 1px 15px;margin-bottom: 10px;color: #EB6329;font-size: .8rem;text-align: center;}
.bac .cs-container .basic-list .title {max-width: 95%;height: 30px;overflow: hidden;font-size: 1.2rem;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;}
.bac .cs-container .basic-list .contents{max-width: 95%;height: 30px;font-size: .95rem;color: #707070;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bac .cs-container .basic-list .date{    color: #707070;font-size: 14px;text-align: right;display: block;}
    @media screen and (min-width:860px) {
		.bac .cs-container .basic-list li { float:left; width:49.5%;    }
		.bac .cs-container .basic-list li:nth-child(odd)  { margin-right:1%;    }
		.bac .cs-container .basic-list .no{margin-bottom: 5px;}
		.bac .cs-container .basic-list .list-head{padding: 20px 20px 15px 20px;}
		.bac .cs-container .basic-list .list-body {padding: 25px 20px;}
	}

.bac .cs-container .news-list{}	
.bac .cs-container .news-list .list-head{height: 80px;/* padding: 0; */}
.bac .cs-container .news-list .list-head img { height:35px; }
.bac .cs-container .news-list .no{display: inline-block;position: relative;bottom: 15px;margin-right: 5px;}
.bac .cs-container .news-list .contents{display: -webkit-box;max-width: 100%;height: 60px;margin-bottom: 10px;font-size:1.2rem;font-weight: 500;color:inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;-webkit-line-clamp: 3;}
.bac .cs-container .news-list a:hover .list-head{ background:  #fff;}
    @media screen and (min-width:480px) {
		.bac .cs-container .news-list .no{ width: 80px;    }
		.bac .cs-container .news-list .list-head img  { height: 40px;   } 
	}


.bac .cs-container table.list{ margin-bottom: 30px;}
.bac .cs-container table.list caption { display:none;}
.bac .cs-container table.list th {padding: 10px 0;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;background-color: #F1F1F1;font-weight: 500;}
.bac .cs-container table.list td {padding: 10px 2px;border-bottom: 1px solid #cecece; text-align:center;}
.bac .cs-container table.list td.title { text-align:left; padding-left: 1%;   } 
.bac .cs-container table.list th.date,
.bac .cs-container table.list td.date { display:none;}
.bac .cs-container table.list a { transition: color 0.5s ease-out;   }
.bac .cs-container table.list a:hover { color: #EB6329;  }
	@media screen and (min-width:680px) {
		.bac .cs-container table.list th {  padding: 10px 2px;      }
		.bac .cs-container table.list th.date,
		.bac .cs-container table.list td.date { display:table-cell;}	
	}


.bac .cs-container .basic-view {border: 1px solid #cecece;position: relative; margin-bottom: 30px;     margin-top: 10px;}
.bac .cs-container .basic-view .title  {background-color: #F1F1F1;padding: 10px 20px;font-weight: 500;width: 100%;font-size: 18px;}
.bac .cs-container .basic-view .info  {margin-bottom: 10px;padding: 10px 20px;text-align: right;font-size: .9rem;color: #777;}	
.bac .cs-container .basic-view .info span{}
.bac .cs-container .basic-view .info span::after{content:'\0131';padding:0px 5px; color:#cecece;}
.bac .cs-container .basic-view .contents {padding:10px 20px 50px;}
.bac .cs-container .basic-view .contents img{max-width:100%;}
.bac .cs-container .basic-view .qna-contents {position:relative;padding:0px 20px 20px 50px;}
.bac .cs-container .basic-view .qna-contents span.label{display: block;position: absolute;top:2px;left:20px;border-radius: 5px;width: 24px;height: 21px;line-height: 20px;text-align: center;background: #EB6329;color: #fff;}
.bac .cs-container .basic-view .contents_q{}
.bac .cs-container .basic-view .contents_a{ border-top:1px solid #cecece; background-color:#f1f1f1;padding-top:20px;}
.bac .cs-container .basic-view .contents_a span.label{top:22px;}

.bac .cs-container .basic-view .attach	{ border-top:1px solid #cecece;padding:14px 0px;}
.bac .cs-container .basic-view .attach li{ text-align:right;}
.bac .cs-container .basic-view .attach li a{ font-size:.9rem;}

.bac .cs-container .near{margin-bottom:30px;}
.bac .cs-container .near li{padding:10px 0px;}
.bac .cs-container .near li:nth-child(2n){ border-top:1px dotted #cecece;}
.bac .cs-container .near a{display:block;position:relative;padding-left:80px; padding-right:90px;}
.bac .cs-container .near span.cate{position:absolute;left:5px;top:0px;font-size:.85rem; }
.bac .cs-container .near span.cate i {margin-right:10px; color:#707070;font-size:.7rem; }
.bac .cs-container .near span.date{position:absolute;right:0px;top:0px;}
.bac .cs-container .form{margin-bottom:40px;}
.bac .cs-container .form .warning-msg{ text-align:right;font-size:.9rem;}
.bac .cs-container .form .form-box{border:1px solid #cecece;padding:40px 20px;}

.bac .cs-container .qna-edit{border:1px solid #cecece;padding:20px; margin-bottom:40px; text-align:center;}
.bac .cs-container .qna-edit p{margin-bottom:10px;font-size:.9rem;}
.bac .cs-container .qna-edit input{width:200px;padding:5px;}
.bac .cs-container .qna-edit button{padding:5px 10px;}

.bac .guide{position:relative;}
.bac .guide a.download{position: absolute;right: 0px;top: -60px;padding:8px 30px;transition: all 0.5s ease-out;background-color:#EB6329; }
.bac .guide a.download:hover{background-color:#5E5E5E;}
.bac .guide a.download span{color:#fff; font-weight:600;}

.bac .guide iframe{width:100%; height:315px;}
.bac .guide .sec iframe{width:100%; height:315px; border-bottom:1px solid #333;}
.bac .guide .sec{margin-bottom:80px;}
.bac .guide h4{ padding:10px 20px; background-color:#333; font-size:1.4rem; font-weight:600; color:#fff;}
.bac .guide h4 i{color:#fff; margin-right:6px;}
	@media screen and (min-width:680px) {
		.bac .guide iframe{height:450px;}
	}
	@media screen and (min-width:800px) {
		.bac .guide iframe{height:500px;}
	}
	@media screen and (min-width:1080px) {
		.bac .guide iframe{height:600px;}
	}

.bac .policy-contents{padding-top:20px;}
.bac .policy-contents .box_txt_st {    border: 1px solid #c1c1c1; padding: 1px 15px; background: #efefef; } 

/* 페이징 */
div.paging {
	text-align: center;
	padding: 40px 0px 30px;
}
div.paging a, 

div.paging strong{}
div.paging span{display:inline-block;padding:3px 10px;border:1px solid #fff;}
div.paging strong span{ color:#EB6329; }


/* modal */
.modaloverlay {
	background: rgba(0, 0, 0, 0.8);bottom: 0;left: 0;opacity: 0;pointer-events: none;position: fixed;right: 0;top: 0;
	-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;z-index: -1; display: none;
}
.modal_open {display: block;opacity: 1;pointer-events: auto;z-index: 99999;}
.modaloverlay .modal {height: 100%;width:95%;position: relative;margin: 0 auto;}
.modaloverlay .modal .title{  padding:30px 0px 10px 10px; height:80px; color:#fff; font-weight:600; font-size:1.6rem;}
.modaloverlay .modal .close{  position:absolute; right:10px; top:30px; width:43px;height:38px; border:none;background:url(/Images/Icon/modal_x.png) no-repeat; cursor:pointer; }
.modaloverlay .modal .body{ max-height: -moz-calc(100vh - 120px); max-height: -webkit-calc(100vh - 120px); max-height: calc(100vh - 120px); border-radius:10px; padding:30px; overflow-y:auto; background-color:#fff;}

@media (min-width: 800px) {
	.modaloverlay .modal {margin: 5% auto;max-width: 800px;width: 85%;}
	.modaloverlay .modal .title{  padding-left:0px;}
	.modaloverlay .modal .close{  right:0px; }
	.modaloverlay .modal .body {height: auto;max-height: 650px;}
}
@media (min-width: 600px) {
	.modaloverlay .w600 {margin: 5% auto;max-width: 600px;width: 85%;}
	.modaloverlay .w600 .title{  padding-left:0px;}
	.modaloverlay .w600 .close{  right:0px; }
	.modaloverlay .w600 .body {height: auto;max-height: 400px;}
}


.modaloverlay .export{}
.modaloverlay .export button{width:48%; padding:10px 0px; margin-right:2%; margin-bottom:10px; border-radius:5px; background-color:#fff; cursor:pointer;}
.modaloverlay .export button:hover{background-color:#f7f7f7;}
.modaloverlay .export button:nth-child(2n){margin-right:0px;}
.modaloverlay .export select{ float:right;width:50%;}
.modaloverlay .export .row-title{ margin-right:20px; font-weight:600;}
.modaloverlay .export .row{margin-bottom:25px;}
.modaloverlay .export .check{ margin-right:20px;}
.modaloverlay .export .check label{}
.modaloverlay .export .reference{max-height:200px; padding:20px 10px; margin-bottom:50px;  overflow-y:auto; background-color:#efefef;}
.modaloverlay .export .reference p{margin-bottom:10px;}
.modaloverlay .export .reference p:last-child{margin-bottom:0px;}
.modaloverlay .export .reference p::after{content:' '; display:block; clear:right;}
.modaloverlay .export .reference p button{ float:right; width:auto; padding:2px 4px; margin-left:5px;  background-color:#fff;}
.modaloverlay .export .reference p button i{ font-size:.8rem; margin-right:5px; color:#cecece;}
.modaloverlay .export .reference p button:hover{ border: 1px solid #898989;}
.modaloverlay .export .reference p button:hover i{ font-size:.8rem; margin-right:5px; color:#898989;}

@media (min-width: 800px) {
	.modaloverlay .export .reference{max-height:400px;}
}
@media (min-width: 600px) {
	.modaloverlay .export .row-txt * {font-size:1.2rem;}
	.modaloverlay .export button{width:31%; margin-right:1.5%;}
	.modaloverlay .export button:nth-child(2n){margin-right:1.5%;}
}

.modaloverlay .cart{ text-align:center;}
.modaloverlay .cart p{ margin-bottom:20px;font-size:.9rem;}
.modaloverlay .cart p.strong{margin-bottom:4px; font-size:1.3rem; font-weight:500;}
.modaloverlay .cart p.strong span{color:#EB6329;}
.modaloverlay .cart button{ width:80px; height:30px; border-radius:3px;}
.modaloverlay .cart button.move-ok{ background-color:#fff;}
.modaloverlay .cart button.move-not{ background-color:#e5e5e5;}
.modaloverlay .cart .error{margin:20px 0px 0px; text-align:left;}
.modaloverlay .cart .error li{margin-bottom:5px;}
.modaloverlay .cart .error li span.state{color:#EB6329;margin-right:5px;}
.modaloverlay .cart .error li span.ti{}



.modaloverlay .login{text-align:center;}
.modaloverlay .login .msg{  margin-bottom:30px;font-size:1.2rem;}
.modaloverlay .login .action a{display:block; padding:10px; width:100%; border:1px solid #5E5E5E;margin-bottom:20px;}
.modaloverlay .login .action a.b2b{border:1px solid #EB6329;background-color:#EB6329; color:#fff;}
@media (min-width: 450px) {
	.modaloverlay .login .action a {display:inline-block;width:40%;}
}