@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');



/* 초기화 */
html,body{width:100%;margin:0;padding:0;overflow-x: scroll}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family: 'Nanum Gothic', sans-serif; font-size:12px;color:#333333}
body,input,textarea,select,button,table{font-family: 'Nanum Gothic', sans-serif; font-size:12px;color:#333333;overflow:hidden}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{ color: #9a9a9a;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none; color: #333;}


/* 여백 */
.cls{clear:both}
.h10{display:block;height:10px}
.h20{height:20px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{display:block;height:80px}
.h90{height:90px}
.h100{height:100px}

#wrapper {width:100%;margin:0;padding:0;text-align:center}
#top_menu_bg {background:#f1f1f1;height:20px;}
#top_menu {width:1100px;margin:0 auto}
#top_menu ul {list-style:none;margin:0;padding:0}
#top_menu li {float:right;margin:0;padding:0;height:20px;}
#header{width:1100px;height:70px;overflow:hidden;margin:0 auto;}
#gnb{position:relative;z-index:1;height:70px; width:1100px;margin:0 auto}
#logo{width:225px;float:left;text-align:left;}
#menu{width:875px;float:left;}

#tnb{width:100%;min-width:1100px;height:110px;margin:0;padding:0}
#tnb_inner{width:1100px;height:110px;margin:0 auto;padding:0}
#navi{float:left;z-index:150;position:absolute;width:100%;min-width:790px;height:50px;top:0}


#container_mainvisual {z-index:4;position:relative;width:100%;height:525px;background:#f6f6f6;text-align:center}

#container_subvisual{width:100%;height:200px;margin:0;padding:0;background:#9a9a9a}
.subvisual{width:1100px;margin:0 auto}




#container_main{width:1100px;margin:30px auto;padding:0}
#container_main .img1 a:hover {opacity:0.9;}
#container_main .img2 a:hover {opacity:0.7;}


#main_board {position:absolute;margin:62px 0 0 20px;text-align:left}
#main_board a {color:#666666;font-size:13px;font-family: 'Nanum Gothic', sans-serif;line-height:25px;letter-spacing:-0.05em}
#main_board a:hover {color:#F18432}

#container_sub{width:100%;margin:0;padding:0}
#container_sub_inner{width:1100px;margin:10px auto 30px;padding:0}
#container_sub_inner:after{display:block;clear:both;content:""}
#leftside{float:left;width:180px;margin-top:00px;padding:0;display:none}
#content{float:left;width:1100px;margin-left:0px;padding:0}
#content_inner{width:768px;border:1px solid #d5d5d5;border-radius:0 15px 15px 15px;-ms-border-radius:0 15px 15px 15px;-webkit-border-radius:0 15px 15px 15px;-o-border-radius:0 15px 15px 15px;-moz-border-radius:0 15px 15px 15px}

.container_title {position:relative;border-bottom:1px solid #d2d2d2;margin-bottom:20px;text-align:left;}
.container_title:after{display:block;clear:both;content:""}
.title{display:inline;margin:0;padding:0;line-height:60px;font-size:30px;font-weight:800;}

#content_box{position:relative;margin-top:0px;width:100%;border:0px solid #d9d9d9;text-align:left}
#content_box2{position:relative;margin-top:10px;padding:30px 29px;width:710px;border:1px solid #dddddd;}

#footer{width:100%;min-width:1100px;margin:0;padding:0;background:#F1F1F1}
#footer_inner{width:1100px;margin:0 auto;padding:0}








/* 상세페이지 */
.cls{clear:both}
.h10{height:10px}
.h20{height:20px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}

/* 메인 롤 오버*/

.main_rollover{
	display: inline-block;
    vertical-align: top;
    max-width: 100%;
    position: relative;
}

.main_rollover i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 450ms ease;
	transition: all 450ms ease;
}

.main_rollover i:after{
	position: absolute;
    top: 3px; 
    right: 3px;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}

.main_rollover i:hover{
	display: block;
    opacity: 1;
    background-color: rgba(38,173,228,0.3);
}