@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:normal;
  src: url(../font/nanumsquare.eot);
  src: local('¡Ø'), url(../font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquarer.woff) format('woff'),
     url(../font/nanumsquarer.woff2) format('woff');
}

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:bold;
  src: url(../font/nanumsquareb.eot);
  src: local('¡Ø'), url(../font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquareb.woff) format('woff'),
     url(../font/nanumsquareb.woff2) format('woff');
} 

@font-face {
  font-family: 'nanumsquarexb';
  font-weight:bold;
  src: url(../font/NanumSquareEB.eot);
  src: local('¡Ø'), url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareEB.woff) format('woff');
}



@font-face { /* ³ª´®°íµñ Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%;min-width:1200px;}
html{overflow-y:scroll; overflow-x:hidden;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{
    color:#333333;
    font-family:'nanumsquare' ,'Nanum Gothic', 'Malgun Gothic', 'AppleSDGothicNeo-Light', 'AppleSDGothicNeo', sans-serif, Arial,dotum,'µ¸¿ò';
    font-size:15px;font-weight:normal;
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}



.conwrap{max-width:1200px;width:100%;margin:0 auto;position:relative;}
.conwrap:after{display:block;clear:both;content:"";}
.dn{display:none;}




/* head */
#header{position:fixed;left:0;top:0;width:100%;background:#fff;z-index:1000;}
.head{border-bottom:1px solid #eaeaea; width:1200px; margin:0 auto;}

.head_top{height:31px; background-color:#e6eef3;}

.head_top .topmenu{
    float:right; margin-top:8px;
}
.head_top .topmenu ul{overflow:hidden;}
.head_top .topmenu ul li{
    float:left;
    margin-left:10px;padding-left:12px;
    background:url(/images/common/tm_bar.gif) no-repeat left center;
}
.head_top .topmenu ul li:first-child{background:0;}
.head_top .topmenu ul li a{
    font-family: 'Montserrat', sans-serif;
    font-size:11px;color:#9b9a9a;
}

.head .gnb h1{float:left;width:420px; margin-top:30px;}
.head .gnb .nav{float:left;width:750px;}
.head .gnb .nav>ul{text-align:center;}
.head .gnb .nav>ul>li{
    position:relative;
    display:inline-block;vertical-align:top;
    margin:0 35px;
}
.head .gnb .nav>ul>li.lan>a{
    display:block;
	width:70px;
    height:94px;
	line-height:94px;
    font-size:17px;color:#0c0c0c;transition:all 0.3s;
	font-weight:bold;
	background:url(../images/top_util_arr.png) no-repeat 55px 44px;
}

.head .gnb .nav>ul>li>a{
    display:block;
    height:94px;
	line-height:94px;
    font-size:19px;color:#0c0c0c;transition:all 0.3s;
	font-weight:bold;
}
.head .gnb .nav>ul>li.on>a{
    color:#244e02;transition:all 0.3s;
}
.head .gnb .nav>ul>li:nth-child(5).on>a{
    color:#ae2829;transition:all 0.7s;
	background:url(../images/top_util_arr2.png) no-repeat 55px 44px;
	
}


.lan{font-size:16px;}


    /* °³º° ¼­ºê³×ºñ */
.head .gnb .nav>ul>li>ul{
    display:none;
    position:absolute;top:100%;z-index:100;
    width:190px;
    padding:7px 15px;
    background:rgba(255,255,255,0.9);
    box-shadow:1px 1px 3px rgba(0,0,0,0.1);
}
.head .gnb .nav>ul>li:nth-child(5)>ul{
    display:none;
    position:absolute;top:100%;z-index:100;
    width:70px;
    padding:3px 10px;
    background:rgba(255,255,255,0.9);
    box-shadow:1px 1px 3px rgba(0,0,0,0.1);
}
.head .gnb .nav>ul>li:nth-child(1)>ul{left:-67px;}
.head .gnb .nav>ul>li:nth-child(2)>ul{left:-65px;}
.head .gnb .nav>ul>li:nth-child(3)>ul{left:-78px;}
.head .gnb .nav>ul>li:nth-child(4)>ul{left:-58px;}
.head .gnb .nav>ul>li:nth-child(5)>ul{left:-10px;}
.head .gnb .nav>ul>li>ul>li{border-bottom:1px solid #e1e1e1;}
.head .gnb .nav>ul>li>ul>li:last-child{border-bottom:0;}
.head .gnb .nav>ul>li:nth-child(5)>ul>li>a{
    display:block;
    height:30px;line-height:30px;
    font-size:13px;color:#6e6e6e;
}
.head .gnb .nav>ul>li>ul>li>a{
    display:block;
    height:42px;line-height:42px;
    font-size:15px;color:#6e6e6e;transition:all 0.3s;
}
.head .gnb .nav>ul>li>ul>li>a:hover{color:#ffffff; transition:all 0.3s; background-color:#074d33;}
.head .gnb .nav>ul>li:nth-child(5)>ul>li>a:hover{color:#ffffff;  background-color:#ae2829;}


.head .gnb .search{float:right;width:30px;}
.head .gnb .search .btn_all{
    float:right;
    overflow:hidden;
    width:19px;height:16px;
    margin-top:35px;
    cursor:pointer;
}
.head .gnb .search .btn_all>div{
    width:100%;
    height:2px;
    margin-bottom:5px;
    background:#333;
    transition:all 0.4s;
	
}
.head .gnb .search .btn_all>div:nth-child(3){}
.head .gnb .search .btn_all.openmenu>div:nth-child(1){transform: translateY(7px) rotate(45deg);}
.head .gnb .search .btn_all.openmenu>div:nth-child(2){opacity:0;}
.head .gnb .search .btn_all.openmenu>div:nth-child(3){transform: translateY(-7px) rotate(-45deg);}


/* ¿Ã ¸Þ´º  */
.allmenu{
    display:none;
    overflow:hidden;
    position:absolute;left:0;top:100%;z-index:100;
    width:100%;
    background:rgba(255,255,255,0.9);
    box-shadow:0 1px 5px rgba(0,0,0,0.1),0 1px 0 #ddd inset;;
}
.menubox{
    float:left;
    width:19%;
    padding:50px 3%;
    height:350px;
    box-shadow:-1px 0px 0px #e5e4e4 inset;
}
.menubox h2{
    height:50px;
    margin-bottom:20px;
    font-size:21px;color:#303030;font-weight:500;
}
.menubox:nth-child(1) h2{
    background:url(../images/all_bg1.png) no-repeat right 0px;
}
.menubox:nth-child(2) h2{
    background:url(../images/all_bg2.png) no-repeat right 0px;
}
.menubox:nth-child(3) h2{
    background:url(../images/all_bg3.png) no-repeat right 0px;
}
.menubox:nth-child(4) h2{
    background:url(../images/all_bg4.png) no-repeat right 0px;
}
.menubox:nth-child(5) h2{
    background:url(../images/all_bg5.png) no-repeat right 0px;
}
.menubox h2:after{
    display:block;
    content:"";
    width:19px;height:2px;
    margin:20px 0;
    background:#244e02;
}
.menubox ul{}
.menubox ul li{margin-bottom:15px;}
.menubox ul li:last-child{margin-bottom:0px;}
.menubox ul li a{
    display:block;
    font-size:17px;color:#6e6e6e;font-weight:400;
}
.menubox ul li a:hover{
    font-size:17px;color:#244e02;font-weight:400;
}


/* footer */
.con_blank {width:880px; height:80px;clear:both;}
.blank { clear:both; width:100%; height:100px;}
#footer{background:#4c5459;padding:41px 0 41px; width:100%;}
.footer {width:1200px; margin:0 auto;}
.footer_txt { font-size:15px; color:#ffffff; line-height:29px; text-align:center;}


/******½Å±Ô (º»»ç ¹× ÇØ¿ÜÁö»çÇöȲ)******************************************************************************************/
.cont4_img{width:100%;}
.cont4_img > img{width:100%; height:auto;}

#license_top{overflow:hidden; margin-bottom:40px; margin-top:70px;}
#license_top h4{  font-size:28px; line-height:46px; color:#161616; font-weight:600; float:left;}
#license_top p.top_line{width:100px;height:42px;border-bottom:2px solid #ae2829;float:left; margin-lefT:18px;}
#license .license_list{width:100%; margin-top:40px;}
#license .license_list li{width:232px; height:328px; float:left; margin-right:10px;}
#license .license_list li:nth-of-type(5){margin-right:0!important}
#license .license_list li span{width:100%; text-align:center; display:block; padding-top:20px;}

.pro_3_img {width:100%; position:relative;}
.pro_3_img li{float:left;}
.pro_3_img li.pro3_text{box-sizing:border-box; padding:20px 0 0 70px;}
.pro_3_img li.pro3_text dl dt{font-size:25px; color:#000; font-weight:bold; position:relative; padding-bottom:20px;}
.pro_3_img li.pro3_text dl dt:after{content:""; display:block; width:60px; height:2px; background:#ae2829; position:absolute; left:0; bottom:0;}
.pro_3_img li.pro3_text dl dd{font-size:16px; padding-top:20px;}
.pro_3_img li.pro3_text > a{
	display: block;
    width: 140px;
    height: 33px;
    font-size: 13px;
    color: #333;
    text-align: left;
    padding: 5px 30px 5px 20px;
    background:url(../../images/go_link.png) no-repeat right 15px center;
    border: 1px solid #bbb;
	margin-top:30px;
	line-height:33px;
}
.pro_3_img li.pro3_text > a:hover{
	color:#fff;
	background:url(../../images/go_link_over.png) no-repeat right 15px center #074d33;
	border:1px solid #fff;
}