@charset "utf-8";

/***************************************************************

Author :Justin.J

***************************************************************/


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

.bg_gblue{
	background:url(../images/bg_basic1.jpg) repeat-x;
}

.bg_sub{background-color:#d9eef1;}
.bg_foot{background-color:#0f8eae;}

.all_bg{height:100%;background:url(../images/bg_obj1.png) center top;}

#wrap{width:100%;height:100%;padding:0;position:relative;}
#swrap{width:100%;height:100%;padding:0;position:relative;}
.content{width:100%;max-width:1024px;margin:0 auto;padding:40px 0 0;text-align:center;position:relative;}
.s_content{width:100%;max-width:1024px;margin:0 auto;padding:20px 0 100px;text-align:center;position:relative;}
.sider_nav{width:20%;margin:15px 0 30px;float:left;}

.bg_b_over{width:100%;height:100px;background:#000;opacity:0.2;filter:alpha(opacity=20);-ms-filter:alpha(opacity=20);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';-moz-opacity:0.2;-khtml-opacity:0.2;filter: alpha(opacity=20);position:absolute;left:0;top:0;z-index:1;}





/************************************************
*		HEADER									*
************************************************/
.header{height:60px;margin:0;padding:0 10px;background-color:#25a5bb;font-size:22px;line-height:60px;position:relative;}
.header .h_ver{height:60px;font-size:12px;line-height:60px;color:#bfe7ee;position:absolute;right:10px;top:0;}

.title{height:40px;margin:0;padding:0 30px;background:url(../images/bullet_00.png) no-repeat 10px 13px;background-color:#25a5bb;font-size:18px;line-height:40px;position:relative;}
.title .t_cycle{height:40px;font-size:12px;line-height:40px;position:absolute;right:10px;top:0;}
.title .t_cycle p{width:30px;height:30px;margin:0 3px;background-color:#177088;border:1px solid #177088;border-radius:100%;text-align:center;font-size:16px;font-weight:bold;color:#25a5bb;line-height:30px;display:block;float:left;}
.title .t_cycle p:last-child{margin:0 0 0 3px;}
.title .t_cycle p.on{background-color:#fff;border:1px solid #fff;border-radius:100%;color:#25a5bb;}




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

.content img{width:100%;max-width:480px;margin:0 auto;}
@media \0screen {
	.content img{max-height:650px;}
}
.m_nav{padding:10px 0 120px;text-align:center;}
.m_nav a{
	width:100%;
	max-width:200px;
	height:60px;
	margin:0 auto;
	padding:0 45px;
	background-color:#177088;
	-webkit-box-shadow: 5px 5px 5px #0a5769;
	-moz-box-shadow: 5px 5px 5px #0a5769;
	box-shadow: 5px 5px 5px #0a5769;
	border:3px solid #b3e2ea;
	border-radius:35px;
	font-size:26px;
	font-weight:bold;
	line-height:60px;
	display:block;
}
.m_nav a .mn_txt{text-shadow: 3px 3px 3px #0a5769;color:#b3e2ea;}
.m_nav a:hover, .m_nav a .mn_txt:hover{background-color:#0a5769;text-shadow: 2px 2px 2px #000;color:#fff;}





/******************* Content *******************/
.s_content{color:#177088;}

.s_content .photo_wrap{width:100%;margin:0;position:relative;}
.s_content .photo_wrap .pw_img{width:100%;height:250px;margin:0;border:1px solid #acbbbe;background-color:#f9f9f9;text-align:center;line-height:250px;}
.s_content .photo_wrap .pw_img img{height:250px;}

.s_content .btn_area{height:40px;margin:40px 0 0 25%;text-align:center;line-height:40px;position:relative;}
.s_content .btn_area input{width:25%;margin:0 5%;padding:0 5%;text-align:center;float:left;}

.s_content .info_box{margin:50px 10px 0;padding:10px;border:1px solid #0f8eae;border-radius:4px;background-color:#fff;}
.s_content .info_box ul{margin:0;padding:0;}
.s_content .info_box li{text-align:left;font-size:13px;color:#777;}
.s_content .info_box li b{font-size:15px;}

.s_content .tip_wrap{margin:0 10px;padding:10px 0;position:relative;}
.s_content .tip_wrap .tw_tab{width:25%;height:30px;margin:0;padding:0;border:1px solid #0f8eae;border-radius:4px;background-color:#0f8eae;text-align:center;line-height:30px;float:right;}
.s_content .tip_wrap .tw_sti{min-width:25%;height:30px;margin:0;padding:0 10px;border:1px solid #0f8eae;border-radius:4px;background-color:#0f8eae;text-align:center;line-height:30px;float:left;}
.s_content .tip_wrap .tw_case{width:96%;margin:0;padding:15px 2%;border:1px solid #0f8eae;background-color:#fff;text-align:left;font-size:13px;color:#777;line-height:24px;float:left;}
.s_content .tip_wrap .tw_case b{font-size:16px;line-height:22px;}
.s_content .tip_wrap img{vertical-align:middle;}

.s_content .txt_box_g{margin:0 10px;padding:10px 0;border:1px solid #ccc;border-radius:4px;background-color:#ccc;font-size:18px;font-weight:bold;color:#777;}
.s_content .txt_box_w{margin:0 10px;padding:10px 0;border:1px solid #0f8eae;border-radius:4px;background-color:#fff;font-size:14px;color:#777;}
.s_content .txt_box_b{margin:0 10px 10px;padding:10px;border:1px solid #0f8eae;border-radius:4px;font-size:14px;color:#777;}

.s_content .ud_btn{padding:30px 0 0;}
.s_content .ud_btn input{margin:0 auto;padding:0 20px;}




/* 테이블 */
.table_type1{width:98%;margin:20px 1%;font-size:14px;color:#177088;line-height:26px;}
.table_type1 th{padding:0 10px 10px;font-size:16px;word-break:break-word;}
.table_type1 td{padding:0 10px 10px;word-break:break-word;}
.table_type1 .empty{padding:0 10px !important;}
.table_type1 .xti{padding-left:20px !important;background:url(../images/bullet_01.gif) no-repeat 0 6px;}
.table_type1 .bti{padding-left:30px !important;background:url(../images/bullet_02.gif) no-repeat 13px 8px;}
.table_type1 .ti{padding-left:20px !important;background:url(../images/bullet_03.gif) no-repeat 0 8px;}
.table_type1 .sti{padding-left:20px !important;background:url(../images/bullet_04.gif) no-repeat 0 8px;}
.table_type1 .xsti{padding-left:20px !important;background:url(../images/bullet_05.gif) no-repeat 0 8px;}
.table_type1 .xtxt{font-size:24px;}
.table_type1 .btxt{font-size:18px;}
.table_type1 .stxt{font-size:13px;font-weight:normal;}
.table_type1 .xstxt{font-size:12px;font-weight:normal;line-height:15px;}

.table_type1 .photo_zone{padding:10px;border:1px solid #acbbbe;border-radius:3px;background-color:#fff;position:relative;}
.table_type1 .photo_zone .pz_btn{width:25%;margin:0 0 10px;text-align:right;line-height:40px;position:absolute;right:10px;top:10px;}
.table_type1 .photo_zone .pz_btn input{width:100%;float:right;}
.table_type1 .photo_zone .photo{width:100%;height:150px;text-align:center;line-height:150px;}
.table_type1 .photo_zone .photo img{height:150px;}

.table_type1 .cash_list{padding:10px;border:1px solid #acbbbe;border-radius:3px;background-color:#fff;position:relative;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.table_type1 .cash_list ul{margin:0;padding:0;}
.table_type1 .cash_list li{height:30px;margin:3px 0;padding:0 10px;text-align:left;color:#177088;line-height:30px;}
.table_type1 .cash_list li:hover{background-color:#efefef;}

.table_type1 .ttb{padding:0 20px;}


.table_type2{width:96%;margin:20px 2%;border-top:1px solid #0f8eae;border-left:1px solid #0f8eae;font-size:16px;line-height:26px;}
.table_type2 th, .table_type2 td{padding:10px;border-right:1px solid #0f8eae;border-bottom:1px solid #0f8eae;background-color:#eaf5f6;color:#177088;}
.table_type2 .color1{background-color:#b7d9df;}






.paginate{margin:0 auto;padding:29px 0 30px;text-align:center;overflow:hidden;clear:both;zoom:1}
.paginate a{margin-right:-1px;padding:0 0 0 5px;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important;display:-moz-inline-box;display:inline-block;_position:relative;}
.paginate a:link, .paginate a:visited{background:url(../images/bg_page_nav_up.gif) no-repeat 0 0 !important}
.paginate a:link span,.paginate a:visited span{background:url(../images/bg_page_nav_up.gif) no-repeat 100% 0 !important;cursor:pointer}

.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(../images/bg_page_nav_ov.gif) no-repeat 0 0 !important;color:#fff !important;}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(../images/bg_page_nav_ov.gif) no-repeat 100% 0 !important;cursor:pointer}

.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-1px;padding:0 0 0 5px;background:url(../images/bg_page_nav_ov.gif) no-repeat 0 0 !important;color:#fff;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate strong{color:#fff !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}

.paginate strong span{padding:0 8px 0 3px;background:url(../images/bg_page_nav_ov.gif) no-repeat 100% 0 !important;display:block;_display:inline;position:relative;top:0;zoom:1}
/* user option */
.paginate a.pre,.paginate a.next{position:relative;top:-1px;background:none !important;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:4px}
.paginate a.next{margin-left:2px}





/************************************************
*		FOOT									*
************************************************/

.foot_wrap{width:100%;height:80px;padding:10px 0 5px;line-height:80px;position:fixed;left:0;bottom:0;}
.foot_wrap .footer{width:100%;height:80px;text-align:center;position:relative;z-index:1000;}

.foot_wrap .footer a{width:14%;height:80px;margin:0 3%;text-align:center;color:#39b3c8;position:relative;float:left;display:block;}
.foot_wrap .footer .f_txt{width:100%;height:20px;margin:0;padding:0;line-height:20px;position:absolute;left:0;bottom:0;}

.foot_wrap .footer a.nav1{height:80px;background:url(../images/nav_1_up.png) no-repeat center top;display:inline-table;}
.foot_wrap .footer a.nav2{height:80px;background:url(../images/nav_2_up.png) no-repeat center top;display:inline-table;}
.foot_wrap .footer a.nav3{height:80px;background:url(../images/nav_3_up.png) no-repeat center top;display:inline-table;}
.foot_wrap .footer a.nav4{height:80px;background:url(../images/nav_4_up.png) no-repeat center top;display:inline-table;}
.foot_wrap .footer a.nav5{height:80px;background:url(../images/nav_5_up.png) no-repeat center top;display:inline-table;}

.foot_wrap .footer a.nav1:hover, .foot_wrap .footer a.on1{background:url(../images/nav_1_ov.png) no-repeat center top;color:#fff;}
.foot_wrap .footer a.nav2:hover, .foot_wrap .footer a.on2{background:url(../images/nav_2_ov.png) no-repeat center top;color:#fff;}
.foot_wrap .footer a.nav3:hover, .foot_wrap .footer a.on3{background:url(../images/nav_3_ov.png) no-repeat center top;color:#fff;}
.foot_wrap .footer a.nav4:hover, .foot_wrap .footer a.on4{background:url(../images/nav_4_ov.png) no-repeat center top;color:#fff;}
.foot_wrap .footer a.nav5:hover, .foot_wrap .footer a.on5{background:url(../images/nav_5_ov.png) no-repeat center top;color:#fff;}





/************************************************
*		MODAL									*
************************************************/
html, body{height:100%;margin:0}
.mw_login .ml_title{height:40px;padding:0 15px;background-color:#25a5bb;font-size:18px;font-weight:30px;line-height:40px;}
.mw_login .ml_ctitle{height:40px;padding:0 15px;background-color:#25a5bb;text-align:center;font-size:18px;font-weight:30px;line-height:40px;}
.mw_login .ml_input{margin:10px 15px 25px;}
.mw_login .ml_input textarea{width:97%;height:150px;}
.mw_login .ml_btn{width:100%;padding:0 0 35px 15%;text-align:center;}
.mw_login .ml_btn input{width:30%;margin:0 2%;float:left;}
.mw_login .mc_btn{padding:0 0 15px;}
.mw_login .mc_btn input{margin:0 auto !important;}

.mw_login{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:10000;display:none;}
.mw_login.open{display:block}
.mw_login .bg{width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-moz-opacity:0.5;-khtml-opacity:0.5;opackt:0.5;position:absolute;top:0;filter: alpha(opacity=50);}

#login{width:700px;margin:-300px 0 0 -360px;padding:0;background:#fff;line-height:normal;white-space:normal;position:absolute;top:50%;left:50%;}
#login.g_login .g_login{display:block}
#login .close{width:40px;height:40px;padding:0;border:0;background:transparent;font:bold 18px/40px Verdana, Geneva, sans-serif;color:#fff;text-align:center;text-decoration:none !important;cursor:pointer;position:absolute;top:0;right:0;overflow:visible;}






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

@media screen and (max-width : 320px) {
	.blink{display:none !important;}
	.header{font-size:20px;}
	.header .h_ver{font-size:0.55em !important;}

	.table_type1 th, .table_type1 td{font-size:12px !important;letter-spacing:-1px !important;}
	.table_type2 th, .table_type2 td{line-height:20px;}
}

@media screen and (max-width : 420px) {
	.m_nav{padding:10px 0 120px;}
	.m_nav a{
		max-width:150px;
		height:50px;
		padding:0 30px;
		font-size:20px;
		line-height:50px;
	}

	.title{font-size:15px;}
	.title .t_cycle{height:30px;font-size:12px;line-height:30px;right:5px;top:9px;}
	.title .t_cycle p{width:20px;height:20px;margin:0 2px;font-size:13px;line-height:20px;}
	.title .t_cycle p:last-child{margin:0 0 0 2px;}

	.s_content .photo_wrap{width:96%;margin:0 auto !important;text-align:center;position:relative;}
	.s_content .photo_wrap .pw_img{width:100%;height:180px;margin:0;border:1px solid #acbbbe;background-color:#f9f9f9;text-align:center;line-height:180px;overflow:hidden;}
	.s_content .photo_wrap .pw_img img{width:100%;}

	.s_content .btn_area{height:40px;margin:40px 0 0 25%;text-align:center;line-height:40px;position:relative;}
	.s_content .btn_area input{padding:0 3% !important;font-size:15px;}

	.table_type1{font-size:12px;letter-spacing:-1px;}
	.table_type1 th{padding:0 2px 10px;font-size:13px;letter-spacing:-1px;}
	.table_type1 td{padding:0 2px 10px;}
	.table_type1 .xti{padding-left:19px !important;background:url(../images/bullet_01.gif) no-repeat 0 7px;letter-spacing:-1px;}
	.table_type1 .bti{padding-left:19px !important;background:url(../images/bullet_02.gif) no-repeat 5px 7px !important;letter-spacing:-1px;}

	.table_type1 .photo_zone{padding:5px;}
	.table_type1 .photo_zone .photo{overflow:hidden;}
	.table_type1 .photo_zone .photo img{width:100%;}

	.table_type1 .cash_list{padding:5px;}
	.table_type1 .cash_list ul{margin:0;padding:0;}
	.table_type1 .cash_list li{height:25px;font-size:14px;line-height:25px;}

	.table_type1 .ttb{padding:0 5px; font-size:14px;}

	.table_type2{font-size:13px !important;}
	.table_type2 .link_btn{font-size:13px !important;}


	.foot_wrap{height:75px;padding:10px 0 0;line-height:75px;}
	.foot_wrap .footer{height:75px;}
	.foot_wrap .footer a{width:16%;height:40px;margin:0 2%;}
	.foot_wrap .footer .f_txt{height:40px;font-size:13px !important;line-height:40px;}

	.foot_wrap .footer a.nav1,
	.foot_wrap .footer a.nav2,
	.foot_wrap .footer a.nav3,
	.foot_wrap .footer a.nav4,
	.foot_wrap .footer a.nav5{background-size:40px 40px !important;}

	.foot_wrap .footer a.nav1:hover, .foot_wrap .footer a.on1,
	.foot_wrap .footer a.nav2:hover, .foot_wrap .footer a.on2,
	.foot_wrap .footer a.nav3:hover, .foot_wrap .footer a.on3,
	.foot_wrap .footer a.nav4:hover, .foot_wrap .footer a.on4,
	.foot_wrap .footer a.nav5:hover, .foot_wrap .footer a.on5{background-size:40px 40px !important;}

	#login{width:300px !important;margin:-300px 0 0 -150px !important;}
	.mw_login .ml_title{padding:0 10px;font-size:16px !important;letter-spacing:-1px;}
	.mw_login .ml_ctitle{padding:0 10px;font-size:16px !important;letter-spacing:-1px;}
}

@media screen and (max-width : 768px) {

	.w_select{font-size:13px;letter-spacing:-1px;}


	.s_content .btn_area input{padding:0 4%;}

	.table_type1{font-size:13px;}
	.table_type1 th{padding:0 5px 10px;font-size:14px;letter-spacing:-1px;}
	.table_type1 td{padding:0 5px 10px;}
	.table_type1 .empty{padding:0 5px !important;}
	.table_type1 .xti{padding-left:20px;background:url(../images/bullet_01.gif) no-repeat 0 7px;letter-spacing:-1px;}
	.table_type1 .bti{padding-left:30px;background:url(../images/bullet_02.gif) no-repeat 13px 7px;letter-spacing:-1px;}
	.table_type1 .ti{padding-left:20px;background:url(../images/bullet_03.gif) no-repeat 0 8px;letter-spacing:-1px;}
	.table_type1 .sti{padding-left:20px;background:url(../images/bullet_04.gif) no-repeat 0 8px;letter-spacing:-1px;}
	.table_type1 .xsti{padding-left:20px;background:url(../images/bullet_05.gif) no-repeat 0 8px;letter-spacing:-1px;}
	.table_type1 .xtxt{font-size:20px;}
	.table_type1 .btxt{font-size:16px;}
	.table_type1 .stxt{font-size:12px;}
	.table_type1 .xstxt{font-size:11px;line-height:13px;}

	.table_type1 .photo_zone{width:90%;}
	.table_type1 .photo_zone .pz_btn{width:40%;}
	.table_type1 .photo_zone .pz_btn input{font-size:15px;letter-spacing:-1px;}
	.table_type1 .photo_zone .photo{height:130px;line-height:130px;}
	.table_type1 .photo_zone .photo img{height:130px;}

	.table_type1 .cash_list{padding:10px;border:1px solid #acbbbe;border-radius:3px;background-color:#fff;position:relative;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
	.table_type1 .cash_list ul{margin:0;padding:0;}
	.table_type1 .cash_list li{height:30px;margin:3px 0;padding:0 10px;text-align:left;color:#177088;line-height:30px;}
	.table_type1 .cash_list li:hover{background-color:#efefef;}

	.table_type2{font-size:14px;}
	.table_type2 input{font-size:14px;letter-spacing:-1px;}


	.foot_wrap .footer a{height:70px;}
	.foot_wrap .footer .f_txt{font-size:14px;}

	.foot_wrap .footer a.nav1,
	.foot_wrap .footer a.nav2,
	.foot_wrap .footer a.nav3,
	.foot_wrap .footer a.nav4,
	.foot_wrap .footer a.nav5{background-size:55px 55px;}

	.foot_wrap .footer a.nav1:hover, .foot_wrap .footer a.on1,
	.foot_wrap .footer a.nav2:hover, .foot_wrap .footer a.on2,
	.foot_wrap .footer a.nav3:hover, .foot_wrap .footer a.on3,
	.foot_wrap .footer a.nav4:hover, .foot_wrap .footer a.on4,
	.foot_wrap .footer a.nav5:hover, .foot_wrap .footer a.on5{background-size:55px 55px;}

	#login{width:420px;margin:-300px 0 0 -220px;}
}