@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0; font-family:font-family: 'Helvetica','Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#fd4505;}
html {height:100%;}
body {font-size:100%; font-family:font-family: 'Helvetica','Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; line-height:1;}
caption {visibility:hidden; display:block;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:#fff; cursor:pointer; display:none;}

.wrapper {width:100%; position:relative; overflow:hidden;}

.header_wrap { width:100%; position:fixed; top:0; left:0; z-index:150; overflow:hidden; }
.header { height:40px; position:relative; background:#fff; padding:5px 10px}
.header h1 {position:absolute; top:11px}
.header .right_top {position:absolute; top:11px; right:10px}
.header .right_top img {margin-left:3px}

.search_fixed {width:100%; height:50px; position:relative; margin:0 auto; background:#383e4c;}
.search_fixed .btn_list { position:absolute; top:0px; left:0px; padding:10px 0; background:#fd4505}
.search_fixed .btn_search { position:absolute; top:0px; right:0px;  padding:10px 0; z-index:999; background:#383e4c}
.search_fixed .search { position:absolute; top:10px;left:60px; width:100%;background-color:#FFF}
.search_fixed .search .search_bar {height:30px; width:auto; display:block; border:none; width:70%; padding-left:5px}

.fixed-div {
	position: fixed;
	top: 0px;
}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:35px; position:fixed; top:50px; left:0; z-index:180;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:35px; margin:0 auto; ove rflow:hidden; position:relative;  background:#6464d0;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {background:url('/img/cin_m_sub_lnb_01_bg.jpg') right 0 no-repeat;}
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {display:block; height:33px; line-height:35px; font-size:14px; font-weight:bold; color:#ffffff; text-indent:14px; float:left;}
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:15px;}
.sub_lnb > div p.title > .arrow img {padding-top:15px;}

.sub_lnb > ul {width:50%; height:0; position:absolute; top:35px; overflow:hidden;}
.sub_lnb > ul.lnb_ul {border-top:1px solid #6a6a6e;}
.sub_lnb > ul.lnb_ul li {width:100%; background:#4a4a4c; font-size:15px; border-bottom:1px solid #6a6a6e;}
.sub_lnb > ul.lnb_ul li.on {background:#6464d0;}
.sub_lnb > ul.lnb_ul li > a {font-size:13px; width:100%; height:30px; line-height:30px; display:block; text-indent:10px; color:#fff;}
.sub_lnb > ul.lnb_ul li > a:active {background:#6464d0;}

.sub_lnb > ul.ul_01 {left:0;}
.sub_lnb > ul.ul_02 {right:0;}
.sub_lnb > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li.li_01 {left:0;}









/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 445px) {
	.footer .foot_consult .con_area .consult_con > dl > dt { width: 12.4%; height:8px; float:left; margin-right:10px;}
	.footer .foot_consult .con_area .consult_con > dl > dt img { width:100%;}
	.footer .foot_consult .con_area .consult_con > dl > dd > input { border:none; width: 80%;}
	.footer .foot_consult .con_area .consult_con > dl.dl_text > dd > textarea { border:none; width: 80%; min-height:50px;}
	
	.footer .foot_consult .con_area .div_policy .p_policy  > input { border:none; background:#fff; margin-right:7px;}
	.footer .foot_consult .con_area .div_policy .p_policy  > label { margin-right:2px;  color:#ffffff; font-size:13px;}
	.footer .foot_consult .con_area .div_policy .p_policy > span img { width:42.5%; position:relative; top:4px;  }

}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}

