@import url("common.css");
@import url("miniCal.css");


#main_container{margin:0px auto; width:100%; height:1202px; padding:50px 0px; background:url('../images/main/main_bg.jpg'); background-size: auto 100%; background-position:center 0;}
ul.contents{width:1040px; background-color:#fff; margin:0 auto;}
ul.contents > li{float:left;}
ul.contents > li:nth-child(1){width:1040px; margin-bottom:15px;}
ul.contents > li:nth-child(2){width:414px; background-color:#fff; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
ul.contents > li:nth-child(3){width:272px; height:144px; background-color:#fff; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:20px;}
ul.contents > li:nth-child(4){width:272px; height:113px; background-color:#fff; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:20px;}
ul.contents > li:nth-child(5){width:261px; height:298px; background-color:#fff; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:20px; margin-top:-185px; position:relative;}
ul.contents > li:nth-child(6){width:374px; height:224px; background-color:#fff; border-right:1px solid #e6e6e6; padding:20px;}
ul.contents > li:nth-child(7){width:575px; height:224px; background-color:#2f3033; padding:20px;}

#mainIcon{margin:0px;}
#mainIcon > li{height:372px; padding:30px; position:relative;}
#mainIcon > li:nth-child(3){margin-bottom:0px none;}
#mainIcon > li > a{display:block;width:100%;height:100%;background:url('../images/main/mainIcon_01.png') 55% 60% no-repeat;}
#mainIcon > li:nth-child(2) > a{background-image:url('../images/main/mainIcon_02.png');}
#mainIcon > li:nth-child(3) > a{background-image:url('../images/main/mainIcon_03.png');}
#mainIcon span{font-size:20px; position:absolute;top:30px;left:20px;}

#mainIcon{margin:0px;}
#mainIcon > li{height:220px;margin-bottom:20px; background-color:#fff; position:relative;}
#mainIcon > li:nth-child(3){margin-bottom:0px none;}
#mainIcon > li > a{display:block;width:100%;height:100%;background:url('../images/main/mainIcon_01.png') 55% 60% no-repeat;}
#mainIcon > li:nth-child(2) > a{background-image:url('../images/main/mainIcon_02.png');}
#mainIcon > li:nth-child(3) > a{background-image:url('../images/main/mainIcon_03.png');}
#mainIcon span{font-size:20px; position:absolute;top:30px;left:20px;}


#miniCalendar{width:414px; height:338px; background-color:#f7f7f7; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* login */
ul.info{width:272px;height:185px;}
ul.info > li{float:left;position:relative; background-color:#fff;}
ul.info > li > dl{width:272px; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul.info > li dt{font-size:18px; padding-bottom:6px; background:url('../images/main/title_line.png') left bottom no-repeat;}
button.btn{background-color:#dedede; color:#777; border-radius:0px; padding:3px 6px 2px; position:absolute; right:0px; top:5px; font-size:12px;}

.member_name{text-align:center; font-size:20px; color:#777; padding-top:73px;}
.member_name span{color:#000;}

#weatherIcon{width:100%;height:124px;}
#weatherIcon > li{width:50%;float:left;text-align:center;}
#weatherIcon > li p{font-size:14px; color:#777;}
#weatherIcon > li > img{width:76px;}
.text-phone{font:30px 'dinbol',sans-serif; font-weight:bold; padding-bottom:14px;color:#000; background:url('../images/main/tel_img.jpg') left bottom no-repeat; padding-left:60px; height:60px;}
dl.phoneNum span{display:inline-block; padding-top:27px;}

ul.main_notice{width:374px;height:224px;}
ul.main_notice > li{float:left;position:relative; background-color:#fff;}
ul.main_notice > li > dl{width:374px; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul.main_notice > li dt{font-size:18px; padding-bottom:6px; background:url('../images/main/title_line.png') left bottom no-repeat;}


/* news */
#news{width:374px; padding-top:20px;}
#news dt{font-size:13px;position:relative;padding:10px 0;}
#news dt a{position:absolute;right:0;top:0;}
#news dd{padding:4px 0;position:relative; border-bottom:1px solid #eaecee; line-height:25px; font-size:13px;}
#news dd a:hover{text-decoration:none; color:#d8ab5d; font-size:13px;}
#news dd span{position:absolute;right:0;top:4px;font-size:13px; color:#777;}


/* quick menu */
ul.main_quick{width:575px;height:224px;}
ul.main_quick > li{float:left;position:relative;}
ul.main_quick > li > dl{width:575px; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul.main_quick > li dt{font-size:18px; padding-bottom:6px; background:url('../images/main/title_line2.png') left bottom no-repeat;}

#quick_menu{width:575px; margin-top:5px;}
#quick_menu:after{display:block;content:'';clear:both;}
#quick_menu > li{width:143px; float:left; text-align:center; height:90px; display:inline-block; background-image:url('../images/main/quick_img01.jpg'); background-repeat:no-repeat; background-position:49% center; }
#quick_menu > li:nth-child(2n){margin-right:0px;}
#quick_menu > li:nth-child(2){background-image:url('../images/main/quick_img02.jpg'); background-repeat:no-repeat; background-position:49% center;}
#quick_menu > li:nth-child(3){border-right:none; background-image:url('../images/main/quick_img03.jpg'); background-repeat:no-repeat; background-position:49% center; }
#quick_menu > li:nth-child(4){background-image:url('../images/main/quick_img04.jpg');}
#quick_menu > li > a{display:inline-block; padding-top:70px; font-size:14px; color:#fff; text-align:center;}
#quick_menu > li:nth-child(5){border-right:none; background-image:url('../images/main/quick_img05.jpg'); background-repeat:no-repeat; background-position:49% center; }
#quick_menu > li:nth-child(6){border-right:none; background-image:url('../images/main/quick_img06.jpg'); background-repeat:no-repeat; background-position:49% center; }
#quick_menu > li:nth-child(7){border-right:none; background-image:url('../images/main/quick_img07.jpg'); background-repeat:no-repeat; background-position:49% center; }
#quick_menu > li:nth-child(8){border-right:none; background-image:url('../images/main/quick_img08.jpg'); background-repeat:no-repeat; background-position:49% center; }
#quick_menu > li > a:hover{color:#fff;}


#main_footer{width:100%; background-color:#fff; height:140px; padding:10px 0px;}
#main_footer #footer{width:1040px; margin:0 auto; position:relative; padding:0;}
#main_footer #footer #footMenu{position:relative; width:100%; top:15px; border-bottom:1px solid #e5e5e5; font-size:12px;}
#main_footer #footer #footMenu > a{display:inline-block;height:32px;line-height:30px;padding:0 6px 0 0;}
#main_footer #footer #footMenu > span{display:inline-block;padding:0 10px;color:#ccc;}
#main_footer #footer .address{float:left; font-size:12px; color:#666; padding-top:25px;}
address{float:left; font-size:13px; color:#666;}
.h1{position:absolute;left:30px;top:30px;}

.banner_wrap{width:500px;height:700px;position:relative;background:url('/images/main/banner_bg.jpg') 0 0 repeat;}


#loginForm{height:114px; padding:25px 0px 16px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;color:#BAAB99;position:relative;}
#loginForm p{display:inline-block; margin-bottom:3px; color:#888;}

	#joinName,#joinId,#joinPw,#joinPwRe,#wdPw,#wdPwRe,#joinBirth,#mobile_num,#userPw,#userPwRe,#userBirth,#deleteID,#deletePw,#deletePwRe{width:239px; font-size:14px; color:#333;}

	.memTitle{font-size:20px;color:#A99785;font-weight:bold;margin-bottom:6px;}
	.memTitle>span{color:#fff;font-weight:normal;}

	#id_wrap,#pw_wrap{position:relative;}
	#id_wrap label,#pw_wrap label{position:absolute; left:10px; top:18px; color:#999999;}
	#user_id,#user_pw{width:239px;height:50px; background-color:#f8f8f8; border:none; color:#EBE8E6; padding-left:7px; border:1px solid #d2d2d2; margin-bottom:3px;}
	.btn_login{width:255px; height:50px; line-height:30px; color:#fff; background-color:#2f3033; border:0; cursor:pointer;}
	.radioWrap{padding:10px 0px 20px; color:#777777; font-size:14px;}
	.searchId{width:255px; padding-top:25px; color:#777777; font-size:14px; text-align:center;}
	.searchId a{color:#777777;}
	.searchId span{color:#c1c1c1; padding:0px 7px;}

	.logoutBox{color:#fff; font-size:14px; position:relative;}
	.logoutBox>span{position:absolute; right:0; top:6px;}
