@charset "utf-8";


#contents {transition:none !important;}
.card_summ {width:100%; height:auto; min-height:500px; padding:40px 0 130px 0;  position:relative;} 
.card_summ.type2 h2 {font-size:21px; line-height:26px; font-weight:600; color:#1e1e1e; text-align:center;}
.card_slide {position:absolute; left:50%; top:40px;}
.card_slide .slider {width:490px; overflow:hidden;}
.card_slide .slider .bx-wrapper .bx-viewport {max-width:390px !important; margin:0 auto; /* overflow:hidden; */}
.card_slide .slider ul {width:20000px;}
.card_slide .slider ul li {float:left !important; width:100%;}
.card_slide .slider ul li img {max-width:390px !important;}
.card_slide .slider .wrapper {width:390px; height:90px; margin:0 auto; position:relative; overflow:hidden;}


/*여기아래가문제*/

.card_slide .slider #bx-pager {position:absolute; left:0; top:0; width:10000px;}
.card_slide .slider #bx-pager a {float:left; width:90px; height:90px; background:#000; margin-right:10px; z-index:89; overflow:hidden; position:relative;}
.card_slide .slider #bx-pager a img {display:block; width:90px; position:absolute; left:0; top:0; z-index:1;
-moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}
.card_slide .slider #bx-pager a.active {border:3px solid #f68b1f; width:84px; height:84px;}
.card_slide .slider #bx-pager a.active img {width:90px; left:-3px; top:-3px;
-moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; opacity:1; filter:alpha(opacity=100);}
.card_slide .bx-wrapper .bx-prev {left:-35px; background:url(/kor/images/card_list_prevbtn.png) no-repeat center 50%;}
.card_slide .bx-wrapper .bx-next {right:-35px; background:url(/kor/images/card_list_nextbtn.png) no-repeat center 50%;}


