@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */


/*메인비쥬얼*/
.main_visual {width:100%; position:relative; height:630px;}
.main_visual .visual {width:100%; height:630px;}
.main_visual .visual a {width:100%; height:630px;}

/* main_visual pager */
.cycle-pager {text-align: center; width: 100%; z-index: 103; position: absolute; bottom: 23px; overflow: hidden;}
.cycle-pager span { font-family: arial; font-size: 0px; display: inline-block; color: #ddd; cursor: pointer; width:20px; height:20px; background:url(/images/main/off_btn.jpg) no-repeat; margin-left:10px;}
.cycle-pager span.cycle-pager-active { color: #D69746; background:url(/images/main/on_btn.jpg) no-repeat;}
.cycle-pager > * { cursor: pointer;}

/*컨텐츠*/
#containerWrap {width:100%; position:relative; background-color:#FFFFFF;}
#container {width:100%; position:relative;}
#container .contents {width:100%; margin:0 auto; position:relative; z-index:2;}


.BotCon {width:100%; margin:0 auto; position:relative;}
.BotCon::after {content:""; clear:both; display:block;}
.BotCon .con_top {width:1200px; margin:0 auto; overflow:hidden;}
.BotCon .con_top ul::after {content:""; clear:both; display:block;}
.BotCon .con_top > ul > li {float:left;}

.BotCon .con_top ul li.cust_center { width:450px; height:230px; position:relative; }
.BotCon .con_top ul li.cust_center ul li.ul_1 {font-size:16px; font-weight:bolder; color:#fff; background-color:#11244F; text-align:center; width:102px; height:62px; padding-top:40px; display:inline-block; border-radius: 50%; position:absolute; top:55px;}
.BotCon .con_top ul li.cust_center ul li.ul_2 {margin-left:122px; margin-top:41px; font-size:16px; font-weight:bolder; color:#000;}
.BotCon .con_top ul li.cust_center ul li.ul_3 {margin-left:122px; margin-top:10px; font-size:40px; font-weight:900; color:#000;}
.BotCon .con_top ul li.cust_center ul li.ul_3 span {font-weight:normal;}
.BotCon .con_top ul li.cust_center ul li.ul_4 {margin-left:122px; margin-top:5px; font-size:18px; font-weight:900; color:#000;}
.BotCon .con_top ul li.cust_center ul li.ul_4 span {font-weight:normal; width:90px; display:inline-block;}
.BotCon .con_top ul li.cust_center ul li.ul_5 {margin-left:122px; margin-top:5px; font-size:18px; font-weight:900; color:#000;}
.BotCon .con_top ul li.cust_center ul li.ul_5 span {font-weight:normal; width:73px; display:inline-block;}
.BotCon .con_top ul li.cust_center ul li.ul_6 {margin-left:122px; margin-top:5px; font-size:18px; font-weight:900; color:#000;}
.BotCon .con_top ul li.cust_center ul li.ul_6 span {font-weight:normal; width:90px; display:inline-block;}

.BotCon .con_top ul li.notice {margin-right:0px;}
.BotCon .con_top ul li.notice { padding-top:49px;  width:341px; height:181px; background-color:#ffffff; }

.BotCon .con_top ul li.counsel {margin-right:0px;}
.BotCon .con_top ul li.counsel {margin-left:68px; padding-top:49px;  width:341px; height:181px; background-color:#ffffff;}
.BotCon .con_top dl.bt1 {}
.BotCon .con_top dl.bt1 dt {font-size:18px; font-weight:bolder; font-color:#000000; position:relative; margin-bottom:20px; border-bottom:1px solid #EAEAEA;padding-bottom:10px;}
.BotCon .con_top dl.bt1 dt span {color:#298CBB;}
.BotCon .con_top dl.bt1 dt a { position:absolute; right:0px; top:20px; display:block; height:5px;}
.BotCon .con_top dl.bt1 dd {line-height:22px; margin-top:10px; width:341px; font-size:14px; font-color:#373C47; position:relative;}
.BotCon .con_top dl.bt1 dd span { position:absolute; right:0px;}


.MidCon {width:1200px; margin:0 auto; position:relative; margin-top:50px;}
.MidCon .con_top {position:relative; width:100%;}
.MidCon .con_top ul::after {content:""; clear:both; display:block;}
.MidCon .con_top ul li {float:left; width:375px; height:260px; position:relative;}
.MidCon .con_top ul li a {display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.MidCon .con_top ul li.sec01 {background:url(/images/main/m_sec01.jpg) no-repeat; width:450px; /*height:520px;*/}
.MidCon .con_top ul li.sec02 {background:url(/images/main/m_sec02.jpg) no-repeat;}
.MidCon .con_top ul li.sec03 {background:url(/images/main/m_sec03.jpg) no-repeat;}
.MidCon .con_top ul li.sec04 {background:url(/images/main/m_sec04.jpg) no-repeat; width:450px; /*height:520px;*/}
.MidCon .con_top ul li.sec05 {background:url(/images/main/m_sec05.jpg) no-repeat;}
.MidCon .con_top ul li.sec06 {background:url(/images/main/m_sec06.jpg) no-repeat;}

.MidCon .con_top ul li dl {margin-top:39px; margin-left:32px;}
.MidCon .con_top ul li:hover .detail {background-color:#F18C00; transition-duration: 0.5s;}
.MidCon .con_top ul li dl dt.blue {color:#0E264C;}
.MidCon .con_top ul li dl dt.white {color:#FFFFFF;}
.MidCon .con_top ul li dl dd.blue {color:#333333;}
.MidCon .con_top ul li dl dd.white {color:#FFFFFF;}
.MidCon .con_top ul li dl dt { font-size:27px; font-weight:bolder;}
.MidCon .con_top ul li dl dd { margin-top:30px; font-size:15px; /*font-weight:bold;*/ line-height:25px;}
.MidCon .con_top ul li dl dd.detail { position:absolute; bottom:35px; font-size:12px; /*font-weight:bold;*/ background-color:#ffffff; color:#0E264C; display:block; width:56px; height:17px; line-height:17px; text-align:center;}




.BotCon .con_top dl.bt3 { width:475px; height:120px; margin-top:35px; margin-left:10px; background-color:#ffffff; }
.BotCon .con_top dl.bt3 dt {display:none;}
 
/*퀵메뉴*/
//.quick_wrap {top:880px; z-index:100;}
.quick_wrap {top:200px; z-index:100; position:fixed;}