﻿@charset "utf-8";
/********************
    Default set
********************/

/*@import url('nanumbarungothic.css');*/
@font-face{
font-family:"Nanum Gothic";
src:url('/kcc2016/font/NanumGothic.eot');
src:url('/kcc2016/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/kcc2016/font/NanumGothic.woff') format('woff'),
url('/kcc2016/font/NanumGothic.ttf') format('truetype');
}


html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin:0px; padding:0px;font-family:"Nanum Gothic"; font-size:13px; list-style:none; color:#282828;}
a{text-decoration:none;color:#282828;}
img{border:0;vertical-align:middle;}
select{font-family:"Nanum Gothic";border:1px solid #d6d6d6;vertical-align:middle;}
input{font-family:"Nanum Gothic";vertical-align:middle;margin:0;padding:0;}
label {cursor:pointer;}
textarea{font-family:"Nanum Gothic";vertical-align:middle;}
table caption{width:0;height:0;font-size:0;overflow:hidden;}
table{border-collapse:collapse;}
.blind{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden;}
.clear{clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.ft_lt{float:left;}
.ft_rt{float:right;}
.ft_on{float:none;}

.tx_lt{text-align:left !important;}
.tx_ct{text-align:center !important;}
.tx_rt{text-align:right !important;}
.ta_ju{text-align:justify !important;}
.ta_tp{vertical-align:top !important;}
.ta_md{vertical-align:middle !important;}
.ta_bm{vertical-align:bottom !important;}
.ta_tb{vertical-align:text-bottom !important;}

.left-area{float:left;}
.right-area{float:right;}

.clear{clear:both;height:0;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}


/********************
    Margin
********************/
.mTxxl {margin-top:100px !important;}
.mTxl {margin-top:50px !important;}
.mTl {margin-top:30px !important;}
.mTm {margin-top:20px !important;}
.mTs {margin-top:15px !important;}
.mTxs {margin-top:10px !important;}
.mTxxs {margin-top:5px !important;}
.mTNo {margin-top:0px !important;}


.mRxxl {margin-right:100px !important;}
.mRxl {margin-right:50px !important;}
.mRl {margin-right:30px !important;}
.mRm {margin-right:20px !important;}
.mRs {margin-right:15px !important;}
.mRxs {margin-right:10px !important;}
.mRxxs {margin-right:5px !important;}
.mRNo {margin-right:0px !important;}


.mBxxl {margin-bottom:100px !important;}
.mBxl {margin-bottom:50px !important;}
.mBl {margin-bottom:30px !important;}
.mBm {margin-bottom:20px !important;}
.mBs {margin-bottom:15px !important;}
.mBxs {margin-bottom:10px !important;}
.mBxxs {margin-bottom:5px !important;}
.mBNo {margin-bottom:0px !important;}


.mLxxl {margin-left:100px !important;}
.mLxl {margin-left:50px !important;}
.mLl {margin-left:30px !important;}
.mLm {margin-left:20px !important;}
.mLs {margin-left:15px !important;}
.mLxs {margin-left:10px !important;}
.mLxxs {margin-left:5px !important;}


/********************
    Padding
********************/
.pTxxl {padding-top:50px !important;}
.pTxl {padding-top:40px !important;}
.pTl {padding-top:30px !important;}
.pTm {padding-top:20px !important;}
.pTs {padding-top:15px !important;}
.pTxs {padding-top:10px !important;}
.pTxxs {padding-top:5px !important;}


.pRl {padding-right:30px !important;}
.pRm {padding-right:20px !important;}
.pRs {padding-right:15px !important;}
.pRxs {padding-right:10px !important;}
.pRxxs {padding-right:5px !important;}


.pBxxl {padding-bottom:50px !important;}
.pBxl {padding-bottom:40px !important;} 
.pBl {padding-bottom:30px !important;}
.pBm {padding-bottom:20px !important;}
.pBs {padding-bottom:15px !important;}
.pBxs {padding-bottom:10px !important;}
.pBxxs {padding-bottom:5px !important;}


.pLxxl {padding-left:50px !important;} 
.pLxl {padding-left:40px !important;} 
.pLl {padding-left:30px !important;}
.pLm {padding-left:20px !important;}
.pLs {padding-left:15px !important;}
.pLxs {padding-left:10px !important;}
.pLxxs {padding-left:5px !important;}


.pTNo {padding-top:0 !important;}
.pLNo {padding-left:0 !important;}
.pRNo {padding-right:0 !important;}
.pBNo {padding-bottom:0 !important;}

.no_bg{background:none !important;padding-left:0 !important;margin-left:0 !important;}
/***********************************************
************************************************
				Start Coding
************************************************
************************************************/
.skipNav{position:relative;width:100%;z-index:99999;}
.skipNav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:7px 0; font-style:normal; font-variant:normal;text-align:center;font-family:"Nanum Gothic";font-size:13px; font-weight:bold;color:#ffffff;background:#4e90d0;}
.skipNav a:active,
.skipNav a:focus{top:0;text-decoration:none;color:#ffffff;}

#wrap{}

.header_top{width:1180px;margin:0 auto;padding:18px 0 16px;}
.header_logo{float:left;}
.header_logo > a{float:left;display:inline-block;}
.header_logo > a.a_rt{margin:8px 0 0 25px;}
.header_home{float:right;padding-top:18px;}
.header_home > li{float:left;background:url('/ehp/images/main/main_bg1.gif') no-repeat left 7px;padding-left:15px;margin-left:14px;}
.header_home > li > a {display:block;font-size:15px;color:#454545;}
#header_menu{ background: #304195; }
.header_menu{width:1200px;margin:0 auto;}
.header_menu > ul > li{float:left; width:300px; text-align:center;}
.header_menu > ul > li > a{display:block;font-size:20px;color:#fff;height:60px;line-height:60px;}
.header_menu > ul > li > a.on,
.header_menu > ul > li:hover > a{color:#fff; background: #5285c4; }
.header_menu > ul > li:hover > div { background: #dde3ed;}

#footer { width: 100%; padding: 38px 0 25px; border-top: 1px solid #bcc9dd; background: #edf1f7; }
#footer .footer { width: 1200px; margin: 0 auto; }
#footer .footer > a {float:left;}
.footer_cent{float:left; padding:0px 0 0 53px;}
.footer_cent > p{ font-size: 14px; color:#3e3e3e; padding-top:15px;}
.footer_cent > ul > li {float:left; background: url(/ehp/images/new_images/bg/bg-ft-line.png) no-repeat left center; padding-left: 25px; margin-left:25px;}
.footer_cent > ul > li:first-child {margin-left: 0px; padding-left: 0px; background: none; }
.footer_cent > ul > li > a { font-size: 18px; color: #3e3e3e; font-weight: bold; }

/**/
.main-menu li > a { display:block; }
.menu-style { z-index:99999; display:none; position:absolute; height: 310px; width: 224px; padding: 30px 38px; text-align: left;  }
.menu-style > a { display: block; line-height: 33px; font-size: 18px; text-align: center; border: 1px solid #000; background: #fff; }
.menu-style > ul > li { margin-top: 15px; }
.menu-style > ul > li:first-child { margin-top: 15px; }
.menu-style > ul > li > a { display: inline-block; line-height: 20px; font-size:16px; color: #252525; text-align: left; }
.menu-style > ul > li > ul > li { margin-top: 15px; }
.menu-style > ul > li > ul > li > a { padding-left: 20px; font-size: 14px; color: #252525; background: url(/ehp/images/new_images/ico/ico-gnb-dot.png) no-repeat; }
.menu-style > ul > li > a:hover { line-height: 19px; color: #304195; border-bottom: 1px solid #304195; }

#header-bg { display: none; z-index: 9998; position: absolute; width: 100%; height: 370px; border-bottom: 1px solid #e0e3e7; background: #f3f5f9; }

/**/



/* KHW ADD */
.sr_only {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;font-size:medium;line-height:normal;word-break:break-all;} 

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0; width: 0px !important; height: 0px !important; margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important}

.head { position: relative; width: 1200px; margin: 0 auto; min-height: 100px; overflow: hidden; }
.head .logo { float: left; margin: 25px 0px 0px 12px; }
.head .search-bx { position: relative; float: left; width: 445px; margin: 30px 0px 0px 135px; }
.head .search-bx input[type="text"] { width: 400px; height: 40px; padding: 0px 10px; border: none; background: #d7e7f6; }
.head .search-bx input[type=text]::-ms-clear{ display: none; }
.head .search-bx .btn-sch { position: absolute; right: 0px; width: 44px; height: 40px; text-indent: -9999px; border: none; background: #5285c4 url(/ehp/images/new_images/ico/ico-search.png)no-repeat center center; border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px }
.head .tnb { float: right; }
.head .tnb > ul { overflow: hidden;margin-top: 32px; }
.head .tnb > ul > li { float: left; margin-left: 40px; }
.head .tnb > ul > li:first-child { margin-left: 0px; }
.head .tnb > ul > li > button { height: 18px; padding: 0px 0px 0px 30px; font-size: 14px; color: #242e3e; font-weight: bold; border:none; cursor: pointer; }
.head .tnb > ul > li > button.btn-lang { background: url(/ehp/images/new_images/ico/ico-earth.png) no-repeat left center; }
.head .tnb > ul > li > button {margin-top: 9px;}

#site-link { border-top: 1px solid #bcc9dd; background: #e6eef8; }
.link-bx { width: 1070px; margin: 0 auto; padding: 25px 130px 25px 0px; position: relative; }
.link-bx .sitelink-slider > li { float: left; width: 169px !important; }
.link-bx .bx-wrapper .bx-controls-direction a { position: absolute; text-indent: -9999px; }
.link-bx .bx-wrapper .bx-controls-direction a.bx-prev { margin-top: -17px; top: 50%; left: inherit; right: 72px; width: 35px; height: 35px; background: url(/ehp/images/new_images/ico/ico-prev.png) no-repeat center;}
.link-bx .bx-wrapper .bx-controls-direction a.bx-next { margin-top: -17px; top: 50%; right: 0px; width: 35px; height: 35px; background: url(/ehp/images/new_images/ico/ico-next.png) no-repeat center;}
.link-bx .bx-controls-auto a { position: absolute; margin-top: -17px; top: 50%;  right: 36px; text-indent: -9999px; }
.link-bx .bx-controls-auto .bx-start { width: 35px; height: 35px; background: url(/ehp/images/new_images/ico/ico-slider-start3.png) no-repeat center center; }
.link-bx .bx-controls-auto .bx-stop { width: 35px; height: 35px; background: url(/ehp/images/new_images/ico/ico-slider-stop3.png) no-repeat center;  }

#center { padding-bottom: 50px; min-height: 500px; }