@charset "UTF-8";

#wrap { width: 970px; margin: 0 auto; }
#container { clear: both; padding-bottom: 10px; }

#topBanner { overflow: hidden; width: 100%; height: 80px; background-color: #abd6bf; }
#topBanner .topBannerCont { width: 970px; height: 80px; overflow: hidden; margin: 0 auto; position: relative; background-color: #abd6bf; }
#topBanner .topBannerCont .topBannerClose { position: absolute; top: 40%; right: 0; }


/* MAIN HEADER */
#header { height: 89px; position: relative; }
#header .topSearch { text-align: right; position: absolute; top: 37px; right: 0;}
#header .topSearch p { border: #323232 2px solid; height: 20px; padding: 4px 5px 4px 15px; float: left; border-radius: 20px; }
#header .topSearch p input.typeText { background: none; border: none; height: 20px; width: 200px; }
#header .topSearch .allMenuBtn { display: block; float: left; height: 32px; line-height: 30px; background-color: #000000; color: #fff; padding: 0 10px; margin-left: 10px; border-radius: 4px; font-weight: bold; }

#header .allMenu { display: none; padding: 50px 50px 10px 50px; width: 868px; border: #000  1px solid; border-radius: 4px; position: absolute; top: 89px; left: 0; background: #fff; z-index: 10000; }
#header .allMenu .menuClose { position: absolute; bottom: 20px; right: 20px; }
#header .allMenu .menuHere { position: absolute; top: -6px; right: 32px; }

#header .global {position:absolute;top:37px;left:0;}
#header .global a {margin:0 10px 0 0;}

#header .allMenu .menuList {  }
#header .allMenu .menuList p { font-size: 1.5em; color: #fa0026; padding-bottom: 30px; font-weight: bold; }
#header .allMenu .menuList dl { width: 100%; font-size: 1.1em; color: #333333; line-height: 1.6; }
#header .allMenu .menuList dt { font-weight: bold; padding-bottom: 10px; color: #333333; }
#header .allMenu .menuList dt a { color: #333333; }
#header .allMenu .menuList dd { padding-bottom: 40px; }
#header .allMenu .menuList dd a { color: #646464; }

#header .allMenu .menuList .h160 { min-height: 160px; }

#header .allMenu .m00 { width: 28%; float: left; }
#header .allMenu .m01 { width: 27%; float: left; }
#header .allMenu .m02 { width: 45%; float: left; }
#header .allMenu .m02 dl { width: 50%; float: left; }


/* SUB HEADER */
#sHeader h1{border-bottom:2px solid #000;padding-top:90px;}
#sHeader {position:relative; height:150px;}
#sHeader .topSearch { position: absolute; right: 0; text-align: right; bottom: 20px;}
#sHeader .topSearch .allMenuBtn { background-color: #000000; border-radius: 4px; color: #fff; display: block; float: left; font-weight: bold; height: 32px; line-height: 30px; margin-left: 10px; padding: 0 10px;}
#sHeader .topSearch p { border: 2px solid #323232; border-radius: 20px; float: left; height: 20px; padding: 4px 5px 4px 15px;}
#sHeader .topSearch p input.typeText { background: none; border: none; height: 20px; width: 200px;}
#sHeader .allMenu { background: #fff; padding: 50px 50px 10px 50px; border: 1px solid #000; border-radius: 4px; display: none; left: 0; position: absolute; top: 148px; width: 868px; z-index: 10000;}
#sHeader .allMenu .menuClose { position: absolute; bottom: 20px; right: 20px; }
#sHeader .allMenu .menuHere { position: absolute; top: -6px; right: 32px; }

#sHeader .global{position:absolute;top:37px;left:0;}
#sHeader .global a{margin:0 15px 0 0;}

#sHeader .loginBox { position: absolute; top: 37px; right: 0; }
#sHeader .loginBox input.loginInput { border: #dcdcdc 1px solid; width: 94px; height: 23px; line-height:23px; padding: 0 5px; font-size: 1em; }
#sHeader .loginBox .loginBtn { display: inline-block; letter-spacing: -1px; vertical-align: middle; height: 23px; line-height: 23px; padding: 0 10px 0 20px; border: #cccccc 1px solid; border-radius: 3px; color: #333333; background: url("../../img/bullet04.png") no-repeat 10px 8px; )}



#sHeader .loginCheck { position: absolute; top: 37px; right: 0; font-size: 11px; }
#sHeader .loginCheck strong { font-size: 13px; }
#sHeader .loginCheck span { color: #fa0026; }
#sHeader .loginCheck p { display: inline-block; padding-left: 30px; }
#sHeader .loginCheck a { color: #333333; display: inline-block; padding: 0 10px 0 10px; background: url("../../img/bullet02.png") no-repeat 0 8px; }

