@charset "utf-8";
/*메인*/

.main_visual_area{ width:100%; background:url(/new/img/main/visual.jpg) no-repeat top center; height:475px; color:#fff}
.main_visual_area .main_text{ width:900px; float:left}
.main_visual_area .main_text  h2{ text-transform:uppercase; font-size:45px; line-height:1.2em; font-weight:600; padding-top:105px; letter-spacing:-1px; text-shadow: #999 1px 0px 5px;}
.main_visual_area .main_text  p{ margin-top:20px; font-size:30px; line-height:1.3em; letter-spacing:-2px;  text-shadow: #999 1px 0px 5px;}
.main_visual_area .main_call{ width:240px; float:left; background:#38475f; height:415px; text-align:center; padding:30px; font-size:17px; line-height:38px}
.main_visual_area .main_call h2{ display:block; text-transform:uppercase; color:#1fa0de; font-size:16px; margin:30px 0 0 0; font-weight:600}
.main_visual_area .main_call .line{ display:block; background:#87909e; height:1px; font-size:0; line-height:0; width:100px; margin:30px auto}
.main_visual_area .main_call h3{ font-size:20px; margin-top:10px;   margin-bottom:20px}






.main_visual .bx-wrapper { margin:0 auto; padding: 0px; position: relative; width:100%; overflow:hidden ; position:relative;   }
.main_visual .bx-wrapper img { }

.main_visual .bx-wrapper .bx-viewport { border: 0px solid #000; height:auto  } /*영역*/
.main_visual .bx-wrapper .bx-pager {text-align: center;  bottom: 25px; position: absolute;  z-index:1000; display:none } /*라운드영역*/
.main_visual .bx-wrapper .bx-controls-auto { width: 100%; bottom: -30px; position: absolute;} /*재생정지영역*/
.main_visual .bx-wrapper .bx-loading { background: url("/new/images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; min-height: 50px; }/*로딩*/
.main_visual .bx-wrapper .bx-pager { text-align: center; color:#F00; padding-top: 20px; font-family: Arial; font-size: 0.85em; font-weight: bold; }
.main_visual .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a { background: #fff; margin: 0px 3px; outline: 0px; border-radius: 50%; width: 5px; height: 5px; text-indent: -9999px; display: block; -moz-border-radius:  50%; -webkit-border-radius: 50%; border:1px solid  rgba(255, 255, 255, 1);  background: rgba(255, 255, 255, 1);  padding:4px; } /*라운드,글자*/
.main_visual .bx-wrapper .bx-default-pager.bx-pager a:hover { }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a.active { background:#71be54;  background:rgba(136, 32, 32, 0); padding:1px ; border:5px solid  rgba(173, 18, 62, 0.9);  }
.main_visual .bx-wrapper .bx-prev { background: url("/new/img/main/controls.png") no-repeat 0px -100px; left: 0px;  } /*화살표*/
.main_visual .bx-wrapper .bx-next { background: url("/new/img/main/controls.png") no-repeat -100px -100px; right: 0px;   } /*화살표*/



.main_visual .bx-wrapper .bx-prev:hover { background-position: 0px 0px; } 
.main_visual .bx-wrapper .bx-next:hover { background-position: -100px 0px; }
.main_visual .bx-wrapper .bx-controls-direction a { outline: 0px; top: 50%; width: 100px; height: 100px; text-indent: -9999px; margin-top: -50px; position: absolute; z-index: 9999; }/*화살표글자*/
.main_visual .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.main_visual .bx-wrapper .bx-controls-auto { text-align: center; } /*재생정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start { background: url("/new/img/main/controls.png") no-repeat -86px -11px; margin: 0px 3px; outline: 0px; width: 10px; height: 11px; text-indent: -9999px; display: block;}/*재생*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-start { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .bx-stop { background: url("/new/img/main/controls.png") no-repeat -86px -44px; margin: 0px 3px; outline: 0px; width: 9px; height: 11px; text-indent: -9999px; display: block; }/*정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-stop { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager { width: 100%; text-align: center; } /*라운드영역*/
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto { width: 35px; right: 0px; } /*재생정지영역*/
.main_visual .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.main_visual .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }
















/*메인컨텐츠*/
.main_container{ max-width:100%; margin:60px auto}

.main_container .tit{ position:relative; margin-bottom:25px; overflow:hidden} /*타이틀공통*/
.main_container  h2{ font-size:22px; font-weight:600}
.main_container span.more{ position:absolute; top:0; right:0;}


.main_container .layouyt_box{   overflow: hidden; *width:100%;  } /**/
.main_container .layouyt_box > li{ float:left;  width:25%; position:relative  }
.main_container .layouyt_box li:first-child{ margin-left:0}
.main_container .layouyt_box > li > div {  position:relative; overflow:hidden; padding:30px }

.main_container .layouyt_box div.notice_area{ background:url(/new/img/main/notice_img.png) no-repeat ; background-position:90% 90% ;border:1px solid #e7e7e7 ; border-left:0;   height:237px; } /*공지사항*/
.main_container .layouyt_box li .notice_list li{ width:100%; display:block}
.main_container .layouyt_box li .notice_list li a{ color:#4e4e4e; padding:2px 0; display:block; background:url(/new/img/main/dot1.gif) no-repeat left 12px; padding-left:10px}

.main_container .layouyt_box div.qna_area{ background:url(/new/img/main/qna_img.png) no-repeat ; background-position:90% 90% ; margin-left:-1px ;border:1px solid #e7e7e7 ;   height:237px; } /*질문과답변*/





.notice_bg{position:relative; height:239px;}
.notice_bg span{ position:absolute; top:50%;  right:0}



.pri_bg{ position:relative} /*요금제이미지*/
.pri_bg span{ position:absolute;top:50%; margin-top:-19px;  right:0}

.main_container .layouyt_box > li > div.pri_area{ background:#f3942a;    height:239px;} /*요금제*/

.pri_area *{ color:#fff; text-align:center }
.pri_area h2{ font-size:27px;}
.pri_area .icon{ margin:15px 0}
.pri_area .btn_go span{ display:inline-block; margin-top:15px; width:150px; border:1px solid #fff; padding:3px 5px}
.pri_area .btn_go span a{ display:block}

.company{ background:#f6f6f6;   height:239px;}
.company *{  text-align:center }
.company h2{ font-size:27px;}
.company .icon{ margin:15px 0}
.company .btn_go span{ display:inline-block; margin-top:15px; width:120px; border:1px solid #ec1f27; padding:3px 5px; background:#ec1f27; color:#fff}
.company .btn_go span a{ display:block; font-size:15px}


.company_bg{ position:relative; height:239px;} /*회사소개이미지*/
.company_bg span{ position:absolute; top:50%;  left:0}

.search_area{ background:#ec1f27;  height:239px;} /*가용조회*/
.search_area *{ color:#fff; text-align:center }
.search_area h2{ font-size:27px;}
.search_area .icon{ margin:15px 0}
.search_area .btn_go span{ display:inline-block; margin-top:15px; width:120px; border:1px solid #fff; padding:3px 5px}
.search_area .btn_go span a{ display:block}
.search_bg{ position:relative;  height:239px;} /*가용조회이미지*/
.search_bg span{ position:absolute; top:50%;  left:0}


.partner_area{border:1px solid #e7e7e7 ; border-left:0;   height:237px; text-align:center } /*파트너*/
.partner_area h2{ font-size:27px;}
.partner_area .icon{ margin:15px 0}
.partner_area .btn_go span{ display:inline-block; margin-top:15px; width:120px; border:1px solid #666; padding:3px 5px}
.partner_area .btn_go span a{ display:block}