@charset "utf-8";
/* CSS Document */

/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
html,body{width:100%; height:100%}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{ font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum;font-size:14px; font-weight:normal;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 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{text-decoration:none; font-weight:normal;}
a:hover{text-decoration:none}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}




#i_visu { z-index:-999; position:absolute; top:100px; background:url(/images/visu.jpg) center top no-repeat; width:100%; height:600px;}
#i_maintxt { width:1080px; margin:160px auto 240px;}
h1.typing-text-effect
{
	text-align: center; font-size:50px; font-weight:bold; color:#fff; text-shadow:5px 5px 5px #222;
}
.oculto
{
	display: none !important;
}

#i_cont1 { width:1080px; margin:0 auto; padding:40px 0; background:#fff !important; text-align:center}
.bar { width:115px; height:1px; display:inline-block; background:#f94e3f; margin-bottom:10px;}
.maintext {  font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-size:26px; font-weight:600;}
.mainstext { font-size:16px; color:#636363; font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-weight:normal;}


.without-code { font-weight:normal}
.main-heading-wrapper { margin-top:70px !important;}
.parttit { padding-left:10px; border-left:4px solid #222; color:#222; font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; margin-bottom:15px; font-size:22px;}
.feature-pill { margin-bottom:50px;}
.feature-pill h3 { text-align:left; font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; margin-bottom:5px; font-size:22px; color:#363839;}
.feature-pill p { font-size:17px; color:#5b5b5b; margin-bottom:15px; font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; margin-top:15px;}

.prot { font-size:20px; margin-top:20px; font-weight:500;}
#i_cont2 { width:1080px; margin:40px auto; padding:40px 0; background:#fff !important; text-align:center}
.latest_port { margin-top:25px;}
.bluetxt { color:#2d6ab1 !important}
.ftsky { color:#00B8F1 !important;}

#i_cont3 { width:1080px; height:330px; margin:0 auto;}
.graybox { background:#f4f4f4; width:525px; height:330px; padding:35px;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box; float:left;}
.i_noti { height:140px;}
.i_noti > h6 { color:#444; font-weight:bold;  font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-size:22px;  }
.i_noti > h6 > a { display:inline-block; float:right;}

.i_cus { height:85px; text-align:right; margin-top:30px;}
.i_cus > h6 { color:#444; font-weight:bold;  font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-size:16px;  }
.i_cus .tel { font-size:36px; color:#2d6ab1; font-weight:bold;}
.i_cus .etc { font-size:16px; color:#696969;}

.i_hover { width:540px; margin-left:15px; float:left;}

#i_footer_wrap { width:100%; padding:30px 0; float:left; clear:both; background:#353638; margin-top:50px;}
#i_footer { text-align:center; color:#e1e1e1; font-size:14px; line-height:120%; width:1080px; margin:0 auto;}
.ft_copy { color:#777;}
.ft_copy a { color:#777;}

#i_sub { width:1080px; min-height:800px; margin:0 auto;}
#i_svisu { position:absolute; top:100px; width:100%; height:160px; background:#efefef; z-index:-999;}
#i_tit { text-align:center; font-size:35px; font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; color:#5b5b5b; font-weight:500; line-height:160px; color:#fff !important;}
#i_txt { margin-top:40px; padding:40px 0;color:#5b5b5b; line-height:150%}
.gret p { margin-bottom:20px; font-size:16px;}
.gret { width:670px; float:left; margin-right:30px;}
.pagetitle { font-size:35px; margin-bottom:40px;}
#i_txt p { font-size:16px;}
.i_gnb { position:absolute; right:0; top:0px;}
.i_gnb #tnb a { padding:0; color:#999; font-size:12px; letter-spacing:-0.5px;}
.h5bull { font-size:27px; font-weight:600; color:#222; margin-bottom:20px; padding-top:15px; background:url(/images/h5bull.jpg) left top no-repeat; padding-left:12px; margin-top:60px;font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum;}


.submenu02 { width:100%; text-align:center; margin-top:30px;}
.submenu02 ul { margin:0 auto; padding:0; overflow:hidden; display:inline-block; }
.submenu02 ul li { list-style:none; float:left; min-width:150px; text-align:center; height:45px; border:1px solid #f1f1f1; margin:0 1px;}
.submenu02 ul li a { display:inline-block; width:100%; height:100%; line-height:45px; font-size:15px; color:#666}

.submenu02 ul .on { background:#00B8F1;  border:1px solid #00B8F1;}
.submenu02 ul .on a { color:#fff !important;}