@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 공통 */
#wrap{width:100%;}

#header{width:100%; height:133px; background:url("/data/pccs/images/header_back.jpg") repeat-x; position:fixed; top:0; left:0; z-index:999;}
#contents{width:100%; padding-top:133px;}
#footer{width:100%; height:250px; background:black;}

.header{width:1024px; height:133px; margin:0 auto; background:url("/data/pccs/images/header_back.jpg") repeat-x; color:white;}
.footer{width:1024px; height:190px; padding-top:60px; margin:0 auto; background:black;}

/* 헤더 */
.header_top{height:35px; padding-bottom:1px;}
.header_top ul{float:right; padding:7px 0;}
.header_top ul li{float:left; margin-left:10px;}

.header_bottom{height:80px; padding-top:17px; position:relative;}
.header_bottom h1{float:left;}
.header_bottom .gnb{float:left; position:relative;}
.header_bottom .gnb a{color:white; display:block;}
.header_bottom .gnb .gnb_menu{float:left; padding:8px 0 25px 0; margin-left:30px; cursor:pointer;}
.header_bottom .gnb .gnb_menu:hover{padding:8px 0 23px 0; border-bottom:2px solid red;}
.header_bottom .gnb .gnb_menu.present{padding:8px 0 23px 0; border-bottom:2px solid red;}
.header_bottom .gnb .gnb_menu:first-child{margin-left:30px;}
.header_bottom .gnb .gnb_menu .gnb_sub{position:absolute; top:46px; display:none;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_01{left:30px;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_02{left:0;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_03{left:175px;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_04{left:15px;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_05{left:55px;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_06{right:45px;}
.header_bottom .gnb .gnb_menu .gnb_sub.gnb_sub_07{right:0;}
.header_bottom .gnb .gnb_menu .gnb_sub li{float:left; margin-right:20px; line-height:34px;}
.header_bottom .gnb .gnb_menu .gnb_sub li:last-child{margin-right:0;}
.header_bottom .gnb .gnb_menu .gnb_sub li a{color:black;}
.header_bottom .gnb .gnb_menu .gnb_sub li a:hover{font-weight:bold;}
.header_bottom .gnb .gnb_menu .gnb_sub li a.current{font-weight:bold;}

/* 메인 로그인 박스 */
.header_bottom .login_box{padding:25px 30px 30px 30px; background:white; box-sizing:border-box; width:310px; position:absolute; right:0; top:63px; box-shadow:3px 3px 20px black; display:none;}

.header_bottom .login_box h2{font-size:23px; padding-bottom:25px; color:black;}

.header_bottom .login_box .login_info{width:100%; overflow:hidden;}
.header_bottom .login_box .login_info div{width:166px; float:left;}
.header_bottom .login_box .login_info div input{width:166px; border:0 none; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background:#f8f8f8; height:37px; box-sizing:border-box; padding-left:10px;}
.header_bottom .login_box .login_info div input:last-child{border-bottom:1px solid #dbdbdb; height:38px;}
.header_bottom .login_box .login_info a img{float:left;}

.header_bottom .login_box .search_info{width:100%; overflow:hidden; padding-top:15px;}
.header_bottom .login_box .search_info a.left{float:left; color:#3a3a3a;}
.header_bottom .login_box .search_info a.right{float:right; color:#ff3636; font-weight:600;}

.header_bottom .login_box label{color:black; position:absolute; top:31px; right:30px;}
.header_bottom .login_box label input[type="checkbox"]{margin-right:5px;}

/* 메인 로그아웃 박스 */
.header_bottom .logout_box{padding:25px 30px 30px 30px; background:white; box-sizing:border-box; width:310px; position:absolute; right:0; top:63px; box-shadow:3px 3px 20px black; display:none;}

.header_bottom .logout_box h2{font-size:18px; padding-bottom:15px; color:black; text-align:center;}

.header_bottom .logout_box .profile_img{width:100px; height:100px; margin:0 auto 15px auto; border:1px solid #dbdbdb; border-radius:50px; overflow:hidden;}
.header_bottom .logout_box .profile_img img{width:100%; height:100%;}

.header_bottom .logout_box ul li{width:100%; text-align:left; box-sizing:border-box; margin-bottom:6px; height:38px;}
.header_bottom .logout_box ul li:first-child{font-weight:600; line-height:38px; background:#ff3636 url("/data/pccs/images/login_li_icon_01.png") no-repeat 55px center;}
.header_bottom .logout_box ul li:nth-child(2){border:1px solid #dbdbdb; font-weight:400; line-height:36px; background:url("/data/pccs/images/login_li_icon_02.png") no-repeat 55px center;}
.header_bottom .logout_box ul li:last-child{border:1px solid #dbdbdb; margin-bottom:0; line-height:36px; background:url("/data/pccs/images/login_li_icon_03.png") no-repeat 55px center;}
.header_bottom .logout_box ul li:first-child a{color:white;}
.header_bottom .logout_box ul li a{color:black; display:block; padding-left:95px;}


.header_search{width:160px; float:right;}
/*.header_search{width:250px; padding-left:85px; float:left;}*/
.header_search input{width:126px; border:0 none; padding-left:10px; height:29px; background:url("/data/pccs/images/header_input.png") no-repeat; color:white;}
.header_search input::placeholder{font-size:12px; letter-spacing:-0.5px;}

/* 푸터 */
.footer h1{padding-top:35px; float:left;}
.footer_site{padding-left:30px; float:left; color:#727272;}
.footer_site p{color:#afafaf; font-weight:600; font-size:14px;}
.footer_site p a{color:#afafaf;}
.footer_site p a span{color:red;}
.footer_site ul{padding:25px 0 20px 0;}
.footer_site ul li{line-height:20px;}


.main_ad {width:1000px; height:250px; margin-bottom:10px; text-align:center;}