@charset "utf-8";
@import "/css/normalize.css";
@import "/css/response.css";
/* layout.css - 기본 스타일 문서, 20130916
---------------------------------------------------------------- */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");  
/*common*/
.w100 {width:100%;}
/*header*/
#header {position:fixed;width:100%; min-width:320px; max-width:640px; overflow:hidden; margin:auto; background:#46529e;top:0;z-index:20; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#header .head {}
#header .head a.menu {display:block; float:left; width:14.06%;}
#header .head a.mail {display:block; float:left; width:14.06%;}
#header .head h1 { float:left; padding:0; margin:0 23.44%; width:25%;}
#header .head h1 a{display:block;}
#header .head h1 a img{ width:100%;}

/*footer*/
#footer {width:100%; min-width:320px; max-width:640px; overflow:hidden; margin:auto; padding:2% 0 10%; background:#8599aa;}
#footer .foot {color:#fff; text-align:center;}
#footer .foot p {width:100%; overflow:hidden;margin:2% auto;}
#footer .foot p a {display:block; width:15.625%; float:left;}
#footer .foot p a.pc {margin:0 1% 0 34%}
#footer .foot p a.top {}
#footer .foot p a img {width:100%;}
#footer .foot p.address {font-size:12px;}
#footer .foot p.copy {font-size:18px; font-family:'Nanum Gothic', sans-serif;}

