@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{border-radius:0;vertical-align:middle;}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none}
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button{letter-spacing:0}
a{color:#222;text-decoration:none}
a:hover{color:#118eff;text-decoration:underline}
a:active{background-color:transparent}

#header-wrap {position:relative;min-width:1180px;}
.header {width:100%;height:40px;background-color:#fafafa;margin:0 auto;}
.header .header-inner {width:1180px;height:50px;margin:0 auto;}
.header .header-inner .header-logo {padding:12px 0 0 8px;float:left;}

.header .header-inner ul.user-box {height:20px;float:right;line-height:16px;margin-top:14px;margin-right:4px;}
.header .header-inner ul.user-box li {float:left;letter-spacing:0;margin-left:2px;}
.header .header-inner ul.user-box li img {margin-right:2px;}
.header .header-inner ul.user-box li.user-id-input input, .header .header-inner ul.user-box li.user-passwd-input input {width:100px;height:18px;margin-right:2px;font-size:12px;padding:0 2px;}
.header .header-inner ul.user-box li a {font-size:12px;color:#8b8c90;}

.header .header-inner .user-box .user-login-id {line-height:22px;}

.menu-wrap {width:100%;height:85px;background-color:#393939;}
.menu-wrap ul.menu-box {margin:0 auto;width:1180px;}
.menu-wrap ul.menu-box li {float:left;}
.menu-wrap ul.menu-box li.menu-unit {}

.contents-wrap {width:100%;}
.container {width:1180px;margin:0 auto;margin-top:30px;}

.container .navi {float:left;width:220px;min-height:600px;}
.container .navi .banner-kakao {margin-bottom:20px;}

.container .contents-navi {float:left;width:940px;margin:0 auto;min-height:500px;padding-left:20px;}
.container .contents-navi .main_img_01 {margin-bottom:20px;}

.container .contents {width:1180px;margin:0 auto;margin-top:30px;}
.container .contents .navi {width:200px;min-height:600px;background-color:#eee;float:left;}
.container .contents .navi-contents {width:860px;float:left;margin-left:20px;}

.container .contents_navi {}

.footer {margin-top:40px;height:80px;border-top:1px #ccc solid;background-color:#eee;}

.page-button {float:left;}
.page-bottom .search-box {float:left;margin-top:20px;margin-left:10px;line-height:24px;}
.page-bottom .search-box input {height:20px;}
.page-bottom .search-box select {height:24px;}

/* 페이징 */
.page-ctl {float:right;margin-top:20px;}
.page-ctl ul li {float:left;border-top:1px #ededed solid;border-bottom:1px #ededed solid;border-left:1px #ededed solid;font-size:10px;}
.page-ctl ul li:last-child {border-right:1px #ededed solid;}
.page-ctl ul li a {padding:7px 12px;display:table;}
.page-ctl ul li a.on {color:#fff;background-color:#999999;}