@charset "utf-8";
@import url(default.css);
* {margin:0; padding:0; vertical-align:top; font-family:나눔고딕,NanumGothic,Malgun,'맑은고딕','돋움',Dotum,AppleGothic,sans-serif;font-size:12px; color:#404040}
#wrap{margin:0 auto;width:100%;}

.font_bold { font-weight:bold;}
.inline_block { display:inline-block;}

.color_555 { color:#555;}
.color_5495d4 { color:#5495d4;}
.color_6f6f6f { color:#6f6f6f}

.font_size_16 { font-size:16px;}
.font_size_18 { font-size:18px;}

.mg_bottom_20 { margin-bottom:20px;}



/* 메뉴 및 상단 */
body
{
	background-color: #fff;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}


nav:not(.mm-menu)
{
	display: none;
}


.header
{
	background: #fff;
	text-align:center;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	position:relative;
	padding: 20px 10px;
	
	border-bottom:1px solid #cacaca;
}


.header .menu_icon
{
	background: center center no-repeat transparent;
	background-image: url(/m/images/m_menu.png);

	display: block;
	width: 37px;
	height: 33px;
	position:absolute;
	top:30px;
	left:11px;
}

.header .menu_icon_02
{
	background: center center no-repeat transparent;
	background-image: url(/m/images/m_menu_02.png);

	display: block;
	width: 37px;
	height: 33px;
	position:absolute;
	top:30px;
	right:11px;
}


.header h1{ width:100%; text-align:center; margin:0 auto;}
.header h1 a{color:#000000; font-size:14px; text-align:center; font-weight:600;}
.header h1 span{color:#256087; font-size:24px; display:inline-block;}
.header h1 strong{color:#9fb6c6; font-size:24px;}


#menu {}
#menu ul .tel_li { border-bottom:none;}
#menu li{ font-size:14px; font-weight:600; color:#fff;}
#menu li .dl_po { padding:100px 20px; color:#fff;}
#menu li .dl_po dt { font-size:18px; font-weight:600; color:#f2f5f8; margin-bottom:20px;}
#menu li .dl_po dd { color:#fff;}
#menu li .dl_po .tel_li_01 { font-size:32px; font-weight:bold; margin-bottom:20px;}
#menu li .dl_po .tel_li_02 {}
#menu li .dl_po .tel_li_02 span { display:inline-block; color:#cfdae2;}

/* 메뉴 및 상단 끝 */


/* slide */
#slide_box { width:100%; height:100%; margin:0 auto;}

#slide_box h3{ text-align:center; font-size:16px; color:#878686; font-weight:600; margin-bottom:20px;}
#slide_box h3 span { color:#333;  font-size:16px; font-weight:600;}

#slide_box .slide_tittle { width:100%; text-align:center; padding:10px 0; font-size:14px; color:#fff; background-color:#575757;}

#slide_box .slide_list { width:100%; text-align:center; padding:15px 0;}
#slide_box .slide_list li { display:inline-block;}
.slide_list .direction a{ font-size:11px; width:20px; height:20px; line-height:20px; vertical-align:middle; text-align:center; color:#727272; background-color:#ededed; border:1px solid #727272; display:inline-block;}
.slide_list .next { margin:0px 10px; color:#727272; line-height:20px;}


/* */
.m_banner_01 { width:100%; margin:0 auto; overflow:hidden;}
.m_banner_01 li { float:left; width:50%;}
.m_banner_01 li img { width:100%;}
.m_banner_01 li a { width:100%; display:inline-block; }



/* 전화번호 박스 */
.tel_box { width:100%; overflow:hidden; margin:0 auto; padding:15px 0; background-color:#000;}
.tel_box .tel_dv { width:300px; overflow:hidden;  margin:0 auto; text-align:center; }

.tel_dv .tel { float:left; display:inline-block; margin-top:5px; }
.tel_dv .tel a { display:inline-block; font-size:26px; font-weight:bold; color:#fff;}

.tel_dv .line { float:left; display:inline-block; font-size:24px; margin:5px 10px 0px 10px;}

.tel_dv .eng { float:left; display:inline-block; text-align:left; font-size:6px; color:#e3e3e3;}
.tel_dv .eng .txt_01 { font-size:11px; font-weight:bold; color:#fff;}
.tel_dv .eng .txt_02 { font-size:11px; color:#e3e3e3;}



/* 상담 박스 */
#counsel_dv { width:100%; padding:10px 0; background:url(/m/images/m_bg_02.jpg) repeat; text-align:center; }
#counsel_dv ul { display:inline-block; text-align:left;}

#counsel_dv .tel_box { width:35%; background:url(/m/images/m_icon_01.png) no-repeat; background-position:10px 0; background-size:27px 27px;}
#counsel_dv .tel_box li:nth-child(1) { font-size:14px; color:#fff; margin-left:40px; line-height:27px;}
#counsel_dv .tel_box li:nth-child(2) { font-size:18px; font-weight:bold; color:#fff; margin-top:5px; margin-left:10px;}

#counsel_dv .kakao_box { width:63%; background:url(/m/images/kakao_bg.png) no-repeat; background-position:5px 0; background-size:27px 27px;}
#counsel_dv .kakao_box li:nth-child(1) { font-size:14px; color:#fff; margin-left:40px; line-height:27px;}
#counsel_dv .kakao_box li:nth-child(2) { font-size:18px; font-weight:bold; color:#ffeb00; margin-top:5px; margin-left:5px;}
#counsel_dv .kakao_box li:nth-child(2) span { color:#f5f5f5; vertical-align:middle;}



/* 상단버튼 박스 */
#top_dv { width:100%; padding:10px 0; text-align:center; background-color:#f2f2f2;}
#top_dv a { font-size:12px; font-weight:bold; color:#565656; padding:5px 15px; background-color:#f4f4f4; border:1px solid #e5e5e5; display:inline-block;}



/* 하단 */
#footer { width:100%; min-height:200px; padding:15px 0; text-align:center; overflow:hidden; background-color:#e1e1e1; color:#a3a3a3; font-size:12px; line-height:16px; margin-bottom:130px;}
#footer p { color:#c6c6c6; margin-top:10px;}




/* 하단 메뉴 */
#icon_box { width:100%; padding:15px 0px; background-color:#454545; position:fixed; bottom:0;}
#icon_box li { display:inline-block; width:24%; text-align:center; }
#icon_box li a {  color:#fff; font-size:12px; padding-top:35px; display:inline-block;}
#icon_box li:nth-child(1) { background:url(/m/images/m_icon_01.gif) no-repeat; background-position:center top;}
#icon_box li:nth-child(2) { background:url(/m/images/m_icon_02.gif) no-repeat; background-position:center top;}
#icon_box li:nth-child(3) { background:url(/m/images/m_icon_03.gif) no-repeat; background-position:center top;}
#icon_box li:nth-child(4) { background:url(/m/images/m_icon_04.gif) no-repeat; background-position:center top;}

#icon_box .top_but { display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #5f5f5f; font-size:15px; font-weight:bold; color:#898888; text-align:center;}


/* 탑 버튼 */
/*.top_but { width:34px; height:34px; position:fixed; bottom:95px; right:0px;}
.top_but a { display:inline-block; width:32px; height:32px; line-height:32px; border:1px solid #d4d4d4; background-color:#f4f4f4; font-size:13px; font-weight:bold; color:#898888; text-align:center;}*/


/* 서브 */


/* 페이지 */
.number { clear:both; text-align:center; height:36px; margin-top:30px;}
.number .on { padding:5px 6px; background:#50758f; color:#FFF; font-weight:bold; border:1px solid #e9e9e9; display:inline-block;}
.number .off { padding:5px 6px; background:#fff; color:#727272; font-weight:bold; border:1px solid #e9e9e9; display:inline-block;}
.number .btn_prev{ padding:5px 6px;background:#ededed;border:1px solid #c2c2c2; display:inline-block;}
.number .btn_next{padding:5px 6px; background:#ededed;border:1px solid #c2c2c2; display:inline-block;}
.number .margin_left { margin-left:2px;}



/* 폼 테이블 */
.sub03_box { width:100%; height:100%; overflow:hidden; padding:40px 0px; background-color:#edf1f4; }
.sub03_box .txt_type01 { font-size:12px; color:#256087; text-align:center; margin-bottom:5px;}
.sub03_box .sub03_01_box { width:96%; margin:0 auto; background-color:#fff; overflow:hidden;}
.sub03_01_box .btn_type02 { width:100%; height:42px; line-height:42px; text-align:center; font-size:16px; font-weight:600; color:#fff; background-color:#256088; display:inline-block; margin-top:30px; margin-bottom:30px;}

.tabel_type01 { width:100%; overflow:hidden; margin:10px 0px;}
.tabel_type01 td { border-bottom:1px solid #f4f4f4; padding:10px;}
.tabel_type01 td .sl { line-height:36px; margin:0 5px;}
.tabel_type01 td li { margin-bottom:10px;}
.tabel_type01 td li span { line-height:36px; display:inline-block;}


.tabel_type01 .label { display:block; font-size:14px; font-weight:600; color:#333; margin-bottom:5px;}

.tabel_type01 input { padding-left:5px; line-height:36px; border:1px solid #edf1f4; font-size:14px; color:#333;}
.tabel_type01 .input01 { width:94%;}
.tabel_type01 .input02 { width:30%;}
.tabel_type01 .input03 { width:15%;}
.tabel_type01 .input04 { width:75%;}

.tabel_type01 .sel-box { width:30%; border:1px solid #edf1f4; height:36px; line-height:36px; background-color:#fff; color:#333;}
.tabel_type01 .sel-box_02 { width:94%; border:1px solid #edf1f4; height:36px; line-height:36px; background-color:#fff; color:#333;}

.tabel_type01 .btn_type01 {width:80px; height:24px; line-height:24px; font-size:12px; color:#919191; background-color:#fff; border:2px solid #919191; display:inline-block; cursor:pointer; margin-top:5px; margin-left:10px;}

.tabel_type01 .textarea01 { width:94%; height:150px; border:1px solid #edf1f4; font-size:14px; color:#333; padding:5px 5px;}


/* 서브 공통 */
.sub_nav { width:100%; border-bottom:1px solid #dfdfdf; padding:15px 0; margin-bottom:45px;}
.sub_nav ul { margin:0 10px;}
.sub_nav li { float:left; color:#b3b3b3; line-height:18px;}
.sub_nav .in_li { margin:0 5px; font-size:9px;}
.sub_nav .color_01 { color:#6a6a6a;}
.sub_nav .color_02 { color:#7595ab;}
.sub_nav h2 { clear:both; margin-top:30px; margin-left:10px; font-size:28px; line-height:28px; color:#2874a8; font-weight:bold;}
.sub_nav h2 span { color:#333; font-weight:100;}
.sub_nav h2 .h_line { margin:0 18px; color:#ababab; font-size:16px; vertical-align:middle;}

.sub_top_txt { width:100%; margin-bottom:50px; text-align:center; overflow:hidden;}
.sub_top_txt p { font-size:18px; color:#000; line-height:28px;}
.sub_top_txt p span { color:#2874a8; font-size:18px; display:inline-block;}
.sub_top_txt .txt_type02 { font-size:14px; color:#696969; margin-top:10px;}
.sub_top_txt .txt_type02 span { font-size:18px; color:#696969; display:inline-block;}

.sub_top_txt p .color_333 { color:#333;}

#sub_dv { margin:0 2%; margin-bottom:40px; overflow:hidden;}
/*#sub_dv img { width:100%;}*/


/* */
.m_sub_txt { font-size:18px; color:#555; text-align:center; overflow:hidden; margin-bottom:35px;}
.m_sub_txt span { color:#5495d4; font-size:18px; font-weight:bold}
.m_sub_txt .txt_type02 { display:block; margin-top:10px; font-size:12px; font-weight:500; color:#696969;}



/* 무료시안보기 게시판 */
.m_cyanogen_list { width:100%; height:100%; margin:0 auto; text-align:center; overflow:hidden; border-top:2px solid #5993d2; padding-top:20px;}
.m_cyanogen_list .cyanogen { width:100%; height:100%; text-align:center; margin-left:1%; margin-right:1%; margin-bottom:25px; display:inline-block; padding-bottom:15px; border-bottom:1px dotted #cbcbcb;}
.m_cyanogen_list .cyanogen li { margin:0 auto;}
.m_cyanogen_list .cyanogen .cyanogen_img { width:100%; height:30%; background-color:#f9f9f9; margin-bottom:10px;} /* 이미지 사이즈 조절 */
.m_cyanogen_list .cyanogen .cyanogen_img img { width:100%; height:30%;}
.m_cyanogen_list .cyanogen .cyanogen_t { width:100%; line-height:20px; font-size:16px; color:#333; line-height:20px;  margin-bottom:10px;} /* 제목 텍스트 수정, 사이즈 조절 */
.m_cyanogen_list .cyanogen .cyanogen_t .line { font-size:11px; line-height:20px; color:#abb7cd; display:inline-block; margin:0 5px;}
.m_cyanogen_list .cyanogen .cyanogen_t .code_name { font-size:16px; line-height:20px; font-weight:bold; color:#2874a8; display:inline-block;}



/* 추가서비스 */
.sub03_box_01 { width:100%; margin:0 auto; text-align:center; overflow:hidden;}
.sub03_box_01 .square_box { width:100%; text-align:center; margin-bottom:25px;}
.sub03_box_01 .square_box h3 { width:100%; padding:10px 0; font-size:16px; color:#fff; background-color:#368fcc;}
.sub03_box_01 .square_box ul { width:100%; padding:15px 0;   background-color:#f2f2f2;} 
.sub03_box_01 .square_box li { font-size:12px; color:#333; line-height:18px; text-align:center; padding:0 5px;}


/* 오시는 길 */
.map_txt { width:100%; overflow:hidden; margin-top:60px;}
.map_txt li { font-size:14px; color:#333; line-height:24px;}
.map_txt li span { color:#256088; font-weight:bold;}