@charset "utf-8";
@import url("base_v2.css");

/* 레이아웃 */
#wrapper, #container{width:100%;}
#container{position:relative;}
.cont{position:relative;width:1200px;margin:0 auto;}
.cont:after{content:""; display:block; float:none; clear:both;}

#header{width:100%;height:264px;}
#header .htop{width:100%;height:90px;background:#eee;}
#header .htop h1{float:left;width:466px;height:70px;padding:20px 0 0 114px;}
#header .htop .h1{float:left;width:580px;height:90px;padding:0;}
#header .htop .h1 .h1_bg{display:block;width:320px; height:70px;padding:20px 0 0 32px;}
#header .htop .btn{float:right;padding-top:25px;}
#header .htop .btn a{display:inline-block;position:relative;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;overflow:hidden;}
#header .htop .btn a span{position:absolute;top:0px;left:0;width:165px;height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;background:#fff;opacity:0;filter: alpha(opacity=0);transform: scale(0,0);transition:all 0.3s ease-in-out;}
#header .htop .btn .btn01:hover span{opacity:0.2;filter: alpha(opacity=20);transform: scale(1,1);}
#header .htop .btn .btn02:hover span{opacity:0.2;filter: alpha(opacity=20);transform: scale(1,1);}

#header .mm{width:100%;height:110px;background:#505c61;}
#header .mm ul{width:1200px;margin:0 auto;overflow:hidden;}
#header .mm ul li{float:left;margin-right:33px;}
#header .mm ul li a{display:block;position:relative;}
#header .mm ul li a span{position:absolute;top:0;left:0;transition:all 0.5s ease-in-out;}
#header .mm ul li.on a span,
#header .mm ul li a:hover span{top:-110px;opacity:0;filter: alpha(opacity=0);}

#gnb{position:relative;width:100%;margin-bottom:20px;background:url(../images/bg_gnb.jpg) repeat-x 0 0;}
#gnb .gnb{width:1200px;margin:0 auto;overflow:hidden;}
#gnb .gnb li{float:left;}
#gnb .gnb li a{display:block;position:relative;}
#gnb .gnb li a span{position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;}
#gnb .gnb li.on a span,
#gnb .gnb li a:hover span{opacity:0;filter: alpha(opacity=0);}

#gnb .allview{position:absolute;top:44px;left:0;width:100%;height:0;border-top:1px solid #0e8abc;background:#fff url(../images/v2_bg_allview.jpg) no-repeat top center;z-index:120;overflow:hidden;visibility:hidden;transition:all 0.6s ease-in-out;box-shadow:2px 2px 5px #999;}
#gnb .allview ul{float:left;width:171px;padding-top:16px;}
#gnb .allview ul li{text-align:center;}
#gnb .allview ul li a{line-height:28px;}
#gnb .allview ul li a.tit{font-size:18px;font-weight:400;color:#01559b;}
#gnb .allview ul li a:hover,
#gnb .allview ul li.on a{color:#005599;}
#gnb:hover .allview{visibility:visible;height:250px;}

#footer{width:100%;background:#fff;}
#footer .tit{margin-bottom:20px;}
#footer .f_menu{width:100%;height:47px;background:#434343;border-bottom:1px solid #dbdbdb;}
#footer .f_menu ul{width:454px;margin:0 auto;overflow:hidden;}
#footer .f_menu ul li{float:left;height:47px;}
#footer .f_menu ul li a{color:#fff;line-height:47px;}
#footer .f_menu ul li em{color:#828282;padding:0 20px;line-height:47px;}
#footer .add{padding:20px 0;line-height:26px;text-align:center;}
#footer .add a{color:#737373;}

