/* Reset */
html,body{width:100%;/*height:100%*/}
body{height:100%; margin:0; padding:0; font-size:12px; font-family:'Nanum Barun Gothic', Malgun Gothic, '맑은고딕', Sans-Serief}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
ul{list-style:none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none}
a:hover{color:#390;text-decoration:none}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* 제목 글꼴 크기 설정 */
h1 img, h2 img, h3 img,h4 img, h5 img, h6 img {margin: 0; padding:0;}

.ir span {
    display: block;
    font-size: 11px;
    height: 8px;
    overflow: hidden;
    text-indent: -10000px;
    z-index: -1;
}
.color_red{color:red;}
.cls_img_click{cursor:pointer;}



#wrap{width:100%; height:100%; position:relative; overflow:hidden;}

#header{width:100%; height:64px; background:#fff; position:fixed}
.head_wrap{position:relative; width:100%; height:64px; max-width:960px; margin:0 auto; overflow:hidden;}
.head_left{float:left; overflow:hidden;}
.head_left img{float:left; margin-top:10px;}
.head_left ul{float:left; margin:12px 10px;}
.head_left ul li{font-size:18px; color:#fff; font-weight:bold;}
.head_left .ul2{margin:0px 0; cursor:pointer;}
.head_left .ul2 li{background:#333; box-sizing:border-box; width:189px; height:40px;  text-align:center; line-height:40px; margin-left:10px; margin-toP:13px; font-size:21px; font-weight:bold; border-radius:5px;}
.head_right{float:right;}
.head_right ul{overflow:hidden;}
.head_right ul li{float:left; line-height:64px; }
.head_right ul li a{font-size:16px; color:#000; margin-left:20px;}
.m_head_right{display:none;}
.m_menu{display:none;}
#container{width:100%; height:100%; margin-top:64px;}
#container > div > p{font-size:40px; color:#333; font-weight:bold; margin:2% 0; border-bottom:3px solid #666; padding-bottom:2%;}
.con1{width:100%; height:100%;}
.con1 img{width:100%;}

.con2{width:100%; max-width:960px; margin:0 auto;}
.con2 ul{}
.con2 ul li{}
.con2 ul li img{width:100%;}

.con3{width:100%; max-width:960px; margin:0 auto;}
.con3 ul{}
.con3 ul li{}
.con3 ul li img{width:100%;}

.con4{width:100%; max-width:960px; margin:0 auto;}
.con4 ul{}
.con4 ul li{}
.con4 ul li img{width:100%;}

.con5{width:100%; max-width:960px; margin:0 auto;}
.con5 ul{}
.con5 ul li{}
.con5 ul li img{width:100%;}

.con6{width:100%; max-width:960px; margin:0 auto;}
.con6 ul{}
.con6 ul li{}
.con6 ul li img{width:100%;}

.con7{width:100%; max-width:960px; margin:0 auto;}
.con7 ul{}
.con7 ul li{}
.con7 ul li img{width:100%;}

.scroll_top{ display:none; position:fixed; z-index:200; right:50px; bottom:100px; width:50px; height:50px; border-radius:50%; background:#000; text-align:center; line-height:50px; font-size:25px; color:#FFF; cursor:pointer; transition:all,.5s;}
	.scroll_top:hover{ transform:translate(0,-10px); background:#000; transition:all,.5s;}

.tell{position:fixed; bottom:0; left:0; right:0;  width:860px;   max-width: 860px; margin: 0 auto; cursor:pointer;}
.tell img{width:100%;  margin:0 auto; text-align:center; }

#footer{width:100%;  background:#333; margin-bottom:104px;}
.footer_wrap{width:100%;  padding:2% 0; max-width:980px; margin:0 auto;}
.footer_wrap ul{}
.footer_wrap ul li img{width:100%;}
.footer_wrap ul li{text-align:center; color:#fff; margin:10px 0;}

@media(max-width:767px){
	.scroll_top{ right:20px; bottom:10%;}
	.scroll_top:hover{ transform:translate(0,0); background:#000;}	
}

@media(max-width:767px){
	#container > div > p{font-size:20px; border-bottom:1px solid #666; padding-left:20px;}
	.head_right{display:none;}
	.m_menu{float:right; display:block;}
	.m_menu i{font-size:30px; color:#000; cursor:pointer; margin:15px 20px;}
	.m_head_right{display:none; position:fixed; top:64px; right:0; z-index:9999;}
	.m_head_right ul{background:#0a5494;}
	.m_head_right ul li{width:100px; text-align:center; padding:5% 0; border-bottom:1px solid #fff;}
	.m_head_right ul li:first-child{border-top:1px solid #fff;}
	.m_head_right ul li a{color:#fff; padding:5% 10%;}
	.head_left .ul2 li{background:#333; box-sizing:border-box; width:150px; height:40px;  text-align:center; line-height:40px; margin-toP:13px; font-size:16px; font-weight:bold; border-radius:5px; margin-left:10px;}
	#footer{margin-bottom: 50px;}
	.tell{width:100%;}

	.head_left img{width:75%; height:auto !important; margin-top:15px; margin-left:10px;}
}