@charset "utf-8";
/*
?��?��?��?��?��보센?�� 메인?���? 리뉴?�� 2019-02
*/
body {background:#fff;} 
body a {color:#222;}
.context_width {width:100%;margin:0 auto;}
._diu_blind {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;left:-10000px;line-height:0;}
._diu_btn {padding:0;border:none;background:none;cursor:pointer;}

/*::: Header :::*/
/* gnb */
#pc_header {display:none;}
#mobi_header {display:block;position:relative;height:70px;}
#mobi_header .wrap_hnb {z-index:500;width:100%;box-sizing:border-box;background:#ee3124;font-size:14px;}
#mobi_header .wrap_hnb a {color:#fff;}
#mobi_header #GNB_MOBI {z-index:500;width:100%;height:100%;background:#000;}
#mobi_header .gnb_all {position:absolute; top: 18px; right: 5px; padding: 10px;}
#mobi_header .gnb_all img {width:22px;}
#mobi_header .logo {width:160px; padding:17px 10px 15px 25px; text-align:left;margin:0 auto;}
#mobi_header .logo img {width:100%;}
#mobi_header a { display: block; }
#mobi_header h1 img { vertical-align: middle; }
#mobi_header #mobile_menu {position:absolute;z-index:2147483647;top:0px;right:0px;}
#mobi_header #mobile_menu #navigation_wrap {transform:translateX(100%);background-color:#000;}
#mobi_header #menu_bg {position:absolute;z-index:60;opacity:0.5!important;top:0px;width:100%;background:#000;}
#mobi_header #menu_bg #close_menu {background:none;position:absolute;top:20px;left:20px;/*width:20px;height:20px;*/}
#LANGUAGE_MOBI {overflow:hidden; padding:15px; width:auto;}
#LANGUAGE_MOBI li {float:left; margin-right:2%;width:49%;}
#LANGUAGE_MOBI > li:nth-child(2){margin-right:0px;}
#LANGUAGE_MOBI > li:last-child {width:100%; margin-top:5px;}
#LANGUAGE_MOBI .language_eng {background:#ffbb36; padding:16px 12px; color:#000!important;}
#LANGUAGE_MOBI .sch_input {float:left; width:110px; border:3px solid #ffbb36; background:#fff; padding:12px;width:88%;}
#LANGUAGE_MOBI .sch_btn {display:inline-block;  width:45px; height:44px; text-indent:-99px; margin-left:-50px; background:url(../images/btn/sch_btn.png) center center no-repeat; overflow:hidden;}

#HNB_MOBI {overflow:hidden; margin-top:12px;}
#HNB_MOBI li {float:left; width:40.8%; padding:15px 10px; text-align:center; border-top:1px solid #ffc5c1; border-left:1px solid #ffc5c1; font-size:12px;}
#HNB_MOBI li:first-child,
#HNB_MOBI li:nth-child(3) {border-left:0}

.wrap_gnb {position:relative;}
.wrap_gnb h1 {float: left;padding: 6px 0;}

#GNB_MOBI {}
#GNB_MOBI > li {border-bottom:1px solid #3a3b3c;}
#GNB_MOBI > li:first-child {}
#GNB_MOBI > li > a {display:block; padding:18px 30px; color:#fff;}
#GNB_MOBI > li > a.active {font-weight:bold;}
#GNB_MOBI > li > a > img {float:right;}

#GNB_MOBI .gnb_items {border-top:1px solid #e0e1e2; background:#fff;}
#GNB_MOBI .gnb_items li {border-bottom:1px dashed #e0e1e2;}
#GNB_MOBI .gnb_items a {display:block; color:#58595b; padding:18px 30px;}

/*::: content :::*/
.wrap_visual {position:relative; height:210px; }
.wrap_visual .slogan {position:absolute; z-index:10; padding:90px 0 0 30px;}
.wrap_visual .slogan img {width:50%;}
.wrap_visual .visual_bg {position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.wrap_visual .visual_bg img {width:100%; height:100%;}
.wrap_visual .scroll {display:none;}

.spring_bg {background-color:#fef8d0;}
.summer_bg {background-color:#cbfaff;}
.autumn_bg {background-color:#feebdc;}
.winter_bg {background-color:#e7c9ee;}

.wrap_reservation {position:absolute; top:0; right:0; width:120px; padding:0 20px;}
.wrap_reservation a {display:block;}
.wrap_reservation img {width:100%;}

.section_01 {margin-top:30px; background:#fff;}
.wrap_notice {position:relative; padding:20px;}
.wrap_notice h2 {color:#000; font-weight:bold; padding-bottom:15px; background:url(../images/dots/dots1.png) repeat-x bottom;}
.wrap_notice ul {overflow:hidden; height:100px; padding:15px 0;}
.wrap_notice ul li {position:relative; overflow:hidden; background:url(../images/dots/dots3.png) no-repeat center left; padding-left:15px; line-height:30px; font-size:14px}
.wrap_notice ul li a {position:relative; display:block;}
.wrap_notice ul li a:hover {color:#ee2d23; font-weight:bold;}
.wrap_notice ul li a > span:first-child {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%;}
.wrap_notice ul li a > span:nth-child(2){float:right;}
.wrap_notice ul li .subject {float:left; width:60%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.wrap_notice ul li .date {float:right; color:#666; position:absolute;  right:0;}
.wrap_notice .btn_more {position:absolute; top:15px; right:20px;}
.wrap_notice .btn_more img {width:85%;}

.wrap_bid_information {clear:both; position:relative; padding:20px;} 
.wrap_bid_information h2 {color:#000; font-weight:bold; padding-bottom:15px; background:url(../images/dots/dots1.png) repeat-x bottom;}
.wrap_bid_information ul {overflow:hidden; padding:15px 0;}
.wrap_bid_information ul li {height:65px; margin-top:5px; border:1px solid #bbb; padding:10px;}
.wrap_bid_information ul li a {display:block;}
.wrap_bid_information ul li span {display:block; margin-top:2px;}
.wrap_bid_information ul li .cate {width:13%; padding:5px; font-size:12px; background:#ee2e24; color:#fff; text-align:center; border-radius:5px;}
.wrap_bid_information ul li .subject {color:#000; font-weight:bold; font-size:16px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.wrap_bid_information ul li .date {font-size:12px;}

.wrap_bid_information .btn_more {position:absolute; top:15px; right:20px;}
.wrap_bid_information .btn_more img {width:85%;}

.section_02 {}
.section_02 .m_slider {display:none;}

.wrap_quick {position:relative; overflow:hidden; padding:0 20px;}
.wrap_quick ul {overflow:hidden; box-sizing:border-box;}
.wrap_quick ul li {float:left; width:32%; margin-left:2%;}
.wrap_quick ul li:first-child {margin-left:0;}
.wrap_quick ul li a {display:block;}
.wrap_quick ul li img {width:100%;}

.wrap_index_con  {position:relative; margin-top:-40px; z-index:0;}        
.wrap_index_con .box_bg {
width:10000px; 
height:600px;
background-color:#fff; 
padding:0; 
margin:0 0 0 -5000px; 
display:inline-block; 
position:absolute; 
top:-10px; 
left:50%; 
z-index:-1; 
transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
}

/* footer */
#footer {background:#f2f3f4; margin-top:40px;} 
#footer .footer {padding:20px; background:#c7c7c7; text-align:center; }
#footer .footer .f_logo {display:none;}
#footer .ft_banner {box-sizing:border-box; padding:20px;}
#footer .ft_banner ul li a {padding:5px; border:1px solid #dcdcdc;}
#footer .ft_banner li {width:49%; background:none; margin:0 0 0 2%;}
#footer .ft_banner li:nth-child(odd) {margin-left:0;}
#footer .ftlink_wrap {box-sizing:border-box;padding:20px; background:#c7c7c7;}
#footer .ft_link {overflow:hidden; padding:13px 0 7px; background:none;}
#footer .ft_link li {float:left; width:49%; margin:0 0 0 2%;}
#footer .ft_link li a {display:block;line-height:40px; color:#383838;line-height:40px; border:1px solid #a5a5a5; background:#c7c7c7;}
#footer .ft_link li:first-child {margin-left:0;}
#footer .ft_call .callbtn {height:40px; border:1px solid #a5a5a5; background: #c7c7c7 url(../images/inc/down_m.png) 90% center no-repeat;}
#footer .ft_call .callbtn span {padding-top:12px; color:#383838; font-size:88%;}
#footer .ft_call.on .callbtn {background:#c7c7c7 url(../images/inc/up_m.png) 90% center no-repeat;}
#footer .ft_call .ft_site {position:absolute; top:-505px; z-index:99; padding:0; text-align:center; background:#fff; border:1px solid #a5a5a5;}
#footer .ft_call .ft_site {width:99.5%;}
#footer .ft_call .ft_site li {width:100%;}
#footer .ft_call .ft_site li a {box-sizing:border-box; width:100%; padding:0 10px; text-align:left; color:#383838; border:none; border-bottom:1px solid #a5a5a5;}
#footer .ft_call .ft_site li:last-child a {border-bottom:0;}

@media (max-width: 380px) {
	.wrap_notice ul li a > span:nth-child(2){display:none;}
}
@media (max-width: 992px) {
	.sub_class #footer .ft_call .ft_site {top:-549px;}
}
/* �º� */
@media (min-width: 768px) {
    #pc_header {display:none;}
    /*#mobi_header {display:block;}*/
    
    #LANGUAGE_MOBI .sch_input {display:block !important; width:91%}
	
    #HNB_MOBI > li {width:43.1%;}
    
    .wrap_visual {height:350px;}
    .wrap_visual .slogan {width:300px; padding:110px 0 0 80px;}
    .wrap_visual .slogan img {width:70%}
    .wrap_visual .visual_bg {position:relative;}
    
    .wrap_index_con .box_bg {top:-30px;}
    
    /* content */
    .section_01 {position:relative; overflow:hidden; padding:0 20px; }
    .section_02 {clear:none}
	.section_02 .m_slider {display:none !important;}
    .wrap_notice {float:left; width:49%; padding: 20px 0; margin-right:1%;}
    .wrap_notice ul {height:auto;}
    .wrap_notice .btn_more, .wrap_bid_information .btn_more {right:0;}
    .wrap_bid_information {float:left; width:49%; margin:0 0 0 1%; padding:20px 0; clear:none;}
    .wrap_bid_information ul li {float:left; width:42%; height:75px; margin-right:1%;}
    .wrap_bid_information ul li:nth-of-type(odd) {margin-left:0;}
    .wrap_bid_information ul li .cate {width:24%; margin-top:7px;}
    
    /* footer */
    #footer .ft_wrap {text-align:left;}
    #footer .ft_banner li {margin:0 0 5px 1%;}
    #footer .ft_link {padding-bottom:0;}
    #footer .ft_link li {width:49.5%; margin:0 0 5px 1%;}
    #footer .ft_call .callbtn span {left:0;}
}

@media (min-width: 992px) {
    #gnb .gnbDp-1 {display:block;}
    #gnb {display:block;}
    
	/*서브페이지 상단 by ymr*/
	.sub_class #pc_header .context_width {max-width:100%;}
    
	.wrap_index_con {margin-top:-70px; padding:0 20px; box-sizing:border-box; position:relative;}
    .context_width {max-width:992px;} 
    
    /* header */
    #pc_header {display:block;}
    #mobi_header {display:none;}
    
    .wrap_header {border-bottom:1px solid #ccc;}
    .wrap_hnb {overflow:hidden; padding:5px 0; background:#fff; border-bottom:1px solid #ccc; font-size:14px;}
    
    #link_list_pc {float:left; position:relative; margin-top:15px;}   
    #link_list_pc li {float:left; margin:0; padding:0 15px;border-right:1px solid #e5e5e5;}
    #link_list_pc li a {display:block; border:0; overflow:hidden; color:#898989;}
    #link_list_pc li a.active {color:#ee2d23; font-weight:bold;}
    #link_list_pc li:last-child  {border-right:0;}
    
    #search_pc {float:right; position:relative; background:none; margin:0; width:auto; padding:0; height:auto;}
    #search_pc li {float:left; position:relative;}
    #search_pc .sch_input {float:left; display:block !important; height:44px; padding:0 0 2px 10px; overflow:hidden; background:#fff; border:0; line-height:1.5; border-bottom:2px solid #ee2e24; font-size:1em;}
    #search_pc .sch_btn {border-bottom:2px solid #ee2e24;display:inline-block; width:45px; height:48px;margin-left:-20px; background:url(../images/btn/sch_btn.png) center center no-repeat; overflow:hidden; text-indent:-99px;}
    #search_pc .language_eng {display:block; padding:17px; color:#000;}
    
    /* gnb */
    #gnb .gnb_bg {height:340px; width:100%; position:absolute; z-index:240; border-top:2px solid #ee2d23; top:116px; border-bottom:#e5e5e5;}
    
    .wrap_gnb h1 {position:absolute; left:10px;}
    
    #gnb {margin-top:50px;/*padding-left:23%;*/margin-top:0;padding-left:0;}
	#gnb > ul {width:100%; background:#fff;text-align:right;}
	#gnb > ul:after {content:""; display:block; clear:both; height:0;}
    #gnb > ul li {float:left; width:33.33%;}
    #gnb > ul li a {width:100%;text-align:center;display:block;border:1px solid #e5e5e5;font-weight:bold;overflow:hidden;padding:10px 0;}
    #gnb > ul li a span {display:block;}
    #gnb > ul li a:focus span,		
    #gnb > ul li a:hover span,
    #gnb > ul li a.active span{color:#ee2d23;}
    #gnb > ul > li {float:none;width:14%; position:relative;display:inline-block;}
	#gnb > ul > li ul {position:absolute;top:-1000px;position:absolute;text-align:right;z-index:250;background:transparent;margin:0 0 30px 50%;padding-top:0;width:110%;height:200px;opacity:0;display:none;top:90px;}
    #gnb > ul > li ul li {float:none; width:90%; margin-left:-40px;letter-spacing:-1px;}
	#gnb > ul > li > ul > li:nth-child(7) > a {font-size:0.95em;}
	#gnb > ul > li ul a {font-size:100%; font-weight:normal; padding:0; line-height:2; height:auto; text-align:left; border:0; border:0;}
    #gnb > ul > li ul a:focus,
    #gnb > ul > li ul a:hover {color:#ee2d23; text-decoration:underline;}
	#gnb > ul > li > a {border:0 none; line-height:3.5; padding:0; height:70px; font-size:125%;}
    #gnb > ul > li.on > a {color:#ee2d23;}    

    #pc_header .gnb_bg {background-color:#fff; width:100%;/*height:230px;*/height:250px;position:absolute; left:0;  z-index:240; border-top:2px solid #ee2d23; top:125px; opacity: 0; display:none; border-bottom:1px solid #e5e5e5;}
    #pc_header .gnb_bg span {display:block; width:1200px; height:100%; background-position:5% 10px; background-repeat:no-repeat;margin:0 auto;}
    #pc_header .gnb_bg span.gnbgon1 {background-image:url(../images/postkor/gnb_img1.png);}
    #pc_header .gnb_bg span.gnbgon2 {background-image:url(../images/postkor/gnb_img2.png);}
    #pc_header .gnb_bg span.gnbgon3 {background-image:url(../images/postkor/gnb_img3.png);}
    #pc_header .gnb_bg span.gnbgon4 {background-image:url(../images/postkor/gnb_img4.png);}

    /* visual */
    .wrap_visual {height:530px;}
    .wrap_visual .slogan {padding:170px 0 0 100px;}
    .wrap_visual .slogan img {width:80%}
    .wrap_visual .context_width {position:relative;}    
    .wrap_visual .scroll {z-index:100; position:absolute; display:inline-block;  bottom:35px; left:50%;}
    
    .wrap_reservation {width:auto; padding-right:0;}
    .wrap_reservation a {display:block;}
    .wrap_reservation img {width:100%;}

    .wrap_index_con .box_bg {top:-59px;}

    /* content */
    .wrap_notice h2, .wrap_bid_information h2 {font-size:20px;}
    .wrap_notice {width:48%; margin-right:0;}
    .wrap_notice ul li {line-height:37px; font-size:16px;}
	.wrap_notice ul li a > span:first-child img{margin-left:5px; width:15px;}
    .wrap_notice .btn_more img,.wrap_bid_information .btn_more img {width:100%;}
    
    .wrap_bid_information {width:48.5%; margin-left:30px;}
    .wrap_bid_information ul li {width:44%; height:100px;}
    .wrap_bid_information ul li .cate {width:14%; margin-top:6px; padding:4px;}
    .wrap_bid_information ul li .subject {width:auto;height:36px; margin-top:7px; line-height:1.1; font-size:16px; text-overflow:normal; white-space:normal; word-wrap:normal; overflow:hidden;} 
    .wrap_bid_information ul li .date {font-size:14px; margin-top:10px;}
    
    .section_01 {padding:0; }
    
    .section_02 {position:relative; overflow:hidden;}
    .section_02 .m_slider {float:left; display:block !important; border:1px solid #e1e1e1;}
    .wrap_quick {float:left; padding:0; margin-left:10px;}
    .wrap_quick ul li {/*width:190px;*/width:165px; margin-left:10px;} 
	.wrap_quick ul li a img {height:268px;}
    
    #visual_1 {width: 350px; height: 215px;}
    
    /* footer */
    #footer {clear:both; padding:0; margin-top:70px; background:#fff; border-top:1px solid #ccc;}
    #footer .footer {width:100%;margin-top:0; padding:20px 0 45px 0;}
    #footer .footer .f_logo {margin:0 0 15px 12px;position:absolute;top:0;left:0;display:block;} 
	#footer .footer .ft_wrap {position:relative; width:1200px; margin:0 auto; height:60px;}
	#footer .footer .ft_wrap > div {margin-left:18%;}
    #footer .footer div {position:relative; text-align:left; margin:0 0 0 250px;}
    #footer .footer div ul {position:absolute; right:0; top:20px;}	
    #footer .ft_ctn {position:relative;}
	#footer .ft_ctn:after {content:""; display:block; clear:both; height:0;}
    #footer .ft_banner {margin:0 auto; padding:15px 0; }
    #footer .ft_banner ul {margin-left:0;}
    #footer .ft_banner ul:first-child li a {border:none;}
	#footer .ft_banner ul li a {border:none; text-align:left;}
    #footer .ft_banner li {width:16%; text-align:center; background:#fff;} 
    #footer .ft_banner li img {width:100%; height:auto;}
    #footer .ftlink_wrap {padding:0; background:#e7e7e7; text-align:center; max-width:100%!important;}
    #footer .ft_link {float:left; width:250px; background:#e7e7e7; padding:7px 0 7px; border-top:1px solid #e2e2e2;}
    #footer .ft_link li {margin:0;}
    #footer .ft_link li a {padding:0; border:none; color:#666; background:none;}
    #footer .ft_link li a:focus, #footer .ft_link li a:hover {color:#000;}
    #footer .ft_call .callbtn {width:210px; height:56px; float:right; background:#d00201 url(../images/inc/down.png) 85% center no-repeat; border:none;}
    #footer .ft_call.on .callbtn {background:#b00706 url(../images/inc/up.png) 85% center no-repeat;}
	#footer .ft_call .callbtn span {left:0; padding-top:20px; color:#fff; font-size:100%;}  
    #footer .ft_call .ft_calllist {position:absolute; width:100%; margin-top:56px; right:0; text-align:left;}
    #footer .ft_call .ft_calllist li {margin-left:20px;}
    #footer .ft_call .ft_site {display:block; position:absolute; background:#d00201; top:56px; width:100%; z-index:99; padding:20px 0; text-align:center; display:none; border:none;}
    #footer .ft_call .ft_site li { display:inline-block; width:13.5%;}
    #footer .ft_call .ft_site li a {text-align:center; color:#fff; display:block; width:95%;border:1px solid #fff; line-height:2.5;margin:3px auto; font-size:80%; padding-top:2px;} 
    #footer .ft_call .ft_site li:last-child a {border:1px solid #fff}
    #footer .ft_call .ft_site li a:focus,
    #footer .ft_call .ft_site li a:hover {background:#b00706;}
    #footer .ft_banner .banner03 {margin-left:16px;}
    #footer .ft_banner .banner04 {margin-left:-25px;}
}

@media (min-width: 1200px) {
    /* 1200px */
     .context_width, 
	 .sub_class #pc_header .context_width {max-width:1200px;} 
     
     .wrap_visual {height:530px; background-size:contain; }
     .wrap_visual .slogan img {width:100%}
     .wrap_visual .scroll {bottom:110px;}
     .wrap_index_con {margin-top:-40px;}
     .wrap_bid_information {margin-left:37px;}
     .wrap_bid_information ul li {margin:10px 10px 0 0; padding:13px;}
     .wrap_bid_information ul li:nth-of-type(even) {margin-right:0;}

     .wrap_quick {margin-left:10px;}
     .wrap_quick ul li {width:236px; margin-left:10px;}
     
     #visual_1 {width: 420px; height: 267px;}
	 
	 /*상단메뉴너비*/
	 #gnb .gnbDp-1 {width:1200px; margin:0 auto;}
	 .gnb_bg span {width:1200px;}
}