@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:500; background:#f5f5f5; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}



.blackTxt{color:#000000}
.redTxt{color:#d10000 !important}
.blTxt{color:#1a42b2 !important}
.blgrTxt{color:#345468}

.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#fbca4d}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{box-shadow:0 -0.7em 0 rgba(252,242,84,0.7) inset;}
.redTxt{color:#d10000}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("/img/dot_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li.w_dot li{background:url("/img/dot_w_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{font-size:1.3em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:500; letter-spacing:-0.065em; padding-left:25px; background:url(/img/tit_dot.png) no-repeat left center; background-size:16px !important}

.tit_line{color:#000000; font-weight:500; font-size:1.4em; margin-bottom:20px; padding-bottom:10px; position:relative; text-align:center}
.tit_line:after{content:''; display:block; width:50px; height:1px; background:#000000; left:0; right:0; bottom:0; margin:auto; position:absolute;}


@media all and (min-width:768px) {
    .bgbox{padding:30px 3%;}
    .col-02{width:47%; margin:0 1.5%; float:left;}
    .pdbox{padding:30px 3%;}
    .mEnter{display:inline;}
    .tEnter{display:block;}

    .tit_nm{font-size:1.3em; }
    .tit_dot{ font-size:1.3em; background-size:20px !Important; padding-left:28px}
    .tit_line{font-size:1.6em; margin-bottom:30px; padding-bottom:20px;}


}

@media all and (min-width:1200px) {
    .bgbox{padding:40px 25px;}
    .pdbox{padding:40px 25px;}
    .tEnter{display:inline;}
    .pEnter{display:block;}
    .bdLine{padding-bottom:60px; margin-bottom:60px;}

    .tit_line{font-size:1.8em; margin-bottom:40px; padding-bottom:30px; }

}

/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}


.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
    .tablist {text-align:left}
    .tablist.list04 li{width:25%}
    .tablist li{line-height:50px;}
}



.comm_table{width:100%; border-top:1px solid #4e5463; border-collapse:separate; font-size:0.95em;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:15px 3px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:400; background:#f9f9fa; color:#000000}
.comm_table td.bgc{background:#fcfcfc; font-weight:400; color:#000000}
.comm_table td.bdr{border-right:1px solid #e6e6e6}

.bd_table th,
.bd_table td{border-right:1px solid #dcdcdc;}
.bd_table{border-left:1px solid #dcdcdc;}

@media all and (min-width:768px) {
    .comm_table{font-size:1em;}
    .comm_table th, .comm_table td{padding:20px 10px}
}
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #2448a9; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(/img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(/img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}


/*컨텐츠공통*/
.conh4{font-size:1.9em; font-weight:500}
.conh4:after{content:''; width:60px; height:3px; background:#4e5463; display:block; margin:20px 0}
.conh4 span.st{font-size:0.7em; display:block}
.bgtxt{display:inline-block; padding:3px 5px; line-height:100%; color:#ffffff; background:#1a42b2; font-size:0.9em; border-radius:5px;}
.bgorg{background:#ff992c}

@media all and (min-width:768px) {
    .conh4{font-size:2.3em;}

}

/*공통*/


.pointbox{padding:20px 10px; border:1px dashed #d3e1e6; background:#f9f9fa}


@media all and (min-width:768px) {
    .pointbox{padding:20px 20px;}


}

@media all and (min-width:1200px) {
    .pointbox{padding:30px 20px;}
}


/*인사말*/

.com_top{text-align:center;}
.com_top h3{font-size:1.5em; letter-spacing:-1.5px; font-weight:500; color:#000000}
.com_top p{font-size:1.1em}


.greeting{overflow:hidden}
.greeting .photo{-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3); overflow:hidden; margin-bottom:30px;}
.greeting .photo img{width:100%;}
.greeting .txt .tit{font-size:1.2em; font-weight:500; color:#1a42b2}


@media all and (min-width:768px) {
    .com_top h3{font-size:2em;}

    .greeting .photo{float:left; width:40%; margin-right:3%;}
    .greeting .txt{float:left; width:57%;}
    .greeting .txt .tit{font-size:1.4em;}

}

@media all and (min-width:1200px) {
    .com_top h3{font-size:2.3em; }
    .com_top p{font-size:1.3em}

}



/*그래프연혁*/
.hisGrap{position:relative;}
.hisGrap h4{text-align:center; position:relative; padding-bottom:60px; color:#000000; font-weight:500; font-size:1.2em}
.hisGrap h4 b{font-size:2em; color:#000000}
.hisGrap h4:after{content:''; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; width:20px; height:20px; border:4px solid #2450ce; border-radius:500px}
.hisGrap h4 span{display:block; position:relative;}

.hisGrap ul{position:relative; padding:20px 0px; text-align:center;}
.hisGrap ul li{background:#ffffff; margin-bottom:10px; position:relative; padding:10px 0px;}
.hisGrap ul li span.date{display:block; font-weight:600;}
.hisGrap ul li span{display:block}
.hisGrap ul li span.txt{margin-bottom:20px; font-family:'Noto Sans KR',sans-serif; color:#505050}
.hisGrap ul li span.txt:last-child{margin-bottom:0px}
.hisGrap ul li span.photo img{max-width:200px;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
}

.hisGrap ul:before{content:''; display:block; width:1px; height:100%; background:#dcdcdc; position:absolute; top:0;  left:0; right:0; margin:auto}
.hisGrap ul:after{content:''; display:block; width:10px; height:10px; background:#2450ce;  position:absolute; bottom:0; left:0; right:0; margin:auto; border-radius:500px}

.hisGrap.his02 h4:before{background:#2450ce}
.hisGrap.his02 ul:after{background:#2450ce}

.hisGrap.his03 h4:before{background:#777e8f}
.hisGrap.his03 ul:after{background:#777e8f}


@media all and (min-width:768px) {
    .hisGrap h4{position:relative; padding-bottom:70px; font-size:1.8em}
    .hisGrap ul li{background:none; margin-bottom:0;}
    .hisGrap ul li span{position:relative; display:block; padding-right:10%}
    .hisGrap ul li span.date{padding-top:10px;}
    .hisGrap ul li span.date:before{content:''; width:10%; height:1px; background:#dcdcdc; position:absolute; right:0;top:0;}
    .hisGrap ul li span.date:after{content:''; width:7px; height:7px; border:3px solid #2450ce; background:#ffffff;  position:absolute; top:-4px; right:10%; border-radius:500px;}


    .hisGrap ul .left{text-align:right; margin-right:50%;}
    .hisGrap ul .right{text-align:left;}

    .hisGrap ul .right{margin-left:50%; }
    .hisGrap ul li.right span{padding-right:0; padding-left:10%}
    .hisGrap ul li.right span.date:before{right:auto; left:0;}
    .hisGrap ul li.right span.date:after{right:auto; left:10%}

    .hisGrap.his02 ul li span.date:after{background:#b0cf01}
    .hisGrap.his03 ul li span.date:after{background:#777e8f}

    .hisGrap ul li span.photo img{max-width:300px;}
}

@media all and (min-width:1200px) {
    .hisGrap h4 { font-size:2.3em}

}



/*조직도*/
.organization{text-align:center; position:relative;}
.organization:before{content:''; width:1px; height:74.5%; left:0; right:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc}
.organization .ordep{position:relative; margin-bottom:30px; overflow:hidden}
.organization .ordep.or03{margin-bottom:50px}
.organization .ordep .orhd{display:block; padding:15px 10px; background:#808080; color:#ffffff; position:relative}
.organization .ordep .orhd span{display:block; font-weight:600; font-size:0.8em}
.organization .or01 .orhd{background:#004ea2; background:linear-gradient(45deg, #004ea2 0%, #49458c 100%); padding:15px 30px; font-size:1.2em; width:220px; left:50%; margin-left:-110px}
.organization .or02 .orhd{background:#49458c}
.organization .or03 .orhd{background:#8b3793; }
.organization .or04 .orhd{background:#787891}


.organization .or02{position:relative; overflow:hidden; max-width:800px; margin:0 auto; margin-bottom:30px}
.organization .or02:before{content:''; width:50%; height:1px; right:0%; bottom:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc; max-width:500px}
.organization .or02 .orhd{width:30%;  max-width:150px}
.organization .or02 .orhd.right{margin:0; margin-left:70%; float:right}

.organization .or03 .orhd{padding:15px 30px; width:100%; width:220px; left:50%; margin-left:-110px}
.organization .or04 .orhd{width:100%; padding:12px 5px; }

.organization .or04{overflow:hidden;}
.organization .or04{text-align:center; padding-top:50px; position:relative; font-size:0.9em}
.organization .or04:before{content:''; width:75%; height:1px; background:#dcdcdc; top:0px; left:0; right:0; margin:auto; display:block; position:absolute; }

.organization .ordep .ortree{ margin:0 auto; margin-bottom:30px; }
.organization .ordep .ortree:last-child{margin-bottom:0}
.organization .ordep .ortree ul{padding:10px 20px; text-align:left; background:#f5f5fa; border:1px solid #dcdcdc}

.organization .ordep .ortree{width:23%; margin: 0 1%; float:left; vertical-align:top; position:relative;}
.organization .ordep .ortree:before{content:''; display:block; width:1px; height:60px; background:#dcdcdc;  left:0; top:-60px; right:0; margin:auto; position:absolute;}

@media all and (min-width:768px) {

    .organization:before{height:70.5%}
    .organization .ordep .orhd{padding:20px 20px !important; font-size: 1.2em}
    .organization .or01 .orhd{font-size:1.4em; width:250px;  margin-left:-125px}
    .organization .ordep.or03{margin-bottom:80px}
    .organization .or04{padding-top:80px; max-width:1000px; margin:0 auto; font-size:1em}
    .organization .ordep .ortree ul{text-align:left; padding:25px 10px}
    .organization .ordep .ortree:before{height:80px; top:-80px}
}

@media all and (min-width:1200px) {

}







/*관람안내*/
.time_info{padding:20px 20px; border-top:1px solid #323232; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.time_info dl{padding-left:80px; background-position:10px center; background-repeat:no-repeat; background-size:50px !important; box-sizing:border-box; min-height:70px}
.time_info dt{font-weight:500; font-size:1.2em;  margin-bottom:5px; color:#0074f6}
.time_info dd.tit{font-size:1.2em; font-weight:500}
.time_info dd{background:url("/img/dot_li.gif") no-repeat 0px 10px; padding-left:10px; }
.time_info dd:last-child{margin-bottom:0;}
.time_info .time{padding-top:20px; margin-top:20px; border-top:1px solid #e6e6e6}
.time_info .time:first-child{border-top:0; margin-top:0; padding-top:0;}
.time_info dl.time01{background-image:url(/img/ic_time01.png)}
.time_info dl.time02{background-image:url(/img/ic_time02.png)}
.time_info dl.time03{background-image:url(/img/ic_time03.png)}


@media all and (min-width:768px) {
    .time_info{padding:0px 0px; border:1px solid #e6e6e6; border-top:1px solid #323232}
    .time_info .time{width:33.33%; float:left; margin:0; border:0; padding:0 20px; position:relative;  text-align:center;}
    .time_info .time:before{content:''; width:1px; height:150px; background:#e6e6e6; position:absolute; display:block; right:0; top:0; bottom:0; margin:auto}
    .time_info .time:last-child:before{display:none}
    .time_info dl{padding:0px; padding-top:100px; padding-bottom:50px; background-position: center 30px !Important;  background-size:50px !important; box-sizing:border-box}
    .time_info dd{background:none; padding-left:0}
    .time_info dd.tit{font-size:1.4em;}
}

/*관람코스*/

.sel_type .typebox{position:relative;}
.sel_type ul.tabs {width:100%; overflow:hidden; position:relative;}
.sel_type ul.tabs:before{width:100%; height:1px; background:#e0e3e7; position:absolute; bottom:0; left:0; }
.sel_type ul.tabs li{display:block;float:left; width:48%; margin:0 0.5% 2px;cursor:pointer; background:#f9f9f9; color:#969696; line-height:43px; text-align:center; position:relative; border:1px solid #e0e3e7;}
.sel_type ul.tabs li:before{content:''; display:block; position:absolute; left:0; right:0; top:-1px; margin:auto; width:100%; height:2px; background:#e0e3e7 ;}
.sel_type ul.tabs li:hover{color:#323232; font-weight:400}
.sel_type ul.tabs li.current{color:#ffffff; background:#ffffff; font-weight:500; color:#000000; }
.sel_type ul.tabs li.current:before{background:#0aa2f8 ;}
.sel_type .tabscontent {padding:30px 0px; width:100%; }

.sel_type ul.tabs.list07 li{width:32.33%}

.sel_type ul.tabs li.on{color:#000000; background:#ffffff; font-weight:500;}
.sel_type ul.tabs li.on:before{background:#0aa2f8 ;}
.sel_type ul.tabs li a{display:block;}




@media only screen and (min-width: 768px) {
    .sel_type .typebox:before{content:''; width:100%; height:1px; background:#e0e3e7; position:absolute; bottom:0px; left:0; right:0;}
    .sel_type ul.tabs{text-align:center}
    .sel_type ul.tabs li{float:none; display:inline-block; vertical-align:middle; font-size:1.1em; max-width:200px; margin:0 5px 0 0; line-height:55px;}
    .sel_type ul.tabs.list07 li{max-width:95px}
    .sel_type .tabscontent{padding:50px 0px}
    .sel_type ul.tabs li.current{border-bottom:1px solid #ffffff}

}

@media only screen and (min-width: 1024px) {
    .sel_type ul.tabs.list07 li{max-width:120px}
}

@media only screen and (min-width: 1200px) {
    .sel_type .tabscontent{padding:80px 0px}
    .sel_type ul.tabs.list07 li{max-width:150px}

}


/**/
.title_box{text-align:center;}
.title_box h4{font-size:1.8em; color:#000000; position:relative; padding-bottom:20px; font-weight:500}
.title_box h4:after{content:'';  width:60px; height:2px; display:block; background:#0aa2f8; margin:0 auto; position:absolute; left:0; bottom:0; right:0; margin:0 auto;}


@media only screen and (min-width: 768px) {

    .title_box h4{font-size:2.3em;}
    .title_box p{font-size:1.2em;}
}

@media only screen and (min-width: 1024px) {
    /*.title_box {text-align:left;}
    .title_box h4:after{right:auto;}*/
    .title_box h4{font-size:2.8em;}
}



.info_space{overflow:hidden; position:relative}
.info_space .space_li{padding:20px 10px; background:#2450ce; color:#ffffff; text-align:center}
.info_space .space_li li{display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:3px;}
.info_space .space_li li span{display:inline-block; vertical-align:middle; margin-right:3px; background:#112765; width:20px; height:20px; text-align:center; border-radius:500px; font-size:0.8em; line-height:20px; font-weight:600}

@media only screen and (min-width: 768px) {
    .info_space .space_li li{margin-bottom:0}

}

@media only screen and (min-width: 1024px) {
    .info_space .space_li{width:20%; height:100%; position:absolute; left:0; top:0; bottom:0; text-align:left; padding:5% 30px}
    .info_space .space_li li{display:block; margin-bottom:10px;}
    .info_space .space_li li span{width:35px; height:35px; line-height:35px;}
    .info_space .photo{margin-left:20%; width:80%}
    .info_space .photo img{display:block; width:100%}

}





/*안내*/

.explainwrap{ border-top:1px solid #323232;  overflow:hidden}
.explainbox{position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6; padding:20px 0px}
.explainbox .photo{position:relative; margin-bottom:20px}
.explainbox .photo img{width:100%}
.explainbox .txt h4{position:relative; display:block; margin-bottom:10px; font-size:1.4em; font-weight:600;  width:auto; height:auto; line-height:1.3; background:#ffffff; color:#2450ce; text-align:left; left:auto; top:auto}
.explainbox .txt h4 span{display:inline-block; vertical-align:middle; margin-right:3px; background:#112765; color:#ffffff; width:20px; height:20px; text-align:center; border-radius:500px; font-size:0.8em; line-height:20px; font-weight:600}
.explainbox .txt p.tit{font-size:1.1em; margin-bottom:10px; font-weight:500;}
.explainbox:last-child .txt{border-bottom:0;}

.explainbox .txt .btnbox{text-align:right;}
.explainbox .txt .btnbox a{display:inline-block; padding:10px 20px; color:#2450ce; border:1px solid #2450ce; border-radius:500px; font-size:0.9em}


@media only screen and (min-width: 540px) {
    .explainbox{border-bottom:1px solid #e6e6e6; padding:30px 0px}
    .explainbox .photo{width:40%;  float:left; margin-bottom:0}
    .explainbox .txt{width: 60%; float:left; border:0px; padding:0 20px}

    .explainbox.list02 .photo{width:100%; float:none; margin-bottom:20px;}
    .explainbox.list02 .txt{width: 100%; float:none; padding:0}

}


@media only screen and (min-width: 768px) {
    .explainbox{padding:50px 0px}
    .explainbox .photo{width:280px; margin-right:3%;}
    .explainbox .txt{width: calc(97% - 280px);}

    .explainbox .txt h4 span{width:35px; height:35px; line-height:35px;}
    .explainbox .txt h4{margin-bottom:20px;}
}

@media only screen and (min-width: 1024px) {
    .explainbox .photo{width:20%; margin-right:3%;}
    .explainbox .txt{width:77%}

    .explainbox.list02 .photo{width:40%;  float:left; margin-bottom:0}
    .explainbox.list02 .txt{width: 60%; float:left; border:0px; padding:0 20px}

}


/*전시관안내*/
/*메인테마*/
.space_detail{overflow:hidden; margin:0 auto; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e6e6e6}

.space_detail .photo ul li{margin:0 5px}
.space_detail .photo ul li img{width:100%}
.space_detail .photo ul.slider_nav li{opacity:0.3}
.space_detail .photo ul.slider_nav li.slick-current{opacity:1}

.space_slider{margin-bottom:10px}
.space_slider .slick-arrow{bottom:0px; top:auto}
.space_slider .slick-arrow.slick-next{right:auto; left:52px}

.space_detail .detail_info{margin-top:20px}
.space_detail .detail_info h4{font-size:1.4em; margin-bottom:20px; color:#2450ce; font-weight:600;}
.space_detail .detail_info h4 span{display:inline-block; vertical-align:middle;}
.space_detail .detail_info h4 span.deco{display:inline-block; vertical-align:middle; padding:5px 10px; border:1px solid #2450ce; margin-right:10px; font-size:12px; border-radius:500px;}

@media only screen and (min-width: 640px) {
    .space_detail .photo {width:45%; float:left; margin-right:5%;}
    .space_detail .detail_info {width:50%; float:left;}

    .space_detail.right .photo {float:right; margin-right:0; margin-left:5%}
    .space_detail.right .detail_info{float:right;}
}

@media only screen and (min-width: 768px) {
    .space_detail{padding-bottom:50px; margin-bottom:50px; }
    .space_detail .detail_info h4{font-size:1.8em; }
    .space_detail .detail_info h4 span.deco{ margin:0; padding:10px 20px; margin-bottom:20px; }
    .space_detail .detail_info h4 span{display:block;}


}

@media only screen and (min-width: 1024px) {
    .space_detail .detail_info h4 span.deco{ font-size:14px;}

}

@media only screen and (min-width: 1200px) {
    .space_detail .detail_info h4{font-size:2em; }
    .space_detail .photo {width:45%;margin-right:10%;}
    .space_detail .detail_info {width:45%;}

    .space_detail.right .photo {margin-left:10%}

}


/*테마 하부*/
.spacewrap{ margin:0 auto; border-top:1px solid #323232;  overflow:hidden}
.spaceinfo{position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px}
.spaceinfo .photo{position:relative;}

.spaceinfo .photo img{max-width:100%}
.spaceinfo .txt{padding:20px 0 25px; border-bottom:1px solid #e6e6e6; font-size:0.9em}
.spaceinfo .txt h4{position:relative; display:block; margin-bottom:10px; font-size:1.4em; font-weight:500;  width:auto; height:auto; line-height:1.3; background:#ffffff; color:#2450ce; text-align:left; left:auto; top:auto}
.spaceinfo .txt p{margin-bottom:10px;}
.spaceinfo .txt a.litebox{display:inline-block; padding:10px 20px; font-size:0.9em; color:#2450ce; border:1px solid #2450ce; border-radius:500px;}
.spaceinfo:last-child .txt{border-bottom:0;}


@media only screen and (min-width: 540px) {
    .spaceinfo{border-bottom:1px solid #e6e6e6; padding:20px 0px}
    .spaceinfo .photo{width:40%;  float:left;}
    .spaceinfo .txt{width: 60%; float:left; border:0px; padding:0 20px}
}

@media only screen and (min-width: 768px) {
    .spacewrap{border-bottom:1px solid #e6e6e6}
    .spaceinfo .photo,
    .spaceinfo .txt{width:100%;  float:none;}
    .spaceinfo{width:30.33%; float:left; margin:20px 1.5%; border-bottom:0; position:relative; padding:0; margin-bottom:0}
    .spaceinfo .txt{padding:30px 0px; min-height:160px; font-size:1em; }

    .spaceinfo:nth-child(4),
    .spaceinfo:nth-child(7),
    .spaceinfo:nth-child(10),
    .spaceinfo:nth-child(13),
    .spaceinfo:nth-child(16),
    .spaceinfo:nth-child(19){clear:both}

    .spaceinfo .txt a{position:absolute; bottom:0; left:0;}
}


/*팝업레이어*/
.popinfo{background:#ffffff;}
.popinfo h1{background:#2450ce; color:#ffffff; font-size:1.2em; padding:15px; letter-spacing:-2px}

.popinfo .popcon{padding:20px;}

@media only screen and (min-width: 768px) {
    .popinfo h1{font-size:1.4em;}
    .popinfo .popcon{padding:30px;}
}

@media only screen and (min-width: 1200px) {
    .popinfo h1{padding:20px;}
    .popinfo .popcon{padding:40px;}

}


/*교육프로그램*/
.ic_more{display:inline-block; line-height:40px; padding:0 30px; background:#2450ce; color:#ffffff; border-radius:500px; font-size:0.9em}
.education{position:relative}
.edu_list{position:relative; border:1px solid #e6e6e6; border-top:1px solid #1a42b2;  margin-bottom:30px;}
.edu_list:last-child{margin-bottom:0px;}
.edu_list .edu_top{padding:20px 3%; background:#f9f9fa; color:#000000}
.edu_list .edu_top h4{font-weight:500; font-size:1.2em; }
.edu_list .edu_info{position:relative; padding:10px 3%}
.edu_list .edu_info ul{overflow:hidden}
.edu_list .edu_info ul li{position:relative; overflow:hidden; margin-bottom:3px;}
.edu_list .edu_info ul li dl{padding:5px 0px; overflow:hidden;}
.edu_list .edu_info ul li dl dt{font-weight:500; color:#000000; float:left; width:80px; margin-right:10px; clear:both}
.edu_list .edu_info ul li dl dt:before{content:''; width:3px; height:3px; display:inline-block; margin-right:5px; vertical-align:middle; background:#b3d0ea}
.edu_list .edu_info ul li dl dd{float:left; width:calc(100% - 90px);}
.edu_list .edu_info ul li.link{margin-bottom:0; text-align:center;}

@media only screen and (min-width: 768px) {
    .edu_list .edu_info{padding:10px 0px;}
    .edu_list .edu_info ul li{float:left; width:47%; margin:0 1.5%;}
    .edu_list .edu_info ul li:nth-child(odd){clear:both;}
    .edu_list .edu_info ul li.link{text-align:right}
}

@media only screen and (min-width: 1200px) {
    .ic_more{padding:0 50px; line-height:50px}
    .edu_list{margin-bottom:50px;}
    .edu_list .edu_top{padding:30px 1.5%;}
    .edu_list .edu_top h4{margin-bottom:5px;}
    .edu_list .edu_info{padding:20px 0px}
    .edu_list .edu_info ul li dl{padding:10px 0px}
}

/*프로그램리스트 갤러리형02*/
.edu_gallery{border-top:1px solid #1a42b2;}
.edu_gallery .edu_list {border:0px; border:1px solid #e6e6e6; background:#ffffff}
.edu_gallery .edu_list:first-child{border-top:0px;}
.edu_gallery .edu_list:last-child{margin-bottom:50px}
.edu_gallery .edu_list .edu_top{background:none; border-bottom:1px dashed #e6e6e6}
.edu_gallery .edu_list .edu_top a{display:block; position:relative; padding-right:50px;}
.edu_gallery .edu_list .edu_top a:after{position:absolute; font-family:'FontAwesome'; content:'\f105'; display:inline-block; width:30px; height:30px; line-height:30px; font-size:12px; background:#1a42b2; border-radius:500px; text-align:center; color:#ffffff; font-weight:600; right:0; top:0; bottom:0; margin:auto; }
.edu_gallery .edu_list{overflow:hidden;}
.edu_gallery .edu_list .edu_info ul li b{font-weight:600; color:#fd7700}
.edu_gallery .edu_list .edu_info ul li em{font-weight:600; color:#d70000; font-size:1.1em}

@media only screen and (min-width: 640px) {
    .edu_gallery .edu_list .edu_photo{position:absolute; width:260px; height:163px; top:0; bottom:0; margin:auto}
    .edu_gallery .edu_list .edu_photo{left:20px}
    .edu_gallery .edu_list .edu_top{margin-left:300px; }
    .edu_gallery .edu_list .edu_info{margin-left:300px; }
    .edu_gallery .edu_list .edu_info ul li{float:none; width:97%;}
    .edu_gallery .edu_list .edu_info ul li:nth-child(even){clear:none}
}

@media only screen and (min-width: 768px) {
    .edu_gallery .edu_list .edu_top{padding:20px 1.5%}
}


@media only screen and (min-width: 1200px) {

    .edu_gallery .edu_list{padding:20px 0px}
    .edu_gallery  .edu_list .edu_info ul li dl{padding:5px 0px}
    .edu_gallery .edu_list .edu_photo{width:310px; height:194px; left:30px}
    .edu_gallery .edu_list .edu_top{margin-left:360px; }
    .edu_gallery .edu_list .edu_info{margin-left:360px; }
    .edu_gallery .edu_list .edu_info ul li{float:left; width:47%; margin:0 1.5%;}
    .edu_gallery .edu_list .edu_info ul li:nth-child(odd){clear:both;}
}

/*뷰페이지*/
.education_view{border-top:1px solid #1a42b2}
.education_view h4{text-align:center; font-size:1.4em; padding:20px 0px; font-weight:500; color:#000000}
.education_view table.comm_table{border-top:1px solid #e6e6e6}
/*.education_view table.comm_table tr:last-child th{border-bottom:1px solid #323232}
.education_view table.comm_table tr:last-child td{border-bottom:1px solid #323232}*/

.education_view .edu_view{padding-bottom:50px; border-bottom:1px solid #e6e6e6}











/*오시는길*/

.mapbox{position:relative;}

.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }

.address_info{background:#fafafc;border:1px dashed #d3e1e6;color:#000000;padding:30px 20px;overflow:hidden;}
.address_info h4{font-size:1.2em;color: #181d61;font-weight:500;margin-bottom:5px;}
.address_info .box{margin-bottom:20px; position:relative; padding-left:80px;}
.address_info .box:before{content:''; width:60px; height:60px; background:#ffffff; border-radius:500px; background-size:50px !important; position:absolute; top:0; bottom:0; left:0px; margin:auto; border:1px solid #e6e6e6}
.address_info .add_txt:before{background:#ffffff url(/img/ic_address.png) no-repeat center center}
.address_info .call_txt:before{background:#ffffff url(/img/ic_call.png) no-repeat center center}
.address_info .link_road a{display:block;background: #181d61;color:#ffffff;line-height:40px;height:40px;border-radius:10px;text-align:center;}

@media all and (min-width:768px) {
    .address_info{padding:40px 30px;}
    .address_info .box{width:40%;float:left;margin:0;margin-top: 2px;}
    .address_info .link_road{width:20%; float:left; text-align:right;}
    .address_info .link_road a{display:inline-block;width: 170px;height: 60px;border-radius: 0px;line-height: 60px;}
}

@media all and (min-width:1200px) {
    .address_info .box{padding-left:120px;}
    .address_info .box:before{left:30px}
    .address_info .box.call_txt{border-left:1px dashed #d3e1e6}
}



/*제품*/

.product_wrap{}
.product_cont{}
.product_cont .img_wrap{
}
.product_cont .slick-arrow{
    top: 50%;
    margin-top: -25px;
}
.product_cont .img_slider{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.product_cont .summary{margin-bottom:20px;}
.product_cont .info_wrap{}
.product_cont .info_wrap .tag{
    color: #888;
    letter-spacing: 1px;
    margin-left: 1px;
}
.product_cont .info_wrap .tlt{
    font-size: 26px;
    font-weight: 800;
    color: #333;
    line-height: 1.2;
    margin-bottom: 13px;
}
.product_cont .info_wrap .txt{
    font-size: 16px;
    line-height: 1.34;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.5px;
}
.product_cont .info_wrap .tb{
    border-top: 1px solid #dcdcdc;
    margin-top: 15px;
    width: 100%;
}
.product_wrap .tb th{
    text-align: left;
    font-size: 15px;
    font-family: 'Montserrat';
    width: 40%;
    vertical-align: middle;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 10px;
    line-height: 1.2;
    background: #f1f1f1;
    font-weight: 500;
}
.product_wrap .tb td{
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    font-weight: 400;
    color: #444;
}
.product_cont .select_row{
    margin-top: 10px;
}
.product_cont .select_row label{
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
}
.product_cont .select_row .select{
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.product_cont .select_row .input_txt{
    border: 1px solid #dcdcdc;
    padding-right: 29px;
    background: #fcfcfc;
    line-height: 40px;
    height: 40px;
    color: #666;
    font-size: 0.9em;
    padding: 0 10px;
    width: 150px;
}
.product_cont .txt_row{
    margin-top: 10px;
    margin-bottom: 10px;
}
.product_cont .txt_row span{
}
.product_cont .btn_row{}
.product_cont .btn_row:after{
    display:block;
    clear:both;
    content:"";
}
.product_cont .btn_row button{
    width: calc(50% - 5px);
    float: left;
    line-height: 50px;
    height: 50px;
    font-size: 13px;
}
.btn_product_list{
    border: 1px solid #dcdcdc;
    margin-right: 5px;
}
.btn_inq{
    background: #181d61;
    border: none;
    color: #fff;
    margin-left: 5px;
}
.product_tab{
    margin-top: 10px;
}
.product_tab .tab_wrap{
    border-top: 1px solid #dcdcdc;
}
.product_tab .tab_wrap li{
    width: 100%;
    background: #f1f1f1;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
}
.product_tab .tab_wrap li.active{
    background: #222;
    color: #fff;
}
.product_tab .tab_cont{display:none;/* padding: 10px 0; */}
.product_tab .tab_cont br{display:none;}
.product_tab #tab1 br{display:block;}
.product_tab .txt_box br{display:block;}
.product_tab .tab_cont.active{display:block;}
.tab_tlt{
    font-size: 16px;
    font-weight: 400;
    /* font-family: 'Montserrat'; */
    color: #181d61;
    letter-spacing: 0.1px;
    font-weight: bold;
    margin-top: 20px;
}
.tab_box{}
.tab_box br{display:none;}
.tab_box .img{border: 1px solid #ddd;margin: 10px 0;}
.tb_box{width:100%;overflow-x: auto;/* margin-bottom: 30px; */}
.tab_box .tb2{
    width: 100%;
    border-top: 1px solid #dcdcdc;
}
.tab_lay{}
.tab_tlt1{
    font-weight: 500;
    margin-bottom: 5px;
}
.box0{
    margin-bottom: 20px;
}
.tab_box .tb2 th{text-align:center;border-right: 1px solid #dcdcdc;width: auto;}
.tab_box .tb3{/* display:block; */width: 768px;}
.tab_box .tb3 tbody{/* display:block; */}
.tab_box .tb3 tr{/* display:block; */}
.tab_box .tb3 th{text-align:left;/* display: block; *//* padding: 10px; */width: 16%;}
.tab_box .tb3 td{/* display:block; */text-align: left !important;}
.tab_box .tb2 td{
    border-right: 1px solid #dcdcdc;
    text-align: center;
}
.txt_box{/* padding: 10px; */line-height: 1.7;/* margin-top: 20px; */}
.download{
    margin-top: 20px;
}
.download li{}
.download a{}
.download a:hover{text-decoration:underline;}
.download a span{
    background: #181d61;
    background-size: 15px;
    display: inline-block;
    background-position: 10px 0;
    color: #fff;
    /* padding-left: 24px; */
    font-size: 10px;
    width: 47px;
    height: 15px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 15px;
    margin-left: 5px;
    font-weight: 500;
}

@media all and (min-width:768px) {

    .product_wrap{}
    .product_cont{}
    .product_cont .img_wrap{}
    .product_cont .img_wrap:after{
        display:block;
        clear:both;
        content:"";
    }
    .product_cont .img_box{
        float: left;
        width: calc(50% - 15px);
    }

    .product_cont .img_slider{
    }
    .product_cont .info_wrap{
        width: 50%;
        float: right;
        margin-top: 15px;
    }
    .product_cont .info_wrap .tlt{}
    .product_cont .info_wrap .txt{}
    .product_cont .info_wrap .tb{}
    .product_cont .info_wrap .tb th{}
    .product_cont .info_wrap .tb td{}
    .product_cont .select_row{}
    .product_cont .select_row label{}
    .product_cont .select_row .select{}
    .product_cont .select_row .input_txt{}
    .product_cont .txt_row{}
    .product_cont .txt_row span{}
    .product_cont .btn_row{}
    .product_cont .btn_row button{}
    .btn_product_list{}
    .btn_inq{}
    .product_tab{
        margin-top: 30px;
    }
    .product_tab .tab_wrap{}
    .product_tab .tab_wrap:after{
        display:block;
        clear:both;
        content:"";
    }
    .product_tab .tab_wrap li{
        width: 33.33333%;
        float: left;
        border-right: 1px solid #ccc;
    }
    .product_tab .tab_wrap li:last-child{border-right:0px;}
    .product_tab .tab_wrap li.active{}
    .product_tab .tab_cont{}
    .product_tab .tab_cont.active{}
    .tab_tlt{
        margin-bottom: 10px;
    }
    .tab_box{}
    .tab_box:after{
        display:block;
        clear:both;
        content:"";
    }
    .tab_box .img{
        width: calc(40% - 20px);
        float: left;
        margin: 0px;
    }
    .tab_box .img2{
        float: none;
    }
    .tab_box .tb_box{
        width: 60%;
        float: right;
    }
    .txt_box{}
    .tab_lay{
        margin-top: 40px;
    }
    .tab_lay:after{
        display:block;
        clear:both;
        content:"";    }
    .tab_tlt1{}
    .box0{
        float: left;
        width: 50%;
    }
    .tab_box .box0 .tb_box{
        width: 90%;
        float: left;
    }
}

@media all and (min-width:1200px) {

    .product_wrap{}
    .product_cont{}
    .product_cont .img_wrap{}
    .product_cont .img_box{
        width: calc(45% - 30px);
    }
    .product_cont .img_slider{
    }
    .product_cont .info_wrap{
        width: 55%;
        margin-top: 20px;
    }
    .product_cont .info_wrap .tlt{
        font-size: 34px;
    }
    .product_cont .info_wrap .txt{
    }
    .product_cont .info_wrap .tb{
        margin-top: 20px;
    }
    .product_cont .info_wrap .tb th{
        width: 30%;
        padding: 15px 20px;
    }
    .product_cont .info_wrap .tb td{
        padding: 15px 20px;
    }
    .product_cont .select_row{
        margin-top: 30px;
    }
    .product_cont .select_row label{}
    .product_cont .select_row .select{
        line-height: 50px;
        height: 50px;
        width: calc(50% - 5px);
    }
    .product_cont .select_row .input_txt{
        height: 50px;
        line-height: 50px;
    }
    .product_cont .txt_row{}
    .product_cont .txt_row span{}
    .product_cont .btn_row{}
    .product_cont .btn_row button{
        line-height: 55px;
        height: 55px;
        font-size: 16px;
    }
    .btn_product_list{}
    .btn_inq{}
    .product_tab{
        margin-top: 50px;
    }
    .product_tab .tab_wrap{}
    .product_tab .tab_wrap li{
        line-height: 45px;
    }
    .product_tab .tab_wrap li.active{}
    .product_tab .tab_cont{}
    .tab_tlt{
        font-size: 18px;
    }
    .product_tab .tab_cont.active{}
    .tab_box{}
    .tab_box .img{
        width: calc(30% - 30px);
    }
    .tab_box .tb_box{
        width: 70%;
    }
    .txt_box{}
    .tab_box .tb3{width:100%;}
    .tab_box .tb3 th{
        width: 15%;
    }
    .tab_box .tb3 td{
        width: 35%;
    }
}


/* 리스트 & 장바구니 */


.list_wrap{}
.list_wrap .none{
    background: #f4f4f4;
    padding: 50px;
    text-align: center;
    border: 1px solid #ccc;
}
.cart_txt{margin-bottom:15px;}
.list_wrap.product .product_list{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.list_wrap .product_list:after{
    display:block;
    clear:both;content:"";
}
.list_wrap .product_list li{
    border: 1px solid #ccc;
    position: relative;
    padding: 15px 15px 20px;
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.list_wrap.product .product_list{
    margin-bottom: 30px;
}






.list_wrap.product .product_list li{position:relative}
.list_wrap.product .product_list li:after, .list_wrap.product .product_list li:before,
.list_wrap.product .product_list li .p_box:after, .list_wrap.product .product_list li .p_box:before{
    width: 4px;
    height: 0;
    position: absolute;
    display: block;
    content: "";
    background-color: #181d61;
    transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}

.list_wrap.product .product_list li:after{width:0px; height:4px;}
.list_wrap.product .product_list li .p_box:after{width:0px; height:4px;}

.list_wrap.product .product_list li:before{width:4px; height:0px;}
.list_wrap.product .product_list li .p_box:before{width:4px; height:0px;}

.list_wrap.product .product_list li:after{left:0; top:0}
.list_wrap.product .product_list li:before{left:0; bottom:0}

.list_wrap.product .product_list li .p_box:after{right:0; bottom:0}
.list_wrap.product .product_list li .p_box:before{right:0; top:0; }
.list_wrap.product .product_list li:hover:after{width:100%}
.list_wrap.product .product_list li:hover:before{height:100%;}

.list_wrap.product .product_list li:hover .p_box:after{width:100%}
.list_wrap.product .product_list li:hover .p_box:before{height:100%;}





.list_wrap.product .product_list li{
    border: 0px;
    /* padding: 0px; */
    /* -webkit-box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 20%); */
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    /* box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 20%); */
    width: 50%;
    margin-right: 0px;
    border-right: 1px solid #ccc;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
}
.list_wrap .product_list li:nth-child(2n){margin-right:0px;}
.list_wrap .product_list li .check{
    position: absolute;
    top: 10px;
    left: 10px;
}
.list_wrap .product_list li .check input{
    width: 20px;
    height: 20px;
}
.list_wrap .product_list li .img{}
.list_wrap.product .product_list li .img{
    /* border: 1px solid #ccc; */
}
.list_wrap .product_list li .tag{
    color: #888;
    letter-spacing: 0.5px;
    font-size: 12px;
    margin-bottom: 2px;
    display: none;
}
.list_wrap .product_list li .tlt{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    line-height: 1.3;
    height: 2.6em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.list_wrap .product_list li .select_row{}
.list_wrap .product_list li .select_row label{
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    color: #444;
}
.list_wrap .product_list li .select_row .select{
    margin-bottom: 10px;
    font-size: 13px;
    width: 100%;
}
.list_wrap .input_txt{
    border: 1px solid #dcdcdc;
    line-height: 36px;
    padding: 0 .286em;
    height: 36px;
    font-size: 13px;
    color: #666;
    width: 100%;
}
.cart_btn_row{text-align:center; margin-top:20px;}
.btn_del{

    background: #333;

    border: none;

    color: #fff;

    line-height: 50px;

    height: 50px;

    font-size: 16px;

    display: inline-block;

    text-align: center;

    width: 150px; margin-right:5px;

    /* margin: 10px auto; */
}
.btn_inq2{

    background: #181d61;

    border: none;

    color: #fff;

    line-height: 50px;

    height: 50px;

    font-size: 16px;

    display: inline-block;

    text-align: center;

    width: 150px;

    /* margin: 10px auto; */
}

.list_tab{display:none;}
.list_select{
    width: 100%;
    margin-bottom: 10px
}
.list_select select{
    width: 100%;
    border: 1px solid #ccc;
}
.btn_box{margin-top:10px;}
.btn_box:after{
    display:block;
    clear:both;
    content:"";
}
.btn_box a{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 45px; transition:0.3s;
}
.list_wrap .btn_box a:first-child{margin-right:10px;}
.list_wrap .btn_box a:last-child{/* background:#333; *//* color:#fff; */}
.list_wrap .btn_box a:hover{background:#181d61; color:#fff;}
.amount{position:relative;width: 100%;text-align:center !important;display:inline-block;}
.amount.box{
    width: 200px;
}
.amount a{position:relative;text-align:center !important;width: 36px;height:36px;line-height:34px;display:block;border: 1px solid #dcdcdc;float:left;font-size:1.4em;background:#f0f0f0;}
.amount input{width: calc(100% - 72px);text-align:center;}
.amount a.btn_minus{border-right:0;/* border-radius:5px 0px 0px 5px */}
.amount a.btn_plus{float:right;border-left:0;/* border-radius:0px 5px 5px 0px */}
.amount.box a{
    width: 50px;
    height: 48px;
    line-height: 46px;
}
.amount.box input{
    width: calc(100% - 100px);
    line-height: 48px;
    height: 48px;
}





@media (min-width: 768px) {

    .list_wrap{}
    .list_wrap .product_list{}
    .list_wrap .product_list li{
        width: calc(33.3333% - 10px);
        margin-right: 15px;
        margin-bottom:15px;
    }
    .list_wrap.product .product_list li{width: 33.33333%;padding: 30px;}
    .list_wrap .product_list li:nth-child(2n){margin-right:15px;}
    .list_wrap.product .product_list li:nth-child(2n){margin-right:0px;}
    .list_wrap .product_list li:nth-child(3n){margin-right:0px;}
    .list_wrap .product_list li .check{}
    .list_wrap .product_list li .img{}
    .list_wrap .product_list li .tag{}
    .list_wrap .product_list li .tlt{
        font-size: 20px;
    }
    .list_wrap .product_list li .select_row{}
    .list_wrap .product_list li .select_row label{}
    .list_wrap .product_list li .select_row .select{
        /* width: calc(33.3333% - 10px); */
        /* margin-right: 15px; */
    }
    .list_wrap .input_txt{}
    .list_select{
        width: 100%;
        margin-bottom: 10px;
        display: none;
    }
    .list_tab{
        display: block;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin-bottom: 20px;
        background: #f4f4f4;
    }
    .list_tab:after{
        display:block;
        clear:both;
        content:"";
    }
    .list_tab li{
        width: 33.33333%;
        float: left;
        text-align: center;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .list_tab li a:hover{
        background: #222;
        color: #fff;}
    .list_tab a{
        display: block;
        line-height: 55px;
        font-size: 17px;
        background: #fff;
        transition:0.3s;
        font-weight: 400;
        color: #444;
    }
    .list_tab a.on{
        background: #222;
        color: #fff;
    }
}
@media all and (min-width:1200px) {

    .list_wrap{}
    .list_wrap .product_list{}
    .list_wrap .product_list li{
        width: calc(25% - 15px);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .list_wrap .product_list li:nth-child(2n){margin-right:20px;}
    .list_wrap .product_list li:nth-child(3n){margin-right:20px;}
    .list_wrap .product_list li:nth-child(4n){margin-right:0px;}
    .list_wrap.product .product_list li{padding: 35px;width: 25%;}
    .list_wrap.product .product_list li:nth-child(2n){margin-right:0px;}
    .list_wrap.product .product_list li:nth-child(3n){margin-right:0px;}
    .list_wrap .product_list li .check{}
    .list_wrap .product_list li .img{}
    .list_wrap .product_list li .tag{}
    .list_wrap .product_list li .tlt{}
    .list_wrap .product_list li .select_row{}
    .list_wrap .product_list li .select_row label{}
    .list_wrap .product_list li .select_row .select{}
    .list_wrap .input_txt{}
    .list_tab{
        margin-bottom: 40px;
    }
    .list_tab li{
        width: 25%;
    }
    .list_tab a{}
    .list_tab a.on{}
}





/*인사말*/

.sub_wrap{}
.sub_img{
    position: relative;
}
.sub_img .ico{position:absolute; top:0px; right:0px;}
.sub_img .pc{display:none;}
.sub_txt{
    padding: 30px 20px;
}
.sub_txt .row1{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.sub_txt .row1 b{
    display: block;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
}
.sub_txt .row2{}
.sub_txt br{display:none;}
.sub_txt .row2 li{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.sub_txt .row2 li:last-child{border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.sub_txt .row2 li b{
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.sub_txt .row2 li span{}

.cer{
    /* text-align: center; */
    /* margin-top: 20px; */
    /* border-top: 1px solid #dedede; */
    /* margin-top: 20px; */
    /* padding-top: 20px; */
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* float: left; */
}
.cer li{border:1px solid #dedede;padding: 18px;width: 264px;margin: 0 auto 10px;}
.cer img{}


@media all and (min-width:768px) {
    .sub_wrap{}
    .sub_img{
        width: 35%;
        float: left;
    }
    .sub_img .pc{display:block;}
    .sub_img .mo{display:none;}
    .sub_txt{
        background: #fff;
        width: 65%;
        /* margin-top: -100px; */
        position: relative;
        padding: 40px 60px;
        float: left;
    }
    .sub_txt .row1{
        font-size: 16px;
        line-height: 1.6;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .sub_txt .row1 b{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .sub_txt .row2{}
    .sub_txt .row2 li{
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .sub_txt .row2 li:after{
        display:block;
        clear:both;
        content:"";

    }
    .sub_txt .row2 li b{
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .sub_txt .row2 li span{
        display: block;
        float: right;
        width: 100%;
    }
    .cer li{width: calc(25% - 15px);
    /* float: left; */
    margin-right: 20px;
    }
    .cer li:last-child{margin-right:0px;}
}

@media all and (min-width:1200px) {
    .sub_wrap{}
    .sub_img{}
    .sub_txt{
        /* margin-top: -150px; */
        /* padding: 110px 90px; */
        margin-bottom: 40px;
    }
    .sub_txt .row1{}
    .sub_txt .row1 b{
        font-size:30px;
    }
    .sub_txt .row2{}
    .sub_txt .row2 li{}
    .sub_txt .row2 li b{
        font-size: 23px;
        width: 350px;
        width: 100%;
    }
    .sub_txt .row2 li span{
        width: calc(100% - 350px);
        width: 100%;
    }
    .cer li{padding:20px 15px}
}

.v_box{
    /* padding-bottom: 50px; */
    background: #f8f8f8;
    padding: 40px 20px;
    /* margin-top: 80px; */
    max-width: 1400px;
    margin: 0 auto;
}
.v_box h3{
    /* font-weight: 700; */
    /* font-size: 18px; */
    /* margin-bottom: 10px; */
    /* max-width: 1200px; */
    /* margin: 0 auto; */
    /* margin-bottom: 7px; */
}
.v_container{
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50%;
    max-width: 1200px;
    margin: 0 auto;
}
.v_container iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
@media all and (min-width:1200px) {

	

.v_box{
    padding: 100px 0px;
    /* padding-bottom: 100px; */
}
.v_box h3{
    /* max-width: 1200px; */
    /* margin: 0 auto; */
    /* font-size: 30px; */
    /* margin-bottom: 10px; */
    /* text-align: center; */
}
.v_container{
    /* max-width: 1200px; */
    /* margin: 0 auto; */
    padding-top: 48%;
}
}




/*인사말 추가*/

.coco-message {
    background: #ffffff;
    color: #111111;
    font-weight: 400;
}

.coco-message .coco-message-inner {
    max-width: 960px;
    margin: 0 auto;
}

.coco-message .coco-message-title {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: -0.03em;
}

.coco-message .coco-message-text {
    /* font-size: 0.95rem; */
    line-height: 1.8;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.coco-message .coco-message-text strong {
    font-weight: 700;
}

.coco-message .coco-message-list {
    margin: 12px 0 16px;
    /* padding-left: 18px; */
    font-size: 0.95rem;
    line-height: 1.8;
    letter-spacing: -0.02em;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.coco-message .coco-message-list li {
    margin-bottom: 4px;
    border: 1px solid #dedede;
    padding: 10px 15px;
    border-radius: 5px;
    border-radius: 50px;
}

.coco-message .coco-message-sign {
    margin-top: 24px;
    font-size: 0.95rem;
    line-height: 1.8;
    font-weight: 400;
}

.coco-message .coco-message-sign span {
    font-weight: 600;
    display: block;
    margin-top: 30px;
}

/* ---------------------------
   Tablet 이상
--------------------------- */