/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; display:none; font-family:'Nanum Gothic', sans-serif;}
.menu_wrap > div {max-width:640px; height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.menu_wrap .menu_area {width:96.875%; position:absolute; top:0; right:-85%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {width:100%; height:50px; overflow:hidden; background:#454b51; border-bottom:1px solid #6a6a6e;}
.menu_wrap .menu_area .row_01 a {width:30%;  display:block; float:left; background:#fff; padding:0;}
.menu_wrap .menu_area .row_01 a img {width:100%;}
.menu_wrap .menu_area .row_02 {width:100%; background:#4A4A4C;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #6a6a6e; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#ffffff; font-weight:bolder; text-indent:20px; font-size:15px; background:#4a4a4c url('/img/arrow_down_01.png') 96% center no-repeat; background-size:5% auto;}
.menu_wrap .menu_area .row_02 > li.selected > a { background:#fedc18 url('/img/arrow_down_02.png') 96% center no-repeat; background-size:5% auto; color:#000e00;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#353537 ; }
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%; border-bottom:1px solid #6a6a6e;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:40px; line-height:40px; color:#939395; text-indent:25px; font-size:13px; font-weight:bold;}
.menu_wrap .menu_area .row_03 { height:60px; background:#6464d0; overflow:hidden; position:relative;}
.menu_wrap .menu_area .row_03 .p_name { color:#ffffff; font-size:20px; position:relative; top:20px; left:10px;}
.menu_wrap .menu_area .row_03 .consult_btn  { overflow:hidden; position:absolute; right:10px; top:15px; }
.menu_wrap .menu_area .row_03 .consult_btn  a { display:block; background:#4b4bc0 url('/img/cin_consult_btn_arrow_bg.jpg') 95% center no-repeat; background-size:5px auto; color:#ffffff; font-size:17px; padding:7px 18px;}
.menu_wrap .menu_area .row_04  { width:100%; overflow:hidden; background:#4a4a4c; padding:20px 0 20px 0; border-bottom:1px solid #6a6a6e;}
.menu_wrap .menu_area .row_04 > ul { width:66.5%; position:relative; margin:0 auto; overflow:hidden;}
.menu_wrap .menu_area .row_04 > ul > li { float:left; width:44.75%; height:35px; }
.menu_wrap .menu_area .row_04 > ul > li.li_01 {border-right:1px solid #6a6a6e; padding-right:8px}
.menu_wrap .menu_area .row_04 > ul > li.li_02 { margin-left:8px;}
.menu_wrap .menu_area .row_04 > ul > li > a { background:#353537 url('/img/cin_sub_gnb_btn_arrow_bg.jpg') 96% center no-repeat; background-size:5px auto; color:#ffffff; font-size:13px; width:100%; height:35px; line-height:35px; display:inline-block; text-align:center; }
.menu_wrap .menu_area .row_05  { width:100%; overflow:hidden; background:#4a4a4c; padding:20px 0;}
.menu_wrap .menu_area .row_05 > p { font-size:17px; color:#ffffff; text-align:center; font-weight:bold; padding-bottom:15px;}
.menu_wrap .menu_area .row_05  > ul { width:80.62%; position:relative; margin:0 auto;}
.menu_wrap .menu_area .row_05  > ul > li { float:left; width:25.16%; margin-right:11.72%; text-align:center;}
.menu_wrap .menu_area .row_05  > ul > li > a { color:#ffffff;  font-size:14px;}
.menu_wrap .menu_area .row_05  > ul > li > a img { padding-bottom:8px;}
.menu_wrap .menu_area .row_05  > ul > li.last { margin-right:0;}
.menu_wrap .menu_area .row_05  > ul > li img { width:100%;}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:35px; position:fixed; top:0; left:0; z-index:20; padding:1% 0;   background:#dee0e7; box-shadow:0 2px 2px #888; border-radius:5px}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:35px; margin:0 auto; position:relative;}
.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:#404148; text-indent:14px; float:left;}
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:15px; width: 7.5%;}
.sub_lnb > div p.title > .arrow img {/* padding-top:15px; */width: 100%; margin-top:8%;}

.sub_lnb > ul {width:50%; height:0; position:absolute; top:35px; overflow:hidden;}
.sub_lnb > ul.lnb_ul {/*border-top:1px solid #6a6a6e;*/ margin-top:1%;}
.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;}

/* 서브페이지 lnb 메뉴2 */
.sub_lnb2 {max-width:640px; min-width:320px; width:100%; height:35px; margin:0 auto; position:relative;}
.sub_lnb2 > div {width:100%; height:100%; float:left; position:relative;}
.sub_lnb2 > div.depths_01 {background:url('/img/cin_m_sub_lnb_01_bg.jpg') right 0 no-repeat;}
.sub_lnb2 > div p.title {width:100%; height:100%;}
.sub_lnb2 > div p.title > .txt {display:block; height:33px; line-height:35px; font-size:14px; font-weight:bold; color:#404148; text-indent:14px; float:left;}
.sub_lnb2 > div p.title > .arrow {display:block; float:right; margin-right:15px;width:3.75%;}
.sub_lnb2 > div p.title > .arrow img {/* padding-top:15px; */width:100%; margin-top:34%;}

.sub_lnb2 > ul {width:100%; height:0; position:absolute; top:35px; overflow:hidden;}
.sub_lnb2 > ul.lnb_ul {/*border-top:1px solid #6a6a6e;*/ margin-top:1%;}
.sub_lnb2 > ul.lnb_ul li {width:100%; background:#4a4a4c; font-size:15px; border-bottom:1px solid #6a6a6e;}
.sub_lnb2 > ul.lnb_ul li.on {background:#6464d0;}
.sub_lnb2 > ul.lnb_ul li > a {font-size:13px; width:100%; height:30px; line-height:30px; display:block; text-indent:10px; color:#fff;}
.sub_lnb2 > ul.lnb_ul li > a:active {background:#6464d0;}

.sub_lnb2 > ul.ul_01 {left:0;}
.sub_lnb2 > ul.ul_02 {right:0;}
.sub_lnb2 > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb2 > ul.ul_02 > li.li_01 {left:0;}

/*passing*/
.passing {overflow:hidden; margin:5% auto 3%; width:100%; text-align:center;}
.passing .control_left {float:left;}
.passing .left, .passing .first {float:left; height:40px; line-height:38px;}

.passing .control_right {float:left;}
.passing .right,.passing .last  {float:left; height:40px; line-height:38px;}

.passing .num {display:inline-block; margin:0 auto;}
.passing .num li {width:40px; height:40px; line-height:38px; text-align:center;float:left; background:#fff; box-sizing:border-box; border:1px solid #e1e1e1;}
.passing .num li.on {background:#fafafa;}
.passing .num li a {display:block; color:#807e7e; font-size:14px;}
.passing .num li a img {width:100%;}
.passing .num li.on a {color:#444444;}

/*content*/
/*온라인상담*/
#wrap .consult {width:100%; overflow:hidden; background:#f2ede6;}
#wrap .consult form {width:93.75%; margin:0 auto 5%; box-sizing:border-box; /* border:1px solid #bababa; */ overflow:hidden;}
#wrap .consult form select {width: 49%; margin-left: 2%;margin-bottom: 1%;height:auto; padding:2% 0;  -webkit-appearance:none; -moz-appearance:none;  appearance:none; background:rgba(255,255,255,1)  url("/img/btn_arrow.png") no-repeat 100% 50%;  box-sizing:border-box; border-bottom:1px solid #bababa; color:#636469; text-indent:10px; float:left;}
#wrap .consult form select:first-child {margin-left:0}
#wrap .consult form input[type=text] {width: 90%; height:auto; padding: 1.5% 0; background:rgba(255,255,255,1); box-sizing:border-box; color:#636469; text-indent:10px; float:left; }
#wrap .consult form input[type=image] {width: 10%; float:right;}
#wrap .consult p {margin-bottom:10px;}
#wrap .consult table {width:93.75%; margin:auto; border-top:1px solid #818181;}
#wrap .consult table th {background:#f7f0e9; height:49px; text-align:center; border-right:1px solid #ececec; }
#wrap .consult table th:first-child {border-left:1px solid #ececec;}
#wrap .consult table tr { box-sizing:border-box; border-bottom:1px solid #ececec; background:#f5f5f4;}
#wrap .consult table tr td{ height:49px; text-align:center; border-right:1px solid #ececec;}
#wrap .consult table tr td:first-child {border-left:1px solid #ececec;}
#wrap .consult .btnAll { float:right; margin-right:3.125%;}
#wrap .consult .btnAll .btns {}

/*카카오상담*/
#wrap .kakao {width:100%; height:auto; overflow:hidden; background:#f2ede6;}
#wrap .kakao form {height:auto; }
#wrap .kakao form select {height:40px; background:rgba(199,183,161,0.9); border:1px solid #fff; color:#fff; text-indent:10px;float:left;margin-right:5px;}
#wrap .kakao form select:first-child {width:200px;}
#wrap .kakao form select:first-child + select {width:198px;}
#wrap .kakao form input[type=text] {width:398px; height:38px; padding:0; background:rgba(199,183,161,0.9); border:1px solid #fff; color:#fff; text-indent:10px;float:left;}
#wrap .kakao form a {float:left;}
#wrap .kakao .top {width: 93.75%; margin:0 auto 0;}
#wrap .kakao .top > img {display:block; margin-bottom:20px;}
#wrap .kakao .top textarea {width:100%; background:#c9baa6; border:1px solid #fff; box-sizing:border-box; text-align:left; text-indent:20px;}
#wrap .kakao .top form{width:100%; background:#c9baa6;  border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff;box-sizing:border-box; margin:0; height:49px; line-height:49px; padding-left:2%; color:#fff;}
#wrap .kakao .top input[type=radio] {border:none !important; vertical-align:middle; border:1px solid #fff; background-color:transparent !important; margin-right:5px;}
#wrap .kakao .top .ScrollLy_wrap {background:#c9baa6; width:100%; height:214px; border:1px solid #fff; text-indent:20px; overflow:auto;}
#wrap .kakao .top .ScrollLy_wrap .ScrollLy{}
#wrap .kakao .bottom {width: 93.75%;margin:5% auto 0;}
#wrap .kakao .bottom p {margin-bottom:10px;}
#wrap .kakao .bottom table {width:100%; overflow:hidden;border-top:1px solid #818181;}
#wrap .kakao .bottom table th {background:#f7f0e9; height:49px; text-align:left; }
#wrap .kakao .bottom table tr {border-bottom:1px solid #ececec; background:#f5f5f4;}
#wrap .kakao .bottom table tr td{ height:49px; text-align:center;}
#wrap .kakao .bottom table tr td input[type=text]  {width: 96%; margin-left: 2px; height:30px;float:left; color:#dfdfdf;}
#wrap .kakao .bottom table tr td  select {width:98%; margin-left: 2px;height:30px;float:left; border:1px solid #dfdfdf; }
#wrap .kakao .bottom .btn {margin:3% 0; overflow:hidden;}
#wrap .kakao .bottom .btn a {display:block; float:left; width:16.67%; margin-right:1%; }
#wrap .kakao .bottom .btn a img {width:100%;}
/* 태블릿:1024 이하 */
@media handheld, only screen and (max-width:1023px) {

}
/* 스마트 폰:767px 이하 */
@media handheld, only screen and (max-width:767px) {

}
/* 스마트 폰:480px 이하 */
@media all and (max-width:480px) {
	#wrap .tab .tab_view div ul li  a{font-size:12px;}
	#wrap .tab .tab_view div ul li span {font-size:12px;}
	#footer .foot p.copy {font-size:13px;}

	#wrap .consult form select {font-size:12px;}
	#wrap .consult table, #wrap .kakao .bottom table {font-size:12px;}
	#wrap .kakao .top .ScrollLy_wrap {font-size:12px;}
	#wrap .kakao .top form label {font-size:12px;}
}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  
}