@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@import url('https://fonts.googleapis.com/css?family=Nunito:700');
body{font-family: 'Roboto', sans-serif; zoom: 1; font-size:14px; line-height:22px; color:#333333;}
strong{font-weight:500 !important;}
button{font-family: 'Roboto' !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.ml3{margin-left:3px !important;}
.mr3{margin-right:3px !important;}

.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb60{padding-bottom:60px !important;}
.pb90{padding-bottom:90px !important;}
.pb120{padding-bottom:120px !important;}

.txt-red{color:#ff5656 !important;}
.txt-navy{color:#475cce !important;}
.txt-green{color:#10a4b7 !important}
.txt-fff{color:#ffffff !important;}
a.txt-fff:hover{color:#FC0 !important;}

.btn-center { margin: 25px; text-align: center;}
.btn{ font-size:13.5px; font-weight:500; color:#444444; padding: 2px 10px; margin: 0 3px; border: 2px solid #ff5656; border-radius: 13px;}
.btn:hover{background:#ff5656; color:#ffffff; transition:0.4s; cursor:pointer !important;}
.btn-lg{font-size: 17px; padding: 5px 25px; border-radius: 20px; background:#ff5656; color:#ffffff;}
.btn-lg:hover{background:#ffffff; color:#444444;  border: 2px solid #ff5656; cursor:pointer !important;}

#myBtntop {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 999999; border: none;  outline: none;
  background-color:#ef4e4c; color:#ffffff; cursor: pointer; padding: 15px;  border-radius: 10px;}
#myBtntop:hover {background-color: #e33f3d;}

.fl-left{float:left;}
.fl-right{float:right;}
.al-center{text-align:center;}
.al-left{text-align:left;}
.al-right{text-align:right;}
.al-justify{text-align:justify;}
.display-bc{display:block; margin:0 auto;}

.label{display: inline;
    padding: .2em .6em .3em;
    font-size: 70%;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
	background-color: #3c8dbc;}
.label:hover{background:#C33; transition:0.3s;}	
li .label{ margin-left: 4px;}	
.h3_icon {
    background: url(../images/h3_icon.png) no-repeat;
    background-position: top left;
    padding-left: 25px;
    height: 22px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;
}

.icon_1{ background: url(../images/h3_icon_1.png) no-repeat;
    background-position: top left;
    padding-left: 30px;
    height: 22px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;}
.icon_2{ background: url(../images/h3_icon_2.png) no-repeat;
    background-position: top left;
    padding-left: 30px;
    height: 22px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;}
.icon_3{ background: url(../images/h3_icon_3.png) no-repeat;
    background-position: top left;
    padding-left: 30px;
    height: 22px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;}
/*=========================main=========================*/

/*-------------------------gnb-------------------------*/
.tnb-wrap{width:1080px; height:103px; margin:0 auto;}
.tnb-wrap img.tnb-logo{position:absolute; top:47px; left:50%; margin-left:-540px;}
.tnb{width:1080px; height:30px; margin:0 auto;}
.tnb ul{width:280px; float:right; padding-top:60px;}
.tnb-wrap ul li{float:left;}
.tnb-wrap ul li a{display:block; font-size: 12px;  background: #868181; text-align: center; padding: 0px 13px;  color: #ffffff; margin-left: 5px; border-radius: 15px;}
.tnb-wrap ul li a:hover{background:#039; color:#ffffff; transition:ease-out 0.5s;}

.navbar{width:100%; height:52px; overflow: hidden; background-color:#b91326; min-width:1080px;}
.gnb{width:1070px; height:52px; margin:0 auto;}
.navbar .depth1, .home-btn{float: left; font-size:15.5px; font-weight:500; color:#ffffff !important; text-align: center; padding: 18px 30.5px; text-decoration: none;  text-transform:uppercase; 
							cursor:pointer !important; border:none;  background-color:#b91326; letter-spacing:-0.1px;}
.home-btn{ padding: 15px 26px;}
.dropdown{float: left; padding:0 2px; height:52px; overflow: hidden; line-height:normal;}
.dropdown-menu{display: none; width: 235px; position: absolute; top: 154px; background-color: #f4f4f4; z-index: 999999;
    border: 1px solid #b91326; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; padding: 13px 0;}
.dropdown-menu.menu1{left: 50%; margin-left: -540px;}
.dropdown-menu.menu2{left: 50%; margin-left: -370px;}
.dropdown-menu.menu3{left: 50%; margin-left: -195px;}
.dropdown-menu.menu4{left: 50%; margin-left: -25px;}
.dropdown-menu.menu5{left: 50%; margin-left: 142px;}
.dropdown-menu.menu6{left: 50%; margin-left: 303px;}
.dropdown-menu a{display: block; float: none; width:100%; font-size:14.5px; color:#333; text-decoration: none; text-align: center; padding:5px 0; }
.dropdown-menu a:hover {font-size:15px; font-weight:500; transition:ease 0.3s; padding:7px 0; color:#d41620;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu .fa-caret-up{position: absolute; top: -20px; font-size: 30px; color: #f4f4f4; left: 110px;}
.dropdown .depth1:hover .dropdown .dropdown-menu a:before{font-family:'FontAwesome'; content:"\f0da"; float: left; padding-right: 5px;}

/*---------------------visual slider---------------------*/
.slider{padding-bottom:7px;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flex-direction-nav{display:none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 1080px; display: block; margin:0 auto;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider {position: relative;  zoom: 1; z-index: 10;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #ffffff; zoom: 1;}
.ie7 .flexslider {margin-bottom: -30px;}
.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/*---------------------quick menu bar---------------------*/
.quick-menu_wrap{width:1080px; height:105px; margin:0 auto;}
.quick-menu li{width: 175.8px; float: left; padding: 10px 0; border: 1px solid #dddddd; margin-right: 5px; box-sizing:border-box;}
.quick-menu li:last-child{margin-right:0;}
.quick-menu li a{width:100%; text-align:center;}
.quick-menu li a img{display:block; width:62px; height:62px; margin:0 auto;}
.quick-menu li:hover{border:1px solid #ff5656; transition:ease-in 0.4s;}
.quick-menu li .page-name{text-align:center; padding: 4px 0 3px 0; text-transform: uppercase; font-size: 14.5px; font-weight: 500; letter-spacing: -0.5px;}
.quick-menu li:hover .page-name{color:#ff5656; transition:ease-in 0.4s;}

/*---------------------main contents area---------------------*/
.contents{width:1080px; margin:0 auto; padding-top:15px;}
.section{border-left:2px dotted #dddddd; border-right:2px dotted #dddddd; min-height:240px; border-top:1px solid #dddddd;}
.section:first-child{border-top: 4px solid #dddddd; border-bottom: 1px solid #dddddd;}
.section:last-child{border-bottom: 1px solid #dddddd;}
.section-title{font-size: 18px; font-weight: 500;line-height: 35px; text-transform: uppercase; color: #003f5d; letter-spacing: -0.5px; border-bottom: 1px solid #d3d3d3; padding-bottom:5px; width:240px;}
.border-none{border:none !important;}
.half{width:497.5px; height: 210px; float:left; padding:15px 20px;}
.third{width:318.5px; height: 210px; float:left; padding:15px 20px;}

.scroll{overflow-y:scroll; max-height:160px;}
.section-list{padding-top:10px;}
.section-list li{line-height:26px;}
.section-list li .date{display: inline-block; float: right; padding-right: 10px; font-size: 13.5px; color: #ff5656; font-weight: 500;}
.section-list li:before{content:url('../images/main/ico-list01.png'); padding-right:10px;}
.section-list.list-ico2 li:before{content:url('../images/main/ico-list02.png');}

.section.row1, .section.row3{background:#f4f4f4;}
.section.row1 .half:first-child{border-right:1px solid #dddddd;}

.section.row2{height:250px;}
.section.row2 .third{height:220px;}
.section.row2 .third, .section.row3 .third{width: 318px; float: left; padding: 15px 20px; border-right: 1px solid #dddddd;}
.section.row2 .third:last-child, .section.row3 .third:last-child{border-right:none;}

.row2 .main-keynote-box img{display: block; width: 170px; height: 170px; margin: 0 auto;}
.row2 .main-keynote-box img.keynote-sp{display: block; width: 130px; height: 130px; margin: 0 auto;}
.row2 .main-keynote-box .main-keynote{font-size: 15px; font-weight: 500; text-align: center; margin-top: 8px;}
.row2 .main-keynote-box .keynote-info{font-size:13.5px; text-align:center;}

.news-box .news-title{ font-size: 20px;  font-weight: 500; color: #e45151; margin-bottom: 8px;  padding-bottom: 8px; border-bottom: 1px dotted #ababab;}

.section.row3{height:265px; margin-bottom:50px;}
.section.row3 .third{height:235px;}
.section.row3 .scroll{max-height: 185px;}
.row3 ul.download-center img{float: right; padding-right: 15px; margin-top: 3px;}
.row3 .twitter-wrap{border:1px solid #dddddd; border-radius:15px; padding:5px; background:#ffffff;}

/*=========================sub=========================*/

/*-------------------------lnb-------------------------*/
.content_area{width:1080px; margin:0 auto; margin-top:10px; min-height:800px; border-top: 1px solid #dddddd;}
.lnb_area{display: block; width: 233px; height: 100%; border-left: 1px solid #dddddd; float: left;}
.lnb{display: block; width:100%; color:#3e3e3e;}
.lnb ul li a{ display: block; width: 213px; padding: 15px 0px; padding-left: 20px; border-bottom: 1px solid #dddddd;}
.lnb ul li a:before{font-family:'FontAwesome'; content:"\f0da"; float: left; padding-right: 5px; text-decoration:none !important;}
.lnb ul li a:hover, .lnb ul li a.depth2r{font-weight:500; font-size:14.5px; background:#f9f9f9; color:#ff5656; transition: 0.3s;}
.lnb ul li a.depth2r{ color:#d41620; text-decoration: underline;}
.lnb ul li a.depth2r a:before{text-decoration:none;}
.lnb .title_box{ height: 120px; border-bottom: 1px solid #dddddd;}
.lnb .title_box p.menu-title{line-height: 39px; font-size: 23px; font-weight: 500; text-align: center; padding: 40px 0; border-top:4px solid #b91326;}


/*-------------------------contents-------------------------*/
.content{display: block; width: 780px; height: 100%; min-height: 800px; padding: 40px 32px 75px 32px; border-top: 3px solid #e2e2e2; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; float: left;}

.tba_area{text-align: center; margin-top: 150px; font-size: 22px; color: #b5b5b5;}
.tba_area img{display:block; margin:12px auto;}

.content h2{font-family:'Nunito'; font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom:40px;}
.content h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 15px 0; color: #ea2819;}
.content h4 {font-size: 15.5px;  font-weight: 500; margin: 5px 0; color:#003f5d; padding-left: 13px; position: relative;}
.content h4:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 2px; background: #003f5d;}
.content h5{font-size: 15px;  font-weight: 500; margin: 6px 0; color:#07a9bd;}
.content ul.list li:before{ content: '-'; font-size: 15px; vertical-align: bottom; padding-right: 7px;}

.content .ul-basic{ padding-left: 17px;}
.content .ul-basic li{padding: 2px 0; list-style-type: circle;}
.content .ul-basic li.decimal, .content .ul-basic2 li.decimal{list-style-type: decimal !important;}
.content .ul-basic li.circle, .content .ul-basic2 li.circle{list-style-type: circle !important;}

.content .ul-basic2{ border-top: 2px solid #ff5656; border-bottom: 2px solid #d4d4d4;}
.content .ul-basic2 li{border-bottom: 1px dotted #989898; padding: 8px 5px;}
.content .ul-basic2 li:last-child{border-bottom:none;}

.content dl dt { float: left; min-width: 220px; background: #f1f1f1; color: #582e2e; font-weight: 500;  margin-right: 13px; padding: 5px 8px;}
.content dl dd { margin: 2px 0; padding: 5px 0;}
.content .table{width:100%; border-left:1px solid #e0e0e0; border-top: 2px solid #ff5656;}
.content .table td{padding:5px 8px; border-right:1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; vertical-align:middle; line-height: 19px;}
.content .table.al-center td{text-align:center;}
.content .table a:hover{text-decoration:underline;}

.content .table2{width:100%; border-top: 2px solid #B5B5B5; border-bottom: 1px solid #B5B5B5;}
.content .table2 td{padding:4px 8px; border-bottom: 1px dashed #bdbdbd;}
.content .table2 tr:last-child td{border-bottom:none;}

.content .section{width:776px;}
.content .section.last{border-bottom:1px solid #dddddd;}
.content .section .one{width:95%; padding:15px 20px;}
.content .section .half{width:347px; border-right:1px dotted #dddddd;}
.content .section .half:last-child{border-right:none;}

.contact-box{padding: 12px 20px;
    background: #f3f4f5;
    border-radius: 15px;
    margin-top: 5px;
    border: 1px solid #e2e2e2;}

/*=========================footer=========================*/
.footer_area{width:100%; height:255px; float:left; min-width:1080px;}
.footer-wrap{width:100%; height:250px; background:#efefef; border-top:3px solid #d2d2d2; min-width:1080px;}
.footer_info-wrap{width:100%; height:215px; background:#343434; color:#e1e1e1; padding-top:30px;}
.footer, .footer_info{width:1080px; margin:0 auto;}
.footer p.ft-div{font-size:13px; color:#666; padding:15px 0 0 0; clear:both;}
.footer ul li{float:left; margin-right:18px;}
.footer_info{height:125px;}
.footer-logo{display:block;}
.copy-info1{width:770px; float:left;}
.copy-info2{width:315px; float:left; text-align:right;}
.copy-info2 li{float:left;}
.copy-info2 li a{padding:2px 10px; font-size:12.5px; background:#5e5e5e; border-radius:13px; margin-left:6px;}
.org_area{width:350px; float:left; margin-right:30px;}
.sp_area{width:640px; float:left;}