@charset "UTF-8";

/* Base */
body{padding-top:0}

/* Sticky header */

.page-header{float:left;background-color: rgb(255, 255, 255);width: 100%}
.page-header #topBtn2{display:none}
.no-boxshadow .page-header{border-bottom:1px solid rgb(204, 204, 204)}
.page-header > .inner{margin:auto;width:960px}

/* Logo */
.site-logo{font-size:100%;float:left;margin-left:-20px}

/* Primary nav */
.primary-nav{float:right;line-height:65px;letter-spacing:1px;text-transform:uppercase}
.primary-nav li{float:left}
.primary-nav a{display:block;padding:0 1.36em}
.primary-nav a:hover{background-color:rgb(240, 240, 240)}

/* Sticky header (clone) */
.page-header-clone{background-color:rgb(255, 255, 255, .8);opacity:1;position:fixed;top:-110px;width:100%;z-index:3000;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
-webkit-transition: top 0.25s;
		transition: top 0.25s;
}
.page-header-clone > .inner{margin:auto;width:auto}
.page-header-clone.visible{top:0}
.page-header-clone:hover{opacity:1}
.page-header-clone .site-logo{margin-left:8px}
.page-header-clone .site-logo a{display:block;width:143px;height:32px;overflow:hidden}
.page-header-clone .site-logo a:before{content:url('../img/logo-small.png');display:inline-block}
.page-header-clone .primary-nav{font-size:14px;line-height:35px}
.page-header-clone .primary-nav a{color:rgb(128, 128, 128)}


/* Page Header Clone */
.page-header-clone .hd_con{width:1200px;margin:0 auto;position:relative;background:#fff}
.page-header-clone .h-group{float:left;margin:10px 0;width:100%;height:29px}
.page-header-clone h2{height:auto !important;line-height:150% !important;margin-top:0 !important;font-size:1.7em}
.page-header-clone h2 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:30px}
.page-header-clone h3{clear:both;font-size:1.8em;color:#000;line-height:150%;font-family:'NanumGothic';font-weight:400;margin-bottom:20px}
.page-header-clone .view_top{float:left;width:100%;padding:10px 0}
.page-header-clone .view_top ul li{float:left}
.page-header-clone .view_top .rpy_num{float:left;background:url('../img/rpy_tag.png') no-repeat;height:24px;line-height:24px;margin-right:5px;width:74px;padding-right:5px;text-align:center;font-size:.9em;}
.page-header-clone .view_top .rpy_num em{color:#1c9ded}
.page-header-clone .view_top_left{float:left;width:50%;margin-top:1px}
.page-header-clone .view_top_right{float:right;padding-right:55px}
.page-header-clone .view_top_right .date{float:left;color:#444;height:26px;line-height:26px}
.page-header-clone .view_top_right .function_gp{float:left}
.page-header-clone .function_gp{border:1px solid #ccc;margin-left:10px}
.page-header-clone .function_gp li{border-left:1px solid #ccc;}
.page-header-clone .function_gp li:first-child{border:0}
.page-header-clone .sns_gp li{margin-right:5px}
.page-header-clone .sns_gp li img{vertical-align:middle}
.page-header-clone .view_con{float:left;padding-top:20px;width:100%;color:#444;margin-bottom:30px;font-size:1.2em;line-height:32px}
.page-header-clone .view_con .img_con{width:678px;margin:0 auto;}
.page-header-clone .view_con .img_con img{width:678px;height:451px;text-align:center}
.page-header-clone .view_con .img_con p{font-size:14px;line-height:22px;letter-spacing:-0.05em;color:#444;margin-top:15px;margin-bottom:15px}
.page-header-clone .view_top_left{margin-bottom:0}
.page-header-clone .view_top_right{margin-bottom:0}
.page-header-clone #topBtn2{display:block}


/* 풀사이즈 화면 조정 */
@media screen and (max-width:1580px){
.page-header-clone{float:left;width:100%}
.page-header-clone .hd_con{float:left;width:100%;padding:0 20px}
.page-header-clone{top:-110px}
}

@media screen and (max-width:900px){
.page-header-clone .view_top_left{width:45%}
.page-header-clone{top:-110px}
}

@media screen and (max-width:800px){
.page-header-clone .view_top_left{width:100%}
.page-header-clone .view_top_right{float:left;width:100%}
.page-header-clone{top:-145px}
.page-header-clone .view_top_left{margin-bottom:10px}
.page-header-clone .view_top .top-btn li{width:100%}
.page-header-clone #topBtn2{float:right;bottom:0px;right:0px}
.page-header-clone .view_top_right{padding-right:0}
}

@media screen and (max-width:480px){
.page-header-clone .hd_con{display:none}
}