@charset "utf-8";

/**********************************************
 common layout
***********************************************/
div.main_section{margin-top:45px;}
div.title{font-weight:bold}

/**********************************************
 main slide
***********************************************/
div.main_slide ul{width:100%; height:450px;}
div.main_slide ul li.img01{background:url(../images/main_slide01.jpg) no-repeat center; width:100%; height:100%;}
div.main_slide ul li.img02{background:url(../images/main_slide02.jpg) no-repeat center; width:100%; height:100%;}
div.main_slide ul li.img03{background:url(../images/main_slide03.jpg) no-repeat center; width:100%; height:100%;}

/**********************************************
 notice
***********************************************/
div.notice{width:765px; height:380px; border:1px solid #c3c3c3; border-right:0 none; padding:18px;}
div.notice div.title{font-size:25px; border-bottom:1px solid #c3c3c3; padding:0 0 10px 10px; position:relative}
div.notice div.title span{font-size:15px; position:absolute; right:15px; top:6px}
div.notice ul#tlist{margin-top:14px; padding:0 10px;}
div.notice ul li{padding:8px 0; font-size:18px;}
div.notice ul li a{}
div.notice ul li span.date{color:#383838;}

/**********************************************
 login
***********************************************/
div.loginbox {border:1px solid #c3c3c3;height:380px; width:435px; padding:20px;}
div.loginbox div.login_wrap{margin-bottom:15px;}
div.loginbox div.login_wrap div.login_input div{position:relative; width:273px;}
div.loginbox div.login_wrap div.login_input div label {position: absolute; top: 1px;/* input 요소의 border-top 설정값 */left: 1px;  /* input 요소의 border-left 설정값 */padding:12px 20px;  /* input 요소의 padding 값 */color: #808080;  cursor: text;  font-size:18px;}
div.loginbox div.login_wrap div.login_input div input[type="text"], div.main_section div.loginbox div.login_input div input[type="password"] {width: 100%;  height:100%;  line-height : normal;  padding:12px 20px;  border: 1px solid #c3c3c3; border-right:0 none;  border-radius: 0;  outline-style: none;/* 포커스시 발생하는 효과 제거 */  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; font-size:18px;}
div.loginbox div.login_wrap div.login_input div input[type="text"]{border-bottom:0 none}
div.loginbox div.login_wrap div.login_btn{width:120px; height:101px;}
div.loginbox div.login_wrap div.login_btn input[type="button"]{width:100%; height:100%; background:#0f4e88; color:#fff; font-size:20px;}
div.loginbox div.btn_wrap{padding-bottom:15px;}
div.loginbox div.btn_wrap div input[type="button"]{padding:12px 22px; border:1px solid #ccc; background:#fff; font-size:15px; }
div.loginbox div.btn_wrap div.join_btn input[type="button"]{color:#134cc0;font-weight:bold}
div.loginbox div.btn_wrap div.search_btn input[type="button"]:first-child{border-right:0 none}
div.loginbox div.A_C{padding-top:20px;  border-top:1px solid #ccc}
div.loginbox div.A_C input[type="button"]{width:100%; height:60px; font-size:20px;  color:#fff;}
div.loginbox div.A_C input.blue{background:#5983aa}
div.loginbox div.A_C input.green{background:#3ea293}

/**로그인한후**/
div.loginbox div.login_wrap div.logout_txt{border:1px solid #dfdfdf; width:272px; height:101px; position:relative}
div.loginbox div.login_wrap div.logout_txt div{font-size:18px;position:absolute; top:50%; margin-top:-25px; margin-left:10px;}
div.loginbox div.login_wrap div.logout_txt div span{font-size:20px; color:#074ea6;}


/**********************************************
 card slide
***********************************************/
div.card_slider{position: relative;}
div.card_slider div.title{font-size:28px; margin-bottom:25px; text-align:center}
div.card_slider div.swiper-slide{text-align:center}
div.card_slider div.swiper-slide a p{font-size:21px;margin-top:15px;}

/**********************************************
 etc_wrap
***********************************************/
div.etc_wrap{border-top:1px solid #ccc; padding-top:45px; position:relative;}

/*quick*/
div.etc_wrap ul.quick{}
div.etc_wrap ul.quick li{float:left; width:140px; margin:0 33px; text-align:center}
div.etc_wrap ul.quick a div.shortcut01{background:url(../images/main_shortcut_01off.png) no-repeat center; height:140px;}
div.etc_wrap ul.quick a div.shortcut02{background:url(../images/main_shortcut_02off.png) no-repeat center; height:140px;}
div.etc_wrap ul.quick a div.shortcut03{background:url(../images/main_shortcut_03off.png) no-repeat center; height:140px;}
div.etc_wrap ul.quick a div.shortcut04{background:url(../images/main_shortcut_04off.png) no-repeat center; height:140px;}
div.etc_wrap ul.quick a p{font-size:18px; line-height:18px; margin-top:15px}
div.etc_wrap ul.quick a:hover div.shortcut01{background:url(../images/main_shortcut_01on.png) no-repeat center}
div.etc_wrap ul.quick a:hover div.shortcut02{background:url(../images/main_shortcut_02on.png) no-repeat center}
div.etc_wrap ul.quick a:hover div.shortcut03{background:url(../images/main_shortcut_03on.png) no-repeat center}
div.etc_wrap ul.quick a:hover div.shortcut04{background:url(../images/main_shortcut_04on.png) no-repeat center}

/*cust*/
div.etc_wrap div.cust_center{position:absolute; top:50%; margin-top:-40px; right:30px;}

div.rolling_banner{background:#f5f5f5; height:55px;}