/* 페이징 */
.paging{width:100%;}
.paging .page{display:inline-block;padding-right:1px;overflow:hidden;}
.paging .page a{float:left;display:block;width:33px;height:33px;border:1px solid #cacaca;line-height:33px;text-align:center;margin-right:7px;color:#777;}
.paging .page strong{float:left;display:block;width:33px;height:33px;line-height:33px;text-align:center;background:#0daceb;border:1px solid #0197d3;color:#fff;margin-right:7px;}
.paging .page a img{vertical-align:middle;}
.paging .page .num{float:left;padding:0 3px;}

/* 퀵배너 */
.quick{position:absolute;top:18px;left:50%;width:100px;margin-left:634px;z-index:100;}
.quick_v2{position:absolute;top:127px;left:50%;width:100px;margin-left:634px;z-index:100;}

/* ********* 메인 ********* */
.main_cont{width:1200px;margin:0 auto;padding:18px 0 50px 0;}
.main_cont .visual{position:relative;width:1200px;margin-bottom:18px;text-align:center;}
.main_cont .visual img{width:100%;}

.main_cont .mdl_cont{width:1200px;margin-bottom:18px;overflow:hidden;}
.main_cont .mdl_cont .md_lt{float:left;width:305px;margin-right:10px;}
.main_cont .mdl_cont .md_lt .ntc{position:relative;width:255px;height:158px;margin-bottom:10px;padding:0 25px;background:#fff;}
.main_cont .mdl_cont .md_lt .ntc .tit{margin-bottom:15px;padding:20px 0 10px;border-bottom:1px solid #ccc;color:#353535;font-size:20px;font-weight:bold;}
.main_cont .mdl_cont .md_lt .ntc .more{position:absolute;top:30px;right:25px;}
.main_cont .mdl_cont .md_lt .ntc ul{width:100%;}
.main_cont .mdl_cont .md_lt .ntc ul li{padding:6px 0;}
.main_cont .mdl_cont .md_lt .ntc ul li a{display:block;width:230px;height:17px;padding-left:12px;background:url(../images/blu_list.gif) no-repeat left 5px;overflow:hidden;}
.main_cont .mdl_cont .md_lt .ntc ul li a:hover{color:#005599;text-decoration:underline;}
.main_cont .mdl_cont .md_lt .lt_bnr{position:relative;border:6px solid #1462a1;transition:all 0.2s ease-in-out;}
.main_cont .mdl_cont .md_lt .lt_bnr span{position:absolute;top:218px;left:203px;transition:all 0.3s ease-in-out;}
.main_cont .mdl_cont .md_lt .lt_bnr:hover{border-color:#0daceb;}
.main_cont .mdl_cont .md_lt .lt_bnr:hover span{top:210px;}

.main_cont .mdl_cont .md_ct{float:left;width:570px;margin-right:10px;}
.main_cont .mdl_cont .md_ct .mc01{width:570px;height:59px;margin-bottom:10px;padding:99px 0 0 0;background:url(../images/v2_md_ct_img01.jpg) no-repeat 0 0;text-align:center;}
.main_cont .mdl_cont .md_ct .mc01 a{display:inline-block;position:relative;width:157px;height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;}
.main_cont .mdl_cont .md_ct .mc01 a span{position:absolute;top:0px;left:0;width:157px;height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;background:#fff;opacity:0;filter: alpha(opacity=0);transform: scale(0,0);transition:all 0.3s ease-in-out;}
.main_cont .mdl_cont .md_ct .mc01 .btn01:hover span{opacity:0.2;filter: alpha(opacity=20);transform: scale(1,1);}
.main_cont .mdl_cont .md_ct .mc01 .btn02:hover span{opacity:0.2;filter: alpha(opacity=20);transform: scale(1,1);}
.main_cont .mdl_cont .md_ct .mc02{float:left;width:278px;margin-right:10px;}
.main_cont .mdl_cont .md_ct .mc02 a{display:block;position:relative;width:278px;height:150px;}
.main_cont .mdl_cont .md_ct .mc02 a span{position:absolute;transition:all 0.3s ease-in-out;}
.main_cont .mdl_cont .md_ct .mc02 .mc0201{margin-bottom:18px;}
.main_cont .mdl_cont .md_ct .mc02 .mc0201 span{top:52px;left:183px;}
.main_cont .mdl_cont .md_ct .mc02 .mc0202 span{top:58px;left:178px;}
.main_cont .mdl_cont .md_ct .mc02 .mc0201:hover span{top:44px;}
.main_cont .mdl_cont .md_ct .mc02 .mc0202:hover span{top:50px;}
.main_cont .mdl_cont .md_ct .mc03{float:left;width:282px;}
.main_cont .mdl_cont .md_ct .mc03 a{display:block;position:relative;width:282px;height:318px;}
.main_cont .mdl_cont .md_ct .mc03 a span{position:absolute;top:200px;left:176px;transition:all 0.3s ease-in-out;}
.main_cont .mdl_cont .md_ct .mc03 a:hover span{top:192px;}

.main_cont .mdl_cont .md_rt{float:left;width:255px;height:474px;padding:0 19px;border:6px solid #0daceb;background:#fff;transition:all 0.2s ease-in-out;}
.main_cont .mdl_cont .md_rt .tit{margin-bottom:10px;padding:20px 0 10px;border-bottom:1px solid #ccc;}
.main_cont .mdl_cont .md_rt .tit strong{display:block;margin-bottom:3px;color:#353535;font-size:20px;}
.main_cont .mdl_cont .md_rt .tit span{font-size:12px;}
.main_cont .mdl_cont .md_rt dl{margin-bottom:12px;}
.main_cont .mdl_cont .md_rt dl dt{margin-bottom:3px;color:#353535;}
.main_cont .mdl_cont .md_rt dl dd select{height:26px;font-size:12px;}
.main_cont .mdl_cont .md_rt dl dd input{height:24px;line-height:24px;font-size:12px;}
.main_cont .mdl_cont .md_rt .chk{margin-bottom:16px;padding-top:6px;font-size:11px;}
.main_cont .mdl_cont .md_rt .btn_box a{display:inline-block;position:relative;width:175px;height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px}
.main_cont .mdl_cont .md_rt .btn_box a span{position:absolute;top:0px;left:0;width:175px;height:38px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;background:#fff;opacity:0;filter: alpha(opacity=0);transform: scale(0,0);transition:all 0.3s ease-in-out;}
.main_cont .mdl_cont .md_rt .btn_box a:hover span{opacity:0.2;filter: alpha(opacity=20);transform: scale(1,1);}
.main_cont .mdl_cont .md_rt:hover{border-color:#14609e;}

.main_cont .bnr{position:relative;width:1200px;height:180px;margin-bottom:18px;overflow:hidden;}
.main_cont .bnr a{display:block;transition:all 1.8s ease-in-out;}
.main_cont .bnr:hover a{transform: scale(1.05,1.05);}
.main_cont .client{position:relative;width:1094px;height:275px;padding:65px 0 0 106px;background:url(../images/v2_bg_client.jpg) no-repeat 0 0;}
.main_cont .client .btn .r_prev{position:absolute;top:154px;left:45px;}
.main_cont .client .btn .r_next{position:absolute;top:154px;right:45px;}
.main_cont .client .btn span{display:block;transition:all .1s ease-in-out;}
.main_cont .client .btn:hover span{transform: scale(1.1,1.1);}
.main_cont .client .btn #banner_click{display:none;}
.main_cont .client .roll{width:993px;overflow:hidden;}
.main_cont .client #rolling_banner{float:left; width:3015px; }
.main_cont .client #rolling_banner li{width:1005px;float:left;}
.main_cont .client #rolling_banner li div{overflow:hidden}
.main_cont .client #rolling_banner li span{float:left;margin-right:11px;margin-bottom:11px;}
.main_cont .client #rolling_banner img{width:190px; height:64px;}

/* ********* 서브 ********* */
.sub_layout{position:relative;width:941px;min-height:740px;padding-left:259px;margin:0 auto;padding-top:27px;overflow:hidden;}

/* 좌측메뉴 */
.sub_layout .lnb{position:absolute;top:20;left:0;width:224px;height:100%;margin-right:35px;background:#fff;}
.sub_layout .lnb ul{margin-bottom:35px;}
.sub_layout .lnb ul li{height:42px;border-bottom:1px solid #cacaca;}
.sub_layout .lnb ul li a{display:block;position:relative;height:42px;padding-left:25px;color:#888;font-size:16px;line-height:42px;transition:all 0.3s ease-in-out;}
.sub_layout .lnb ul li.on a,
.sub_layout .lnb ul li a:hover{background:#7e7e7e;color:#fff;}

/* 우측컨텐츠 */
.sub_layout .sub_cont{width:941px;padding-bottom:100px;}

/* 서브타이틀 */
.sub_tit{position:relative;width:100%;padding:16px 0 20px;border-bottom:1px solid #dbdbdb;}
.sub_tit h2{margin-bottom:10px;font-size:32px;color:#333;}
.sub_tit h3{color:#999;font-weight:normal;}
.sub_tit .loc{position:absolute;bottom:20px;right:0;font-size:12px;}
.sub_tit .loc span{color:#0daceb;font-weight:bold;}
.sub_tit .loc em{color:#979797;}

/* 공지사항 */
.ntc_list{padding-top:20px;}
.ntc_list .list_tit{margin-bottom:10px;overflow:hidden;}
.ntc_list .tit{float:left;margin-top:12px;color:#777;}
.ntc_list .tit strong{color:#444;text-decoration:underline;}
.ntc_list .sch{float: right;border:1px solid #d5d5d5;}
.ntc_list .sch input{float:left;width:191px;height:32px;padding:0;border:none;line-height:32px;text-indent:5px;}
.ntc_list .sch a{float:right;}
.ntc_list table{width:941px;border-top:1px solid #e3e3e3;}
.ntc_list table th{height:36px;border-bottom:1px solid #e3e3e3;background:#0daceb;color:#fff;text-align:center;}
.ntc_list table td{padding:14px 0;border-bottom:1px solid #e3e3e3;text-align:center;}
.ntc_list table td.txt{padding-left:10px;text-align:left;}
.ntc_list table td span{display:inline-block;width:45px;height:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#505c61;color:#fff;line-height:20px;font-size:12px;}
.ntc_list table tbody tr:hover td{background:#efefef;}

.ntc_view{padding-top:20px;}
.ntc_view table{width:941px;border-top:1px solid #e3e3e3;}
.ntc_view table td{padding:14px 0;border-bottom:1px solid #e3e3e3;text-align:center;}
.ntc_view table td.txt{padding-left:10px;text-align:left;}
.ntc_view table td span{display:inline-block;width:45px;height:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#505c61;color:#fff;line-height:20px;font-size:12px;}
.ntc_view .view{width:901px;padding:60px 20px;line-height:26px;}
.ntc_view .view img{max-width:100%;}
.ntc_view .list_btn{height:34px;padding:0 20px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#efefef;overflow:hidden;line-height:34px;}
.ntc_view .list_btn div{float:left;}
.ntc_view .list_btn a{float:right;margin-top:3px;}

.inquiry{padding-top:20px;}
.inquiry table{width:941px;border-top:1px solid #e3e3e3;}
.inquiry table td{padding:14px 0 14px 10px;border-bottom:1px solid #e3e3e3;text-align:left;}
.inquiry .write_box{width:939px;height:489px;padding-top:14px;}

/* 개인정보취급방침 레이어*/
.ly_prv{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1900;}
.ly_prv .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:1901;}
.ly_prv .cont{position:absolute;top:50%;left:50%;width:446px;margin:-350px 0 0 -240px;padding:15px;border:1px solid #ccc;background:#fff;z-index:2000;}
.ly_prv .cont .tit{padding-bottom:5px;border-bottom:1px solid #555;font-size:24px;font-weight:400;}
.ly_prv .cont .box{width:406px;height:475px;padding:20px;overflow-x:hidden;overflow-y:scroll;line-height:24px;}
.ly_prv .cont .close{position:absolute;top:0;right:-36px;}

.faq{padding-top:20px;}
.faq dl{border-bottom:1px solid #d7d7d7;}
.faq dl dt{font-weight:bold;background:#f0f0f0 url(../images/faq_off.gif) no-repeat 98% center / 20px;}
.faq dl dt a{display:block;padding:20px 0 20px 28px;}
.faq dl dd{display:none;padding:40px 30px;background:#fff;line-height:26px;}
.faq dl.on dt{background-color:#0daceb;background-image:url(../images/faq_on.gif);color:#fff;}
.faq dl.on dt a{color:#fff;}
.faq dl.on dd{display:block;}


.privacy{padding-top:20px; line-height:26px;}

.menu_btn{margin-top:35px;text-align:center;}
.menu_btn a{display:inline-block;position:relative;width:170px;height:30px;margin:0 7px;}
.menu_btn a span{position:absolute;top:0;left:0;}
.menu_btn a span{position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;}
.menu_btn a:hover span{opacity:0;filter: alpha(opacity=0);}

.company .tit{padding-top:70px;margin-bottom:30px;font-size:34px;color:#505c61;text-align:center;}
.company .txt{margin-bottom:50px;text-align:center;color:#777;line-height:24px;}
.company .txt span{color:#404040;text-decoration:underline;}

/* 패스워드 팝업 */
.pw_pop{height:310px;background:#fff;z-index:3200;}
.pw_pop .tit{display:block;height:70px;margin-bottom:20px;background:#0daceb;font-size:20px;color:#fff;text-align:center;line-height:70px;}
.pw_pop p{margin-bottom:20px;text-align:center;font-size:16px;line-height:24px;color:#666;}
.pw_pop .input_box{width:250px;margin:0 auto 20px;}

.pop_roll{position:relative;}
.pop_roll .flex-control-nav{position:absolute;top:220px;}
.today_close{padding:0 10px;height:40px;line-height:40px;background:#333;text-align:right;}
.today_close a{color:#fff;margin-left:5px;font-size:14px;}
.pop_privacy{height:430px;overflow:auto;margin:0 20px 20px;border:1px solid #ccc;padding:15px;}
.pop_privacy .box{line-height:26px;}

.write_btn_ty02{position:relative;width:310px;margin:0 auto;overflow:hidden;}
.write_btn_ty02 a{display:block;float:left;width:148px;height:48px;text-align:center;line-height:48px;font-size:16px;font-weight:bold;}
.write_btn_ty02 a.ty01{background:#0daceb;border:1px solid #0daceb;color:#fff;}
.write_btn_ty02 a.ty02{background:#fff;border:1px solid #434343;margin-left:10px;}
.write_btn_ty02 a.ty01:hover{background:#51bce7;}
.write_btn_ty02 a.ty02:hover{background:#f9f9f9;}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  border:none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  border: #9fdbfd solid 2px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.bdty01.hvr-outline-out:hover:before, .bdty01.hvr-outline-out:focus:before, .bdty01.hvr-outline-out:active:before{
  border: #64757d solid 2px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}
.bdty02.hvr-outline-out:hover:before, .bdty02.hvr-outline-out:focus:before, .bdty02.hvr-outline-out:active:before{
  border: #fff solid 2px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}


@media only screen and (max-width:1470px) {	
	.quick{display:none;}
	.quick_v2{display:none;}
}