#sHeader .allMenu .menuList {  }
#sHeader .allMenu .menuList p { font-size: 1.5em; color: #fa0026; padding-bottom: 30px; font-weight: bold; }
#sHeader .allMenu .menuList dl { width: 100%; font-size: 1.1em; color: #333333; line-height: 1.6; }
#sHeader .allMenu .menuList dt { font-weight: bold; padding-bottom: 10px; color: #333333; }
#sHeader .allMenu .menuList dt a { color: #333333; }
#sHeader .allMenu .menuList dd { padding-bottom: 40px; }
#sHeader .allMenu .menuList dd a { color: #646464; }

#sHeader .allMenu .menuList .h160 { min-height: 160px; }

#sHeader .allMenu .m00 { width: 28%; float: left; }
#sHeader .allMenu .m01 { width: 27%; float: left; }
#sHeader .allMenu .m02 { width: 45%; float: left; }
#sHeader .allMenu .m02 dl { width: 50%; float: left; }



/* SUB LEFT GNB */
.left {width: 180px; float: left; padding-bottom: 50px; position: relative; }
.left .menu {left: 25px; border: 1px solid #e7e7e7; border-radius: 6px; padding:16px 24px 24px 24px; margin-bottom: 10px;}
.left .menu li.tit { border-bottom: 1px solid #e7e7e7; padding: 10px 0; } 
.left .menu li.tit a { background: url("../../img/bullet01.png") no-repeat 2px 11px; display: block; font-weight: bold; font-size: 14px; padding: 4px 0 6px 11px; }
.left .menu li a:focus,
.left .menu li a:hover,
.left .menu li a.on { background: url("../../img/bullet01_on.png") no-repeat 2px 11px; }

.left .menu li.last {border: 0;}

/*.left .menu li.tit ul li { border:none; letter-spacing: -1px; padding: 0; }*/
.left .menu li.tit ul li a { display: block; background: none; font-weight:normal; }
.left .menu li.tit ul li a:focus,
.left .menu li.tit ul li a:hover,
.left .menu li.tit ul li a.on {background-color: #ed1846; color: #fff; border-radius: 20px; }

.left .lnb_banner{}

.left .join {font-weight: bold; font-size: 14px; }
.left .join .first{}
.left .join .first a{}
.left .join .last{}
.left .join .last a{}
.left .join .last span{color:#ec1944;}

.left .mySnowLink { display: none; z-index: 9999; border-radius: 4px; border: #000 1px solid; background: #fff; padding: 20px 30px 33px 30px; position: absolute; top: 70px; left: 183px; width: 553px; }
.left .mySnowLink .mySnowLeftClose { position: absolute; bottom: 20px; right: 20px; }
.left .mySnowLink .myHere { position: absolute; /*bottom: 163px;*/ top: 495px; left: -9px; }
/* .left .mySnowLink ul { padding: 0 30px; } */
.left .mySnowLink li { position: relative; width: 25%; height: 75px; padding: 8px 0 10px 0; text-align: center; float: left; }



/* FOOTER */
#footer { clear: both; overflow: hidden; padding-bottom: 30px; }
#footer .footLink { border-bottom: #dcdcdc 1px solid; padding: 15px 0; }
#footer .footLink li { display: inline; font-size: .9em; font-weight: bold; padding: 0 18px 0 13px; background: url("../../img/footLinkBg.png") no-repeat right 3px; }
#footer .footLink li.last { background: none; }
#footer .footLink li a { color: #333333; }
#footer .footLink li strong a { color: #fa0026; }

#footer .copyright { clear: both; position: relative; padding-top: 17px; }
#footer .footLogo { width: 150px; float: left; }
#footer .footAddress { width: 820px; float: left; color: #787878; }
#footer .footAddress p { padding-bottom: 5px; } 

#footer .copyright select { position: absolute; top: 17px; right: 0; width: 180px; height: 27px; line-height: 27px; }
/* #footer .copyright select { position: absolute; top: 17px; right: 0; font-size: .9em; padding: 0 10px 0 20px ; height: 27px; line-height: 27px; border-radius: 15px; border: none; background-color: #919191; color: #fff; } */




/* Webkit */
::-webkit-input-placeholder { color: #afafaf; }
/* Firefox 4-18 */
:-moz-placeholder { color: #afafaf; }
/* Firefox 19+ */
::-moz-placeholder { color: #6b6b6b; }
/* IE10+ */
:-ms-input-placeholder { color: #afafaf; }