@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

body{background-color:#efefef !important;}
#wrap{width:100%;margin:0 auto;position:relative;overflow:hidden;}
#container{width:100%;color:#000;position:relative;}
#tab{width:100%;margin-top:-10px;line-height:40px;position:relative;}






/************************************************
*		HEADER									*
************************************************/

.menu_wrap{width:100%;height:40px;background-color:#fff;border-bottom:1px solid #333;line-height:40px;}
.menu_wrap dl{position:relative;}
.menu_wrap dd{width:50%;height:40px;text-align:center;font-size:13px;font-weight:600;display:block;float:left;}
.menu_wrap dd a{width:100%;height:20px;padding:10px 0;color:#999;display:block;}

.menu_wrap dd a:hover .rbtit_case,
.menu_wrap dd a.on .rbtit_case{width:100%;text-align:center;position:relative;}
.menu_wrap dd a:hover .rbtit_case .rbtit,
.menu_wrap dd a.on .rbtit{width:auto;min-width:50px;margin:-2px auto 0;padding:0 0 6px;border-bottom:2px solid #333;text-align:center;font-size:13px;color:#333;line-height:24px;display:inline-table;}






/************************************************
*		CONTAINER								*
************************************************/

#content{width:100%;margin:0;padding:0;position:relative;}

.ltitle{height:40px;margin:0 0 15px;padding:0 10px;text-align:left;font-size:16px;font-weight:600;line-height:40px;}
.ctitle{height:40px;margin:0 0 15px;padding:0 10px;text-align:center;font-size:16px;font-weight:600;line-height:40px;}
.rtitle{height:40px;margin:0 0 15px;padding:0 10px;text-align:right;font-size:16px;font-weight:600;line-height:40px;}
.ltitle span, .ctitle span, .rtitle span{margin:0 10px;}

.lbtitle{margin:0 0 15px;padding:0;text-align:left;font-size:15px;font-weight:600;line-height:40px;}

.lbtit{margin:0;padding:0 15px;border-bottom:1px solid #d5d5d5;text-align:left;font-size:14px;font-weight:600;line-height:45px;position:relative;}
.lbtit span{font-size:12px;font-weight:400;line-height:45px;float:right;}
.lbtit span .select-wrapper,
.lbtit span select{height:45px;margin-top:0;border:none !important;line-height:45px;}
.lbtit span .select-wrapper:before{background:url(../images/icon/arrow_down.png) no-repeat center 20px;}
.lbtit span .jl_fl{float:left;}

.lstitle{margin:0;padding:0 10px;background-color:#efefef;text-align:left;font-size:16px;font-weight:600;line-height:30px;letter-spacing:-1px;position:relative;z-index:1000;}
.lstitle span{height:30px;font-size:11px;font-weight:400;color:#777;line-height:30px;letter-spacing:-1px;position:absolute;right:10px;top:0;}
.lstitle span .lt_btn{height:22px;margin:3px 0 0;padding:0 7px;background-color:#fff;border:1px solid #ccc;border-radius:3px;color:#333;line-height:22px;display:block;}
.cstitle{height:30px;background-color:#ececec;margin:0 0 10px;padding:0 10px;text-align:center;font-size:14px;font-weight:600;line-height:30px;letter-spacing:-1px;z-index:1000;}
.rstitle{height:30px;background-color:#ececec;margin:0 0 10px;padding:0 10px;text-align:right;font-size:14px;font-weight:600;line-height:30px;letter-spacing:-1px;z-index:1000;}

.sn_title{padding:3px 0;font-size:15px;font-weight:600;}
.sn_txt{margin:0 0 20px;padding:3px 0;font-size:14px;color:#666;}
.sn_stxt{margin:0 0 15px;padding:3px 0;font-size:12px;}
.sn_stxt span{margin:0 10px;}
.sn_thum{margin:0 0 15px;padding:3px 0;text-align:center;}
.sn_thum img{width:100%;max-width:700px;}

.talbtn{text-align:left;}
.tacbtn{text-align:center;}
.tarbtn{text-align:right;}






/************************************************
*		SLIDER									*
************************************************/

.flex-container a:hover,
.flex-slider a:hover {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* --------------------------------------------
 * BASE STYLES
 * --------------------------------------------*/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility:hidden;
	overflow:hidden;
}
.flexslider .slides img {
	width:100%;
	display:block;
}
.flexslider .slides:after {
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
html[xmlns] .flexslider .slides {
	display:block;
}
* html .flexslider .slides {
	height:1%;
}
.no-js .flexslider .slides > li:first-child {
	display:block;
}
/* --------------------------------------------
 * DEFAULT THEME
 * --------------------------------------------*/
.vod_wrap{width:100%;position:relative;}
.vod_wrap .vod_bn img {width:100%;}

.flexslider {
	margin:0;
	background:#fff;
	position:relative;
	zoom:1;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom:1;
}
.flexslider .slides img {
	height:auto;
	-moz-user-select:none;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height:300px;
}
.carousel li {
	margin-right:5px;
}
.flex-direction-nav {
	*height:0;
}
.flex-direction-nav a {
	width:40px;
	height:40px;
	margin:-20px 0 0;
	text-decoration:none;
	font-size:0 !important;
	color:rgba(0, 0, 0, 0.8);
	position:absolute;
	top:50%;
	z-index:10;
	display:block;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
	background:url(../images/icon/arrow_prev.png) no-repeat;
	left:-60px;
	top:48%;
}
.flex-direction-nav .flex-next {
	background:url(../images/icon/arrow_next.png) no-repeat;
	text-align: right;
	right:-60px;
	top:48%;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 0.7;
	left: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 0.7;
	right: 0;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display:none;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: -10px;
		top:40%;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: -10px;
		top:40%;
	}
}






/************************************************
*		ALL MENU								*
************************************************/

.all_menu{margin:0;padding:0;border-bottom:1px solid #d5d5d5;position:relative;}
.all_menu ul{margin:0;padding:0;position:relative;}
.all_menu li:first-child{background:0 none;}
.all_menu li{width:33%;height:80px;background:url(../images/icon/stick_icon1.png) no-repeat left 47%;float:left;}
.all_menu li a{width:100%;height:75px;padding:5px 0 0;display:block;}
.all_menu li p{height:45px;padding:0;text-align:center;display:block;}
.all_menu li a p.am1{background:url(../images/icon/robot_up1.png) no-repeat center 55%;}
.all_menu li a p.am2{background:url(../images/icon/robot_up2.png) no-repeat center 55%;}
.all_menu li a p.am3{background:url(../images/icon/robot_up3.png) no-repeat center 55%;}
.all_menu li a:hover p.am1{background:url(../images/icon/robot_ov1.png) no-repeat center 55%;}
.all_menu li a:hover p.am2{background:url(../images/icon/robot_ov2.png) no-repeat center 55%;}
.all_menu li a:hover p.am3{background:url(../images/icon/robot_ov3.png) no-repeat center 55%;}
.all_menu li b{text-align:center;font-size:14px;font-weight:600;color:#000;letter-spacing:-1px;display:block;}
.all_menu li a:hover b{color:#0068b7;}






/************************************************
*		PLUS MENU								*
************************************************/

.plus_menu{margin:0 0 10px;padding:0;border-bottom:1px solid #d5d5d5;position:relative;}
.plus_menu ul{margin:0;padding:0;position:relative;}
.plus_menu li:nth-child(n+3){border-right:1px solid #d5d5d5;}
.plus_menu li{width:33%;height:30px;background-color:#fff;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:position:relative;float:left;}
.plus_menu li a{width:100%;height:30px;padding:0;line-height:30px;display:block;}
.plus_menu li a:hover,
.plus_menu li a:hover b{color:#0068b7;}
.plus_menu li p{width:70%;height:30px;margin:0;padding:0;text-align:center;display:block;float:left;}
.plus_menu li b{width:30%;height:26px;margin:0;padding:0;text-align:center;font-size:26px;font-weight:700;color:#ccc;line-height:26px;display:block;float:right;}






/************************************************
*		MAIN LIST								*
************************************************/

.main_list{margin:0;padding:0;background-color:#fff;border-top:1px solid #d5d5d5;position:relative;}
.main_list .ml_case{height:70px;border-bottom:1px solid #d5d5d5;text-align:center;line-height:70px;display:block}
.main_list ul{margin:0;padding:0;position:relative;}
.main_list li{width:45.8%;padding:2%;background-color:#fff;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;float:left;}
.main_list li:nth-child(2n){border-right:0 none;}
.main_list li a{width:100%;position:relative;display:block;}
.main_list li span{padding:0 5px;border:1px solid #cc0000;border-radius:3px;text-align:center;font-size:11px;font-weight:400;color:#cc0000;letter-spacing:-1px;display:block;position:absolute;right:0;top:0;}
.main_list li .ml_thumb{width:30%;text-align:center;line-height:60px;float:left;}
.main_list li .ml_thumb img{width:100%;border:3px solid #ccc;border-radius:8px;}
.main_list li .ml_text{width:60%;margin:0 0 8px;position:relative;float:right;}
.main_list li .ml_text b{text-align:left;font-size:14px;font-weight:600;color:#333;line-height:18px;letter-spacing:-1px;display:block;}
.main_list li .ml_text p{text-align:left;font-size:11px;font-weight:400;color:#999;line-height:14px;letter-spacing:-1px;display:block;}
.all_menu li a:hover b{color:#0068b7;}






/************************************************
*		SERVICE LIST							*
************************************************/

.ser_list{margin:0;padding:0;position:relative;}
.ser_list ul{margin:0;padding:0;position:relative;}
.ser_list li{width:94%;padding:2% 3% 3%;background-color:#fff;border-bottom:1px solid #d5d5d5;float:left;}
.ser_list li span{width:30px;margin:3% 0 0;display:block;position:absolute;right:7%;}
.ser_list li span a{width:100%;margin:0;padding:5px;border:1px solid #ccc;border-radius:5px;text-align:center;font-size:12px;font-weight:400;color:#333;line-height:16px;letter-spacing:-1px;display:block;}
.ser_list li .sl_thumb{width:20%;max-width:50px;text-align:center;line-height:60px;float:left;}
.ser_list li .sl_thumb img{width:100%;border:3px solid #ccc;border-radius:8px;}
.ser_list li .sl_text{width:77%;margin:15px 0 8px;position:relative;float:right;}
.ser_list li .sl_text b{text-align:left;font-size:14px;font-weight:600;color:#333;line-height:18px;letter-spacing:-1px;display:block;}
.ser_list li .sl_text p{text-align:left;font-size:11px;font-weight:400;color:#999;line-height:14px;letter-spacing:-1px;display:block;}






/************************************************
*		레이어 팝업 : POPUP						*
************************************************/

.mw_popup1, .mw_popup2, .mw_popup3, .mw_popup4{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100000;}
.mw_popup1.open, .mw_popup2.open, .mw_popup3.open, .mw_popup4.open{display:block}
.mw_popup1 .bg, .mw_popup2 .bg, .mw_popup3 .bg, .mw_popup4 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#popup1, #popup2, #popup3, #popup4{width:100%;max-width:300px;margin:0 auto;background:#fff;position:relative;top:5%;}
#popup1.g_popup1 .g_popup1, #popup2.g_popup2 .g_popup2, #popup3.g_popup3 .g_popup3, #popup4.g_popup4 .g_popup4{display:block}
#popup1 .close, #popup2 .close, #popup3 .close, #popup4 .close{width:45px;height:45px;padding:0;border:0;background:#c9c9c9 url(../images/icon/close_wbtn.png) no-repeat center 50%;text-decoration:none !important;line-height:60px;cursor:pointer;opacity:1;overflow:visible;position:absolute;top:0;right:0;}
#popup1 .close:hover, #popup2 .close:hover, #popup3 .close:hover, #popup4 .close:hover{background:#999 url(../images/icon/close_wbtn.png) no-repeat center 50%;}

.sm_pop{max-width:300px !important;}

.pop_header{height:45px;padding:0 50px 0 5px;background:#ddd;text-align:center;font-size:18px;font-weight:600;color:#333;line-height:45px;letter-spacing:-1px;}

.pscroll{height:350px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_mcontant{margin:0;padding:0;position:relative;}
.pop_contant{padding:20px 10px;position:relative;}

.pop_contant .pc_ltit{text-align:left;font-size:16px;line-height:24px;}
.pop_contant .pc_ltxt{margin:0 0 10px;text-align:left;font-size:14px;font-weight:400;color:#999;line-height:20px;}

.pop_contant .pc_ctit{text-align:center;font-size:16px;line-height:24px;}
.pop_contant .pc_ctxt{margin:0 0 10px;text-align:center;font-size:14px;font-weight:400;color:#999;line-height:20px;}

.pop_contant select{font-size:16px;color:#bbb;}
.pop_contant select:focus{color:#666;}

.pop_contant textarea{font-size:16px;color:#bbb;}

.btn_wrap{height:40px;padding:15px 0;text-align:center;font-size:16px;font-weight:600;color:#c1c1c1;line-height:40px;position:relative;bottom:0;}
.btn_wrap a{cursor:pointer;}

a.btn100{width:100%;}
a.btn50{width:50%;}

a.btn_confirm {background:#d60825;color:#fff;float:left;display:block;}
a.btn_confirm:hover {background:#c10d26;color:#fff;text-decoration:none !important;}

a.btn_normal {background:#dbdbdb;float:left;display:block;}
a.btn_normal:hover {background:#ccc;text-decoration:none !important;}

a.btn_close {background:#dbdbdb;float:left;display:block;}
a.btn_close:hover {background:#ccc;text-decoration:none !important;}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_wrap{width:100%;max-width:280px;margin:0 auto;padding:20px 10px 10px;position:relative;}

.stb_xbti{margin:15px 0;text-align:center;font-size:40px;font-weight:800;color:#333;line-height:50px;display:block;}
.stb_xti{margin-bottom:40px;text-align:center;font-size:16px;font-weight:bold;color:#333;line-height:25px;display:block;}
.stb_bti{margin-bottom:10px;text-align:left;font-size:16px;font-weight:bold;color:#333;line-height:22px;display:block;}
.stb_ti{margin-bottom:5px;text-align:left;font-size:13px;font-weight:bold;color:#333;line-height:20px;display:block;}
.stb_copy{margin-bottom:5px;text-align:left;font-size:12px;color:#333;line-height:18px;display:block;}
.stb_txt{margin-bottom:5px;padding-left:15px;text-align:left;font-size:12px;color:#333;line-height:18px;display:block;}






/************************************************
*		TABLE									*
************************************************/

.w15p{width:15%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w94p{width:94%;}
.w96p{width:96%;}
.w100p{width:100%;}

.tbl_type1{width:100%;margin:0 0 10px;border-top:1px solid #333;background-color:#fff;border-collapse:collapse}
.tbl_type1 caption{display:none}
.tbl_type1 thead th,
.tbl_type1 tbody th{padding:10px 5px;background-color:#f5f5f5;border-bottom:1px solid #fff;font-size:13px;font-weight:600;color:#333;line-height:22px;letter-spacing:-1px;}
.tbl_type1 thead td,
.tbl_type1 tbody td{padding:10px 5px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:12px;font-weight:400;color:#333;line-height:20px;letter-spacing:-1px;}
.tbl_type1 .tt1_btn{width:90px;margin-right:10px;padding:3px 0;border:1px solid #666;text-align:center;font-size:13px;color:#666;letter-spacing:-1px;display:block;}

.tbl_type2{width:100%;margin:0 0 30px;background-color:#fff;border-top:2px solid #333;border-collapse:collapse}
.tbl_type2 caption{display:none}
.tbl_type2 th{background:url(../images/icon/stick_icon1.png) no-repeat right 50%;}
.tbl_type2 th{padding:10px 15px;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:600;color:#565656;line-height:18px;}
.tbl_type2 td{padding:10px 15px;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:400;color:#565656;line-height:18px;}
.tbl_type2 .tt_tit{font-size:15px;font-weight:600;color:#333;line-height:20px;}
.tbl_type2 .tt_rt{font-size:12px;font-weight:400;color:#e60008;line-height:16px;}
.tbl_type2 .tt_gt{font-size:12px;font-weight:400;color:#777;line-height:16px;}
.tbl_type2 .tst{margin:0 3px;color:#ccc;}
.tbl_type2 .thl{text-decoration:line-through !important;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
	.flex-direction-nav .flex-prev {top:50%;}
	.flex-direction-nav .flex-next {top:50%;}
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}