@charset "utf-8";

/*스크롤 영역*/
body::-webkit-scrollbar {display:none}
body {-ms-overflow-style:none}

body {min-width:1280px}

/*헤더 영역*/
header {margin:0 auto; width:1280px; height:122px; background:#fff}
header .top_util {position:relative; width:1280px; height:36px}
header .top_util ul {text-align:right}
header .top_util ul li {display:inline-block; padding:6px 2px}
header .top_util ul li a {display:block; background:url(../img/ir_btn_1.png)no-repeat; width:22px; height:22px; transition:all 0.1s}
header .top_util ul li:nth-child(1) a {background-position:0 0}
header .top_util ul li:nth-child(2) a {background-position:-42px 0}
header .top_util ul li:nth-child(3) a {background-position:-84px 0}
header .top_util ul li:nth-child(3) {padding-right:0}
header .top_util ul li:nth-child(1) a:hover {background-position:-21px 0}
header .top_util ul li:nth-child(2) a:hover {background-position:-63px 0}
header .top_util ul li:nth-child(3) a:hover {background-position:-105px 0}
header .top_logo {float:left; width:300px; height:87px}
header .top_logo a {display:block; margin-top:18px}
header .main_menu {float:left; width:900px; height:87px}
header .main_menu > ul {text-align:right}
header .main_menu > ul > li {position:relative; display:inline-block}
header .main_menu > ul > li > a {display:block; font-size:20px; font-weight:400; padding:22px 40px; color:#212121}
header .main_menu ul li:after {content:""; position:absolute; bottom:10px; right:0; width:100%; border-bottom:solid 4px #212121; transform:scaleX(0); transition:transform 150ms ease-in-out}
header .main_menu ul li:nth-child(1):after {right:20%; width:60%}
header .main_menu ul li:nth-child(2):after {right:20%; width:60%}
header .main_menu ul li:nth-child(3):after {right:20%; width:60%}
header .main_menu ul li:nth-child(4):after {right:25%; width:50%}
header .main_menu ul li:nth-child(5):after {right:20%; width:60%}
header .main_menu ul li:nth-child(6):after {right:20%; width:60%}
header .main_menu ul li:hover:after {transform:scaleX(1)}
header .sch {float:left; position:relative; width:80px; height:87px}
header .sch > a.sch_bar {position:absolute; top:26px; right:0; background:#fff url(../img/sch_bar.png)no-repeat; width:22px; height:22px}
header .sch_form {display:none; position:absolute; top:100px; left:0; width:100%; height:116px; background:#f8f8f8; z-index:16}
header .sch_form:before {content:""; position:absolute; top:-13px; right:314; background:url(../img/top_arrow.png)no-repeat; width:35px; height:18px}
header .sch_edit {margin:31px 0 0 410px; padding-left:20px; background:#fff; font-size:18px; border:1px solid #e4e4e4; width:1037px; height:48px}
header input[type="button"] {position:absolute; top:30px; color:#fff; font-size:18px; font-weight:500; background:#212121; width:63px; height:48px; cursor:pointer}

/*슬라이드 영역*/
#visual {margin:0 auto; width:1280px; height:329px}
#visual .main-slide-wrap button {
    position:absolute; z-index:10; top:50%; transform:translateY(-50%); width:32px; height:54px; font-size:1px; color:transparent; background:rgba(0,0,0,.2); cursor:pointer; outline:0; transition:all .3s
}
#visual .main-slide-wrap button.slick-prev {left:16px; background:url(../img/left-arrow-1.png)no-repeat center / 32px auto}
#visual .main-slide-wrap button.slick-next {right:16px; background:url(../img/right-arrow-1.png)no-repeat center / 32px auto}

#visual .main-slide-wrap button.slick-prev:hover {background:url(../img/left-arrow-hover1.png)no-repeat center / 32px auto}
#visual .main-slide-wrap button.slick-next:hover {background:url(../img/right-arrow-hover1.png)no-repeat center / 32px auto}

#visual .main-slide-wrap .slick-dots {display:block; position:absolute; top:16px; right:22px; text-align:right}
#visual .main-slide-wrap .slick-dots li {display:inline-block; width:12px; height:12px; margin:0 6px}
#visual .main-slide-wrap .slick-dots li:first-child {margin-left:0}
#visual .main-slide-wrap .slick-dots li:last-child {margin-right:0}
#visual .main-slide-wrap .slick-dots li button {display:block; font-size:0; line-height:0; width:12px; height:12px; cursor:pointer; border-radius:12px; background:rgba(88,61,16,.3)}
#visual .main-slide-wrap .slick-dots li.slick-active button {background:rgba(88,61,16,.8)}

/*모아보기*/
#hash_tag {margin:0 auto; width:1280px; height:167px; background:#fff}
#hash_tag .tag_tit {width:1280px; height:73px}
#hash_tag .tag_tit p {padding:26px 0 0 20px; color:#212121; font-size:24px; font-weight:500; letter-spacing:-1}
#hash_tag .tag_txt {width:1280px; height:64px; background:#f8f8f8}
#hash_tag .tag_txt ul {text-align:center}
#hash_tag .tag_txt ul li {display:inline-block}
#hash_tag .tag_txt ul li a {display:block; color:#212121; font-size:18px; font-weight:300; padding:0 25px; line-height:64px; letter-spacing:-1}
#hash_tag .tag_txt ul li:hover {text-decoration:underline}

/*최신글*/
#notice {width:100%; height:427px; background:#f8f8f8}
#notice .notice-container {margin:0 auto; width:1280px; height:427px}
#notice .notice-container .ntc_tit {width:1280px; height:73px}
#notice .notice-container .ntc_tit > p {padding:26px 0 0 20px; color:#212121; font-size:24px; font-weight:500; letter-spacing:-1}
#notice .notice-container .ntc_post-1 {margin-top:20px; float:left; width:380px; height:354px}
#notice .notice-container .ntc_post-1 .ntc_post-1_img {width:380px; height:256px; overflow:hidden}
#notice .notice-container .ntc_post-1 .ntc_post-1_img img {display:block; transform:scale(1); transition:.3s}
#notice .notice-container .ntc_post-1 .ntc_post-1_img:hover img {transform:scale(1.1)}
#notice .notice-container .ntc_post-1 p.post_txt1 {padding-top:18px; color:#212121; font-size:18px; font-weight:300; line-height:18px; letter-spacing:-1}
#notice .notice-container .ntc_post-1 p.post_txt2 {padding-top:12px; color:#666; font-size:16px; font-weight:100; line-height:14px; letter-spacing:-1}
#notice .notice-container .ntc_post-1:hover p.post_txt1 {text-decoration:underline}
#notice .notice-container .ntc_post-2 {margin:20px 0 0 70px; float:left; width:380px; height:354px}
#notice .notice-container .ntc_post-2 .ntc_post-2_img {width:380px; height:256px; overflow:hidden}
#notice .notice-container .ntc_post-2 .ntc_post-2_img img {display:block; transform:scale(1); transition:.3s}
#notice .notice-container .ntc_post-2 .ntc_post-2_img:hover img {transform:scale(1.1)}
#notice .notice-container .ntc_post-2 p.post_txt1 {padding-top:18px; color:#212121; font-size:18px; font-weight:300; line-height:18px; letter-spacing:-1}
#notice .notice-container .ntc_post-2 p.post_txt2 {padding-top:12px; color:#666; font-size:16px; font-weight:100; line-height:14px; letter-spacing:-1}
#notice .notice-container .ntc_post-2:hover p.post_txt1 {text-decoration:underline}
#notice .notice-container .ntc_post-3 {margin:20px 0 0 70px; float:left; width:380px; height:354px}
#notice .notice-container .ntc_post-3 .ntc_post-3_img {width:380px; height:256px; overflow:hidden}
#notice .notice-container .ntc_post-3 .ntc_post-3_img img {display:block; transform:scale(1); transition:.3s}
#notice .notice-container .ntc_post-3 .ntc_post-3_img:hover img {transform:scale(1.1)}
#notice .notice-container .ntc_post-3 p.post_txt1 {padding-top:18px; color:#212121; font-size:18px; font-weight:300; line-height:18px; letter-spacing:-1}
#notice .notice-container .ntc_post-3 p.post_txt2 {padding-top:12px; color:#666; font-size:16px; font-weight:100; line-height:14px; letter-spacing:-1}
#notice .notice-container .ntc_post-3:hover p.post_txt1 {text-decoration:underline}

/*추천글*/
#blog {width:100%; height:522px; background:#fff}
#blog .blog-container {margin:0 auto; width:1280px; height:522px}
#blog .blog-container .blog_tit {width:1280px; height:73px}
#blog .blog-container .blog_tit > p {padding:26px 0 0 20px; color:#212121; font-size:24px; font-weight:500; letter-spacing:-1}
#blog .blog-container .b_post-1 {margin-top:20px; float:left; width:380px; height:449px}
#blog .blog-container .b_post-1 .b_post-1_img {width:380px; height:256px; overflow:hidden}
#blog .blog-container .b_post-1 .b_post-1_img img {display:block; transform:scale(1); transition:.3s}
#blog .blog-container .b_post-1 .b_post-1_img:hover img {transform:scale(1.1)}
#blog .blog-container .b_post-1 p.post_txt1 {padding-top:18px; color:#212121; font-size:18px; font-weight:300; line-height:18px; letter-spacing:-1}
#blog .blog-container .b_post-1 p.post_txt2 {padding-top:12px; color:#666; font-size:16px; font-weight:100; line-height:14px; letter-spacing:-1}
#blog .blog-container .b_post-1:hover p.post_txt1 {text-decoration:underline}
#blog .blog-container .b_post-2 {margin:20px 0 0 70px; float:left; width:380px; height:449px}
#blog .blog-container .b_post-2 .b_post-2_img {width:380px; height:256px; overflow:hidden}
#blog .blog-container .b_post-2 .b_post-2_img img {display:block; transform:scale(1); transition:.3s}
#blog .blog-container .b_post-2 .b_post-2_img:hover img {transform:scale(1.1)}
#blog .blog-container .b_post-2 p.post_txt1 {padding-top:18px; color:#212121; font-size:18px; font-weight:300; line-height:18px; letter-spacing:-1}
#blog .blog-container .b_post-2 p.post_txt2 {padding-top:12px; color:#666; font-size:16px; font-weight:100; line-height:14px; letter-spacing:-1}
#blog .blog-container .b_post-2:hover p.post_txt1 {text-decoration:underline}
#blog .blog-container .b_post-3 {margin:20px 0 0 70px; float:left; width:380px; height:449px}
#blog .blog-container .b_post-3 .b_post-3_img {width:380px; height:256px; overflow:hidden}
#blog .blog-container .b_post-3 .b_post-3_img img {display:block; transform:scale(1); transition:.3s}
#blog .blog-container .b_post-3 .b_post-3_img:hover img {transform:scale(1.1)}
#blog .blog-container .b_post-3 p.post_txt1 {padding-top:18px; color:#212121; font-size:18px; font-weight:300; line-height:18px; letter-spacing:-1}
#blog .blog-container .b_post-3 p.post_txt2 {padding-top:12px; color:#666; font-size:16px; font-weight:100; line-height:14px; letter-spacing:-1}
#blog .blog-container .b_post-3:hover p.post_txt1 {text-decoration:underline}

/*푸터 영역*/
footer {position:relative; width:100%; height:117px; background:#f6f6f6}
footer .ft_copy {margin:0 auto; width:1280px; height:117px}
footer .ft_copy ul {padding-top:28px}
footer .ft_copy ul li {position:relative; display:inline-block}
footer .ft_copy ul li:after {content:""; position:absolute; top:2px; right:0; width:1px; height:12px; background:#ddd}
footer .ft_copy ul li:last-child:after {width:0; height:0}
footer .ft_copy ul li a {display:block; padding:0 22px; color:#212121; font-size:16px; font-weight:300; line-height:16px; letter-spacing:-1}
footer .ft_copy ul li:first-child a {padding-left:0}
footer .ft_copy ul li:hover a {text-decoration:underline}
footer .ft_copy p {padding-top:12px; color:#212121; font-size:14px; font-weight:100; line-height:14px}