@charset "UTF-8";

/*main */
#mainlayout{width:100%; font-family:Arial, sans-serif;}
#mainlayout .visual {width:100%; }
#mainlayout .visual img {width:100%; height:auto;}
.logo {text-align:center; margin:40px 0}
.contents_top{}
.cont_left{float:left; width:50%;}
.cont_left img{width:100%;}
.cont_right{float:left; width:50%;}
.cont_right img{width:100%;}
#mainlayout .main_footer{line-height:100px;width:100%; height:100px; text-align:center; font-size:3em; color:#707070; font-weight:bold;}


/*sub */
#sublayout{width:100%; font-family: Arial, sans-serif;}
/*top-menu*/
.gnb{border-top:1px solid #037bc0; width:100%; height:190px; background:#036dab; position:relative; }
.gnb .hamburger{display:block; margin:75px 0 0 65px; float:left;}
.gnb .hamburger2{display:block; margin:75px 0 0 65px; float:left;}

.gnb .gnb_title{position:absolute; left:33%; display:block; float:left; background-image:url(../images/title_top.png);  background-repeat:no-repeat; background-position:0 50px; font-size:4.23em; color:#fff; line-height:190px;font-weight:bold;}
.gnb .title{display:block; margin-left:128px;}

/* list  */
p.condition{float:left; font-size:3em; font-weight:normal; color:#20b8f1; letter-spacing:-1px; width: 120px;}
.liststyle{margin-bottom:20px;}
ul.list li{padding-bottom:30px; border-bottom:1px solid #c2c2c2;  overflow:hidden; background:#background: #f3f3f3;;}
ul.list .list_in{margin:70px 0 0 50px; overflow:hidden;}

.titlearea{float:left; margin-left:58px;    width: 60%;}

.titlearea .listTitle{font-size:3em; color:#000;     overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.titlearea .cal_icon{background-image:url("../images/calender_icon.gif"); background-repeat:no-repeat; width:36px; height:36px; display: inline-block; float: left; margin-top:30px;}
.titlearea .date{font-size:2.3em; color:#000; margin-top:27px; margin-left:16px; display:inline-block;}
.arrow{float:right; margin-right:66px; margin-top:25px}

/* content */

.contTitleWrapper{width:100%; background:#f3f3f3; border-bottom:1px solid #c2c2c2;}
h3.contTitle{display:block; width:85%; margin-left:40px; float:left; font-size:2.5em; color:#000; padding-top:30px; }
.cont_condition{color:#00aeef; float:left; clear:both; margin:20px 40px; font-size:2em;    margin-bottom: 30px; }
.calender{float:left;  margin-top:20px;}
.date{float:left; color:#707070;  font-size:2em; margin-left:15px;}
.icon{float:left; }
.contInnerWrapper{width:100%; margin-bottom: 100px;}
.contIn{margin:40px; font-size:2em; color:#707070; text-align:justify; line-height:140%;}

/* footer */
.footer{background:#f3f3f3; height:100px; width:100%; position:fixed; bottom:0;}
.footer .btnwrapper{float:right; margin:18px 40px 0 0}
.footer .btn{float:left;  background:#39b54a; border-radius:9px; text-align:center; font-size:2em; margin-right: 10px;}
.footer .btn a{color:#fff; font-family:"Arial", sans-serif; padding:20px 40px; display:block;}

/* responsive  */
@media all and (min-width:769px) and (max-width:960px) {
	.logo img{width:70%;}
	.gnb {height:100px;}
	.gnb .hamburger{display:block; float:left; margin:40px 0 0 35px; }
	.gnb .hamburger2{display:block; float:left; margin:30px 0 0 35px; }
	.gnb .hamburger img {width:70%; }
	.hamburger2 img {width:70%; }
	.gnb .gnb_title{background-position: 0 15px; background-size: 150px;font-size: 3.8em; line-height: 100px;}
	.gnb .title{margin-left:95px;}
	ul.list .list_in{margin:40px 0 0 30px;}
	p.condition{font-size:2.8em;}
	.titlearea{width:70%; margin-left:25px; }
	.titlearea .listTitle{font-size:2.3em; }
	.titlearea .cal_icon{background-size:30px; width:30px; height:30px; margin-top:20px; }
	.titlearea .date{font-size:1.8em; margin-top:21px; margin-left:16px;}
	.arrow{margin-right:35px;}
	#mainlayout .main_footer{line-height:80px; height:80px; font-size:2.3em; }
	.footer{height:70px;}
	.footer .btnwrapper{margin:14px 5px 0 0;}
	.footer .btn{ font-size:1.5em; margin-right: 6px;}
	.footer .btn a{padding:10px 28px; }
	}

@media all and (min-width:641px) and (max-width:768px){
	.gnb {height:100px;}
	.logo{margin:30px 0;}
	.logo img{width:60%;}
	.gnb .hamburger{margin:34px 0 0 25px;}
	.gnb .hamburger2{margin:27px 0 0 25px;}
	.gnb .hamburger2 img {width:75%;}
	.gnb .hamburger img {width:75%;}
	.gnb .gnb_title{background-position: 0 18px; background-size: 130px;font-size: 3em; line-height: 100px;}
	p.condition{width:90px;}
	.gnb .title{margin-left:80px;}
	ul.list .list_in{margin:40px 0 0 30px;}
	p.condition{font-size:2.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.titlearea{width:70%; margin-left:25px; }
	.titlearea .listTitle{font-size:2.3em; }
	.titlearea .cal_icon{background-size:30px; width:30px; height:30px; margin-top:20px; }
	.titlearea .date{font-size:1.8em; margin-top:21px; margin-left:16px;}
	.arrow{margin-right:35px;}
	#mainlayout .main_footer{line-height:70px; height:70px; font-size:2.3em; }
	.footer{height:70px;}
	.footer .btnwrapper{margin:14px 5px 0 0;}
	.footer .btn{ font-size:1.5em; margin-right: 6px;}
	.footer .btn a{padding:10px 28px; }
}

@media all and (min-width:479px) and (max-width:640px){
	.logo{margin:20px 0;}
	.logo img{width:60%;}
	.gnb {height:100px;     overflow: hidden;}
	.gnb .hamburger2{margin:34px 0 0 25px;}
	.gnb .hamburger{margin:34px 0 0 25px;}
	.gnb .hamburger img {width:75%;}
	.gnb .hamburger2 img {width:75%;}
	p.condition{width:90px; font-size:2em;}
	.gnb .gnb_title{font-size: 2.5em; width:70%; background-size: 130px; line-height: 85px; background-position: 0 15px; margin-top: 13px; }
	.gnb .title{margin-left:70px;}
	ul.list .list_in{margin:40px 0 0 30px;}
	.titlearea .listTitle{font-size:2.3em; }
	.titlearea .cal_icon{background-size:30px; width:30px; height:30px; margin-top:20px; }
	.titlearea .date{font-size:1.8em; margin-top:21px; margin-left:16px;}
	.arrow{margin-right:35px;}
	.titlearea{margin-left:24px;}
	
	.contTitleWrapper{width:100%; background:#f3f3f3; border-bottom:1px solid #c2c2c2;}
	h3.contTitle{display:block; width:85%; margin-left:40px; float:left; font-size:2em; color:#000; padding-top:30px;}
	.cont_condition{color:#00aeef; float:left; clear:both; margin:20px 40px; font-size:2em;    margin-bottom: 30px; }
	.calender{float:left;  margin-top:20px;}
	.date{float:left; color:#707070;  font-size:1.7em; margin-left:15px; margin-top:4px;}
	.icon{margin-top:4px;}
	.icon img{width:28px; height:28px;}
	.contInnerWrapper{width:100%; }
	.contIn{margin:40px; font-size:1.5em; color:#707070; text-align:justify;}

	.footer{height:70px;}
	.footer .btnwrapper{margin:14px 5px 0 0;}
	.footer .btn{ font-size:1.5em; margin-right: 6px;}
	.footer .btn a{padding:10px 28px; }

	#mainlayout .main_footer{line-height:60px; height:60px; font-size:1.3em; }
}

@media all and (min-width:320px) and (max-width:639px){
	.logo{margin:20px 0;}
	.logo img{width:60%;}
	.gnb {height:100px; overflow: hidden;}
	.gnb .hamburger{margin:43px 0 0 25px;}
	.gnb .hamburger2{margin:36px 0 0 25px;}
	.gnb .hamburger img{width:55%;}
	.gnb .hamburger2 img{width:55%;}
	ul.list .list_in{margin:20px 0 0 15px;}
	ul.list li{padding-bottom:20px;}
	p.condition{width:60px; font-size:1.5em;}
	.gnb .gnb_title{font-size: 1.7em; width:auto; background-size: 95px; line-height: 85px; background-position: 0 20px; margin-top: 13px; }
	.gnb .title{margin-left:55px;}
	.titlearea{margin-left:8px; width:65%;}
	.titlearea .listTitle{font-size:1.5em; }
	.titlearea .cal_icon{background-size:20px; width:20px; height:20px; margin-top:20px; }
	.titlearea .date{font-size: 1.2em; margin-top: 20px; margin-left: 7px;}
	.arrow{margin-right:10px;}
	.arrow img{width:15px;}
	.contInnerWrapper{width:100%; }
	.footer{height:70px;}
	.footer .btnwrapper{margin:14px 5px 0 0;}
	.footer .btn{ font-size:1.5em; margin-right: 6px;}
	.footer .btn a{padding:10px 28px; }
	#mainlayout .main_footer{line-height:40px; height:40px; font-size:1.2em; }
	h3.contTitle{margin-left:30px; font-size:2em;  padding-top:20px; }
	.cont_condition{ margin:10px 20px 10px 30px; font-size:1.8em;  margin-bottom: 20px; }
	.calender{margin-top:10px;}
	.date{font-size:1.5em; margin:6px 0 0 8px}
	.icon{    margin-top: 4px;}
	.icon img{width:24px; height:24px;}
	.contIn{margin:30px; font-size:1.4em;}

}