@charset 'utf-8';

#piw_wrapper{width:100%;height:100%;}


/*
================================================================================
»ó´Ü¸Þ´º ½ÃÀÛ
================================================================================
*/
/* ÇÑ´ÜÄÜÅÙÃ÷ À¯µ¿ÀÌ ¾Æ´Ò°æ¿ì */


/*
================================================================================
¿ÞÂʸ޴º ½ÃÀÛ
================================================================================
*/


/*
================================================================================
ÄÄÅÙÃ÷ ½ÃÀÛ
================================================================================
*/


.portf_list{position:relative; width:1220px;z-index:100}
.portf_list:after{display:block;clear:both;content:''}
.portf_list h2 {position:relative; background:#4bcbd8; width:auto; padding:9px 0 8px 15px; font-size:14px; color:#fff;}
.portf_list h2 span {position:absolute; top:10px; right:90px; }
.portf_list h2 span a {text-decoration:underline; font-size:12px; color:#fff;}
.portf_list p{text-align:center; font-size:11px; color:#7d7d7d; letter-spacing:-0.8px}

.leftBox{position:relative;float:left;width:730px}
.rightBox{position:relative;float:right;width:480px}

.portf_list01{position:relative; width:1220px;z-index:100}
.portf_list01:after{display:block;clear:both;content:''}
.portf_list01 h2 {position:relative; background:#c474e7; width:auto; padding:9px 0 8px 15px; font-size:14px; color:#fff;}
.portf_list01 h2 span {position:absolute; top:10px; right:90px; }
.portf_list01 h2 span a {text-decoration:underline; font-size:12px; color:#fff;}
.portf_list01 p{text-align:center; font-size:11px; color:#7d7d7d; letter-spacing:-0.8px}
 
/* Æ÷Æ®Æú¸®¿À ¸ñ·Ï */
.portf_list .bx-controls a{position:absolute;top:0;display:block;width:37px;height:56px;text-indent:-999px;overflow:hidden}
.portf_list .bx-controls .bx-prev{right:36px;background:url('/_public/_img/common/btn_before.png') no-repeat}
.portf_list .bx-controls .bx-next{right:0;background:url('/_public/_img/common/btn_next.png') no-repeat}

/* Æ÷Æ®Æú¸®¿À ¸ñ·Ï */
.portf_list01 .bx-controls a{position:absolute;top:0;display:block;width:37px;height:56px;text-indent:-999px;overflow:hidden}
.portf_list01 .bx-controls .bx-prev{right:36px;background:url('/_public/_img/common/btn_before01.png') no-repeat}
.portf_list01 .bx-controls .bx-next{right:0;background:url('/_public/_img/common/btn_next01.png') no-repeat}


.intro_rolllist {width:235px; height:524px; margin-top:10px; background:#fff;}
.intro_rolllist dt {position:relative;}
.intro_rolllist dt span {display:block; position:absolute; bottom:0; left:0; width:225px; padding:3px 0 3px 10px; background:#000;opacity:0.5;filter:alpha(opacity=50); color:#fff;}
.intro_rolllist dd {margin-top:20px; padding-left:15px; padding-right:12px;}
.intro_rolllist dd span{display:block; height:45px; text-decoration:underline; font-size:14px; font-weight:bold; color:#000;}


.intro_story {margin-top:29px;}

/* ¸ÞÀÎÁ¤¸Æ·ù */
/* ½½¶óÀ̵å */
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;overflow:hidden}
.sliderkit .sliderkit-nav-clip ul li{float:left;width:235px;margin-right:10px;overflow:hidden}
.sliderkit .sliderkit-btn{position:absolute;top:-37px;width:38px;height:37px;cursor:pointer;z-index:20;}
.sliderkit .sliderkit-btn a{display:block;height:37px;}
.portf_list .sliderkit .sliderkit-nav-prev{right:38px;}
.portf_list .sliderkit .sliderkit-nav-next{right:0;}
.portf_list01 .sliderkit .sliderkit-nav-prev{right:38px;}
.portf_list01 .sliderkit .sliderkit-nav-next{right:0;}
.sliderkit .sliderkit-btn-disable{opacity:0.6;cursor:default;}

.sliderkit-nav-clip a{display:block}
.sliderkit .mosaic-block{margin-top:10px;margin-left:10px;width:235px;height:334px;background:#fff}
.sliderkit .mosaic-block:first-child{margin-left:0}
.sliderkit .mosaic-block a{text-decoration:none}
.sliderkit .photo{position:absolute;top:0;left:0;display:block;width:100%;height:160px;overflow:hidden;background:#000;z-index:2}
.sliderkit .positon{position:absolute;top:0;left:0;display:block;padding:3px 10px;width:100%;font-size:11px;color:#fff;background:rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#99000000,endColorStr=#99000000);-ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)';z-index:3}
.sliderkit .con{display:block;padding:10px 15px 30px 15px;font-size:12px}
.sliderkit .tit{display:block;margin:10px 0;font-size:14px;font-weight:bold;text-decoration:underline}
.sliderkit .contxt{display:block;height:95px;overflow:hidden}
.sliderkit .data{display:block;margin-top:5px}
.sliderkit .mosaic-backdrop{width:100%;height:534px;background:#745cb2;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.sliderkit .plus{position:absolute;top:50px;left:120px;width:0;z-index:3}


/*General Mosaic Styles*/
.mosaic-block {float:left;position:relative;overflow:hidden;width:100%;height:100%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.mosaic-backdrop {display:none;position:absolute;top:0;height:100%;width:100%;}
.mosaic-overlay {display:none;z-index:5;position:absolute;left:0;width:100%;height:190px;}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.fade .mosaic-overlay {opacity:0;background:rgba(0, 0, 0, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#99000000,endColorStr=#99000000);-ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)';border-top:2px solid #7d7d7d;}

.bar .mosaic-overlay {bottom:-10px;}
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }



.visual_slide{position:relative;height:866px;overflow:hidden}
.slide_img{width:100% !important}
.slide_img li{width:100% !important;height:866px !important;text-align:center;background:#000}
.slide_img li img{}
.visual_slide .contral{position:absolute;right:20px;bottom:20px;z-index:20}
.visual_slide .contral a{display:inline-block;margin:0 1px;}

.site_link {position:absolute; top:204px; left:50%; margin-left:-168px; z-index:1000;}
#piw_sub_container {width:970px; margin:0 auto;}
#content {float:left; width:725px; min-height:1010px; background:#fff;}
#right_ban {float:right; width:235px;}
.location {padding-top:20px; padding-left:20px;}
.location li {display: inline-block; background:url('/_public/_img/common/bg_div_menu.gif') no-repeat; margin: 0 5px 0 0; padding: 0;}
.location li a {display: block; height: 18px; padding: 3px 17px 3px 10px; background:url('/_public/_img/common/bg_a_menu.gif') top right no-repeat; text-decoration: none; font-size: 11px;  color: #555;}
.view_cont dt {position:relative; margin-top:35px;padding:0 0 0 20px; font-weight: bold; font-size: 18px; color: #333;}
.writer {display:block; font-size:13px; font-weight:normal; margin-top:25px;}
.check {position:absolute; bottom:0; right:20px; font-size:12px; font-weight:normal;}
.view_cont dd {padding:30px 20px;}
.view_right_list {height:325px; padding-left:17px; background:#745cb2;}
.view_right_list dt {padding-top:37px; padding-bottom:33px;  font-size:18px; font-weight:bold; color:#fff;}
.view_right_list dd {line-height:220%;font-size:13px; color:#fff;}
.view_ban {margin-top:9px;}
.page_num {text-align:center; margin-top:20px;}
.page_num li {display:inline-block; margin-left:5px;}
.page_num li:first-child {margin-left:-20px;}
.page_num li a {text-decoration:none; color:#fff;}


.link_site {position:relative; width:100%;height:98px; background:#000; opacity:0.6;filter:alpha(opacity=60); z-index:15;}
.link_site ul {width:740px; margin:0 auto;}
.link_site li {float:left;}