@charset "utf-8";


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	COMMON

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#wrap {overflow:hidden; }
.content {width:100%;}
.content:after {content:''; display:block; clear:both; }
.content .lnb_box {float:left; width:220px; margin-bottom:50px; }
.content .sub_content {float:left; width:calc(100% - 220px); padding-left:60px; box-sizing:border-box; padding-top:10px;}

@media all and (max-width:1200px){
	.content .sub_content {padding-left:20px; }
}
@media all and (max-width:1000px){
	.content .lnb_box {display:none; }
	.content .sub_content {float:none; width:100%; padding-left:0; }
}


/* ==========================================================================
	lnb_box
========================================================================== */
.lnb_box{}
.lnb_box .tit_box{display:Table; width:100%; height:130px; background:url('/img/lnb_bg.jpg') no-repeat center / cover;}
.lnb_box .tit_box p{display:Table-cell; vertical-align:middle; font-size:28px; font-weight:bold; letter-spacing:-0.045em; color:#fff; text-align:center;}
.lnb_box > ul {border:1px solid #eeeeee; box-sizing:border-box; border-bottom:0;}
/*.lnb_box > ul > li{border-bottom:1px solid #eeeeee; }*/
.lnb_box > ul > li.on{border-bottom:1px solid #eeeeee; }
.lnb_box > ul > li > a{display:block; font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#666666; background:url('/img/lnb_arrow.png') no-repeat right 20px center; border-bottom:1px solid #eeeeee; padding:20px; box-sizing:Border-box;}
.lnb_box > ul > li.on > a{color:#222222; font-weight:bold; background:#fbfbfb url('/img/lnb_arrow_on.png') no-repeat right 20px center;}
.lnb_box ul.depth02{display:none; padding:20px; box-sizing:border-box;}
.lnb_box ul.depth02 > li:not(:last-child){margin-bottom:15px;}
.lnb_box ul.depth02 > li > a{display:block; font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#666666;}
.lnb_box ul.depth02 > li.on > a{font-weight:500; color:#0a9ff3}
.lnb_box ul.depth02 > li.on > ul.depth03 > li.on > a{font-weight:500; color:#0a9ff3}
.lnb_box ul.depth03{padding-top:15px; display:none;}
.lnb_box ul.depth03 li:not(:last-child){margin-bottom:15px;}
.lnb_box ul.depth03 li a{display:block; font-size:17px; font-weight:300; letter-spacing:-0.045em; color:#666666; padding-left:13px; box-sizing:border-box; position:Relative;}
.lnb_box ul.depth03 li a:before{content:'-'; position:absolute; left:5px;}
.lnb_box .depth03 {display:none; }
.lnb_box .depth03 ul{padding:20px; box-sizing:border-box;}
.lnb_box .depth03 ul > li:not(:last-child){margin-bottom:15px;}
.lnb_box .depth03 ul > li > a{display:block; font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#666666;}
.lnb_box .depth03 ul > li.on > a{font-weight:500; color:#0a9ff3}

/* ==========================================================================
	공통
========================================================================== */
/* sub_tit */
.sub_tit01{}
.sub_tit01.center{text-align:center;}
.sub_tit01 h5{font-size:16px; color:#999999; letter-spacing:-0.045em; font-weight:300; margin:0;}
.sub_tit01 h3{font-size:34px; color:#444444; letter-spacing:-0.045em; font-weight:700; margin:0;}

.sub_tit02{}
.sub_tit02 h3{position:relative; font-size:26px; color:#222222; letter-spacing:-0.045em; font-weight:700; line-height:1.6; margin:0; padding-left:10px;}
.sub_tit02 h3:before{content:''; position:absolute; top:10px; left:0; display:block; width:5px; height:26px; background:#0a9ff3;}

.program_tit{margin-bottom:40px;}
.program_tit.center{text-align:center;}
.program_tit h3{font-size:34px; color:#444444; letter-spacing:-0.045em; font-weight:700; margin:0;}

/* tab_btn */
.tab_btn{}
.tab_btn ul{font-size:0; letter-spacing:-4px;}
.tab_btn ul li{position:relative; display:inline-block; vertical-align:top; height:60px; text-align:center; border:1px solid transparent; border-bottom:1px solid #aaaaaa; box-sizing:border-box;}
.tab_btn ul li:before{content:''; position:absolute; top:-1px; left:-1px; display:none; width:calc(100% + 2px); height:2px; background:#0a9ff3;}
.tab_btn ul li a{display:table; width:100%; height:100%; font-size:18px; color:#aaaaaa; letter-spacing:-0.045em; font-weight:500; line-height:1.4; }
.tab_btn ul li a span{display:table-cell; vertical-align:middle;}
.tab_btn ul li.on{border:1px solid #aaaaaa; border-bottom:0;}
.tab_btn ul li.on:before{display:block;}
.tab_btn ul li.on a{color:#222222; font-weight:500;}

.tab_btn ul.grid02 li{width:50%;}

.tab_contents > div{display:none;}
.tab_contents > div:first-of-type{display:block;}

/* tit_search_box */
.tit_search_box{margin-bottom:20px;}
.tit_search_box:after{content:''; display:block; clear:both;}
.tit_search_box h4{display:inline-block; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:700; line-height:1.6; margin:0; margin-top:5px;}
.tit_search_box h4 b{color:#0579ba;}
.tit_search_box .top_btn_box{margin-bottom:10px; text-align:right;}
.tit_search_box .top_btn_box a{display:inline-block; width:130px; font-size:0; letter-spacing:-4px; text-align:center; border:1px solid #0080c8; border-radius:8px; box-sizing:border-box; overflow:hidden;}
.tit_search_box .top_btn_box a span{display:inline-block; vertical-align:middle; width:calc(100% - 35px); font-size:14px; color:#0080c8; letter-spacing:-0.045em; font-weight:500; padding:6px 0;}
.tit_search_box .top_btn_box a span.text01{display:inline-block;}
.tit_search_box .top_btn_box a span.text02{display:none;}
.tit_search_box .top_btn_box a i{display:inline-block; vertical-align:middle; width:35px; height:35px; border-bottom-left-radius:8px; background:#0080c8 url('/img/search_close.png') no-repeat center center; box-sizing:border-box;}
.tit_search_box .top_btn_box a.on{background:#0080c8;}
.tit_search_box .top_btn_box a.on span{color:#fff;}
.tit_search_box .top_btn_box a.on span.text01{display:none;}
.tit_search_box .top_btn_box a.on span.text02{display:inline-block;}
.tit_search_box .top_btn_box a.on i{background:#fff url('/img/search_open.png') no-repeat center center;}
.tit_search_box .search_box{position:relative; font-size:0; letter-spacing:-4px; }
.tit_search_box .search_box label{display:none;}
.tit_search_box .search_box input{display:inline-block; vertical-align:Top; width:100%; font-size:16px; color:#444; letter-spacing:-0.045em; font-weight:300; padding:7px 20px; border:1px solid #e5e5e5; border-radius:40px; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.tit_search_box .search_box input::-ms-clear{display:none;}
.tit_search_box .search_box input::placeholder{color:#aaaaaa;}
.tit_search_box .search_box a{display:inline-block; vertical-align:top; width:78px; height:41px; line-height:39px; border:1px solid #e5e5e5; box-sizing:border-box; background:#626262; font-size:14px; font-weight:bold; letter-spacing:-0.045em; color:#ffffff; text-align:center;}
.tit_search_box .cata_box{border-top:1px solid #000000; box-sizing:border-box;}
.tit_search_box .cata_box dl{position:relative; display:table; width:100%; font-size:0; letter-spacing:-4px; border-bottom:1px solid #eeeeee; box-sizing:border-box;}
.tit_search_box .cata_box dl dt{display:table-cell ;vertical-align:top; width:100px; font-size:16px; font-weight:500; letter-spacing:-0.045em; color:#222222; position:relative; padding:20px 5px; box-sizing:border-box; text-align:center; background:#fbfbfb;}
.tit_search_box .cata_box dl dd{display:table-cell ;vertical-align:top; width:calc(100% - 100px); box-sizing:border-box; padding:20px 15px; box-sizing:border-box;}
.tit_search_box .cata_box dl dd ul{font-size:0; letter-spacing:-4px;}
.tit_search_box .cata_box dl dd ul li{display:inline-block; vertical-align:top; min-width:120px; margin-right:10px;}
.tit_search_box .cata_box dl dd ul li:last-of-type{margin-right:0;}
.tit_search_box .cata_box dl dd ul li label{position:relative; display:inline-block; padding-left:20px;}
.tit_search_box .cata_box dl dd ul li label i{position:absolute; left:0; top:6px; width:14px; height:14px; background:url("/img/check_off.png") no-repeat center top / contain; }
.tit_search_box .cata_box dl dd ul li label span {font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#666666; }
.tit_search_box .cata_box dl dd ul li label input[type="checkbox"] {display:none; }
.tit_search_box .cata_box dl dd ul li label input[type="checkbox"]:checked + i{background:url("/img/check_on.png") no-repeat center top / contain;}
.tit_search_box .cata_box dl dd ul li label input[type="radio"] {display:none; }
.tit_search_box .cata_box dl dd ul li a{display:block; font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#aaaaaa; }
.tit_search_box .cata_box dl dd ul li.on a{color:#0a9ff3;}
.tit_search_box .cata_box dl.total{padding:20px 0 0; border-bottom:0;}
.tit_search_box .cata_box dl.total:before{display:none;}
.tit_search_box .cata_box dl.total dt{width:calc(100% - 282px); background:transparent;}
.tit_search_box .cata_box dl.total dt ul{font-size:0; letter-spacing:-4px;}
.tit_search_box .cata_box dl.total dt ul li{display:inline-block; vertical-align:top; margin:5px 5px 5px 0;font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#0a9ff3;}
.tit_search_box .cata_box dl.total dt ul li:last-of-type{margin:5px 0;}
.tit_search_box .cata_box dl.total dd{width:282px; padding:0}
.tit_search_box .cata_box dl.total dd .btn_box{font-size:0 ;letter-spacing:-4px;}
.tit_search_box .cata_box dl.total dd .btn_box a{display:inline-block; vertical-align:top; width:136px; height:40px; line-height:40px; background:#4e4e4e; text-align:center; margin-right:5px; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#ffffff;}
.tit_search_box .cata_box dl.total dd .btn_box a.col02{background:#0080c8;}
.tit_search_box .cata_box dl.total dd .btn_box a:last-of-type{margin-right:0;}

/* tit_top_box */
.tit_top_box{padding:15px 0; padding-left:10px; border-top:1px solid #000000; background:#fbfbfb;}
.tit_top_box:after{content:''; display:table; clear:both;}
.tit_top_box .left{float:left;}
.tit_top_box .left .programPage{margin:4px 0;}
.tit_top_box .left .programPage a{width:20px; height:20px; box-sizing:border-box; border:0; font-size:16px; font-weight:300; letter-spacing:-0.045em; line-height:20px; color:#aaaaaa; position:relative;}
.tit_top_box .left .programPage a.page_prev:before{display:none;}
.tit_top_box .left .programPage a:nth-last-of-type(2):before{display:none;}
.tit_top_box .left .programPage a.active{font-weight:bold; color:#0579ba}
.tit_top_box .left .programPage a:not(:last-child):before{content:''; position:absolute; right:0; top:8px; width:1px; height:10px; background:#eeeeee}
.tit_top_box .right{float:right; font-size:0; letter-spacing:-4px;}
.tit_top_box .right select{display:inline-block; vertical-align:top; width:90px; height:32px; line-height:30px; border:1px solid #dcdcdc; padding:0 10px; box-sizing:Border-box; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#888888; margin-right:5px; background:#fff url('/img/select_arrow.png') no-repeat center right 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.tit_top_box .right select::-ms-expand{display:none;}
.tit_top_box .right select.w130{width:130px;}
.tit_top_box .right a{display:inline-block; vertical-align:top; width:150px; height:32px; line-height:30px; box-sizing:border-box; border:1px solid #1b1b1b; text-align:Center; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#222222;}
.tit_top_box .right a img{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}

@media all and (max-width:770px){
	.tit_top_box .left .programPage{display:block;}
	.tit_top_box .right{width:100%; margin-top:10px;}
}

/* box_layout01 */
.box_layout01{padding:20px;}
.box_layout01 dl{font-size:0; letter-spacing:-4px; margin-top:20px;}
.box_layout01 dl dt{display:inline-block; vertical-align:top; width:410px; height:530px;}
.box_layout01 dl dt .img_box{position:relative; height:100%; overflow:hidden;}
.box_layout01 dl dt .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.box_layout01 dl dd{display:inline-block; vertical-align:top; width:calc(100% - 410px); padding-top:100px; padding-left:80px; box-sizing:border-box;}
.box_layout01 dl dd .txt_box{min-height:250px;}
.box_layout01 dl dd .txt_box h5{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:500; line-height:1.6; margin:0; margin-bottom:20px;}
.box_layout01 dl dd .txt_box h6{font-size:18px; color:#0080c8; letter-spacing:-0.045em; font-weight:700; line-height:1.6; margin:0;}
.box_layout01 dl dd .txt_box p{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; line-height:1.6;}
.box_layout01 dl dd ul{width:calc(100% + 20px); max-width:560px; margin-left:-10px; margin-top:40px;}
.box_layout01 dl dd ul li{margin:10px;}
.box_layout01 dl dd ul li .img{position:relative; padding-bottom:108%; overflow:hidden;}
.box_layout01 dl dd ul li .img img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.box_layout01 dl dd .slick-prev{left:-20px; width:60px; height:60px; border-radius:50%; background:url('/img/award_con01_prev.png') no-repeat center center / contain; box-shadow:0 18px 16px rgba(0, 0, 0, 0.1); z-index:1;}
.box_layout01 dl dd .slick-prev:before{display:none;}
.box_layout01 dl dd .slick-prev:hover{background-image:url('/img/award_con01_prev_on.png'); box-shadow:none;}
.box_layout01 dl dd .slick-next{right:-20px; width:60px; height:60px; border-radius:50%; background:url('/img/award_con01_next.png') no-repeat center center / contain; box-shadow:0 18px 16px rgba(0, 0, 0, 0.1); z-index:1;}
.box_layout01 dl dd .slick-next:before{display:none;}
.box_layout01 dl dd .slick-next:hover{background-image:url('/img/award_con01_next_on.png'); box-shadow:none;}

@media all and (max-width:1000px){
	.box_layout01{padding:20px 0;}
	.box_layout01 dl dt{width:100%; height:auto;}
	.box_layout01 dl dt .img_box{padding-bottom:128%;}
	.box_layout01 dl dt .img_box img{width:100%;}
	.box_layout01 dl dd{width:100%; padding-top:40px; padding-left:0;}
	.box_layout01 dl dd .txt_box{min-height:0;}
	.box_layout01 dl dd ul{width:100%; max-width:100%; margin-left:0;}
}

.box_layout02{}
.box_layout02 ul{font-size:0; letter-spacing:-4px;}
.box_layout02 ul li{display:inline-block; vertical-align:top;}
.box_layout02 ul li .img_box{position:relative; padding-bottom:120%; overflow:hidden;}
.box_layout02 ul li .img_box img{position:absolute; top:50%; left:50%; display:block; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.box_layout02 ul li .txt_box{padding:20px 5px 40px;}
.box_layout02 ul li .txt_box h5{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; line-height:1.6; margin:0;}
.box_layout02 ul li .txt_box p{font-size:16px; color:#999999; letter-spacing:-0.045em; font-weight:300;}
.box_layout02 ul li .txt_box .btns{margin-top:15px;}
.box_layout02 ul li .txt_box .btns h6{font-size:14px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0;}
.box_layout02 ul li .txt_box .btns a{display:inline-block; vertical-align:top; margin:2.5px;}
.box_layout02 ul li .txt_box .btns .left{position:relative; display:inline-block; vertical-align:top; width:40%; padding-right:5px; box-sizing:border-box;}
.box_layout02 ul li .txt_box .btns .left:before{content:''; position:absolute; top:0; right:0; display:block; width:1px; height:100%; background:#eeeeee;}
.box_layout02 ul li .txt_box .btns .right{display:inline-block; vertical-align:top; width:60%; padding-left:5px; box-sizing:border-box;}

.box_layout02 ul.grid04 li{width:calc(25% - 30px); margin-right:40px;}
.box_layout02 ul.grid04 li:nth-of-type(4n){margin-right:0;}

@media all and (max-width:1000px){
	.box_layout02 ul.grid04 li{width:calc(33.333333% - 13.4px); margin-right:20px;}
	.box_layout02 ul.grid04 li:nth-of-type(4n){margin-right:20px;}
	.box_layout02 ul.grid04 li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:767px){
	.box_layout02 ul.grid04 li{width:calc(50% - 10px);}
	.box_layout02 ul.grid04 li:nth-of-type(3n){margin-right:20px;}
	.box_layout02 ul.grid04 li:nth-of-type(2n){margin-right:0;}
}

.box_layout03{border-top:1px solid #000000; font-size:0; letter-spacing:-4px;}
.box_layout03 dl{position:relative; display:inline-block; vertical-align:top; width:50%;}
.box_layout03 dl:nth-of-type(odd):before{content:''; position:absolute; bottom:0; left:0; display:block; width:200%; height:1px; background:#eeeeee;}
.box_layout03 dl dt{position:relative; display:inline-block; vertical-align:top; width:100px; padding:20px; box-sizing:border-box;}
.box_layout03 dl dt:before{content:''; position:absolute; top:50%; right:0; display:block; width:1px; height:12px; background:#e5e5e5; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.box_layout03 dl dt h6{position:relative; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:500; line-height:1.6; margin:0; padding-left:15px; box-sizing:border-box;}
.box_layout03 dl dt h6:before{content:''; position:absolute; top:10px; left:0; display:block; width:4px; height:4px; background:#e1e1e1;}
.box_layout03 dl dd{display:inline-block; vertical-align:top; width:calc(100% - 100px); padding:20px 30px; box-sizing:border-box;}
.box_layout03 dl dd p{font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; line-height:1.6; }

@media all and (max-width:1000px){
	.box_layout03 dl{width:100%; border-bottom:1px solid #eeeeee;}
	.box_layout03 dl:nth-of-type(odd):before{display:none;}
}

.box_layout04{font-size:0; letter-spacing:-4px;}
.box_layout04 dl{display:inline-block; vertical-align:top; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px; border:1px solid #eeeeee; box-sizing:border-box;}
.box_layout04 dl:nth-of-type(2n){margin-right:0;}
.box_layout04 dl dt{position:relative; display:inline-block; vertical-align:top; width:46%; overflow:hidden;}
.box_layout04 dl dt .img_box{position:relative; height:320px;}
.box_layout04 dl dt .img_box img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.box_layout04 dl dt .hover_box{position:absolute; top:0; left:0; display:table; width:100%; height:100%; text-align:center; background:#51baf5; z-index:1; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.box_layout04 dl dt .hover_box a{display:table-cell; vertical-align:middle; font-size:18px; color:#fff; letter-spacing:0em; font-weight:300;}
.box_layout04 dl dt .hover_box a i{position:relative; display:block; width:80px; height:80px; margin:0 auto 10px; border-radius:50%; background:rgba(255, 255, 255, 0.2);}
.box_layout04 dl dt .hover_box a i:before{content:''; position:absolute; top:50%; left:50%; display:block; width:20px; height:2px; background:#fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.box_layout04 dl dt .hover_box a i:after{content:''; position:absolute; top:50%; left:50%; display:block; width:2px; height:20px; background:#fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.box_layout04 dl dd{display:inline-block; vertical-align:top; width:54%; padding:20px; box-sizing:border-box;}
.box_layout04 dl dd h4{font-size:20px; color:#444444; letter-spacing:-0.045em; font-weight:700; margin:0; margin-bottom:5px;}
.box_layout04 dl dd h6{font-size:16px; color:#999999; letter-spacing:-0.045em; font-weight:300; margin:0; margin-bottom:10px;}
.box_layout04 dl dd h6 i{display:inline-block; vertical-align:middle; width:1px; height:12px; background:#eeeeee; margin:-2px 8px 0;}
.box_layout04 dl dd p{font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.4em; height:4.2em; word-break:keep-all;}
.box_layout04 dl dd .desc{margin-top:30px;}
.box_layout04 dl dd .desc span{display:block; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; line-height:1.6;}

.box_layout04 dl dt:hover .hover_box{opacity:1;}

@media all and (max-width:1000px){
	.box_layout04 dl{width:100%; margin-right:0;}
	.box_layout04 dl dt .img_box{height:auto; padding-bottom:120%;}
	.box_layout04 dl dt .img_box img{height:auto; width:100%;}
}
@media all and (max-width:767px){
	.box_layout04 dl dt{width:100%;}
	.box_layout04 dl dd{width:100%;}
}



/* ==========================================================================
	전체도서
========================================================================== */
.allbook_con01{padding:80px 0 100px;}

.ShopCon_menu_Con.shop_list_custom{padding-bottom:150px; padding-top:0;}
.ShopCon_menu_Con.shop_list_custom .sub_list li{cursor:default;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box{width:100%; margin:0; padding:30px 0; font-size:0; letter-spacing:-4px; border-bottom:1px solid #eeeeee;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box:last-of-type{border-bottom:0;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box{padding-bottom:10px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul{font-size:0; letter-spacing:-4px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li{display:inline-block; vertical-align:top; margin-right:5px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li:last-of-type{margin-right:0;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li a{display:block; font-size:12px; font-weight:300; letter-spacing:-0.045em; padding:2px 10px; border:1px solid transparent;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li.purple a{color:#85417e; border-color:#85417e;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li.blue a{color:#3891c3; border-color:#3891c3;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li.brown a{color:#9d7844; border-color:#9d7844;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li.green a{color:#40863c; border-color:#40863c;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .top_box ul li.orange a{color:#40863c; border-color:#40863c;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .img_box{position:relative; display:inline-block; vertical-align:top; width:26%; padding:0; padding-bottom:32%; background:#f9f9f9; overflow:hidden;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .img_box img{position:absolute; top:50%; left:50%; width:100%; max-width:calc(100% - 40px); max-height:calc(100% - 40px); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); box-shadow:0 16px 20px rgba(0, 0, 0, 0.08); overflow:hidden;}

.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box{display:inline-block; vertical-align:top; width:74%; padding:0 25px; padding-right:0; box-sizing:border-box;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h5{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#222222; display:inline-block; vertical-align:middle;  margin:0; margin-right:10px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h6{font-size:16px; font-weight:500; letter-spacing:-0.045em; color:#666666; display:inline-block; vertical-align:middle; position:relative;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h6 span{position:relative; display:inline-block; font-weight:300; padding-left:12px; margin-left:10px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h6 span:before{content:''; position:absolute; width:2px; height:16px; background:#dcdcdc; left:0; top:7px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul{font-size:0; letter-spacing:-4px; padding:10px 0;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li{display:inline-block; vertical-align:top; margin-right:18px; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; position:Relative;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li:last-of-type{margin-right:0;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li:not(:last-child):before{content:''; position:absolute; right:-9px; width:1px; height:14px; background:#dcdcdc; top:5px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li a{display:block; font-size:14px; color:#666666;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li a.more_people{display:inline-block; vertical-align:top; margin-left:10px; margin-top:4px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li a.more_people img{width:auto;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li div{position:absolute; top:22px; right:0; display:none; background:#fff; border:1px solid #eeeeee; padding:10px 15px; z-index:10;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li div p{display:block; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; margin:0;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box > ul li div.on{display:block;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list{padding:10px; box-sizing:Border-box; border-top:1px solid #e5e5e5;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul{font-size:0; letter-spacing:-4px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li{display:inline-block; vertical-align:top; width:50%; margin-bottom:10px; position:Relative;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li p{display:inline-block; vertical-align:top; width:80px; font-size:16px; font-weight:500; letter-spacing:-0.045em; color:#222222;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li > span{display:inline-block; vertical-align:top; max-width:calc(100% - 80px); font-size:14px; font-weight:200; letter-spacing:0.01em; color:#888888; }
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li > span span{display:block;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li > span a{display:block; font-size:14px; color:#888888;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl{font-size:0; letter-spacing:-4px; border:1px solid #eeeeee;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dt{display:inline-block ;vertical-align:top; width:100%; padding:10px 15px; background:#fafafa; box-sizing:border-box;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dt h5{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; letter-spacing:-0.045em; color:#222222;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dt p{position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#666666; letter-spacing:-0.045em; font-weight:400; padding-left:10px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dt p:before{content:''; position:absolute; width:1px; height:9px; background:#dcdcdc; left:0; top:7px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd{display:inline-block; vertical-align:top; /*width:calc(100% - 136px);*/ padding:10px 15px; box-sizing:border-box;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul{font-size:0; letter-spacing:-4px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul li{position:relative; display:inline-block; vertical-align:top; padding-left:8px; margin:2px 0; margin-right:10px;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul li:last-of-type{margin-right:0;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul li:before{content:''; position:absolute; top:10px; left:0; display:block; width:4px; height:4px; background:#0080c8; border-radius:50%; }
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul li span{display:inline-block; vertical-align:top; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; line-height:24px; margin-right:5px}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul li a{display:inline-block; vertical-align:top; width:50px; font-size:12px; font-weight:300; letter-spacing:-0.045em; color:#888888; line-height:24px; margin-right:5px; position:relative; border:1px solid #d3d3d3; border-radius:20px; background:#fbfbfb; text-align:center;}
.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list dl dd ul li a:hover{color:#fff; background:#0080c8;}

@media all and (max-width:750px){
/*	.ShopCon_menu_Con.shop_list_custom .sub_list .box .img_box{width:100%; padding-bottom:105%;}*/
/*	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box{width:100%; margin-top:40px; padding:0;}*/
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .img_box {width: 36%;padding-bottom: 40%;}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box {width: 64%; padding: 0 10px;}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li{width:100%;}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li.mobile_none{display:none;}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li p{width:60px;}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_list > ul li > span{max-width:calc(100% - 60px);}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h6 {display:block;}
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h6 span{padding-left:0; margin-left:0; }
	.ShopCon_menu_Con.shop_list_custom .sub_list .box .txt_box h6 span:before {display:none;}

}


.shop_item_custom{padding:20px 0 100px;}
.shop_item_custom .top > a{display:inline-block; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300;}
.shop_item_custom .top > a i{display:inline-block; width:15px; height:13px; background:url('/img/item_arrow.png') no-repeat center center / contain; margin-right:10px;}
.shop_item_custom .con01 {font-size:0; letter-spacing:-4px;}
.shop_item_custom .img_box{display:inline-block; vertical-align:top; width:40%; }
.shop_item_custom .img_box .img{position:relative; margin-top:20px; padding-bottom:125%; background:#f9f9f9; overflow:hidden;}
.shop_item_custom .img_box .img .hover_img{position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; display:none;}
.shop_item_custom .img_box .img:hover .hover_img{display:block;}
.shop_item_custom .img_box .img .hover_img a{position:absolute; top:50%; left:50%; display:block; width:60%; max-width:170px; padding:12px 0; text-align:center; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); background:rgba(0,0,0,0.7);}
.shop_item_custom .img_box .img .hover_img a img{width:auto;}
.shop_item_custom .img_box .img .hover_img a span{display:block; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#ffffff;}
.shop_item_custom .img_box .img img{position:absolute; top:50%; left:50%; width:100%; max-width:calc(100% - 120px); max-height:calc(100% - 120px); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); box-shadow:0 16px 20px rgba(0, 0, 0, 0.08); overflow:hidden;}

.shop_item_custom .img_box .img .tag_box{position:absolute; top:-1px; left:0;}
.shop_item_custom .img_box .img .tag_box span{display:inline-block; vertical-align:top; width:70px; height:32px; line-height:32px; margin:1px 0; margin-right:1px; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#ffffff; text-align:center;}
.shop_item_custom .img_box .img .tag_box span.purple{background:#965c90;}
.shop_item_custom .img_box .img .tag_box span.blue{background:#55a0cb;}
.shop_item_custom .img_box .img .tag_box span.brown{background:#a68556;}
.shop_item_custom .img_box .img .tag_box span.green{background:#5c9758;}

.shop_item_custom .img_box .btn_box{padding-top:15px; text-align:center;}
.shop_item_custom .img_box .btn_box ul{font-size:0; letter-spacing:-4px;}
.shop_item_custom .img_box .btn_box ul li{display:inline-block; vertical-align:top; margin-right:7px; margin-bottom:7px; text-align:center;}
.shop_item_custom .img_box .btn_box ul li:last-of-type{margin-righT:0;}
.shop_item_custom .img_box .btn_box ul li a{display:block; height:38px; line-height:36px; padding:0 5px; box-sizing:border-box; font-size:14px; font-weight:300; letter-spacing:-0.045em; border:1px solid #fff;}
.shop_item_custom .img_box .btn_box ul li a img{display:inline-block; vertical-align:middle; margin-right:3px; margin-top:-3px;}
.shop_item_custom .img_box .btn_box ul li .purple a{border-color:#975d91; coloR:#975d91}
.shop_item_custom .img_box .btn_box ul li .blue a{ border-color:#6791ae; coloR:#6791ae}
.shop_item_custom .img_box .btn_box ul li .brown a{border-color:#908a80; coloR:#696259}
.shop_item_custom .img_box .btn_box ul li .green a{ border-color:#747a73; coloR:#5a7a59}
.shop_item_custom .img_box .btn_box ul li .orange a{font-weight:400; color:#fff; font-size:16px; background:#0080c8; border-color:#0080c8; padding:0 16px;}

.shop_item_custom .txt_box{display:inline-block; vertical-align:top; width:60%; box-sizing:border-box; padding-left:40px; margin-top:20px;}
.shop_item_custom .txt_box .tag_box{font-size:0; letter-spacing:-4px; padding:0 5px 10px; border-bottom:1px solid #000000; line-height:1.2}
.shop_item_custom .txt_box .tag_box .tags{display:inline-block; vertical-align:top; margin-top:4px;}
.shop_item_custom .txt_box .tag_box .tags a{display:inline-block; vertical-align:top; font-size:16px; color:#7793a3; letter-spacing:0.01em; font-weight:300; margin-right:5px;}
.shop_item_custom .txt_box .tag_box > a{display:inline-block; vertical-align:top; width:130px; font-size:14px; color:#222222; letter-spacing:-0.045em; font-weight:300; border:1px solid #1b1b1b; padding:5px 0; text-align:center; box-sizing:border-box;}
.shop_item_custom .txt_box .tag_box > a img{display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-2px;}

.shop_item_custom .txt_box .top_box{padding:20px 5px; border-bottom:1px solid #dcdcdc;}
.shop_item_custom .txt_box .top_box h5{font-size:16px; font-weight:500; letter-spacing:-0.045em; color:#222222; margin:0; margin-bottom:5px;}
.shop_item_custom .txt_box .top_box p{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#222222; display:inline-block; vertical-align:bottom;  margin:0; margin-right:10px;}
.shop_item_custom .txt_box .top_box h6{font-size:16px; font-weight:500; letter-spacing:-0.045em; color:#666666; display:inline-block; vertical-align:bottom; position:relative; margin:0;}
.shop_item_custom .txt_box .top_box h6 span{position:relative; display:inline-block; padding-left:12px; margin-left:10px; font-weight:300;}
.shop_item_custom .txt_box .top_box h6 span:before{content:''; position:absolute; width:2px; height:16px; background:#dcdcdc; left:0; top:7px;}
.shop_item_custom .txt_box .top_box h6 span a{display:block; font-size:16px; color:#666;}
.shop_item_custom .txt_box .top_box i{display:block;font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#666666; font-style:inherit; padding-top:10px;}
.shop_item_custom .txt_box .top_box ul{font-size:0; letter-spacing:-4px; margin-top:10px;}
.shop_item_custom .txt_box .top_box ul li{display:inline-block; vertical-align:top; margin-right:18px; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; position:Relative;}
.shop_item_custom .txt_box .top_box ul li:last-of-type{margin-right:0;}
.shop_item_custom .txt_box .top_box ul li:not(:last-child):before{content:''; position:absolute; right:-9px; width:1px; height:14px; background:#dcdcdc; top:5px;}
.shop_item_custom .txt_box .top_box ul li a{display:block; font-size:14px; color:#666666;}
.shop_item_custom .txt_box .top_box ul li b{font-weight:500; color:#222222}
.shop_item_custom .txt_box .top_box ul li a.more_people{display:inline-block; vertical-align:top; margin-left:10px; margin-top:4px;}
.shop_item_custom .txt_box .top_box ul li div{position:absolute; top:22px; right:0; display:none; background:#fff; border:1px solid #eeeeee; padding:10px 15px; z-index:10;}
.shop_item_custom .txt_box .top_box ul li div p{display:block; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; margin:0;}

.shop_item_custom .txt_box .txt_list{box-sizing:Border-box; padding-top:25px;}
.shop_item_custom .txt_box .txt_list > ul{font-size:0; letter-spacing:-4px; padding:0 5px 10px; border-bottom:1px solid #dcdcdc;;}
.shop_item_custom .txt_box .txt_list > ul li{display:block; margin-bottom:10px; position:Relative;}
.shop_item_custom .txt_box .txt_list > ul li:last-of-type{margin-right:0;}
.shop_item_custom .txt_box .txt_list > ul li p{display:inline-block; vertical-align:top; width:80px; font-size:16px; font-weight:500; letter-spacing:-0.045em; color:#666666; margin-right:8px;}
.shop_item_custom .txt_box .txt_list > ul li span{display:inline-block; vertical-align:top; width:calc(100% - 88px); font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#888888; }
.shop_item_custom .txt_box .txt_list > ul li span.price{font-size:18px; color:#0080c8; letter-spacing:0.01em; font-weight:300; margin-top:-10px;}
.shop_item_custom .txt_box .txt_list > ul li span.price b{font-size:28px; font-weight:500;}
.shop_item_custom .txt_box .txt_list dl:nth-of-type(2){margin-top:20px; padding-top:20px !important; border-top:1px solid #eeeeee}
.shop_item_custom .txt_box .txt_list dl:last-of-type{padding-bottom:20px; border-bottom:1px solid #eee}
.shop_item_custom .txt_box .txt_list dl.type01{font-size:0; letter-spacing:-4px; padding-top:5px;}
.shop_item_custom .txt_box .txt_list dl.type01 dt{position:relative; display:inline-block; vertical-align:top; width:80px; margin-right:10px; line-height:30px; font-size:14px; font-weight:400; letter-spacing:0.01em; color:#222222; padding-left:10px; box-sizing:border-box;}
.shop_item_custom .txt_box .txt_list dl.type01 dt:before{content:'·'; position:absolute; top:0; left:0; }
.shop_item_custom .txt_box .txt_list dl.type01 dd{display:inline-block; vertical-align:top; width:calc(100% - 94px);}
.shop_item_custom .txt_box .txt_list dl.type01 dd ul{font-size:0; letter-spacing:-4px;}
.shop_item_custom .txt_box .txt_list dl.type01 dd ul li{display:inline-block; vertical-align:top; }
.shop_item_custom .txt_box .txt_list dl.type01 dd ul li span{display:inline-block; vertical-align:top; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#888888; line-height:30px; margin-right:10px ; word-break:keep-all;}
.shop_item_custom .txt_box .txt_list dl.type01 dd ul li a{display:inline-block; vertical-align:top; font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#2f8fdf; line-height:30px; margin-right:14px; position:relative;}
.shop_item_custom .txt_box .txt_list dl.type01 dd ul li a:last-of-type{margin-right:10px;}
.shop_item_custom .txt_box .txt_list dl.type01 dd ul li a:not(:last-child):before{content:''; position:Absolute; width:1px; height:12px; right:-8px; top:10px; background:#2f8fdf;}


.shop_item_custom .txt_box .txt_list dl.type02{font-size:0; letter-spacing:-4px; border:1px solid #eeeeee;}
.shop_item_custom .txt_box .txt_list dl.type02 dt{display:inline-block ;vertical-align:top; width:100%; padding:10px 15px; background:#fafafa; box-sizing:border-box;}
.shop_item_custom .txt_box .txt_list dl.type02 dt h5{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; letter-spacing:-0.045em; color:#222222; margin:0;}
.shop_item_custom .txt_box .txt_list dl.type02 dt p{position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#666666; letter-spacing:-0.045em; font-weight:400; padding-left:10px;}
.shop_item_custom .txt_box .txt_list dl.type02 dt p:before{content:''; position:absolute; width:1px; height:9px; background:#dcdcdc; left:0; top:7px;}
.shop_item_custom .txt_box .txt_list dl.type02 dd{display:inline-block; vertical-align:top; /*width:calc(100% - 136px);*/ padding:10px 15px; box-sizing:border-box;}
.shop_item_custom .txt_box .txt_list dl.type02 dd ul{font-size:0; letter-spacing:-4px;}
.shop_item_custom .txt_box .txt_list dl.type02 dd ul li{position:relative; display:inline-block; vertical-align:top; padding-left:8px; margin:2px 0; margin-right:10px;}
.shop_item_custom .txt_box .txt_list dl.type02 dd ul li:before{content:''; position:absolute; top:10px; left:0; display:block; width:4px; height:4px; background:#0080c8; border-radius:50%; }
.shop_item_custom .txt_box .txt_list dl.type02 dd ul li span{display:inline-block; vertical-align:top; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; line-height:24px; margin-right:10px}
.shop_item_custom .txt_box .txt_list dl.type02 dd ul li a{display:inline-block; vertical-align:top; width:50px; font-size:12px; font-weight:300; letter-spacing:-0.045em; color:#888888; line-height:24px; margin-right:5px; position:relative; border:1px solid #d3d3d3; border-radius:20px; background:#fbfbfb; text-align:center;}
.shop_item_custom .txt_box .txt_list dl.type02 dd ul li a:hover{color:#fff; background:#0080c8;}

.detail_Con .detail_content{display:none;}
.detail_Con .detail_content.on{display:block;}
.detail_Con .detail_content .table_wrap{padding:30px 0 20px;}
.detail_Con .detail_content .table_wrap table{width:100%; border-top:1px solid #eeeeee;}
.detail_Con .detail_content .table_wrap table tr{}
.detail_Con .detail_content .table_wrap table tr th{border-bottom:1px solid #eeeeee; padding:10px 0; font-size:16px; font-weight:400; letter-spacing:0.01em; color:#222222;  background:#f9f9f9;}
.detail_Con .detail_content .table_wrap table tr td{border-bottom:1px solid #eeeeee; padding:10px 20px; font-size:16px; font-weight:200; letter-spacing:0.01em; color:#888888;}
.detail_Con .detail_content .table_wrap table tr td > span{display:block;}
.detail_Con .detail_content .table_wrap table tr td > span a{display:block;font-size:16px; color:#888888;}
.detail_Con .detail_content dl{padding:40px 0; box-sizing:border-box; border-bottom:1px solid #eeeeee}
.detail_Con .detail_content dl:last-of-type{border-bottom:0;}
.detail_Con .detail_content dl dt{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#1b96db; padding-bottom:20px; position:relative;}
.detail_Con .detail_content dl dt.black{color:#222222;}
.detail_Con .detail_content dl dt span{display:inline-block; vertical-align:middle; width:2px; height:17px; background:#000000; margin:-3px 10px 0 5px;}
.detail_Con .detail_content dl dt.desc{font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#666;}
.detail_Con .detail_content dl dd{font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#666666;}
.detail_Con .detail_content dl dd .detail_content_slide_wrap{position:relative;}
.detail_Con .detail_content dl dd .detail_content_slide_wrap .swiper-button-disabled{display:none !important;}
.detail_Con .detail_content dl dd .detail_content_slide_wrap .prev{position:absolute; left:70px; top:50%; width:13px; height:20px; cursor:pointer; background:url('/img/shop_list_prev.png') no-repeat center; z-index:10; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); transform:translateY(-50%);}
.detail_Con .detail_content dl dd .detail_content_slide_wrap .prev:hover{background-image:url('/img/shop_list_prev_on.png');}
.detail_Con .detail_content dl dd .detail_content_slide_wrap .next{position:absolute; right:70px; top:50%; width:13px; height:20px; cursor:pointer; background:url('/img/shop_list_next.png') no-repeat center; z-index:10;-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); transform:translateY(-50%);}
.detail_Con .detail_content dl dd .detail_content_slide_wrap .next:hover{background-image:url('/img/shop_list_next_on.png');}
.detail_Con .detail_content dl dd .detail_content_slide{max-width:970px; margin:0 auto;}
.detail_Con .detail_content dl dd .detail_content_slide .img{position:Relative; padding:50% 0; overflow:hidden; width:100%;}
.detail_Con .detail_content dl dd .detail_content_slide .img img{position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.detail_Con .detail_content dl dd .video_box{ max-width:800px; width:100%; height:450px;}
.detail_Con .detail_content dl dd .box{padding:40px 30px 30px; box-sizing:border-box; background:#f9f9f9;}
.detail_Con .detail_content dl dd .box p{font-size:18px ; font-weight:bold; letter-spacing:0.01em; color:#0080c8; text-align:left; padding-bottom:15px;}
.detail_Con .detail_content dl dd .box ul{font-size:0; letter-spacing:-4px;}
.detail_Con .detail_content dl dd .box ul li{display:inline-block; vertical-align:top; width:170px; position:relative; margin-right:20px; text-align:center; margin-bottom:10px;}
.detail_Con .detail_content dl dd .box ul li .book_img{position:relative; padding-bottom:125%; overflow:hidden;}
.detail_Con .detail_content dl dd .box ul li .book_img img{position:absolute; top:50%; left:50%; display:block; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.detail_Con .detail_content dl dd .box ul li span{display:block; font-size:14px; font-weight:300; letter-spacing:0.01em; color:#444444; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; max-height:2.8em;}
/*.detail_Con .detail_content dl dd.space > div{white-space:pre-line; margin-top:-20px;}*/
.detail_Con .detail_content dl dd .desc_box{font-size:18px !important; line-height:1.6 !important; font-family:'Noto Sans KR', sans-serif !important;}
.detail_Con .detail_content dl dd .desc_box *{font-size:18px !important; line-height:1.6 !important; font-family:'Noto Sans KR', sans-serif !important;}
.detail_Con .detail_content dl dd .desc_more{display:inline;}
.detail_Con .detail_content dl dd .btn_box{margin-toP:20px;}
.detail_Con .detail_content dl dd .btn_box a{display:block; height:38px; line-height:36px; width:120px; font-weight: 400;color: #fff;font-size: 16px; background: #0080c8; border-color: #0080c8; padding: 0 16px; box-sizing:border-box; text-align:center;}
.detail_Con .detail_content dl dd .more_btn{display:inline-block; margin-left:10px;}
.detail_Con .detail_content dl dd .more_btn a{display:block; height:30px; line-height:28px; width:85px; font-weight: 400;color: #888888;font-size: 14px !important; border:1px solid #dcdcdc; padding: 0 16px; box-sizing:border-box; text-align:center;}
.detail_Con .detail_content dl .more_btn a{display:block; height:30px; line-height:28px; width:85px; font-weight: 400;color: #888888;font-size: 14px !important; border:1px solid #dcdcdc; padding: 0 16px; box-sizing:border-box; text-align:center;float:right;}

.detail_Con .detail_content .referenceRoomBox{padding:40px 30px 30px 20px; box-sizing:border-box; background:#f9f9f9; margin-top:20px;}
.detail_Con .detail_content .referenceRoomBox p{font-size:18px; font-weight:bold; letter-spacing:-0.045em; padding-bottom:20px; position:relative;}
.detail_Con .detail_content .referenceRoomBox .desc_box{list-style: disc; margin-left: 5%;}
.detail_Con .detail_content .referenceRoomBox .desc_box span{font-size:18px !important; line-height:1.8 !important; font-family:'Noto Sans KR', sans-serif !important;}
.detail_Con .detail_content .referenceRoomBox .desc_box span:hover{color:#1b96db;}

@media all and (max-width:1200px){
	.detail_Con .detail_content dl dd .detail_content_slide_wrap .prev{left:10px;}
	.detail_Con .detail_content dl dd .detail_content_slide_wrap .next{right:10px;}
}
@media all and (max-width:1000px){
	.shop_item_custom .img_box{width:100%; padding:0;}
	.shop_item_custom .img_box .img .img_wrap{max-width:calc(100% - 40px); max-height:calc(100% - 40px);}
	.shop_item_custom .txt_box{width:100%; margin-top:40px; padding:0;}
	.detail_Con .detail_content dl dd .video_box{height:280px;}
	.detail_Con .detail_content dl dd .box ul li{width:calc(50% - 10px)}
	.detail_Con .detail_content dl dd .box ul li:nth-of-type(2n){margin-right:0;}
}

.shop_item_custom .detail_Con .detail_Tab{border-top:0; z-index:40;}
.shop_item_custom .detail_Con .detail_Tab ul li{width:50%;}
.shop_item_custom .detail_Con .detail_Tab ul li a{height:50px; font-size:18px; color:#aaaaaa; letter-spacing:0.01em; font-weight:700; line-height:50px; border:1px solid #dcdcdc; border-bottom:1px solid #0a9ff3;}
.shop_item_custom .detail_Con .detail_Tab{max-width:1200px;}
.shop_item_custom .detail_Con .detail_Tab ul li.on a{color:#0a9ff3; border:1px solid #0a9ff3; border-bottom:1px solid transparent;}

.shop_item_custom .detail_Con h1{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:700;}
.shop_item_custom .detail_Con{}

@media all and (max-width:1200px){
	.shop_item_custom .detail_Con .detail_Tab.onScroll{width:93.75%;}
}

.shop_item_custom .bigimg_popup_bg{position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:299; cursor:pointer;}
.shop_item_custom .bigimg_popup{position:fixed; top:50%; left:50%; display:none; width:90%; max-width:800px; background:#fff; z-index:300; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.shop_item_custom .bigimg_popup .popup_tit{padding:15px 20px; background:#0080c8;}
.shop_item_custom .bigimg_popup .popup_tit:after{content:''; display:block; clear:both;}
.shop_item_custom .bigimg_popup .popup_tit h4{display:inline-block; font-size:20px; color:#fff; letter-spacing:0.01em; font-weight:700; margin:0;}
.shop_item_custom .bigimg_popup .popup_tit h4 span{position:relative; font-size:16px; color:#fff; letter-spacing:0.01em; font-weight:400; padding-left:12px; margin-left:10px; }
.shop_item_custom .bigimg_popup .popup_tit h4 span:before{content:''; position:absolute; top:7px; left:0; display:block; width:1px; height:12px; background:#51a2d0; }
.shop_item_custom .bigimg_popup .popup_tit a{float:right; display:block;}
.shop_item_custom .bigimg_popup .popup_img_wrap{max-height:560px; padding:20px; background:#f9f9f9; overflow-y:auto;}
.shop_item_custom .bigimg_popup .popup_img_wrap .popup_img{background:#fff; border:1px solid #eeeeee; padding:40px; box-sizing:border-box; text-align:center;}
.shop_item_custom .bigimg_popup .popup_img_wrap .popup_img img{width:100%;}

@media all and (max-width:1000px){
	.shop_item_custom .bigimg_popup .popup_tit{padding:10px;}
	.shop_item_custom .bigimg_popup .popup_img_wrap{max-height:600px; padding:10px;}
	.shop_item_custom .bigimg_popup .popup_img_wrap .popup_img{padding:10px;}
}


/* ==========================================================================
	수상/선정도서
========================================================================== */
/* 수상도서 */
.award_con01{padding:80px 0 100px;}



/* ==========================================================================
	한학기 한 권 읽기
========================================================================== */
/* 그림책 */
.reading_con01{padding:40px 0 100px;}
.reading_con01 .top_box{padding:20px 0 50px; border-top:1px solid #eeeeee;}
.reading_con01 .top_box p{font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; line-height:1.6; word-break:keep-all;}
.reading_con01 .desc{padding:40px 0;}
.reading_con01 .desc p{font-size:16px; color:#666666; letter-spaciNG:-0.045em; font-weight:300; line-height:1.8;}
.reading_con01 .desc p b{color:#222222; font-weight:500;}



/* ==========================================================================
	교과서수록도서
========================================================================== */
.textbook_con01{padding:80px 0 100px;}

.cursor {cursor: pointer !important;}


/* ==========================================================================
	2022 한학기 한 권 읽기 (리스트)
========================================================================== */
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list {
    padding: 5px;
    box-sizing: Border-box;
    background-color: #f2f2f2;
    margin-top: 10px;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dt{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 20px 20px 3px;
    background: #fff;
    box-sizing: border-box;
    line-height: 1;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dt h5{
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
    margin-bottom: 12px;
    padding-left: 10px;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dt h5 span {
    margin-left: 20px;
    line-height: 14px;
	margin-bottom:0;
    display: inline-block;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dt h5::before,
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd h5::before
{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #0672ba;
    left: 0;
    top: 6px;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd{
    display: block;
    padding: 20px 0 14px 20px;
    box-sizing: border-box;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_box dl dd h5 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
    padding-left: 10px;
    margin-right: 20px;
    margin-bottom: 0;
    vertical-align: top;
    line-height: 14px;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul {
    font-size: 0;
    letter-spacing: -4px;
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align:top;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 20px;
    padding-right: 20px;
    padding-left: 0;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li::after {
    display: block;
    position: absolute;
    width: 1px;
    height: 38px;
    right: 0;
    top: 8px;
    background-color: #c3c3c3;
    content: '';
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li:last-child::after {
    display: none;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li:last-of-type{margin-right:0;}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li:before{display: none;}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.045em;
    color: #666666;
    line-height: 14px;
    margin-bottom: 10px;
	margin-right: 0;
}
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li a {
	display: inline-block;
    vertical-align: top;
    width: 73px;
    height: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    text-align: center;
    margin-right: 3px;
    border: none;
    border-radius: 0;
    background-color: unset;
}

/* 2022 05 추가 한글다운버튼 */
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li a.hanBtn{
    background-image: url('/img/btn_download_han.png');
}
/* 2022 05 추가 PDF다운버튼*/
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li a.pdfBtn{
    background-image: url('/img/btn_download_pdf.png');
}
/* 2022 05 추가 한글다운버튼 Hover */
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li a.hanBtn:hover{
    background-image: url('/img/btn_download_han_hover.png');
}
/* 2022 05 추가 PDF다운버튼 Hover */
.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li a.pdfBtn:hover{
    background-image: url('/img/btn_download_pdf_hover.png');
}
@media screen and (max-width:1250px){
	.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul{
		width:100%;
    	margin-top:15px;
    }

    .ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li {
    	display: inline-block;
		margin:0;
		margin-bottom:10px;
    	padding-right:0;
    	width:100%;
    }

    .ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li::after {
    	display: none;
    }

    .ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li span {
    	display: inline-block;
    	vertical-align: middle;
    	margin:0 10px 0 0;
    	width:90px;
    }

    .ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li div {
    	display: inline-block;
    	vertical-align: middle;
    }
}

@media screen and (max-width:750px){
	.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul li span {
	    width: 50px;
	}
}


@media screen and (max-width:500px){
	.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dd ul {
    	width: 100%;
    	display: block;
		margin-top:10px;
	}
	.ShopCon_menu_Con.shop_list_custom.type2 .sub_list .box .txt_list dl dt h5 span {
		margin-left: 0px;
		line-height: 14px;
		margin-top:5px;
		display: block;
	}
}

/* ==========================================================================
	2022 한학기 한 권 읽기 (상세)
========================================================================== */
.shop_item_custom.type2 .txt_box .txt_list {
    box-sizing: Border-box;
    padding: 0 10px;
    margin-top: 10px;
    background-color: #f2f2f2;
    border: 0;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 {
    font-size: 0;
    letter-spacing: -4px;
    border: 0;
	padding-bottom:0;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: none;
    box-sizing: border-box;
    padding: 18px 0 0;
    background-color: #fff;
    margin-top:10px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt h4 {
    margin: 0;
    font-size: 20px;
    padding: 0 0 15px 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: -2px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt h5 {
    position:relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
    margin: 0;
    padding: 0 0 20px 30px;
    line-height: 14px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt h5 span {
    margin-left:30px;
    line-height:14px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt p{position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#666666; letter-spacing:-0.045em; font-weight:400; padding-left:10px;}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt p:before{content:''; position:absolute; width:1px; height:9px; background:#dcdcdc; left:0; top:7px;}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd {
    display: block;
    padding: 18px 0 8px;
    box-sizing: border-box;
    margin-bottom:10px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd h5 {
    position:relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
    margin: 0;
    padding-left:30px;
    line-height: 14px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dt h5::before,
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd h5::before {
    display: block;
    content: '';
    width: 3px;
    height: 3px;
    background: #0672ba;
    position: absolute;
    top: 5.5px;
    left: 20px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul {
    font-size: 0;
    letter-spacing: -4px;
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li {
	position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    padding-left: 0;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li:before{display:none;}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li::after {
    display: block;
    position: absolute;
    width: 1px;
    height: 38px;
    right: 0;
    top: 8px;
    background-color: #c3c3c3;
    content: '';
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li:last-child::after {
    display: none;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.045em;
    color: #666666;
    line-height: 14px;
    margin-bottom: 10px;
    margin-right: 0;
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li a {
	display: inline-block;
    vertical-align: top;
    width: 73px;
    height: 24px;
    margin-right: 3px;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: unset;
}
/* 2022 05 추가 한글다운버튼 */
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li a.hanBtn{
    background-image: url('/img/btn_download_han.png');
}
/* 2022 05 추가 PDF다운버튼*/
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li a.pdfBtn{
    background-image: url('/img/btn_download_pdf.png');
}
/* 2022 05 추가 한글다운버튼 Hover */
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li a.hanBtn:hover{
    background-image: url('/img/btn_download_han_hover.png');
}
/* 2022 05 추가 PDF다운버튼 Hover */
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li a.pdfBtn:hover{
    background-image: url('/img/btn_download_pdf_hover.png');
}
.shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li div:last-child a {
    margin-right: 0;
}
.infoWrap {
    display: block;
    margin-top: 30px;
    font-size: 14px;
    color: #000;
    letter-spacing: 0px;
}
.infoWrap li {
    margin-bottom: 6px;
}
.infoWrap span {
    padding: 0 20px;
    line-height: 24px;
    background-color: #f2f2f2;
    border-radius: 12px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    margin-right:30px;
}
.infoWrap p {
    width: calc(100% - 125px);
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    color: #888;
}
@media screen and (max-width:1250px){
    .shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li{
        display:block;
        width: 100%;
        margin-bottom: 10px;
    }
    .shop_item_custom.type2 .txt_box .txt_list dl.type02 dd ul li::after {
        display:none;
    }
}

/** 2022 06 작가와의만남 상세 **/
.programCon.meeting{
	margin:0 auto;
}

.programCon.meeting{
	margin:0 auto;
}

.programCon.meeting .detail_Con{
	margin-left:60px;
}

.programCon.meeting .detail_Con .detail_content dl {
    padding: 40px 0 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
}

.programCon.meeting .detail_Con .program_btn{
	text-align:right;
}

.programCon.meeting .detail_Con h1.title {
    padding: 20px;
    background-color: #f9f8f8;
    font-size: 18px;
    font-weight: 500;
    border-top: 2px solid #000;
    margin: 10px 0 0;
    position:relative;
}

.programCon.meeting .detail_Con h1.title span{
	display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    background-color: #666666;
    margin: 0 10px 0;
}

.programCon.meeting .detail_Con .detail_content dl dd .box {
    padding: 30px 25px 35px;
    background: #f9f9f9;
}

.programCon.meeting .detail_Con .detail_content dl dd .box ul {
    font-size: 0;
    letter-spacing: -4px;
    display: flex;
    flex-wrap: wrap;
}

.programCon.meeting .detail_Con .detail_content dl dd .box ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 4 - 30px / 4);
    height:23vw;
    max-height: 300px;
    position: relative;
    margin-right:10px;
    text-align: center;
    margin-bottom: 20px;
}

.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(4n) {
    margin-right: 0;
}


.programCon.meeting .detail_Con .detail_content dl dd .box ul li .book_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 82%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.programCon.meeting .detail_Con .detail_content dl dd .box ul li .book_img img {
    width: auto !important;
    max-width: 90% !important;
    height: auto !important;
    max-height: 90%;
}
.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(4n) {
    margin-right: 0;
}

.programCon.meeting .detail_Con .program_btn.type2{
	margin: 0 0 60px;
    padding: 10px 0 0;
}

.program_btn.type2{
	margin: 0 0 60px;
    padding: 20px 0 0;
	text-align:right;
}

.program_btn.type2 a {
    background: #fff;
    color: #0080c9;
    font-size: 16px;
    border: 1px solid #0080c9;
    padding: 0 30px;
    border-radius: 2px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
}

@media screen and (max-width:1200px) {
	.programCon.meeting .detail_Con .detail_content dl dd .box ul li {
	    width: calc(100% / 3 - 20px / 3);
	    height:43vw;
	}

	.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(4n) {
	    margin-right: 10px;
	}

	.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(3n) {
	    margin-right: 0;
	}
}

@media screen and (max-width:1000px) {
	.programCon.meeting .detail_Con {
	    margin-left: 0px;
	}

	.program_table.meeting table tr td {
	    padding:0;
	    color: #444;
	    text-align: left;
	}

	.program_table.meeting table tr td:first-child {
	    padding: 0;
	}

}


@media screen and (max-width:600px) {
	.programCon.meeting .detail_Con .detail_content dl dd .box ul li {
	    width: calc(100% / 2 - 5px);
	    height:50vw;
	}


	.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(4n) {
	    margin-right: 0;
	}

	.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(3n) {
	    margin-right: 10px;
	}

	.programCon.meeting .detail_Con .detail_content dl dd .box ul li:nth-child(2n) {
	    margin-right: 0;
	}

}

@media screen and (max-width:400px) {
	.programCon.meeting .detail_Con .detail_content dl dd .box ul li {
	    width: 100%;
	    height:75vw;
	    margin-right:0;
	}

}

.programCon.detail .readTop{
	padding:18px 20px;
	background-color:#f9f8f8;
	font-size:0;
	border-top: 1px solid #000;
	border-bottom: 0;
}

.programCon.detail .readEdit {
    width: calc(100% - 40px);
    padding: 0 20px 40px;
    margin: 40px 0 30px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #656668;
    border-bottom: 1px solid #b0b0b0;
}

.programCon.detail .programRead > h4 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
}

.programCon.detail .readTop p{
	display:inline-block;
	vertical-align:top;
	line-height:19px;
}

.programCon.detail .readTop p.imgTitle{
	width:70%;
	font-size:18px;
	color:#222;
}

.programCon.detail .imgTitle > span {
    display: block;
    margin: 10px 0 0;
}

.programCon.detail .imgTitle > span > span {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.programCon.detail .imgTitle > span > span:first-child{
    margin-right:10px;
    padding-right:10px;
}

.programCon.detail .readTop p.imgTitle_sub{
	width:30%;
	font-size:16px;
	color:#666;
	text-align:right;
}

.programCon.detail a.btn {
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 20px;
    background-color: #0080c9;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 2px;
}

.programCon.detail .urlFile{
	padding:18px 20px;
}

.programCon.detail .urlFile p {
	padding: 0;
    border-bottom: 0;
    border-top: 0;
    text-align: right;
    line-height: 1.5;
}

.programCon.detail .urlFile p a{
	font-size: 16px;
    color: #444;
    padding-left: 20px;
    background-image: url(/img/file_img.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}


.programCon.detail .readBottom table tr th {
    height: 50px;
    color: #444;
    font-weight: normal;
    background-color:#f0f0f0;
    font-size: 16px;
}

.programCon.detail .readBottom table tr td {
    padding:0 20px;
    font-size: 16px;
}

.programCon.detail .readBottom table tr td a {
    color: #666;
    font-size: 16px;
}

.programCon.detail .sub_list {
    padding-top: 10px;
}

.programCon.detail .sub_list .box:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}

.programCon.detail .sub_list .box {
    width: 100%;
    margin: 0;
    padding: 0 0 30px;
    font-size: 0;
    letter-spacing: -4px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
}

.programCon.detail .sub_list li {
    cursor: default;
}

.programCon.detail .sub_list .box .img_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 26%;
    padding: 0;
    padding-bottom: 32%;
    background: #f9f9f9;
    overflow: hidden;
}

.programCon.detail .sub_list .box .img_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-shadow: 0 16px 20px rgb(0 0 0 / 8%);
    overflow: hidden;
}

.programCon.detail .sub_list .box .txt_box {
    display: inline-block;
    vertical-align: top;
    width: 74%;
    padding: 0 25px;
    padding-right: 0;
    box-sizing: border-box;
}

.programCon.detail .sub_list .box .top_box {
    padding-bottom: 10px;
}

.programCon.detail .sub_list .box .txt_box h5 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.045em;
    color: #222222;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 10px;
}

.programCon.detail .sub_list .box .txt_box h6 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin:0;
    padding:0;
}

.programCon.detail .sub_list .box .txt_box h6 span {
    position: relative;
    display: inline-block;
    font-weight: 300;
    padding-left: 12px;
    margin-left: 10px;
}

.programCon.detail .sub_list .box .txt_box h6 span:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 16px;
    background: #dcdcdc;
    left: 0;
    top: 7px;
}

.programCon.detail .sub_list .box .txt_box > ul {
    font-size: 0;
    letter-spacing: -4px;
    padding: 10px 0;
    margin:0;
}

.programCon.detail .sub_list .box .txt_box > ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 18px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.045em;
    color: #666666;
    position: Relative;
}


.programCon.detail .sub_list .box .txt_list {
    padding: 5px;
    box-sizing: Border-box;
    background-color: #f2f2f2;
    margin-top: 10px;
}

.programCon.detail .sub_list .box .txt_list > ul {
    font-size: 0;
    letter-spacing: -4px;
}

.programCon.detail .sub_list .box .txt_list > ul li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 10px;
    position: Relative;
}


.programCon.detail .sub_list .box .txt_box > ul li:not(:last-child):before {
    content: '';
    position: absolute;
    right: -9px;
    width: 1px;
    height: 14px;
    background: #dcdcdc;
    top: 5px;
}

.programCon.detail .sub_list .box .txt_list > ul li p {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
}

.programCon.detail .sub_list .box .txt_list > ul li > span {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 80px);
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 0.01em;
    color: #888888;
}

.programCon.detail .sub_list .box .txt_box > ul li a {
    display: block;
    font-size: 14px;
    color: #666666;
}

.programCon.detail .sub_list .box .txt_list dl{font-size:0; letter-spacing:-4px; border:1px solid #eeeeee;}
.programCon.detail .sub_list .box .txt_list dl dt{display:inline-block ;vertical-align:top; width:100%; padding:10px 15px; background:#fafafa; box-sizing:border-box;}
.programCon.detail .sub_list .box .txt_list dl dt h5{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; letter-spacing:-0.045em; color:#222222;}
.programCon.detail .sub_list .box .txt_list dl dt p{position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#666666; letter-spacing:-0.045em; font-weight:400; padding-left:10px;}
.programCon.detail .sub_list .box .txt_list dl dt p:before{content:''; position:absolute; width:1px; height:9px; background:#dcdcdc; left:0; top:7px;}
.programCon.detail .sub_list .box .txt_list dl dd{display:inline-block; vertical-align:top; /*width:calc(100% - 136px);*/ padding:10px 15px; box-sizing:border-box;}
.programCon.detail .sub_list .box .txt_list dl dd ul{font-size:0; letter-spacing:-4px;}
.programCon.detail .sub_list .box .txt_list dl dd ul li{position:relative; display:inline-block; vertical-align:top; padding-left:8px; margin:2px 0; margin-right:10px;}
.programCon.detail .sub_list .box .txt_list dl dd ul li:last-of-type{margin-right:0;}
.programCon.detail .sub_list .box .txt_list dl dd ul li:before{content:''; position:absolute; top:10px; left:0; display:block; width:4px; height:4px; background:#0080c8; border-radius:50%; }
.programCon.detail .sub_list .box .txt_list dl dd ul li span{display:inline-block; vertical-align:top; font-size:14px; font-weight:300; letter-spacing:-0.045em; color:#666666; line-height:24px; margin-right:5px}
.programCon.detail .sub_list .box .txt_list dl dd ul li a{display:inline-block; vertical-align:top; width:50px; font-size:12px; font-weight:300; letter-spacing:-0.045em; color:#888888; line-height:24px; margin-right:5px; position:relative; border:1px solid #d3d3d3; border-radius:20px; background:#fbfbfb; text-align:center;}


@media all and (max-width:1000px){
	.programCon.detail .sub_list .box .img_box{width:36%; padding-bottom:40%;}
	.programCon.detail .sub_list .box .txt_box{width:64%; padding:0 10px;}
	.programCon.detail .sub_list .box .txt_list > ul li{width:100%;}
	.programCon.detail .sub_list .box .txt_list > ul li.mobile_none{display:none;}
	.programCon.detail .sub_list .box .txt_list > ul li p{width:60px;}
	.programCon.detail .sub_list .box .txt_list > ul li > span{max-width:calc(100% - 60px);}
}

.programCon.detail .sub_list .box .txt_list {
    padding: 5px;
    box-sizing: Border-box;
    background-color: #f2f2f2;
    margin-top: 10px;
}
.programCon.detail .sub_list .box .txt_list dl dt{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 20px 20px 3px;
    background: #fff;
    box-sizing: border-box;
    line-height: 1;
}
.programCon.detail .sub_list .box .txt_list dl dt h5{
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
    margin-bottom: 12px;
    padding-left: 10px;
}

.programCon.detail .sub_list .box .txt_list dl dt h5 span {
    margin-left: 20px;
    line-height: 14px;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 200;
}
.programCon.detail .sub_list .box .txt_list dl dt h5::before,
.programCon.detail .sub_list .box .txt_list dl dd h5::before
{
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #0672ba;
    left: 0;
    top: 6px;
}
.programCon.detail .sub_list .box .txt_list dl dd{
    display: block;
    padding: 20px 0 14px 20px;
    box-sizing: border-box;
}
.programCon.detail .sub_list .box .txt_box dl dd h5 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #222222;
    padding-left: 10px;
    margin-right: 20px;
    margin-bottom: 0;
    vertical-align: top;
    line-height: 14px;
}
.programCon.detail .sub_list .box .txt_list dl dd ul {
    font-size: 0;
    letter-spacing: -4px;
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align:top;
}
.programCon.detail .sub_list .box .txt_list dl dd ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 20px;
    padding-right: 20px;
    padding-left: 0;
}
.programCon.detail .sub_list .box .txt_list dl dd ul li:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.programCon.detail .sub_list .box .txt_list dl dd ul li::after {
    display: block;
    position: absolute;
    width: 1px;
    height: 38px;
    right: 0;
    top: 8px;
    background-color: #c3c3c3;
    content: '';
}
.programCon.detail .sub_list .box .txt_list dl dd ul li:last-child::after {
    display: none;
}
.programCon.detail .sub_list .box .txt_list dl dd ul li:last-of-type{margin-right:0;}
.programCon.detail .sub_list .box .txt_list dl dd ul li:before{display: none;}
.programCon.detail .sub_list .box .txt_list dl dd ul li span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.045em;
    color: #666666;
    line-height: 14px;
    margin-bottom: 10px;
	margin-right: 0;
}
.programCon.detail .sub_list .box .txt_list dl dd ul li div{
	display:inline-block;
}
.programCon.detail .sub_list .box .txt_list dl dd ul li a {
	display: inline-block;
    vertical-align: top;
    width: 73px;
    height: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    text-align: center;
    margin-right: 3px;
    border: none;
    border-radius: 0;
    background-color: unset;
}

/* 2022 05 추가 한글다운버튼 */
.programCon.detail .sub_list .box .txt_list dl dd ul li a.hanBtn{
    background-image: url('/img/btn_download_han.png');
}
/* 2022 05 추가 PDF다운버튼*/
.programCon.detail .sub_list .box .txt_list dl dd ul li a.pdfBtn{
    background-image: url('/img/btn_download_pdf.png');
}
/* 2022 05 추가 한글다운버튼 Hover */
.programCon.detail .sub_list .box .txt_list dl dd ul li a.hanBtn:hover{
    background-image: url('/img/btn_download_han_hover.png');
}
/* 2022 05 추가 PDF다운버튼 Hover */
.programCon.detail .sub_list .box .txt_list dl dd ul li a.pdfBtn:hover{
    background-image: url('/img/btn_download_pdf_hover.png');
}
@media screen and (max-width:1250px){
    .programCon.detail .sub_list .box .txt_list dl dd ul li {
    	display: inline-block;
	margin:0;
	margin-bottom:10px;
    	padding-right:0;
    }
    .programCon.detail .sub_list .box .txt_list dl dd ul li{
       	display: none;
    }
}

@media screen and (max-width:500px){
	.programCon.detail .sub_list .box .txt_list dl dd ul {
    		width: 100%;
    		display: block;
		margin-top:10px;
	}
	.programCon.detail .sub_list .box .txt_list dl dt h5 span {
		margin-left: 0px;
		line-height: 14px;
		margin-top:5px;
		display: block;
	}
}