@charset "utf-8";
body{min-width:1200px !important;min-height:100%;}
.wrapper {overflow:hidden;position:relative;padding:0 40px 0 280px;box-sizing:border-box;}
.wrapper.login{padding:0;background:url(../images/contents/pc_login_bg.jpg) no-repeat 50% 0;border:0;}
.contents{padding:25px 0 50px;}

/* °ψΕλ */
.pc_view {display:block !important;}
.pc_hidden {display:none !important;}

.wrapper header{position:fixed;left:0;top:0;bottom:0;width:240px;min-height:740px;height:100%;background:#13427a url(../images/default/pc_lnb_emblem.jpg) no-repeat 100% 100%;z-index:20;}
header h1{padding:24px 24px 20px;width:124px;border-bottom:1px solid #5a7ba2;}
header h1 span{display:block;position:relative;margin:5px 0 0;padding:0 0 52px;background:url(../images/default/pc_icon_home.png) no-repeat 50% 100%;font-weight:600;font-size:28px;color:#fff;line-height:1em;text-align:center;}
header nav{margin:20px 0 0;}
header nav li{padding:0 25px;line-height:46px;font-weight:600;font-size:18px;color:#fff;text-align:left;}
header nav li:hover{background:rgba(255,255,255,0.1) url(../images/default/pc_lnb_arrow.png) no-repeat 100% 50%;}
header nav li .submenu{display:none;position:absolute;left:240px;top:0;bottom:0;width:190px;background:url(../images/default/pc_lnb_bg.jpg) no-repeat;background-size:190px;z-index:15;}
header nav li .submenu .bg{position:absolute;left:0;top:0;bottom:0;width:190px;height:100%;background:rgba(0,0,0,0.6);}
header nav li:hover .submenu{display:block;}
header nav li ul{display:none;position:absolute;left:0;top:198px;width:190px;z-index:15;}
header nav li ul.submenu1{}
header nav li ul.submenu2{margin:41px 0 0;}
header nav li ul.submenu3{margin:82px 0 0;}
header nav li ul.submenu4{top:10px;}
header nav li:hover ul{display:block;}
header nav li ul li{padding:0 20px;font-size:14px;}
header nav li ul li:hover{background-size:24px;}
header nav li ul li a{display:block;line-height:41px;}
header nav li ul li a.line2{line-height:1.5em;}
header nav li a{display:block;}
header nav .cs{margin:50px 0 0;padding:15px 25px 10px;background:#171717;}
header nav .cs dl{padding:0 0 0 50px;background:url(../images/default/icon_gnb_cs.png) no-repeat 0 50%;background-size:40px;}
header nav .cs dl dt{margin:0 0 0;font-size:11px;color:#bababa;line-height:1.5em;text-align:left;}
header nav .cs dl dd{font-weight:600;font-size:20px;color:#3c3c3c;line-height:1.5em;text-align:left;}

.user{float:right;display:inline-block;height:20px;margin:24px 0 30px;padding:0 0 0 25px;font-weight:600;color:#555;font-size:12px;background:url(../images/default/pc_icon_user.gif) no-repeat 0 50%;text-align:right;}
.user span{display:inline-block;margin:0 10px 0 0;}
.user:after{clear:both;display:block;content:'';}

.header_tit hgroup h2{float:left;display:inline-block;margin:0 0 25px;text-align:left;font-size:25px;line-height:1em;}
.quick_icon{float:right;display:inline-block;}
.quick_icon li{display:inline-block;overflow:hidden;margin:0 0 0 7px;}
.quick_icon li a{display:block;width:31px;height:31px;background:url(../images/default/pc_icon_quick.gif) no-repeat;text-indent:-100px;}
.quick_icon li a.notice{background-position:0 0;}
.quick_icon li a.manual{background-position:0 100%;}
.quick_icon:after,
.header_tit:after{clear:both;display:block;content:'';}

.select_date{padding:20px 0;}
.select_date .flexslider{display:block;width:680px;margin:0 auto;}
.select_date .flexslider .slides>li>ul>li:hover a{background:#c22126;}
.select_date .flexslider .slides>li>ul>li a{width:70px;height:56px;padding:14px 0 0;line-height:1.5em;}
.select_date .flex-direction-nav a{width:20px;height:48px;margin:-24px 0 0;background:url(../images/btn/pc_arrow_date_select.png) no-repeat;background-size:40px;}

.comment .regi_comment{height:102px;padding:0 100px 0 120px;border:1px solid #ccc;box-sizing:border-box;}
.comment .regi_comment .tit{position:absolute;left:0;top:0;width:120px;background:#eee;line-height:100px;}
.comment .regi_comment textarea{border-bottom:0;border-top:0;min-height:100px;}
.comment .regi_comment button{width:100px;height:100px;line-height:100px;}

.smry{margin:0 0 15px;}
.smry h1{font-size:24px;}
.smry li{font-size:18px;}

.att_state.btn4{float:left;}
.att_state.btn4 button{width:90px;}
.att_icon{float:right;margin:15px 0;}
.att_icon li a{width:40px;height:40px;}

.thumb_att ul{}
.thumb_att li{width:15.5%;margin:0 1.4% 15px 0;}
.thumb_att li:nth-child(even){float:left;margin:0 1.4% 15px 0;}
.thumb_att li:nth-child(6n){margin:0 0 15px;}

.guide_att hgroup h1{font-size:16px;}
.guide_att hgroup h1 em{display:inline-block;margin:0 4px 0 0;}

/* login */
.wrapper.login .contents{position:relative;width:480px;margin:150px auto;box-sizing:border-box;}
.wrapper.login .contents .phone{position:absolute;left:0;top:0;}
.login_area .login{width:420px;}
.login_area .login h2{width:254px;}
.user_info{padding:0 100px 0 0;}
.user_info dl dt{line-height:40px;}
.user_info button{width:87px;height:87px;line-height:94px;}
.guide{padding:0 0 0 63px;}
.guide dt,
.guide dd{font-size:13px;}
.quick li .icon{width:84px;height:70px;}
.quick li .icon .quick2{margin:-70px 0 0;}
.quick li .icon .quick3{margin:-140px 0 0;}
.quick li .icon .quick4{margin:-210px 0 0;}

/* footer */
footer{text-align:center;}
footer nav li{float:none;padding:0 14px 0 0;margin:0 0 0 12px;}
.popup{padding:40px 40px 40px 280px;box-sizing:border-box;}
.popup .con_popup_area{width:560px;margin:0 auto;}
.popup .con_popup_area hgroup .quick_icon{margin:10px 0 0;}
.popup .con_popup_area hgroup h1{float:left;display:inline-block;font-size:32px;}
.popup .con_popup_area .con_popup{min-height:500px;}
.popup .con_popup_area .btn_area.btn2,
.popup .con_popup_area .btn_area.btn3{text-align:center;}
.popup .con_popup_area .con_popup .att_state .btn{width:100%;}