.card_slide #slide-counter {max-width:580px; margin:10px auto; font-size:14px; text-align:right; color:#7d7d7b;}
.card_slide #slide-counter strong {color:#202020;}
.card_summ .card_text {padding:0 40px 0 490px}
.card_summ .card_text h2.title {font-size:26px; color:#1e1e1e; font-weight:600; margin:0 0 20px 0;}
.card_summ .card_text h2.title span {display:inline-block; vertical-align:top; background:#017eba; color:#fff; font-weight:normal; padding:5px 10px; margin-bottom:5px; font-size:16px; line-height:18px; text-align:center;}
.card_summ .card_text h2.title strong {display:block;}
.card_summ .card_text .txt p {font-size:14px; line-height:21px; margin:0 0 20px 0;}
.card_summ .card_text .txt p.strong {font-size:18px; line-height:23px; font-weight:600; color:#1e1e1e;}
.card_summ .card_text .date {margin:0;}
.card_summ .btn {position:absolute; left:0; bottom:40px; width:100%; text-align:center;} 
.card_summ .btn a {display:inline-block; vertical-align:top; background:#6c6e73; color:#fff; text-align:center; 
padding:8px 25px; font-size:14px; margin-left:5px; /* overflow:hidden; */
-moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.card_summ .btn a:first-child {background:#5c626d; margin-left:0;} 
.card_summ .btn a:hover, .card_summ .btn a:active {text-decoration:underline;}
.card_summ .txt2 {width:100%; height:auto; margin-top:30px;}
.card_summ .txt2 p {margin-top:10px; line-height:18px;}
.card_list {width:100%; height:auto; margin:40px 0 0 0; padding-bottom:20px; border-bottom:1px solid #d1d1d1;}
.card_list:after {content:""; display:block; clear:both;}
.card_list li {float:left; width:23.5%; margin-left:2%; margin-bottom:15px; position:relative;}
.card_list li:first-child {margin-left:0;}
.card_list li + li + li + li + li {margin-left:0;}
.card_list li + li + li + li + li + li {margin-left:2%;}
.card_list li a {display:block; overflow:hidden; border:1px solid #d1d1d1;}
.card_list li a .title {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:#000; color:#fff; font-size:16px; line-height:22px; text-align:center;
-webkit-transition: all .3s ease; transition: all .3s ease;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
.card_list li a .title span {display:inline-block; vertical-align:middle; padding:0 15px 0 15px; max-height:66px; overflow:hidden;}
.card_list li a span.count {display:inline-block; vertical-align:top; padding:5px 5px 5px 20px; position:absolute; right:1px; bottom:1px; z-index:5; background:#000 url(../images/list/card_list_cntbg.png) no-repeat 5px 50%; color:#fff;
-moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
.card_list li a img {display:block; width:100%; margin:0 auto;}					
.card_list li a:hover .title, .card_list li a:active .title {
-moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);} 


/*여기위가문제*/

.card_summ.type1 {width:100%; height:auto; min-height:700px; padding:40px 0 130px 0; ; position:relative;} 
.card_summ.type1 .card_slide {position:absolute; left:50%; top:40px;margin-left:-370px}
.card_summ.type1 .card_slide .slider {width:740px; overflow:hidden;}
.card_summ.type1 .card_slide .slider .bx-wrapper .bx-viewport {max-width:600px !important; margin:0 auto; }
.card_summ.type1 .card_slide .slider ul {width:20000px;}
.card_summ.type1 .card_slide .slider ul li {float:left !important;}
.card_summ.type1 .card_slide .slider ul li img {max-width:600px !important;}
.card_summ.type1 .card_slide .slider .wrapper {width:600px; height:90px; margin:0 auto; position:relative; overflow:hidden;}
.card_summ.type1 .card_text {margin:780px 0 0 0; padding:0 50px}




.card_summ.type2 {min-height:10px; width:auto; padding:40px 12.5% 40px 12.5%;}
.card_summ.type2 .card_slide {position:relative; left:auto; top:auto;}
.card_summ.type2 .card_slide .slider {width:auto; overflow:visible} 
.card_summ.type2 .card_slide .slider .bx-wrapper .bx-viewport {max-width:100% !important;}
.card_summ.type2 .card_slide #slide-counter {max-width:100%;}
.card_summ.type2 .btn {left:auto; top:0; position:relative; margin-top:40px;}
.card_summ.type2 .bx-wrapper .bx-prev {left:-10%;}
.card_summ.type2 .bx-wrapper .bx-next {right:-10%;}
.card_summ.type2 .card_slide .slider ul li img {max-width:100% !important;} 

.card_summ.type3 {min-height:10px; width:auto; padding:0 0 40px 0;}
.card_summ.type3 .card_slide {position:relative; left:auto; top:auto;}
.card_summ.type3 .card_slide .slider {width:auto; overflow:visible} 
.card_summ.type3 .card_slide .slider .bx-wrapper .bx-viewport {max-width:100% !important; border-bottom:5px solid #fff; height:auto !important;}
.card_summ.type3 .card_slide #slide-counter {max-width:98%; margin-right:2%;}
.card_summ.type3 .btn {left:auto; top:0; position:relative; margin-top:40px;}
.card_summ.type3 .bx-wrapper .bx-prev {left:4%; width:54px; height:54px; margin-top:-27px; background:#a9acae url(../images/list/card_list_prevbtn2.png) no-repeat center 50%; overflow:hidden;
-moz-border-radius:27px; -ms-border-radius:27px; -o-border-radius:27px; -webkit-border-radius:27px; border-radius:27px;
-webkit-transition: all .2s ease; transition: all .2s ease;
-moz-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}
.card_summ.type3 .bx-wrapper .bx-next {right:4%; width:54px; height:54px; margin-top:-27px; background:#a9acae url(../images/list/card_list_nextbtn2.png) no-repeat center 50%; overflow:hidden;
-moz-border-radius:27px; -ms-border-radius:27px; -o-border-radius:27px; -webkit-border-radius:27px; border-radius:27px;
-webkit-transition: all .2s ease; transition: all .2s ease;
-moz-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}
.card_summ.type3 .bx-wrapper .bx-prev:hover, .card_summ.type3 .bx-wrapper .bx-prev:active {-moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
.card_summ.type3 .bx-wrapper .bx-next:hover, .card_summ.type3 .bx-wrapper .bx-next:active {-moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
.card_summ.type3 .card_slide .slider ul li img {width:100%; max-width:100% !important;} 
.card_summ.type3 .card_slide .slider #bx-pager a img {height:106%;}
 
 .card_slide .slider ul.event li img {cursor:pointer;}
#photo_layer {width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#photo_layer .photo {width:100%; max-width:1100px; margin:100px auto 0 auto; position:relative; z-index:10;}
#photo_layer .photo img {display:block; width:100%; margin:0 auto;}
#photo_layer .photo .close_btn {display:block; width:54px; height:54px; background:#212121 url(/web/images/info/photo_layer_btn.jpg) no-repeat center 50%; position:absolute; right:0; top:0; z-index:20; text-indent:-9999px;}
#photo_layer .blind {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000;
-moz-opacity:0.7; -ms-opacity:0.7; -o-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);}


@media all and (max-width:1023px){
#photo_layer .photo {max-width:94%; margin:80px auto 0 auto;}
}


@media all and (max-width:1000px){

}


@media all and (max-width:840px){
.card_summ {padding:30px 10%; width:auto;}
.card_slide {position:relative; left:auto; top:auto; width:auto;margin-left:0}	
.card_slide .slider {width:100%;}
.card_slide .slider .bx-wrapper .bx-viewport {max-width:100% !important;}
.bx-wrapper .bx-prev {left:-9%;}
.bx-wrapper .bx-next {right:-9%;}
.card_slide #slide-counter {max-width:100%;}
.card_slide .slider ul li img {max-width:100% !important;}
.card_summ .card_text {padding:0;margin:0}	
.card_summ .card_text h2.title {text-align:center;}
.card_summ .card_text h2.title span {margin:0 auto 5px auto;}
.card_summ .card_text .txt {display:none;}
.card_summ .card_text .date {display:none;}
.card_summ .btn {position:relative; top:0; margin-top:30px;}

.card_summ.type2 .btn {margin-top:30px;} 
#photo_layer .photo {margin:70px auto 0 auto;}



.card_summ.type1 {padding:30px 10%; width:auto;}
.card_summ.type1 .card_slide {position:relative; left:auto; top:auto; width:auto;margin-left:0}	
.card_summ.type1 .card_slide .slider {width:100%;}
.card_slide .slider .bx-wrapper .bx-viewport {max-width:100% !important;}
.card_summ.type1 .card_slide .slider ul li img {max-width:100% !important;}
.card_summ.type1 .card_text {padding:0;margin:0}


}


@media all and (max-width:768px){
.card_summ {margin:20px 15px; min-height:10px; padding:30px 8%;}	
.card_slide .slider .wrapper {width:310px; height:70px;}	
.card_slide .slider #bx-pager a {width:70px; height:70px;}
.card_slide .slider #bx-pager a.active {width:66px; height:66px; border:2px solid #f68b1f;}	
.card_slide .slider #bx-pager a img {width:70px;} 
.card_slide .slider #bx-pager a.active img {left:-2px; top:-2px; width:70px;}
.bx-wrapper .bx-controls-direction {display:none;}
.card_summ .card_text h2.title {font-size:24px;}
.card_summ .card_text h2.title span {font-size:14px;}
.card_list {width:auto; margin:20px 15px 0 15px; border-bottom:0; padding-bottom:0;}
.card_list li {float:none; width:auto; margin-bottom:0; margin-left:0 !important; border-bottom:1px solid #e0e0e0;}
.card_list li a {border:0;}
.card_list li a .title {position:relative; left:auto; top:auto; width:auto; height:auto; color:#444; background:url(../images/list/card_list_bul.gif) no-repeat 5px 19px; text-align:left; font-size:14px; padding:10px 0 10px 15px;
-webkit-transition:none; transition:none;
-moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; opacity:1; filter:alpha(opacity=100);}
.card_list li a .title span {padding:0; margin-top:0 !important; vertical-align:top; width:auto; max-height:none; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.card_list li a span.count {display:none;}
.card_list li a img {display:none;}
.card_list li a:hover .title, .card_list li a:active .title {-moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; opacity:1; filter:alpha(opacity=100);} 

.card_summ.type2 {margin:20px 15px; min-height:10px; padding:30px 8%;}



.card_summ.type1 {margin:20px 15px; min-height:10px; padding:30px 8%;}	
.card_summ.type1 .card_slide .slider .wrapper {width:310px; height:70px;}	
.card_summ.type1 .card_text h2.title {font-size:24px;}

}


@media all and (max-width:480px){
.card_slide .slider .wrapper {width:230px; height:50px;}	
.card_slide .slider #bx-pager a {width:50px; height:50px;}
.card_slide .slider #bx-pager a.active {width:46px; height:46px;}	
.card_slide .slider #bx-pager a img {width:50px;} 
.card_slide .slider #bx-pager a.active img {width:50px;}
.card_summ .card_text h2.title {font-size:22px;}
.card_summ .card_text h2.title span {font-size:13px;}
.card_summ .btn {margin-top:20px;}

.card_summ.type2 .btn {margin-top:20px;}
}