@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* Common */
body { line-height: 22px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; font-size: 13px; color: rgb(51, 51, 51); overflow-y:scroll; min-width:1170px; }
body.is-pc .ko { font-size:12px; }
body.is-mobile { font-size:14px; }

a { cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: none; }

fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
h1, h1 a { font-family: 'Noto Sans KR', sans-serif; }
h2, h2 a { font-family: 'Noto Sans KR', sans-serif; }
h3, h3 a { font-family: 'Noto Sans KR', sans-serif; }
h4, h4 a { font-family: 'Noto Sans KR', sans-serif; }
h5, h5 a { font-family: 'Noto Sans KR', sans-serif; }
blockquote { font-size: 12px; margin:0px 0px 20px; }

.clear{clear:both;}

/* Font */
.en { font-family: 'Roboto', sans-serif; }
.ko { font-family: 'Noto Sans KR', sans-serif; line-height: 22px; }
.ko small { font-family: 'Noto Sans KR', sans-serif; }
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }

/* Color */
.color { }
.bg-color { background: #333; }
.border-color { border-color:#333; }
.border-color.color { color:#333 }
.btn.btn-color { }

/* Thema Common */
.wrapper { position:relative; overflow:hidden; margin:0px auto;}
.boxed.wrapper { overflow:visible; }
.aside-menu-in .wrapper { }
.at-container { position:relative; background:#fff; }
.is-pc .at-container { min-height:500px; }
.at-content { position:relative; margin:44px auto 0; left:-80px; pa1dding:20px 0px; }
.at-content-side { }
.at-row { margin-left:-10px; margin-right:-10px; }
.at-col { padding-left:10px; padding-right:10px; }

/* Content Style #01 */
.content-1 { background: #fafafa; }

/* Content Style #02 */
.content-2 { background: #fafafa; }
.content-2 .at-content > .container { background: #fff; border:1px solid #ddd; padding:20px; }
.is-mobile .content-2 .at-content > .container { padding:20px 10px; }

/* Content Style #03 */
.content-3 { background: #fafafa; }
.content-3 .at-content-main { background:#fff; border:1px solid #ddd; padding:20px; }
.is-mobile .content-3 .at-content-main { padding:20px 10px; }

/* Content Style #04 */
.content-4 { background: rgba(255, 255, 255, 0.5); }
.content-4 .at-content > .container { background: #fff; border:1px solid #ddd; padding:20px; }
.is-mobile .content-4 .at-content > .container { padding:20px 10px; }

/* Content Style #05 */
.content-5 { background: rgba(0, 0, 0, 0.25); }
.content-5 .at-content > .container { background: #fff; border:1px solid #ddd; padding:20px; }
.is-mobile .content-5 .at-content > .container { padding:20px 10px; }

/* Tab */
.miso-tab.div-tab .nav li.active,
.miso-tab.div-tab .nav li.active a,
.miso-tab.div-tab-top .nav li.active,
.miso-tab.div-tab-top .nav li.active a { border-top-color: #333 !important; }
.miso-tab.div-tab-bottom .nav li.active,
.miso-tab.div-tab-bottom .nav li.active a { border-bottom-color: #333 !important; }

/* Remote Control */
.at-rc { position: fixed; z-index: 9998; background: none; list-style:none; padding:0px; margin:0px; }
.at-rc > li > a { position: relative; display: block; text-align:center; }
.at-rc .rc-box { position: relative; display: block; text-align:center; }
.at-rc .rc-icon { position: relative; display: inline-block; text-align:center; border-radius: 50%;	width:36px;	height:36px; line-height:36px; font-size:19px; }
.at-rc .rc-cnt { position: absolute; border-radius: 50%; width:18px; height:18px; line-height:18px; ; text-align:center; padding-right:1px; letter-spacing:-1px; }
@media (min-width: 992px) {
	.at-rc { top:25%; right: 25px; }
	.at-rc .rc-box { border-radius: 50%; width:42px; height:42px; line-height:48px; margin-bottom:7px; }
	.at-rc .rc-cnt { top:-4px; right:-4px; }
}
@media (max-width: 991px) {
	.at-rc { left: 0px; bottom:0px;	}
	.at-rc > li { display: table-cell; width: 1%; }
	.at-rc .rc-icon { margin-top:4px; }
	.at-rc .rc-cnt { top:0px; right:0px; }
	body { margin-bottom:36px; }
}

.btn.btn-color { 
	border: 1px solid #004ad8; 
	border-image: none; 
	color: rgb(255, 255, 255) !important; 
	background-color: #004ad8; 
	background-image: none;
	position:relative;
}
.btn.btn-color2 { 
	border: 1px solid #aaa; 
	border-image: none; 
	color: #000;
	background-color: #f7f7f7; 
	background-image: none;
	position:relative;
}




ul, li, dl, dt, dd { list-style:none; margin:0; padding:0; }
	#HeaderWrap {  }
		.header_top { background-color:#000; height:50px; text-align:right; font-weight:300; }
		.header_top a { display:inline-block; padding:14px 10px; color:#fff; }

		.header_logo_cate { height:90px; width:1170px; margin:0 auto; position:relative; left:-80px;}
		
		.hdlc_left{width:150px; height:90px; float:left; position:relative;}
		.hdlc_center{width:910px; height:90px; float:left; position:relative;}
		.hdlc_center .hdc_top{width:100%; height:24px;}
		.hdlc_right{width:100px; height:90px; float:left; position:relative;}
		
		
		
			.btn_cate { font-weight:bold; position:absolute; left:303px; top:35px; }
			.btn_cate a { display:block; color:#000; }
			.btn_cate a i { font-size:18px; }
			.btn_cate a span { font-family: 'Roboto', sans-serif; font-size:18px; margin-left:6px; position:relative; top:-2px; }

			.top_logo { position:absolute; left:0; top:32px; }


			.top_btn { position:absolute; right:0; top:36px; }
			.top_btn li { float:right; margin-left:20px; }
			.top_btn li a { display:block; color:#000; }
			.top_btn li a i { font-weight:bold; font-size:16px; }
			.top_btn li a span { background-color:#004ad8; width:22px; height:18px; line-height:18px; color:#fff; display:inline-block; border-radius:22px; text-align:center; position:relative; top:-2px; margin-left:3px; }



.navwp{float:left;}
.navwp h1{float:left; font-size:17px; font-weight:400; color:#004ad8; margin:0 10px 0 22px; padding:0 10px 0 0; position:relative; top:12px; background:url(/data/apms/main/nav_blit.jpg) no-repeat right 7px;}
.navwp .nav_atag{float:left;}
.navwp a { font-size:15px; display:inline-block; padding:10px 8px; color:#000; font-weight:400; position:relative;}
.navwp a:hover{color:#004ad8;}
.navwp a.on{color:#004ad8;}

.navwp2{float:left; margin:0 0 0 15px;}
.navwp2 h1{float:left; font-size:17px; font-weight:400; color:#004ad8; margin:0 10px 0 22px; padding:0 10px 0 0; position:relative; top:12px; background:url(/data/apms/main/nav_blit.jpg) no-repeat right 7px;}
.navwp2 .nav_atag{float:left;}
.navwp2 ul li{position:relative; float:left;}
.navwp2 ul li a.main_menu { font-size:15px; display:inline-block; padding:10px; color:#000; font-weight:400; position:relative;}
.navwp2 ul li a.main_menu:hover{color:#004ad8;}
.navwp2 ul li:hover .navwp2_sub_menu{display:block; z-index:103;}
.navwp2 ul li a.main_menu.on{color:#004ad8;}

.navwp2_sub_menu{position:absolute; display:none; z-index:100; left:0px; top:36px; border:1px solid #000; width:auto; background:#fff; padding:10px 0;}
.navwp2_sub_menu a{display:block; font-size:12px; padding:2px 15px; color:#666; font-weight:400;}
.navwp2_sub_menu a:hover{color:#004ad8;}
.navwp2_sub_menu.sb01{width:120px;}
.navwp2_sub_menu.sb02{width:110px;}
.navwp2_sub_menu.sb03{width:110px;}
.navwp2_sub_menu.sb04{width:130px;}


.nav_sub_menu{position:absolute; display:block; left:0; top:20px;}


.navi_sub2{ position:absolute; display:none; width:100%; left:0; top:124px; background:url(/data/apms/common/navi_sub_bg.png) bottom repeat-x #fff; border-top:1px solid #ddd; z-index:102;}
.navi_sub2 ul li{float:left; position:relative;}
.navi_sub2 ul li h1{font-size:16px; display:block; margin:0 0 14px 0; color:#000;}
.navi_sub2 ul li a{color:#58595b; display:block; }
.navi_sub2 ul li .navi_sub_menu{ padding:15px 0 0 0;}
.navi_sub2 ul li .navi_sub_menu a{ height:26px; display:block; font-size:13px; letter-spacing:normal; font-weight:400; color:#666;}
.navi_sub2 ul li .navi_sub_menu a:hover{ color:#004ad8;}
.navi_sub2 #navi_sub_menu0{margin:0 0 0 158px;}
.navi_sub2 #navi_sub_menu1{margin:0 0 0 58px;}
.navi_sub2 #navi_sub_menu2{margin:0 0 0 50px;}
.navi_sub2 #navi_sub_menu3{margin:0 0 0 46px;}
.navi_sub2 #navi_sub_menu4{margin:0 0 0 58px;}
.navi_sub2 #navi_sub_menu5{margin:0 0 0 33px;}
.navi_sub2 #navi_sub_menu6{margin:0 0 0 37px;}


.menu_icon{position:absolute; left:-30px; top:32px;}
.menu_off_div{position:absolute; right:0; top:-1px;}



.navi_sub{ position:absolute; width:100%; left:0; top:90px; background:url(/data/apms/common/navi_sub_bg.png) bottom repeat-x; border-top:1px solid #ddd; z-index:102;}
.navi_sub ul li{float:left; position:relative;}
.navi_sub ul li a{color:#58595b; display:block; }
.navi_sub ul li .navi_sub_menu{ padding:15px 0 0 0;}
.navi_sub ul li .navi_sub_menu a{ height:26px; display:block; font-size:13px; letter-spacing:normal; font-weight:400; color:#666;}
.navi_sub ul li .navi_sub_menu a:hover{ color:#004ad8;}
#navi_sub_menu1{margin:0 0 0 268px;}
#navi_sub_menu2{margin:0 0 0 50px;}
#navi_sub_menu3{margin:0 0 0 46px;}
#navi_sub_menu4{margin:0 0 0 58px;}
#navi_sub_menu5{margin:0 0 0 33px;}
#navi_sub_menu6{margin:0 0 0 37px;}


.wing_right{position:absolute; width:150px; top:124px; left:50%; margin:0 0 0 520px; z-index:1001; background-color:#fff; height:100%; border-left:1px solid #333; border-right:1px solid #333; }
.wing_right p { text-align:center; background:#333; color:#fff; padding:8px 0; margin:0; }
.wing_right p.wr_title{font-weight:700; font-size:14px;}
.wing_right p a { color:#fff; display:block; }
.wing_right p a i { margin-right:10px; }
.wing_right ul { margin:20px 0 0 0; }
.wing_right ul li { border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-weight:400; float:left; width:74px; margin:-1px 0 0 0; position:relative; }
.wing_right ul li a { display:block; color:#666; padding:8px 10px; text-align:center; }
.wing_right ul li a i { display:block; margin:0 0 5px 0; font-size:14px; position:relative; }
.wing_right ul li:hover { background-color:#f9f9f9; }


.order_calc{margin:10px 0;}
.order_calc table tr th{font-weight:400; padding:3px 8px;}
.order_calc table tr td{font-family:sans-serif; font-weight:400; color:#666; padding:3px 8px; text-align:right;}
.order_calc .total{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 8px; background:#f9f9f9}
.order_calc .total2{border-top:1px solid #ddd; font-weight:700; color:#ee0000;}

.order_calc_btn{margin:10px 0; text-align:center;}
.order_calc_btn .do_bt{display:inline-block; padding:4px 0; margin:0 1px; text-align:center; width:66px; color:#fff; font-size:12px; font-weight:400; background:#999; border:1px solid #777; box-shadow:none;}
.order_calc_btn .do_bt.dbbtn2{background:#004ad8; border:1px solid #0c46b5;}



.cs_title{text-align:center; font-weight:400;}
.cs_ifq_wap{margin:30px 0 0 0; padding:0 0 15px 0; background:#f1f1f1; border:1px solid #ddd;}
.cifw_left{padding:15px 60px 15px 40px; margin:15px 0 0 0; border-right:1px solid #ddd;  float:left;}
.cifl_icon{margin:12px 20px 0 0; float:left;}
.cifl_number{float:left;}
.cifl_number .cif_txt1{font-size:15px; font-weight:400; color:#666;}
.cifl_number .cif_txt2{font-size:28px; font-weight:700;  margin:0 0 5px 0;}
.cifl_number .cif_txt2 a{color:#004ad8;}
.cifl_number .cif_txt3{font-size:12px; color:#999; margin:0;}

.cifw_right{float:left;}
.cifr_itxt{float:left; padding:44px 0 0 45px;}
.cifitx1{font-size:15px; font-weight:400; color:#666;  margin:0 0 5px 0;}
.cifitx2{font-size:20px; font-weight:700; }
.cifr_form{float:left; padding:48px 0 0 20px;}
.cifr_input1{border:1px solid #ddd; padding:5px; line-height:32px; height:44px; width:300px;}
.cifr_btn1{border:none;}
.cs_tab{margin:30px 0 0 1px;}
.cs_tab a{display:block; border:1px solid #ddd; font-size:14px; padding:10px 0; text-align:center; float:left; width:20.1%; position:relative; margin:0 0 0 -1px;}
.cs_tab a.active{border:1px solid #000; z-index:100;}
.cs_page_title{margin:20px 0 0 0; }
.cs_page_title h2{font-size:24px;}

	#ContentsWrap {  }
		.main_visual { }

		.ui-tabs { padding:0; }
		.ui-tabs img { width:auto; min-width:100%; }
		.ui-tabs .ui-tabs-panel { padding:0; }
		.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius:0; }
		.ui-widget-content { border:0; }

		.ui-widget-header { margin:0 auto; background:none; border:0; }
		.ui-tabs .ui-tabs-nav { margin:0 auto; position:absolute; top:460px; padding:0; left:50%; margin-left:-585px; }
		.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding:0; margin-right:0; background-color:#000; margin-right:2px; }
		.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:0; height:40px; width:231px; text-align:center; line-height:40px; display:block; }
		.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#fff; }
		.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color:#000; background-image:none; border:0; hei1ght:40px; }

		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url("/data/apms/main/bg_Mvisual_tab.png") center top repeat; border:0; border-radius:0; }
		.ui-tabs .ui-tabs-nav li { margin-right:2px; font-size:15px; font-weight:500; width:231px; float:left; text-align:center; }
		.ui-widget-content { background:none; }
		#tabs { position: relative; }

		/*button {
		  font-size: 150%;
		  position: absolute;
		  top: 205px;
		  border:0;
		  background-color:transparent;
		  co1lor:#fff;
		  pa12dding:5px 10px;
		  cursor:pointer;
		}
		*/

		button.prev { left:280px; }

		button.next { right: 280px; }
		
		.main_contents01 { width:1170px; margin:0 auto; padding:65px 0 0 0; position:relative; left:-80px; }
			.main_sub_tit { text-align:center; margin-bottom:45px; }
			.main_sub_tit dt { font-size:30px; font-weight:500; color:#000; }
			.main_sub_tit dd { font-size:16px; color:#737373; margin-top:10px; float:none; font-weight:300; }

			.main_contents01_product { border-bottom:1px solid #e5e5e5; padding-bottom:40px; margin-bottom:40px; }
			.main_contents01_product li { width:205px; margin-right:36px; float:left; text-align:center; font-size:14px; }
			.main_contents01_product li a { display:block; color:#000; }
			.main_contents01_product li a img { width:205px; height:205px; overflow:hidden; }
			.main_contents01_product li a span { margin-top:20px; display:inline-block; }

			.main_contents01_bottom {  }
			.main_contents01_bottom h2 { text-align:center; font-size:20px; margin-bottom:45px; }
				.contents01_bottom_section { float:left; }
				.contents01_bottom_section dl { margin-bottom:20px; }
				.contents01_bottom_section dl dt { float:left; margin-right:15px; }
				.contents01_bottom_section dl dt img { width:82px; height:82px; overflow:hidden; }
				.contents01_bottom_section dl dd { float:left; font-size:15px; font-weight:300; height:82px; vertical-align:middle; }

		.main_contents02 { background-color:#f7f7f7; padding-top:50px; }
			.main_contents02_lay { width:1170px; margin:0 auto; position:relative; left:-80px; }

				.main_exhibition {  }
					.main_exhibition_tab { text-align:center; margin-bottom:45px; }
					.main_exhibition_tab a { display:inline-block; width:159px; height:39px; border:1px solid #dfdfdf; text-align:center; line-height:39px; margin:0 3px 0 4px; font-weight:300; font-size:14px; color:#737373; background-color:#fff; }
					.main_exhibition_tab a.on { background-color:#004ad8; border:1px solid #004ad8; color:#fff; }

					.main_exhibition_thumb {  }
					.main_exhibition_thumb p { float:left; margin-right:3px; }
					.main_exhibition_thumb ul {  }
					.main_exhibition_thumb ul li { width:175px; text-align:center; font-size:14px; font-weight:300; color:#707070; float:left; margin-left:23px; }
					.main_exhibition_thumb ul li a { display:block; padding-bottom:30px; }
					.main_exhibition_thumb ul li a img { width:175px; height:165px; border:1px solid #dfdfdf; overflow:hidden; margin-bottom:15px; }

						.exhibition_left { float:left; width:372px; height:423px; }
						.exhibition_left dl { margin:37px 0 0 27px; }
						.exhibition_left dl dt { font-size:31px; color:#fff; font-weight:300; text-shadow:1px 1px 5px #000; margin-bottom:20px; }
						.exhibition_left dl dd { font-size:18px; color:#fff; font-weight:300; text-shadow:1px 1px 5px #000; }
						.exhibition_left p { width:140px; height:34px; line-height:30px; font-size:16px; font-weight:500; text-align:center; border:1px solid #fff; margin:40px 0 0 27px; }
						.exhibition_left p a { display:block; color:#fff; }

						.big_exhibition01 { background:url("/data/apms/main/bg_exhibition01.jpg") center top repeat; }
						.big_exhibition02 { background:url("/data/apms/main/bg_exhibition02.jpg") center top repeat; }
						.big_exhibition03 { background:url("/data/apms/main/bg_exhibition03.jpg") center top repeat; }
						.big_exhibition04 { background:url("/data/apms/main/bg_exhibition04.jpg") center top repeat; }
						.big_exhibition05 { background:url("/data/apms/main/bg_exhibition05.jpg") center top repeat; }

		.main_contents03 { padding-top:70px; }
			.main_contents03_lay { width:1170px; margin:0 auto; position:relative; left:-80px; }
				.main_event_webzine {  }
				.main_event_webzine h3 { font-family: 'Roboto', sans-serif; font-size:20px; margin:0 0 22px 0; font-weight:700; }
					.main_event { float:left; width:565px; }
					.main_webzine { float:right; width:565px; }
						.main_webzine_info {  }
						.main_webzine_info dl {  }
						.main_webzine_info dl a { display:block; }
						.main_webzine_info dl a dt { float:left; }
						.main_webzine_info dl a dd { float:right; font-size:14px; font-weight:300; color:#666; width:385px; }
						.main_webzine_info dl a dd span { color:#000; font-size:16px; display:block; margin-bottom:20px; margin-top:5px; }

				.main_review { margin-top:90px; }
					.main_review_top {  }
						.review_top_left { float:left; width:565px; background-color:#f7f7f7; position:relative; }
							.review_arr01 { position:absolute; top:24px; left:249px; }
							.review_img { float:left; margin:0; }
							.review_info { float:left; width:305px; text-align:center; }
							.review_info li {  }
							.review_info li.review_tit { font-size:20px; margin-top:30px; }
							.review_info li.review_rating { margin:10px 0 20px 0; }
							.review_info li.review_txt { font-size:13px; color:#666; font-weight:300; }
							.review_info li.review_name { font-size:13px; font-weight:300; margin-top:15px; }
						.review_top_right { float:right; width:565px; background-color:#f7f7f7; position:relative; }
							.review_arr02 { position:absolute; top:24px; right:249px; }

					.main_review_bottom { margin-top:48px; }
					.main_review_bottom dl { float:left; }
					.main_review_bottom dl a {  }
					.main_review_bottom dl a dt { float:left; margin-right:20px; }
					.main_review_bottom dl a dd { float:left; color:#666; font-weight:300; font-size:13px; margin-top:3px; }
					.main_review_bottom dl a dd span { color:#000; font-size:15px; display:block; margin-top:20px; }



/* Sidebar */
.at-sidebar { top: 0px; width: 280px; height: 100%; right: 0px; display: none; position: fixed; z-index:99999; background: rgb(34, 34, 34); border-left-color: rgb(51, 51, 51); border-left-width: 1px; border-left-style: solid; color: rgb(136, 136, 136); margin-left:40px; }
.at-sidebar label { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
.at-sidebar .close-box { position:absolute; top:0; left:0; margin-left:-35px; margin-top:65px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); text-align:center; width:36px; height:36px; z-index:999999; line-height:36px; border:1px solid rgb(51, 51, 51); border-right:0px; -webkit-backface-visibility: hidden; cursor:pointer; }
.at-sidebar .close-box i { font-size: 16px; font-weight: 300 !important; }
.at-sidebar .sidebar-wrap { overflow:auto; height:100%; }
.at-sidebar .sidebar-title { margin: 0px; padding: 8px 20px; color: rgb(97, 97, 97); text-transform: uppercase; overflow: hidden; font-size: 11px; position: relative;  }
.at-sidebar .sidebar-title::after { background: rgb(51, 51, 51); left: 15px; top: 26px; width: 80px; height: 1px; position: absolute; content: "";  }
.at-sidebar .sidebar-box { padding: 20px; }
.at-sidebar .sidebar-box h5 { font-size: 12px; }
.at-sidebar .sidebar-nav { margin-bottom:20px; }
.at-sidebar .sidebar-nav > ul { list-style: none; margin: 0px; padding: 0px; }
.at-sidebar .sidebar-nav > ul > li { border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; }
.at-sidebar .sidebar-nav > ul > li > a { padding: 6px 20px; color: rgb(176, 176, 176); display: block; }
.at-sidebar .sidebar-nav > ul > li > a:hover { background: rgb(41, 41, 41); color: rgb(255, 255, 255); text-decoration: none; }
.at-sidebar .sidebar-nav > ul > li > a > i { margin-right: 5px; }
.at-sidebar .profile-box { padding: 20px 20px 0px; }
.at-sidebar .profile { height:95px; }
.at-sidebar .profile h3 { color: rgb(255, 255, 255); font-size:20px; line-height:30px; padding:8px 0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.at-sidebar .profile p { color: rgb(138, 138, 138); padding:0px; margin:0px; }
.at-sidebar .badge { font-weight:normal; }
.at-sidebar .profile-photo { width:80px; height:80px; margin:0px; margin-right:15px; border-radius: 50%; border:4px solid #000; -webkit-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.at-sidebar .profile-photo img { width:100%; height:100%; border-radius: 50%; }
.at-sidebar .profile-photo i { width:100%; height:100%; font-size:40px; line-height:72px; text-align:center; color:#666;}
.at-sidebar .btn-admin { border: 1px solid #6045f2; border-image: none; color: rgb(255, 255, 255) !important; background-color: #6045f2; background-image: none; }
.at-sidebar .btn-upload { border: 1px solid #6045f2; border-image: none; color: rgb(255, 255, 255) !important; background-color: #6045f2; background-image: none; }
.at-sidebar .btn-logout { border: 1px solid #6045f2; border-image: none; color: rgb(255, 255, 255) !important; background-color: #6045f2; background-image: none; }

/* Side List */
.at-slist { top: 0px; width: 280px; height: 100%; right: 0px; display: none; position: fixed; z-index:99999; background: #fff; border-left:1px solid #ddd; margin-left:40px; }
.at-slist .slist-close { position:absolute; top:0; left:0; margin-left:-35px; margin-top:65px; background: #fff; text-align:center; width:36px; height:36px; z-index:1; line-height:36px; border:1px solid #ddd; border-right:0px; -webkit-backface-visibility: hidden; cursor:pointer; }
.at-slist .slist-close i { font-size: 16px; font-weight: 300 !important; }
.at-slist .slist-wrap { overflow:auto; height:100%; padding:15px; }
.at-slist .slist-wrap .div-title-underline-thin { margin-bottom:8px; }
.at-slist .slist-wrap .media { border-bottom:1px solid #eee; margin:0px 0px 8px; padding:0px 0px 8px; line-height:20px; }
.at-slist .slist-wrap .slist-photo i { border-radius: 50%; padding: 8px; width: 40px; height: 40px; text-align: center; font-size: 25px; display: inline-block; }
.at-slist .slist-wrap .slist-photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
.at-slist .slist-wrap .slist-details i { margin-left:10px; }
.at-slist .slist-wrap .slist-details i:first-child { margin-left:0px; }

/* Search */
#search-mask { display:none; position:fixed; z-index:9999; background-color:#000; left:0; top:0; width:100%; height:100%; } 
#search-window { display:none; position:fixed; width:100%; left:0; top:20%; z-index:10000; text-align:center; color:#fff; line-height:26px; }
#search-window form { margin:20px auto; max-width:240px; }

.at-lnb { background: #444; }
.at-lnb ul.menu > li > a {  }
.at-lnb .at-lnb-icon { float: left; }
.at-lnb .at-lnb-icon > ul.menu { list-style: none; margin: 0px; padding: 0px; }
.at-lnb .at-lnb-icon > ul.menu > li { border-right:1px solid #222; float: left; display: inline-block; position: relative; padding: 6px 15px; display: block; color:#ccc; }
.at-lnb .at-lnb-icon > ul.menu > li.on{background:#fff;}
.at-lnb .at-lnb-icon > ul.menu > li:last-child { border: 0px currentColor; border-image: none; }
.at-lnb .at-lnb-icon > ul.menu > li > a { color:#ccc; }
.at-lnb .at-lnb-icon > ul.menu > li > a > img{margin:0 5px 0 0;}
.at-lnb .at-lnb-icon ul.menu > li ul.sub-menu {	background: rgb(255, 255, 255); list-style: none; margin: 0px; padding: 0px; border: 1px solid rgb(238, 238, 238); transition:0.2s ease-in-out; border-image: none; right: -1px; display: none; position: absolute; z-index: 1500; min-width: 160px; opacity: 0; box-shadow: 0px 6px 12px rgba(0,0,0,0.175); -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-opacity: 0; }
.at-lnb .at-lnb-icon ul.menu > li:hover ul.sub-menu { display: block; opacity: 1; }
.at-lnb .at-lnb-icon ul.menu > li ul.sub-menu > li { border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb .at-lnb-icon ul.menu > li ul.sub-menu > li:last-child {	border: 0px currentColor; border-image: none; }
.at-lnb .at-lnb-icon ul.menu > li ul.sub-menu > li > a { padding: 6px 15px; display: block; }
.at-lnb .at-lnb-icon ul.menu > li.dropdown:hover .sub-menu { display: block; }

.at-lnb-dark.at-lnb { background: rgb(2, 2, 2); border-bottom-color: rgb(34, 34, 34); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb-dark.at-lnb .at-lnb-icon > ul.menu > li { border-color: rgb(34, 34, 34); }
.at-lnb-dark.at-lnb .at-lnb-icon > ul.menu > li > a { color: rgb(255, 255, 255); }
.at-lnb-dark.at-lnb .at-lnb-menu > ul.menu > li { border-color: rgb(34, 34, 34); }
.at-lnb-dark.at-lnb .at-lnb-menu > ul.menu > li > a { color: rgb(255, 255, 255); font-weight: }

.at-lnb-gray.at-lnb { background: rgb(248, 248, 248); border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb-gray.at-lnb .at-lnb-icon > ul.menu > li { border-color: rgb(228, 228, 228); }
.at-lnb-gray.at-lnb .at-lnb-icon > ul.menu > li > a { color: rgb(51, 51, 51); }
.at-lnb-gray.at-lnb .at-lnb-menu > ul.menu > li { border-color: rgb(228, 228, 228); }
.at-lnb-gray.at-lnb .at-lnb-menu > ul.menu > li > a { color: rgb(51, 51, 51); }

.at-lnb .at-lnb-menu { float: right; }
.at-lnb .at-lnb-menu i { margin-right:6px; }
.at-lnb .at-lnb-menu > ul.menu { list-style: none; margin: 0px; padding: 0px; }
.at-lnb .at-lnb-menu > ul.menu > li { border-right:1px solid #222; float: left; display: inline-block; position: relative; }
.at-lnb .at-lnb-menu > ul.menu > li:last-child { border: 0px currentColor; border-image: none; }
.at-lnb .at-lnb-menu > ul.menu > li > a { padding: 6px 15px; color: #ccc; display: block; font-weight:500; }
.at-lnb .at-lnb-menu ul.menu > li ul.sub-menu {	background: rgb(255, 255, 255); list-style: none; margin: 0px; padding: 0px; border: 1px solid rgb(238, 238, 238); transition:0.2s ease-in-out; border-image: none; right: -1px; display: none; position: absolute; z-index: 1500; min-width: 160px; opacity: 0; box-shadow: 0px 6px 12px rgba(0,0,0,0.175); -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-opacity: 0; }
.at-lnb .at-lnb-menu ul.menu > li:hover ul.sub-menu { display: block; opacity: 1; }
.at-lnb .at-lnb-menu ul.menu > li ul.sub-menu > li { border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; }
.at-lnb .at-lnb-menu ul.menu > li ul.sub-menu > li:last-child {	border: 0px currentColor; border-image: none; }
.at-lnb .at-lnb-menu ul.menu > li ul.sub-menu > li > a { padding: 6px 15px; display: block; }
.at-lnb .at-lnb-menu ul.menu > li.dropdown:hover .sub-menu { display: block; }
.at-lnb .dropdown-more { padding: 15px; min-width: 400px; }
.at-lnb .dropdown-more a { letter-spacing:-1px;  }
.at-lnb .dropdown-login { padding: 15px; min-width: 260px; }
/*
@media all and (max-width:420px) {
	.responsive .at-lnb .lnb-txt { display: none; }
	.at-lnb .at-lnb-menu > ul.menu > li > a{padding:6px 7px;}
}
*/
/* Header */
.navbar-logo {padding:20px 0; }
.navbar-logo h2 { width:253px; margin:0; padding:0 0 15px 0px; float:left; }
.navbar-logo h2 a {}
.navbar-logo h2 a:hover { color:crimson }
.navbar-fixed { left: 0px; width: 100%; }
.navbar-fixed .navbar { width: 100%; }
.ad_search{position:absolute; right:0; top:90px; z-index:1001; padding:30px 20px 20px; background:#fff; border:1px solid #ddd; width:372px;}
.btn_asc_close{position:absolute; right:0px; top:-30px; font-size:18px; cursor:pointer; padding:3px 6px;}
.ads_01{position:relative; float:left;}
.ads_02{position:absolute; width:90px; left:3px; top:6px;}
.ads_01 .adinput1{padding:0 0 0 100px; line-height:40px; height:40px; width:280px; border:1px solid #004ad8; border-right:none;}
.ads_02 select.input-sm{border:none; height:28px; box-shadow:none;}
.ads_03{float:left; width:50px;}
.searchBtn{padding:9px 15px;}

.ads_04{float:right; margin:15px 30px 0 0;}
.ads_05{position:absolute; top:60px;}
/*
@media all and (max-width:480px) {
.navbar-logo{padding:0; border-bottom:1px solid #ddd;}
.navbar-logo h2{width:180px; margin:10px auto; float:none; padding:0;}
.ads_04{display:none;}
}
*/

.main_nav_wrap{position:absolute; top:92px; left:0px; z-index:101;}
.mb_navi{width:990px; position:absolute; top:112px; right:0; z-index:102; background:#090706; height:44px;}
.list_navigation{position:absolute; right:15px; top:10px; color:#fff;}
.div-title-underbar{color:#fff; font-family: 'Noto Sans KR', sans-serif; line-height:44px; padding-left:15px; font-size:16px;}
#nav{width:180px; float:left; position:relative;}
#nav .nav_01{background:#004ad8; cursor:pointer; height:44px; padding:0 20px;}
#nav .nav_01 h1{color:#fff; font-family: 'Noto Sans KR', sans-serif; padding:14px 0; text-shadow:1px 1px 1px rgba(0,0,0,0.2); font-weight:bold; font-size:14px; line-height:14px;}
#nav ul{border:1px solid #ddd; border-top:none; border-right:none; background:#fff; z-index:10; position:relative; list-style:none; margin:0; padding:0;}
#nav ul li{margin:0 10px 0 15px; width:145px; height:55px; padding:12px 0 0; border-bottom:1px dotted #090706; font-size:14px; line-height:14px; position:relative;}
#nav ul li:last-child{border-bottom:none;}
#nav ul li span.navi_icon{display:block; float:left; width:30%; position:relative; top:-5px}
#nav ul li:hover span.navi_icon{width:28.3%;}
#nav ul li:hover{border:1px solid #333; border-right:none; width:180px; height:56px; top:0px; margin:-1px 0 0 -1px; padding:12px 10px 0 15px; z-index:2px;}
#nav ul li:hover .navi_txt dt a{color:#111;}
#nav ul li:hover .sub_menu{display:block;}
#nav ul li .navi_txt{display:block; float:left; width:70%; height:18px; position:relative; top:4px;}
#nav ul li .navi_txt dt,dd{float:left;}
#nav ul li .navi_txt dt{margin:0 5px 0 0;}
#nav ul li .navi_txt dt a{color:#555;}
#nav ul li .navi_txt dd{margin:0 0 0 6px;}
#nav ul li .navi_txt dd a{font-size:12px; color:#999;}
#nav ul li .navi_txt dd a:hover{color:#004ad8;}


.allMenu{position:absolute; display:none; width:1076px; background:#fff; overflow:hidden; border:1px solid #ddd; padding:0px; z-index:1000; height:421px;}
.all_menuDl{float:left; width:148px; margin:10px 15px 0px; padding:0 0 10px 0; border-bottom:1px solid #ddd; position:relative; height:202px;}
.all_menuDl dt{font-size:14px; margin:0 0 5px 0; color:#004ad8;}
.all_menuDl dt a{color:#004ad8;}
.all_menuDl dd{display:block; font-size:12px; width:100%; margin:3px 0 0;}
.all_menuDl dd a{color:#666;}
#allMenuHide{display:none;}

.m_main_nav_wrap{display:none;}
.m_navi{display:none;}
.sub_menu{position:absolute; display:none; top:-1px; height:552px; background:url(/img/adcore/sub_menu_line.jpg) no-repeat #fff top; border:1px solid #333; border-left:none; left:179px; padding:13px 0 0 25px;  z-index:3; width:990px;}
.sub_menu.num10{background-position:0 -679px;}
.sub_menu.num20{top:-56px; background-position:0 -624px;}
.sub_menu.num30{top:-111px; background-position:0 -569px;}
.sub_menu.num40{top:-166px; background-position:0 -514px;}
.sub_menu.num50{top:-221px; background-position:0 -459px;}
.sub_menu.num60{top:-276px; background-position:0 -404px;}
.sub_menu.num70{top:-331px; background-position:0 -349px;}
.sub_menu.num80{top:-386px; background-position:0 -294px;}
.sub_menu.num90{top:-441px; background-position:0 -239px;}
.sub_menu.numa0{top:-496px; background-position:0 -184px;}
.sub_menu h1{font-size:17px; margin:5px 0 15px 8px;}
.sub_menu a{display:block; float:left; margin:0 30px 10px 7px; color:#333;}
.sub_menu .img{margin:0 0 10px 0; border:1px solid #fff;}
.sub_menu .txt{font-size:13px;}
.sub_menu a:hover{color:#004ad8;}
.sub_menu a:hover .img{border:1px solid #004ad8;}
.sub_menu .img img{width:200px; height:200px;}

.sub_menu.num1 h1{margin:5px 0 15px 0;}
.sub_menu.num1 a{margin:0 13px 20px 0; color:#333;}
.sub_menu.num1 .img img{width:124px;}


.main_banner_wrap{margin:44px 0 0 180px; width:990px;}
.mb_navi.sub{margin:0 0 0 195px; width:990px;}
.mb_navi h1{color:#fff; float:left; padding:14px 0 0 22px; font-size:14px; line-height:14px; margin:0 10px 0 0;}
.mb_navi h1 span{color:#fff;}
.mb_navi h2{float:right; color:#91949d; font-size:14px; line-height:14px; padding:14px 22px 0 0; margin:0;}
.mb_01{float:left; list-style:none; margin:0; padding:0; margin:0 0 0 15px;}
.mb_01 li{float:left;}
.mb_01 li a{display:block; padding:15px 15px; text-shadow:1px 1px 1px #202432; color:#fff; font-weight:bold; font-size:14px; line-height:14px;}
.mb_01 li a:hover{color:#004ad8;}
.mb_02{float:right; margin:0 8px 0 0;}
.mb_02 li{float:left;}
.mb_02 li a{margin:10px 2px;}
.mb_banner .mb_b01{float:left; width:990px; height:421px;}
.mb_banner .mb_b02{float:left; width:271px; border:1px solid #ddd; border-top:none;}
.mb_banner .mb_b02 .mb_myinfo{border-bottom:1px solid #ddd; height:160px; text-align:center; padding:15px 0 16px 0;}

.mbm_01{font-size:13px; margin:5px 0 0 0;}
.mbm_02{margin:10px 0 0;}
.mbm_03{margin:18px 0 0; list-style:none; padding:0;}
.mbm_03 li{float:left; ; letter-spacing:-1px; width:25%; background:url(/img/adcore/border_bg.jpg) repeat-y right;}
.mbm_03 li p.mbm_03_txt1{font-size:12px; margin:0;}
.mbm_03 li p.mbm_03_txt1 span{display:inline-block; margin:0 5px 0 0; font-size:18px; line-height:18px; font-family:Tahoma, Geneva, sans-serif; position:relative; bottom:-2px;}
.mbm_03 li p.mbm_03_txt2{margin:5px 0 0 0; color:#999; ;}
.mb_mylink{background:#f3f3f3; border-bottom:1px solid #ddd; height:95px; padding:10px 10px; text-align:center;}
.mb_mylink ul{margin:0; padding:0; list-style:none;}
.mb_mylink ul li{float:left; ; letter-spacing:-1px; width:33%; cursor:pointer;}
.mb_mylink ul li p.mlink_img{margin:0;}
.mb_mylink ul li p.mlink_img img{width:50px;}
.mb_mylink ul li p.mlink_txt{margin:6px 0 0 0; color:#666; font-size:12px;}
.mb_mylink ul li:hover p.mlink_txt{color:#004ad8;}
.mb_webhard{padding:2px 0 3px;}

.m_title1{font-size:22px; margin:30px 0 0 0;}
.m_title1 span{display:inline-block; font-size:13px; background:url(/img/adcore/mtitle_h1_blit.jpg) no-repeat; margin:0 0 0 8px; padding:0 0 0 8px;}
.m_title1 span a{color:#999;}

.main_prod_wrap01{width:1170px; margin:20px 0 0 0; position:relative;}
.m_prod_wrap{border:1px solid #ddd; width:882px; height:547px; padding:20px 0 4px; float:left;}
.mprd_menu{float:left; margin:0 34px 0 0;}
.m_prod_1dep{margin:0 20px;}
.m_prod_1dep li{font-size:16px; padding:5px 0 8px;}
.m_prod_2dep{margin:0 20px 0;}
.m_prod_2dep li{font-size:14px; padding:5px 0 8px;}
.m_prod_2dep li a{color:#999;}
.m_prod_2dep li a:hover{color:#00b0f2;}
.m_prod{float:left; margin:5px 0 0 25px;}
.m_prod .prd_img{float:left;}
.m_prod_four{float:left; padding:0; list-style:none; margin:0 0 0 20px; width:546px;}
.m_prod_four li{float:left; margin:0 14px 15px;}
.m_prod_four li .img img{width:148px;}
.m_prod .txt1{margin:10px 0 0 0; font-weight:bold;}
.m_prod .txt2{margin:5px 0 0 0; color:#666;}
.m_prod .txt3{margin:8px 0 0 0; color:#004ad8; font-weight:bold;}


.design_service_add2{ width:100%; margin:30px 0 0 0; border:1px solid #ddd; background:#f2f2f4; }
.design_plus_wrap2 {  overflow:hidden; }
.design_plus_wrap2 dl { width:100%; margin:0; text-align:center; padding:15px 10px 0; }
.design_plus_wrap2 dl dt { font-size:20px; float:left; font-weight:400; letter-spacing:-1px;}
.design_plus_wrap2 dl dd { float:left; margin:6px 0 0 5px; opacity:0.7; }
.design_plus_wrap2 dl dd input { border:1px solid #fff; background-color:#fff; width:50px; color:#004ad8; }

#selectCoverArea2{display:block; width:348px; height:50px; position:relative; top:-60px; margin:0 0 0 105px;}
#selectCoverArea2 .Covercan{position:absolute; right:9px; top:68px; display:block; cursor:pointer; width:70px; text-align:center; background:#F30; color:#fff; line-height:16px; padding:18px 0; z-index:10;}
.dpwbor{padding:0 0 10px 0; height:88px; overflow:hidden; position:relative;}
.dpw_bg2{background:#fff; text-align:center; font-size:14px; border:1px dashed #ddd; height:70px; padding:20px 0 0 0; color:#bbb; font-family:"Malgun Gothic"; width:364px; }
.dpw_wrap2{float:left; margin:8px 0 0 10px;}
.dpw_btn2{float:left; display:block; cursor:pointer; width:70px; margin:8px 0 0 8px; text-align:center; background:#363c4d; color:#fff; line-height:16px; padding:18px 0;}
#selectCoverImgUrl{float:left; width:50px; height:55px; overflow:hidden;}
.selectCodeTxt{margin:5px 0 0 0;}

.Dserv{margin:10px;}
.dsv_tab{margin:0 0 0 1px;}
.dsv_tab a{display:block; float:left; width:90px; border:1px solid #dddddd; background:#fff; text-align:center; padding:3px 0; position:relative; margin:0 0 0 -1px; font-weight:400; }
.dsv_tab a.active{z-index:2; color:#fff; background:#7e7c8e; border:1px solid #646276;}
.dsv_list {margin:10px -4px 0;}
.dsv_list li{float:left; border:1px solid #ddd; background:#fff; padding:4px 4px 5px; margin:0 4px; width:105px; text-align:center;}
.dsv_list li p.img{padding:0; margin:0;}
.dsv_list li p.txt{font-weight:400; padding:0; margin:0; font-size:11px;}

.dt_file_ins{border:1px solid #ddd; padding:10px; margin:30px 0 0 0;}
.dt_file_ins h1{font-size:20px; font-weight:400; margin:0; padding:5px 0 0 0; letter-spacing:-1px;}
.dt_file_ins .dfi_tab{margin:15px -3px 0;}
.dt_file_ins .dfi_tab span{display:block; float:left; border:1px solid #ddd; position:relative; margin:0 3px; padding:3px 0; text-align:center; width:220px;}
.dt_file_ins .dfi_tab span.active{border:1px solid #0850d9;}
.dfi_fip{border:none; width:100%; padding:2px; margin:10px 0 0 0; background:#f1f1f1;}
.dt_file_ins .dfi_if{margin:10px 0 0 0;}
.dt_file_ins .dfi_if li{margin:0 0 10px 0; line-height:18px; font-weight:400;}
.dt_file_ins .dfi_if li span{color:#ee0000;}


.file_info{border:1px solid #ccc; width:400px; padding:5px; font-size:12px; line-height:12px; margin:0 5px 0 0;}
.fibtn{border:1px solid #333; background:#555; color:#fff; padding:8px; font-size:12px; font-weight:400; cursor:pointer; line-height:12px; display:inline-block;}
.fibtn.fb2{background:#F30; border:1px solid #e42e00;}

#selectCoverArea{display:block; width:348px; height:50px; position:relative; top:-60px; margin:0 0 0 10px;}
	#selectCoverArea .Covercan{position:absolute; right:-94px; top:68px; display:block; cursor:pointer; width:70px; text-align:center; background:#F30; color:#fff; line-height:16px; padding:18px 0; z-index:10;}
	.dpw_bg{background-color:#f3f3f3; font-size:22px; border:1px dashed #ddd; height:70px; color:#bbb; font-family:"Malgun Gothic"; width:268px; }
	.dpw_wrap{float:left; margin:8px 0 0 8px;}
	.dpw_btn{float:left; display:block; cursor:pointer; width:70px; margin:8px 0 0 8px; text-align:center; background:#363c4d; color:#fff; line-height:16px; padding:18px 0;}
	#selectCoverImgUrl{float:left; margin:0 0 0 10px;}


.m_banner_wrap{border:1px solid #ddd; border-left:none; float:left; padding:25px 16px 22px; background:#f1f1f1;}
.four_banner{margin:20px 0 0 0; width:1180px;}
.four_banner .lt_wap{margin:0 11px 0 0; width:284px; float:left;}
.four_banner .latw_bod{border:1px solid #ddd; height:206px;}
.four_banner .latw_bod h1{font-size:16px; padding:0; margin:5px 0 15px 0;}
.tail_banner{background:url(/img/adcore/tail_banner_bg.jpg) repeat-x; margin:30px 0 0 0; height:130px; text-align:center;}

.kt_btn1{background:#004ad8; padding:6px 18px; font-size:12px; line-height:12px; font-weight:bold; color:#fff; cursor:pointer;  -webkit-appearance: none; -webkit-display:inline-block;}
.kt_btn1:hover{color:#fff;}
.kt_btn1.type2{background:#090706;}
.kt_btn1.right{position:absolute; right:0; border:none; background:#004ad8; color:#fff; font-size:12px; line-height:14px; padding:5px 8px;}
.kt_btn1.right:hover{background:#f52a00;}
.kt_btn1.right2{float:right; border:none; background:#004ad8; color:#fff; font-size:12px; line-height:14px; padding:5px 8px;}
.kt_btn1.right2:hover{background:#f52a00; color:#fff;}
.kt_btn1.search{background:#004ad8; border:1px solid #004ad8; color:#fff; padding:4px 8px 6px;}
.kt_btn1.search:hover{background:#f52a00;}
.kt_btn1.mileage{margin:30px 0 0 0;}
.kt_btn1.cart{padding:5px 8px 7px;}

.kt_btn2{display:block; background:#656d84; padding:5px 10px 6px; color:#fff; font-weight:bold; font-size:12px; line-height:12px; border-radius:3px;}
.kt_btn2:hover{color:#fff;}
.kt_btn2.type2{background:#f46a35;}

.notice_wrap{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0; margin:30px 0; width:1170px;}
.notice_wrap .not_le,.not_ri{float:left; width:50%; padding:0 0 0 1%; position:relative;}

.notice_wrap h1{font-size:13px; margin:5px 0 0 0; float:left; width:80px; color:#111; font-weight:bold;}
.notice_wrap ul{float:left; list-style:none; margin:0; padding:0;}
.notice_wrap ul li span{display:inline-block; margin:0 0 0 12px; padding:0 0 0 12px; background:url(img/not_blit.jpg) no-repeat 0 4px; color:#999;}
.notice_wrap ul li a{line-height:12px; font-size:12px; color:#666;}
.notice_wrap .up_down{position:absolute; right:30px; top:-2px;}

/* Header Common */
.header-sns,
.header-search { display:none; }
.header-box .form { display:inline-block; }
.header-box .form input { box-shadow: none !important; }

/* Header Style #01 */
.header-1 .header-sns { display:block; position:absolute; left:0px; top:22px; }

/* Header Style #02 */
.header-2 .header-box { display:table; margin:0px auto; }
.header-2 .header-item { display:table-cell; padding:0px 10px; }
.header-2 .header-sns { display:block; position:absolute; left:0px; top:22px; padding:0px; }
.header-2 .header-search { vertical-align:top; }
.header-2 .header-search form { border:3px solid #000; background:#000; }
.header-2 .header-search input { border:0px; width:200px !important; }
/*
@media all and (max-width:991px) {
	.responsive .header-2 .header-sns { display:none !important; }
}
@media all and (max-width:767px) {
	.responsive .header-2 .header-desc { display:none; }
	.responsive .header-2 .header-search form { display:none; }
	.responsive .header-2 .header-box { display:block; }
	.responsive	.header-2 .header-item { display:block; padding:0px; }
	.responsive	.header-2 .header-search { width:220px; margin:4px auto 0px; }
}
*/

/* Header Style #03 */
.header-3 .header-box { display:table; margin:0px auto; }
.header-3 .header-item { display:table-cell; padding:0px 10px; }
.header-3 .header-sns { display:none !important; }
.header-3 .header-search { vertical-align:top; }
.header-3 .header-search form { border:3px solid #000; background:#000; }
.header-3 .header-search input { border:0px; width:200px !important; }
/*
@media all and (max-width:767px) {
	.responsive .header-3 .header-desc { display:none; }
	.responsive .header-3 .header-search form { display:none; }
	.responsive .header-3 .header-box { display:block; }
	.responsive	.header-3 .header-item { display:block; padding:0px; }
	.responsive	.header-3 .header-search { width:240px; margin:4px auto 0px; }
}
*/
/* Header Style #04 */
.header-4 .header-wrap { background:none; }
.header-4 .header-sns { display:block; position:absolute; left:0px; top:22px; }
.header-4 .header-search { display:block; position:absolute; right:0px; top:14px; width:220px;}
.header-4 .header-search form { border-bottom:1px solid #000; }
.header-4 .header-search input { border:0px; }
.header-4 .header-search .btn { background: none !important; border:0px !important; color:#000 !important; }

/*
@media all and (max-width:767px) {
	.responsive .header-4 .header-desc { display:none; }
	.responsive .header-4 .header-search form { display:none; }
	.responsive .header-4 .header-box { display:block; margin-left:0px; }
	.responsive	.header-4 .header-search { position:static; margin:4px auto 0px; }
}
*/

/* Header Style #05 */
.header-5 .header-wrap { background:none; }
.header-5 .header-search { display:block; position:absolute; right:0px; top:14px; width:220px;}
.header-5 .header-search form { border-bottom:1px solid #000; }
.header-5 .header-search input { border:0px; }
.header-5 .header-search .btn { background: none !important; border:0px !important; color:#000 !important; }

/*
@media all and (max-width:767px) {
	.responsive .header-5 .header-desc { display:none; }
	.responsive .header-5 .header-search form { display:none; }
	.responsive .header-5 .header-box { display:block; margin-left:0px; }
	.responsive	.header-5 .header-search { position:static; margin:4px auto 0px; }
}
*/
/* Header Style #06 */
.header-6 .header-box { display:table; margin:0px; margin-left:20px; }
.header-6 .header-item { display:table-cell; padding:0px 10px; }
.header-6 .header-sns { display:none !important; }
.header-6 .header-search { vertical-align:top; }
.header-6 .header-search form { border:3px solid #000; background:#000; }
.header-6 .header-search input { border:0px; width:220px !important; }
/*
@media all and (max-width:767px) {
	.responsive .header-6 .header-desc { display:none; }
	.responsive .header-6 .header-search form { display:none; }
	.responsive .header-6 .header-box { display:block; margin-left:0px; }
	.responsive	.header-6 .header-item { display:block; padding:0px; }
	.responsive	.header-6 .header-search { width:220px; margin:4px auto 0px; }
}
*/
/* Header Style #07 */
.header-7 .header-box { display:table; margin:0px; margin-left:20px; position:relative; }
.header-7 .header-item { display:table-cell; padding:0px 10px; }
.header-7 .header-sns { position:absolute; right:-210px; top:2px; }
.header-7 .header-search { vertical-align:top; }
.header-7 .header-search form { border:3px solid #000; background:#000; }
.header-7 .header-search input { border:0px; width:220px !important; }
/*
@media all and (max-width:991px) {
	.responsive .header-7 .header-sns { display:none !important; }
}
@media all and (max-width:767px) {
	.responsive .header-7 .header-desc { display:none; }
	.responsive .header-7 .header-search form { display:none; }
	.responsive .header-7 .header-box { display:block; margin-left:0px; }
	.responsive	.header-7 .header-item { display:block; padding:0px; }
	.responsive	.header-7 .header-search { width:220px; margin:4px auto 0px; }
}
*/
.header-line.line { border-top:1px solid #eee;}
.header-line.shadow { 
	display:block; margin: 0px; padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; z-index: 1000; background: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 0px; border-bottom-style: solid;
	-webkit-box-shadow: inset 0px -5px 10px -5px rgba(50, 50, 50, 0.4); -moz-box-shadow: inset 0px -5px 10px -5px rgba(50, 50, 50, 0.4); box-shadow: inset 0px -5px 10px -5px rgba(50, 50, 50, 0.4); 
	margin-top:-6px; height:8px;
}

/* Menu */
.navbar { min-height:10px; }
.navbar .container { position:relative; }
.navbar-fixed { left: 0px; width: 100%; }
.navbar-fixed .navbar { width: 100%; }
.at-navbar {
	margin: 0px; padding: 0px; border-radius: 0px; z-index: 1000; background: #6045f2; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 0px; border-bottom-style: solid; 
	/*box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); */
}
.at-navbar .navbar-collapse { border-color: rgb(231, 231, 231); padding:0px; }
.at-navbar .navbar-toggle { margin-top:8px; padding:4px 8px; font-size:14px; }
.is-mobile .at-navbar .navbar-toggle { display:block !important; }
.at-navbar .navbar-nav  { padding:0px; margin-top:0px; float:left; position:absolute; left:0; top:0; width:100%; }
.at-navbar .navbar-nav .old { display: none; }
.at-navbar .navbar-nav .sub-old { display: none; }
.at-navbar .navbar-nav .new { color: #6045f2; margin-left:6px; }
.at-navbar .navbar-nav .sub-on > a { font-weight:bold; color:#6045f2; }
.at-navbar .navbar-nav .sub-off > a { font-weight:normal; }
.at-navbar .navbar-nav .sub2-on > a { font-weight:bold; color:#6045f2; }
.at-navbar .navbar-nav .sub2-off > a { font-weight:normal; }
.at-navbar .navbar-nav .sub-new { color: #6045f2; margin-left:6px; }
.at-navbar .navbar-nav .sub-caret { margin-top:2px; }
.at-navbar .navbar-nav .sub-nanum { display:block; }

.at-navbar .navbar-nav > li > a { color:#fff; height:52px; font-size:14px; border-right:1px solid #6045f2; line-height:48px; padding: 0px 20px; font-weight: bold; margin-right: 0px; letter-spacing:-1px; }
.at-navbar .navbar-nav > li > a:hover { color: #6045f2; background: rgb(255, 255, 255); }
.at-navbar .navbar-nav > li > a:focus { color: #6045f2; background: rgb(255, 255, 255); }

.at-navbar .navbar-nav > .active > a { border-radius: 0px; border-right:1px solid #6045f2; color: #6045f2; background: rgb(255, 255, 255);  letter-spacing:-1px; }
.at-navbar .navbar-nav > .active > a:hover { border-radius: 0px; color: #6045f2; background: rgb(255, 255, 255); }
.at-navbar .navbar-nav > .active > a:focus { border-radius: 0px; color: #6045f2; background: rgb(255, 255, 255); }

.at-navbar .navbar-nav > .open > a { color: #6045f2; border-right:1px solid #6045f2; background: rgb(255, 255, 255);  letter-spacing:-1px; }
.at-navbar .navbar-nav > .open > a:hover { color: #6045f2; background: rgb(255, 255, 255); }
.at-navbar .navbar-nav > .open > a:focus { color: #6045f2; background: rgb(255, 255, 255); }

.at-navbar .dropdown-menu { padding:0px; background: rgb(255, 255, 255); border: 0px; border-radius: 0px; font-size:12px !important; }
.at-navbar .dropdown-menu ul { border:0px; padding:0px; margin:0px; list-style:none; border-radius: 0px; min-width: 200px; }
.at-navbar .dropdown-menu ul > li { padding:0px; margin:0px; border-bottom:1px solid rgb(238, 238, 238); }
.at-navbar .dropdown-menu ul > li > a { display:block; font-size:13px; padding: 7px 16px; color: rgb(51, 51, 51); line-height:18px; }
.at-navbar .dropdown-menu ul > li:hover { background: #eeeef2;}
.at-navbar .dropdown-menu ul > li:hover > a { color: #6045f2; }

.at-navbar .dropdown-submenu { position: relative; }
.at-navbar .dropdown-submenu > .dropdown-menu { left: 100%; top: -10px; margin-top: 0px; margin-left: -10px; }

.at-navbar .navbar-nav li.line,
.at-navbar .navbar-nav li.line:hover { background:#f5f5f5; border-bottom:1px solid rgb(238, 238, 238); }
.at-navbar .navbar-nav li.line > a,
.at-navbar .navbar-nav li.line:hover > a { color: rgb(0, 0, 0); font-weight:bold; }

.at-navbar .navbar-nav li.line-sub,
.at-navbar .navbar-nav li.line-sub:hover { background:#f5f5f5; border-bottom:1px solid rgb(238, 238, 238); }
.at-navbar .navbar-nav li.line-sub > a,
.at-navbar .navbar-nav li.line-sub:hover > a { color: rgb(0, 0, 0); font-weight:bold; }

.at-navbar.navbar-contrasted .navbar-nav > li > a:hover { color: rgb(255, 255, 255); background: rgb(44, 44, 44); }
.at-navbar.navbar-contrasted .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background: rgb(44, 44, 44); }
.at-navbar.navbar-contrasted .navbar-nav > .open > a { color: rgb(255, 255, 255); background: rgb(44, 44, 44); }
.at-navbar.navbar-contrasted .navbar-nav > .open > a:hover { color: rgb(255, 255, 255); background: rgb(44, 44, 44); }
.at-navbar.navbar-contrasted .navbar-nav > .open > a:focus { color: rgb(255, 255, 255); background: rgb(44, 44, 44); }

.at-navbar.navbar-contrasted .dropdown-menu { background: rgb(44, 44, 44); border: 0px; border-radius: 0px; }
.at-navbar.navbar-contrasted .dropdown-menu ul > li { border-bottom:1px solid rgb(34, 34, 34); }
.at-navbar.navbar-contrasted .dropdown-menu ul > li > a { color: rgb(255, 255, 255); }
.at-navbar.navbar-contrasted .dropdown-menu ul > li:hover { background: rgb(55, 55, 55); }
.at-navbar.navbar-contrasted .dropdown-submenu > .dropdown-menu { background: rgb(38, 38, 38); }
.at-navbar.navbar-contrasted .dropdown-submenu > .dropdown-menu ul > li { border-bottom:1px solid rgb(28, 28, 28); }
.at-navbar.navbar-contrasted .dropdown-submenu > .dropdown-menu ul > li:hover { background: rgb(14, 14, 14); }

.at-navbar.navbar-contrasted .navbar-nav li.line,
.at-navbar.navbar-contrasted .navbar-nav li.line:hover { background: rgb(34, 34, 34); border-bottom:1px solid rgb(34, 34, 34); }
.at-navbar.navbar-contrasted .navbar-nav li.line > a,
.at-navbar.navbar-contrasted .navbar-nav li.line:hover > a { color: rgb(255, 255, 255); font-weight:bold; }

.at-navbar.navbar-contrasted .navbar-nav li.line-sub,
.at-navbar.navbar-contrasted .navbar-nav li.line-sub:hover { background: rgb(14, 14, 14); border-bottom:1px solid rgb(34, 34, 34); }
.at-navbar.navbar-contrasted .navbar-nav li.line-sub > a,
.at-navbar.navbar-contrasted .navbar-nav li.line-sub:hover > a { color: rgb(255, 255, 255); font-weight:bold; }

.at-navbar .navbar-icon a { line-height:40px; padding-top:8px; font-size:21px; }
.at-navbar .navbar-menu-right { padding-top:8px; height:52px; z-index:1001; }
.at-navbar .navbar-menu-right .btn { padding:4px 8px; }
.at-navbar .navbar-menu-bar { height:1px; border-top:6px solid #cf040c; margin:-6px -1px 0px; }

/* All Menu */
.at-menu-all { background: rgba(255,255,255,0.85); line-height:24px; -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.3); }
.menu-all-wrap { padding:20px; margin:0 -15px; overflow:hidden; list-style:none; }
.menu-all-wrap .old { display: none; }
.menu-all-wrap .new { color: #6045f2; }
.menu-all-wrap .sub-on a { font-weight:bold; color:#6045f2; }
.menu-all-wrap .sub-off a { font-weight:normal; }
.menu-all-wrap .sub-old { display:none; }
.menu-all-wrap .sub-new { color: #6045f2; }
.menu-all-wrap .sp-2, .menu-all-wrap .sp-3, .menu-all-wrap .sp-4 { display:none; width:100%; clear:both; height:0; line-height:0; overflow:hidden; }
.menu-all-wrap .menu-all-head { float:left; padding:0px; margin:0px; overflow:hidden; }
.menu-all-wrap .menu-all-head a { display:block; cursor:pointer; }
.menu-all-wrap .menu-all-head ul { display:block; }
.menu-all-wrap .menu-all-head-item { margin:0px 15px 10px; }
.menu-all-wrap .menu-all-main { display:block; font-size:15px; font-weight:bold; letter-spacing:-1px; margin:0px; padding:0px; padding-bottom:4px; padding-right:6px; border-bottom-width:2px; border-bottom-style:solid; }
.menu-all-wrap .menu-all-main.is-sub::after { font-family: "FontAwesome"; float: right; content: "+"; }
.menu-all-wrap .active .menu-all-main { color: #6045f2; }
.menu-all-wrap .menu-all-sub { padding:10px; margin:0px; }
.menu-all-wrap .sub-line { display:block; margin:14px 0px 10px; line-height:20px; padding:0; padding-bottom:4px; padding-right:6px; font-weight:bold; overflow: hidden; position: relative; border-bottom:1px solid #333; }
.is-mobile .menu-all-wrap .menu-all-main { font-size:17px; line-height:24px; }
.is-mobile .menu-all-wrap .menu-all-sub { font-size:16px; line-height:26px; }
.is-mobile .menu-all-wrap .sub-line { font-size:16px; line-height:24px; }
/*
@media all and (max-width:991px) {
	.responsive .navbar-header { float: none; }
    .responsive .navbar-toggle { display: block; }
    .responsive .navbar-collapse { margin-left:-15px; margin-right:-15px; }
	.responsive .navbar-collapse.collapse { display: none !important; }
    .responsive .navbar-collapse.collapse.in { display: block !important; }

	.responsive .menu-all-wrap { padding:20px 0px; }
	.responsive .menu-all-wrap .menu-all-head { width:25% !important; }
}

@media all and (max-width:767px) {
	.responsive .menu-all-wrap .menu-all-head { width:33.3% !important; }
}

@media all and (max-width:511px) {
	.responsive .menu-all-wrap .menu-all-head { width:50% !important; }
	.responsive .menu-all-wrap .menu-all-head ul { display:none; }
	.responsive .menu-all-wrap .menu-all-head.active ul { display:block; }
	.responsive .menu-all-wrap .menu-all-main { border-bottom-width:1px; border-bottom-color:#333; }
}

@media all and (max-width:420px) {
	.responsive .menu-all-wrap .menu-all-head { width:100% !important; clear:both !important;}
}
*/

.page-wrap{float:right; border:1px solid #ddd; border-top:none; width:990px; padding:30px 30px;}
/* Footer */
.at-footer{ ma1rgin:20px 0 0 0;  paddi1ng-top: 10px; backgr1ound:#eee; padding-bottom: 20px; min-height: 30px; line-height:22px; border-top:1px solid #ededed; }
.at-footer h4 { color: #333; text-transform: capitalize; font-size: 16px; margin-top: 20px; margin-bottom: 20px;  }
.at-footer hr { border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: solid; display:block; margin-top:0px; }
.at-footer a { color: #666; text-decoration: none; }
.at-footer .col { margin-bottom:20px; }
.at-footer .col p { color: rgb(143, 143, 143); }
.at-footer .col ul { list-style: none; margin: 0px; padding: 0px; }
.at-footer .col ul li { color: rgb(143, 143, 143); }
.at-footer .col ul li span { color: rgb(204, 204, 204); }
.at-footer .footer-icon { list-style: none; margin: 0px; padding: 0px; text-align:center; }
.at-footer .footer-icon li { float:left; margin-right:10px; }
.at-footer .footer-icon li span { display:block; white-space:nowrap; letter-spacing:-1px; margin-top:8px; }
.at-footer .footer-nav { border-bottom:1px solid #ededed; margin:0px 0px 35px; pad1ding:10px 0px; te1xt-align:center; }
.at-footer .footer-nav ul { margin:0px; font-weight:normal; list-style:none; fl1oat:left; padding:10px 0; }
.at-footer .footer-nav ul:after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
.at-footer .footer-nav li { display:inline; position:relative; padding:0px 10px; margin:0px; font-weight:300; }
.at-footer .copyright { position:relative; width:1170px; margin:0 auto; left:-80px; }
.at-footer .copyright ul { list-style:none; padding:0px; margin:0px; margin-right:40px; letter-spacing:-1px; }
.at-footer .copyright ul li { float:left; padding:0px; margin:0px; padding-right:10px; color:#888; font-weight:300; }
.at-footer .copyright ul li a { color:#888; text-decoration:none; border:1px solid #dedede; padding:0px 20px 0px 10px; background:url(/data/apms/common/foot_btn_arr.gif) 90% 55% no-repeat; }
.at-footer .copyright ul li a:hover {  }
.at-footer .copyright ul li span { letter-spacing:0; }
.miso-about-social-icons i { background: rgb(0, 0, 0); padding: 10px; border-radius: 2px; width: 40px; height: 40px; text-align: center; color: rgb(143, 143, 143); font-size: 18px; margin-right: 10px; margin-bottom: 10px; display: inline-block; }
.miso-about-social-icons i:hover { background: rgb(55, 55, 55); padding: 10px; border-radius: 2px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; margin-right: 10px; margin-bottom: 10px; display: inline-block; }

.footer-logo {display:block; float:left; margin-right:20px; color:#888; font-size:24px; line-height:30px; font-family: 'Roboto', sans-serif; font-weight:bold; letter-spacing:5px; color:#000; -webkit-font-smoothing: antialiased;}
.at-footer .copyright .btn-pc-mobile { position:absolute; top:0; right:0; }


.footer_community_wrap { background-color:#f8f8f8; padding-bottom:57px; }
.footer_community_wrap h2 { font-size:16px; margin:0; }
.footer_community_wrap h2 i { font-weight:bold; font-size:20px; position:relative; bottom:-3px; margin-right:5px; }
	.footer_community_lay { width:1170px; margin:0 auto; position:relative; left:-80px; }
		.footer_community_top { padding:50px 0; }
			.community_top_section { float:left; border-right:1px solid #e8e8e8; padding-left:30px; }
			.community_top_section h2 { margin-bottom:20px; }
			.community_top_section ul {  }
			.community_top_section ul li { font-weight:300; font-size:13px; }
			.community_top_section ul li a { color:#898989; }
			.community_top_section ul li span { color:#004ad8; font-weight:700; }

		.footer_community_bottom {  }
			.community_bottom_section { float:left; }
			.community_bottom_section h2 { float:left; margin-right:15px; line-height:24px; }
			.community_bottom_section p { float:left; font-weight:300; font-size:13px; margin-bottom:0; line-height:24px; }
			.community_bottom_section p span { font-weight:700; margin-right:13px; }
			.community_bottom_section p span a{color:#004ad8; }
			.community_bottom_section p a { display:inline-block; padding:0 20px; }


.footer-nav-lay { width:1170px;  margin:0 auto; position:relative; left:-80px; }

.foot_kcp { position:absolute; right:80px; top:40px; }
	.foot_kcp dt { float:left; }
	.foot_kcp dd { float:left; font-weight:300; color:#898989; margin-left:10px; }



/* Go-Top */
#toTop { background: rgb(85, 85, 85); border-radius: 3px; border: currentColor; border-image: none; width: 40px; height: 40px; right: 20px; bottom: 10px; text-indent: 100%; overflow: hidden; text-decoration: none; display: none; position: fixed; }
#toTopHover {	background: rgb(55, 55, 55); width: 40px; height: 40px; overflow: hidden; float: left; display: block; opacity: 0; -moz-opacity: 0; }
#toTop:active { }
#toTop:focus { }
#toTop::before { left: 50%; top: 50%; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; text-indent: 0px; font-family: "FontAwesome"; font-size: 20px; margin-top: -10px; margin-left: -10px; position: absolute; content: "\f106"; }

/* Page Title */
.page-title { position:relative; background-color: rgb(55, 55, 55); border-bottom:0px solid rgb(221, 221, 221); background-repeat: no-repeat; background-size:cover; -webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3); box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3); }
.page-title h2 { color: rgb(255, 255, 255); margin: 0px; padding: 24px 0px; font-size: 22px; float:left; }
.page-title h2 a { color: rgb(255, 255, 255); }
.page-title .breadcrumb { background: none; margin: 0px; padding:0px; padding-top: 26px; border-radius: 0px; float: right; }
.page-title .breadcrumb .active { color: rgb(255, 255, 255); ; }
.page-header { margin: 0px; border: 0px currentColor; border-image: none; }
.page-header p { font-size: 16px; }
.page-header a { color:#fff !important; }

/* Site Size Responsive */
.at-content { max-width:1170px; }
.no-responsive .wrapper { min-width:1170px; }
.no-responsive .boxed.wrapper { width:1170px; }
.no-responsive .container { width:1170px; }
.no-responsive .boxed .navbar-fixed .navbar { width: 1170px; }

/* Responsive */
/*
@media all and (min-width:1170px) {
	.responsive .boxed.wrapper { margin: auto; width: 1170px; }
	.responsive .boxed .navbar-fixed .navbar { max-width: 1170px; }
	.responsive .at-header-wrap .container { width:1170px; }
}

@media (max-width: 992px) {
	.responsive .pull-right.at-col,
	.responsive .pull-left.at-col { float:none !important; }
	.responsive .wing-left,
	.responsive .wing-right { position:static !important; width: 100% !important; margin:0px; top:0px; left:0px; right:0px; }
}

@media all and (max-width:767px) {
	.footer-logo{width:100%;}
	.responsive .at-header .header-wrap { background: none; }
	.responsive .at-header .header-sns { display:none !important; }
	.responsive .navbar-menu i { display:block; }
	.responsive .at-box { text-align: center; }
	.responsive .at-box .pull-right { float: none !important; }
	.responsive .at-content { padding:20px 0px; }

	.responsive .at-footer .footer-nav { text-align:left; padding:15px 10px; }
	.responsive .at-footer .footer-nav li { display:block; padding:0px; }
	.responsive .at-footer .copyright{padding:0 10px;}
	.responsive .at-footer .copyright ul { margin-right:0px; letter-spacing:0px; }
	.responsive .at-footer .copyright ul li { float:none; display:block; }
	.responsive .at-footer .copyright .btn-pc-mobile { position:static; display:block; width:100%; margin:15px 0px; }
}
*/
/* Bootstrap3 ----------------------------------------------------------------------------------- */

/* Button */
.btn { font-family: 'Noto Sans KR', sans-serif; border-radius: 2px; border: 1px solid transparent; font-weight: normal; vertical-align: middle; white-space: nowrap; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; width:45px; }

/* Tabs */
.tabs { margin-bottom: 0px; }
.tabs::before { display: table; content: " "; }
.tabs::after { display: table; content: " "; }
.tabs::after { clear: both; }
.tabs div.tab-content { border-width: 0px 1px 1px; border-style: solid; border-color: rgb(221, 221, 221); padding: 15px; border-radius: 0px; border-image: none; box-shadow: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0; -moz-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: 0; }
.tabs div.tab-content-inverse.tab-content { background: none; border: 1px solid rgb(238, 238, 238); border-image: none; }
.tabs ul.nav-tabs { margin: 0px; }
.tabs ul.nav-tabs li.active a { background: rgb(255, 255, 255); color: rgb(204, 204, 204); border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; }
.tabs ul.nav-tabs a { background: rgb(247, 247, 247); border-radius: 0px; border: 0px currentColor; border-image: none; color: rgb(51, 51, 51); margin-right: 0px; -moz-border-radius: 0; -webkit-border-radius: 0; }
.tabs ul.nav-tabs a:hover { color: #6045f2; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; }
.tabs ul.nav-tabs a:active { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; }
.tabs ul.nav-tabs a:focus { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; }
.tabs ul.nav-tabs a { border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(221, 221, 221) currentColor rgb(238, 238, 238) rgb(238, 238, 238); border-image: none; font-size: 1em; }
.tabs ul.nav-tabs a:hover { border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(221, 221, 221) currentColor rgb(238, 238, 238) rgb(238, 238, 238); border-image: none; font-size: 1em; }
.tabs ul.nav-tabs a:last-child {	border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; }
.tabs ul.nav-tabs a:last-child:hover { border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; }
.tabs-centered { margin: 0px auto; width: 100%; display: table; }
.tabs-centered ul li { width: 100px; float: none; display: inline-block; }

/* Nav-Pills */
.nav-pills { border: 1px solid rgb(238, 238, 238); border-image: none; margin-bottom: 15px; }
.nav-pills > li > a { border-radius: 0px; border-right-color: rgb(224, 237, 237); border-right-width: 1px; border-right-style: solid; }
.nav-pills > li:last-child > a { border-radius: 0px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; }
.nav-pills > li > a:hover { background: rgb(245, 245, 245); }
.nav-pills > li > a:focus { background: rgb(245, 245, 245); }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a { background: none; color: rgb(55, 55, 55); }
.nav-pills > li.active > a:hover { background: none; color: rgb(55, 55, 55); }
.nav-pills > li.active > a:focus { background: none; color: rgb(55, 55, 55); }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group { margin-bottom: 30px; }
.panel-group .panel { border-radius: 0px; }
.panel-group .panel + .panel { margin-top: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.panel-group .panel-heading { padding: 12px 15px; position: relative; }
.panel .panel-heading { border-radius: 0px; }
.panel .panel-body { font-size:14px; }
.ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: 'Noto Sans KR', sans-serif; }
.pagination li a { border-radius:0 !important; color:#333 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Table */
.table > thead > tr > th { vertical-align: middle; }
.table > tbody > tr > th { vertical-align: middle; }
.table > tfoot > tr > th { vertical-align: middle; }
.table > thead > tr > td { vertical-align: middle; }
.table > tbody > tr > td { vertical-align: middle; }
.table > tfoot > tr > td { vertical-align: middle; }
.table-no-border.table > thead > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tbody > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tfoot > tr > th { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > thead > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tbody > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table-no-border.table > tfoot > tr > td { padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.table > thead > tr > th { border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; }
.table > thead > tr { background: rgb(243, 243, 243); }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: 'Noto Sans KR', sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: 'Noto Sans KR', sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }



/* ?????? */
.my_cart_wrap { padding:10px 0 0 0; }
	.my_cart_title {  }
	.my_cart_title h1 { float:left; font-size:24px; font-weight:bold; padding:20px 0 0 0; }
	.my_cart_title ul { float:right; }
	.my_cart_title ul li { float:left; margin:0 10px; list-style:none; text-align:center; position:relative; }
	.my_cart_title ul li img { width:80px; height:80px; overflow:hidden;}
	.my_cart_title ul li.on { color:#004ad8; font-weight:bold; }
	.my_cart_title ul li.on img {}
	.my_cart_title ul li.arr_right { margin:20px 5px 0 5px; font-size:40px; color:#aaa; }
	.my_cart_title ul li p { position:relative;  margin:-15px 0 0 0; }

	.my_cart_info {  }
		.my_cart_table {  }
		.my_cart_table table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; }
		.my_cart_table table tr {  }
		.my_cart_table table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; font-size:12px; }
		.my_cart_table table tr th input { margin:0; }
		.my_cart_table table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; line-height:20px; padding:10px; font-size:12px; }
		.my_cart_table table tr td input { margin:0; }
		.my_cart_table table tr td.product_option { text-align:left; }
		.my_cart_table table tr td.product_option ul { padding:0; }
		.my_cart_table table tr td.product_option ul li { list-style:none; }
		.my_cart_table table tr td p { padding:0; margin:5px 0; color:#004ad8; }
		.my_cart_table table tr td p.btn_change {  }
		.my_cart_table table tr td p.btn_change a { display:block; text-align:center; width:100px; height:28px; line-height:28px; background-color:#f9f9f9; border:1px solid #ddd; color:#111; margin:0 auto 5px auto; }
		.my_cart_table table tr td p.btn_now {  }
		.my_cart_table table tr td p.btn_now a { display:block; text-align:center; width:100px; height:28px; line-height:28px; background-color:#333; color:#fff; margin:0 auto; }

		.my_cart_table dl { border:5px solid #004ad8; padding:30px; margin:30px 0 0 0; }
		.my_cart_table dl dt { float:right; font-size:30px; color:#004ad8; }
		.my_cart_table dl dd { float:left; font-size:18px; margin-top:5px; color:#333; }

		.cart_table_btn { padding:0; margin:-10px 0 0 0;}
		.cart_table_btn li { list-style:none; float:left; text-align:center; margin-right:10px; }
		.cart_table_btn li a { display:block; width:150px; height:32px; line-height:32px; border:1px solid #111; color:#111; }

	.btn_cart_bottom { padding:0; width:620px; margin:30px auto 50px; }
	.btn_cart_bottom li { list-style:none; float:left; text-align:center; font-size:15px; }
	.btn_cart_bottom li a { display:block; width:200px; height:45px; line-height:43px; }
	.btn_cart_bottom li a.btn_ing_shopping { border:1px solid #ccc; color:#111; }
	.btn_cart_bottom li a.btn_choice_product { background-color:#090706; color:#fff; margin:0 10px; }
	.btn_cart_bottom li a.btn_all_product { background-color:#004ad8; color:#fff; }




/* ?????? */
.my_order_table {  }
.my_order_table h2 { font-size:18px; font-weight:bold; margin-bottom:15px; }
.my_order_table table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; }
.my_order_table table tr {  }
.my_order_table table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; line-height:16px; background-color:#f9f9f9; padding:10px 0; }
.my_order_table table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;  padding:8px 10px; }
.my_order_table table tr td .product_title_option { padding:5px 15px; }
.my_order_table table tr td .product_title_option dl { margin:0; }
.my_order_table table tr td .product_title_option dl.line_product_title { border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }
.my_order_table table tr td .product_title_option dl dt { float:left; width:100px; text-align:left; height:30px; line-height:30px; }
.my_order_table table tr td .product_title_option dl dd { float:left; text-align:left; }
.my_order_table table tr td .product_title_option dl dd ul { padding:0; }
.my_order_table table tr td .product_title_option dl dd ul li { list-style:none; }
.my_order_table table tr td.txt_blue { color:#004ad8; }
.my_order_table table tr td input { height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px; }

.order_tdbtn button,.order_tdbtn a{display:inline-block; text-align:center; font-size:12px; height:30px;}

.my_order_table dl {  }
.my_order_table dl.all_price_box { padding:20px; border:2px solid #004ad8; }
.my_order_table dl.all_price_box dt { float:left; width:900px; text-align:right; margin-top:5px; }
.my_order_table dl.all_price_box dd { float:right; font-size:20px; font-weight:bold; color:#004ad8; }

.my_order_delivery {  }
.my_order_delivery dl {  }
.my_order_delivery dl.order_page_stit { margin-bottom:10px; }
.my_order_delivery dl.order_page_stit dt { float:left; width:180px; font-size:15px; }
.my_order_delivery dl.order_page_stit dd { float:left; margin-top:4px; }
.my_order_delivery h2 { font-size:18px; font-weight:bold; margin-bottom:20px; }
.my_order_delivery h3 { font-size:15px; font-weight:bold; }
.my_order_delivery table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; font-size:12px; }
.my_order_delivery table tr {  }
.my_order_delivery table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; width:180px; }
.my_order_delivery table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 10px; }
.my_order_delivery table tr td input { height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px; }
.my_order_delivery table tr td input.choice_delivery { vertical-align:middle; margin:0 0 0 5px; }
.my_order_delivery table tr td p { margin:0; }
.my_order_delivery table tr td a { padding:7px 15px 9px 15px; background-color:#222; color:#fff; margin-left:5px; }
.my_order_delivery table tr td textarea { border:1px solid #ccc; width:605px; height:60px; }

.order_delivery_left { float:left; width:180px; }
	.order_delivery_user { border:1px solid #004ad8; padding-top:20px; margin-bottom:20px; }
	.order_delivery_user p { font-size:13px; text-align:center; line-height:20px; height:50px; font-weight:bold; }
	.order_delivery_user p span { color:#004ad8; }
		.user_point_coupon { background-color:#f7f7f7; padding:15px 10px; }
		.user_point_coupon dl { margin-bottom:0; }
		.user_point_coupon dl dt { float:left; }
		.user_point_coupon dl dd { float:right; font-weight:bold; }
		.user_point_coupon dl dd span { color:#ff0000; }

	.order_delivery_nav {  }
	.order_delivery_nav ul { margin:0; padding:0; border:1px solid #ddd; }
	.order_delivery_nav ul li { list-style:none; padding-left:10px; height:35px; line-height:35px; }
	.order_delivery_nav ul li a { color:#333; display:block; }
	.order_delivery_nav ul li a i { color:#999; }
	.order_delivery_nav ul li.cate_big { font-size:14px; height:50px; line-height:50px; position:relative; background-color:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold; }
	.order_delivery_nav ul li.cate_big:before { content:"\f107"; font-family:"FontAwesome"; position:absolute; right:10px; color:#999; font-size:22px; }
	.order_delivery_nav ul li.on { background-color:#004ad8; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border:none; margin-top:-1px; margin-left:-1px; width:180px; }
	.order_delivery_nav ul li.on:before { content:"\f107"; font-family:"FontAwesome"; color:#fff; }

.order_delivery_right { float:right; width:990px; padding-left:20px; }
	.my_delivery_condition { border:1px solid #ddd; margin-bottom:20px; padding:14px; background-color:#f7f7f7; }
	.my_delivery_condition dl { float:left; margin-bottom:0; margin-top:5px; }
	.my_delivery_condition dl dt { font-size:22px; }
	.my_delivery_condition dl dd { margin-top:10px; line-height:20px; font-size:16px; line-height:22px; }
	.my_delivery_condition ul { float:right; }
	.my_delivery_condition ul li { float:left; list-style:none; text-align:center; }
	.my_delivery_condition ul li img { width:80px; height:80px; border-radius:80px; background-color:#eee; overflow:hidden; margin-bottom:5px; box-shadow:1px 1px 1px #ccc; }
	.my_delivery_condition ul li a { width:20px; height:20px; line-height:20px; border-radius:20px; display:inline-block; text-align:center; background-color:#f22159; color:#fff; font-family:"arial"; font-weight:bold; margin-left:5px; }
	.my_delivery_condition ul li.delivery_arr_right { margin:15px 30px 0 30px; font-size:50px; color:#aaa; }

	.delivery_title_search {  }
		.my_title_wrap { margin-bottom:30px; }
		.my_title_wrap dt { border-bottom:1px solid #111; font-size:24px; font-w1eight:normal; padding-bottom:5px; }
		.my_title_wrap dd { float:none; margin-top:10px; color:#666; }

		.delivery_search { border:1px solid #ddd; padding:10px; margin-bottom:20px; }
			.delivery_search_left { float:left; margin:2px 0 0 0; }
			.delivery_search_left dt { float:left; height:25px; line-height:25px; margin-right:50px; font-size:15px; }
			.delivery_search_left dd { float:left; text-align:center; margin-right:5px; }
			.delivery_search_left dd a { width:60px; height:25px; display:block; background-color:#eee; line-height:25px; color:#111; border:1px solid #ccc; }

			.delivery_search_right { float:right; }
			.delivery_search_right ul { float:left; margin:0; }
			.delivery_search_right ul li { float:left; list-style:none; }
			.delivery_search_right ul li input { height:30px; border:1px solid #ddd; margin-top:-5px; background-color:#f9f9f9; }
			.delivery_search_right ul li a { display:inline-block; width:30px; height:30px; text-align:center; background-color:#555; color:#ddd; font-size:15px; }
			.delivery_search_right ul li a i { line-height:30px; }
			.delivery_search_right p { float:right; text-align:center; line-height:30px; margin:0 0 0 10px; }
			.delivery_search_right p a { display:block; background-color:#004ad8; color:#fff; height:30px; width:60px; }

	.my_delivery_list { margin-bottom:50px; }
	.my_delivery_list p { font-size:20px; font-weight:bold; }
	.my_delivery_list table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; }
	.my_delivery_list table tr {  }
	.my_delivery_list table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; }
	.my_delivery_list table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; line-height:20px; padding:5px 0; }
	.my_delivery_list table tr td.product_title { text-align:left; padding-left:15px; }
	.my_delivery_list table tr td a { color:#428bca; }
	.my_delivery_list table tr td a:hover { color:#2a6496; }

	.important_point {  }
	.important_point dt { font-size:14px; font-weight:bold; margin-bottom:10px; }
	.important_point dd { width:100%; border:1px solid #ddd; background-color:#f9f9f9; heig1ht:80px; padding:10px; float:none; }
	.important_point dd i { font-size:10px; color:#ccc; }



/* ???????/??????? */
.my_payment_info {  }
.my_payment_info h2 { font-size:18px; font-weight:bold; margin-bottom:20px; }
	.my_payment_table { width:100%; margin-bottom:20px; border-bottom:1px solid #ddd; border-top:3px solid #004ad8; }
	.my_payment_table tr {  }
	.my_payment_table tr td { line-height:20px; padding:20px 20px 10px 20px; vertical-align:top; }
	.my_payment_table tr td.bg_grey { background-color:#f9f9f9; }
	.my_payment_table tr td ul { padding:0; }
	.my_payment_table tr td ul li { list-style:none; margin-top:5px; }
	.my_payment_table tr td ul li input { margin:0; }
	.my_payment_table tr td input {  }
	.my_payment_table tr td input.txt_num { height:30px; border:1px solid #ccc; padding:0 10px; }
	.my_payment_table tr td select { height:32px; border:1px solid #ccc; }
	.my_payment_table tr td p.title_step { font-size:15px; font-weight:bold; color:#004ad8; padd1ing:10px 0 0 15px; }
	.my_payment_table tr td dl { margin-bottom:0; }
	.my_payment_table tr td dl.float_dl { margin-bottom:10px; }
	.my_payment_table tr td dl.float_dl dt { float:left; width:80px; height:30px; line-height:28px; }
	.my_payment_table tr td dl.float_dl dd { float:left; }
	.my_payment_table tr td dl.total_payment_txt { margin-top:20px; }
	.my_payment_table tr td dl.total_payment_txt dt { margin-bottom:5px; }
	.my_payment_table tr td dl.total_payment_txt dd { float:none; }
	.my_payment_table tr td p.total_payment_price { text-align:right; font-size:20px; font-weight:bold; color:#004ad8; margin-top:20px; }
	.my_payment_table tr td a {  }
	.my_payment_table tr td a.btn_coupon { background-color:#222; color:#fff; height:30px; line-height:28px; text-align:center; width:80px; display:inline-block; margin:0 5px; }
	.my_payment_table tr td table.payment_price { border:1px solid #aaa; background-color:#fff; width:100%; }
	.my_payment_table tr td table.payment_price tr {  }
	.my_payment_table tr td table.payment_price tr th { padding:10px; font-size:12px; }
	.my_payment_table tr td table.payment_price tr td { text-align:right; padding:10px; font-weight:bold; font-size:12px; }
	.my_payment_table tr td table.payment_price tr td span { color:#ff0000; }
	.my_payment_table tr td p.btn_payment { border-top:1px solid #ddd; padding-top:35px; }
	.my_payment_table tr td p.btn_payment a { display:block; height:45px; line-height:43px; width:180px; text-align:center; background-color:#004ad8; color:#fff; font-size:15px; margin:0 auto; }
	.my_payment_table tr td .doc_wrap02 {  }
	.my_payment_table tr td .doc_wrap02 dl {  }
	.my_payment_table tr td .doc_wrap02 dl.doc_wrap02_form {  }
	.my_payment_table tr td .doc_wrap02 dl.doc_wrap02_form dt { width:70px; margin-right:0; }
	.my_payment_table tr td .doc_wrap02 dl.doc_wrap02_form dd { margin-right:20px; }
	.my_payment_table tr td .doc_wrap02 dl dt { float:left; margin-right:20px; height:25px; line-height:25px; }
	.my_payment_table tr td .doc_wrap02 dl dt input { margin:0; }
	.my_payment_table tr td .doc_wrap02 dl dd { float:left; }
	.my_payment_table tr td .doc_wrap02 dl dd input { border:1px solid #ccc; height:25px; padding:0 10px; width:60px; }
	.my_payment_table tr td .payment_card_wrap {  }
	.my_payment_table tr td .payment_card_wrap dl { float:left; }
	.my_payment_table tr td .payment_card_wrap dl dt { float:left; margin-right:20px; height:25px; line-height:25px; }
	.my_payment_table tr td .payment_card_wrap dl dd { float:left; color:#004ad8; height:25px; line-height:25px; }
	.my_payment_table tr td .payment_card_wrap p { float:left; margin-left:20px; }
	.my_payment_table tr td .payment_card_wrap p a { display:block; width:80px; height:25px; line-height:22px; background-color:#f5f5f5; border:1px solid #ccc; text-align:center; color:#111; border-radius:2px; }




/* ȸ������ */
.register_step { padding:50px 0 0 0; width:990px; margin:0 auto; }
.register_step li { list-style:none; float:left; color:#aaa; font-size:22px; text-align:center; border-bottom:5px solid #ccc; width:33.3333%; padding-bottom:10px; }
.register_step li.on { color:#111; border-bottom:5px solid #111; font-weight:bold; }

.choice_member_radio { padding:35px 0; border:1px solid #ccc; background-color:#f9f9f9; margin-bottom:30px; }
.choice_member_radio ul { width:600px; margin:0 auto; padding:0; }
.choice_member_radio ul li { float:left; list-style:none; text-align:center; font-size:20px; fon1t-weight:bold; width:300px; }
.choice_member_radio ul li input { margin:0 0 0 0; }

.register_step01 { width:990px; margin:80px auto 0 auto; }
	.register_step_title { text-align:center; margin-bottom:50px; }
	.register_step_title dt { font-size:34px; font-weight:normal; color:#111; margin-bottom:5px; }
	.register_step_title dd { font-size:20px; float:none; color:#111; }

	.register_step01_lay { width:490px; position:relative; }
	.register_step01_lay h3 { font-size:16px ;font-weight:bold; }
	.register_step01_lay dl {  }
	.register_step01_lay dl dt { border:1px solid #c9c9c9; padding:10px; height:150px; overflow-y:scroll; }
	.register_step01_lay dl dd { margin-top:15px; float:none; }
	.register_step01_lay dl dd input { margin:0; }

	.btn_register_select { width:520px; margin:0 auto; }
	.btn_register_select dl { float:left; width:250px; border:1px solid #ccc; }
	.btn_register_select dl dt { float:left; width:60px; height:60px; text-align:center; line-height:60px; border-right:1px solid #ccc; font-size:25px; background-color:#eceff4; color:#8493a8; }
	.btn_register_select dl dd { float:left; height:60px; text-align:center; width:187px; line-height:60px; font-size:15px; font-weight:bold; }
	.btn_register_select dl dd input { margin:0 5px 0 0; }

	.btn_register_ok { text-align:center; }
	.btn_register_ok button { width:150px; height:40px; font-size:15px; }
.register_step01 p.btn_member_join { text-align:center; margin-top:30px; }
.register_step01 p.btn_member_join button { width:150px; height:40px; font-size:16px; }


.register_step02 { width:990px; margin:50px auto 0 auto; }
.register_step02 h3 { font-size:16px ;font-weight:bold; }
.register_step02 table { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; width:100%; }
.register_step02 table tr {  }
.register_step02 table tr th { width:120px; border-bottom:1px solid #ddd; height:46px; padding-left:15px; }
.register_step02 table tr td { border-bottom:1px solid #ddd; padding:5px 0; }
.register_step02 table tr td input { width:auto!important; }
.register_step02 table tr td input.txt_box { border:1px solid #ccc; height:30px; width:220px; padding:0 10px; }
.register_step02 table tr td input.number_box { border:1px solid #ccc; height:30px; width:66px; padding:0 10px; }
.register_step02 table tr td input.check_persnal { margin:0 10px; }
.register_step02 table tr td a { display:inline-block; text-align:center; }
.register_step02 table tr td a.check_id { width:100px; height:30px; line-height:27px; color:#111; border:1px solid #ccc; background-color:#eee; margin:0 10px; }
.register_step02 table tr td a.find_address { width:70px; height:30px; line-height:27px; color:#111; border:1px solid #333; background-color:#555; margin:0 10px; color:#fff; }
.register_step02 table tr td p { margin-bottom:5px; }
.register_step02 p.btn_register_end { width:150px; margin:100px auto 0 auto; }
.register_step02 p.btn_register_end a { width:150px; height:40px; font-size:16px; }
.register_step02 p.btn_member_join { text-align:center; margin-top:30px; }
.register_step02 p.btn_member_join button { width:150px; height:40px; font-size:16px; }




/* �ֹ����� */





/* ��� */
.login_form_lay { width:450px; margin:0 auto; }
	.login_form_input ul { float:left; padding:0; }
	.login_form_input ul li { list-style:none; margin-bottom:10px; }
	.login_form_input ul li span { width:65px; font-weight:bold; display:inline-block; }
	.login_form_input ul li input { width:342px; border:1px solid #aaa; height:35px; padding:0 5px; }
	.login_form_input p { float:right; }
	.login_form_input p button { background-color:#004ad8; color:#fff; border-radius:2px; border:none; height:80px; width:100px; font-size:15px; font-weight:bold; }

	.find_member_info { background-color:#f1f1f1; text-align:center; height:50px; line-height:50px; }
	.find_member_info a { font-weight:bold; color:#111; }


	.login_member_join { border-top:2px solid #111; padding-top:20px; margin-top:20px; }
	.login_member_join dt { float:left; font-size:18px; font-weight:bold; height:40px; line-height:40px; }
	.login_member_join dd { float:right; text-align:center; font-size:15px; }
	.login_member_join dd a { display:block; width:180px; height:40px; line-height:40px; background:#004ad8; color:#fff; }




/* �ֹ��󼼳��� */
.order_delivery_left { float:left; width:180px; }

.order_delivery_right { float:right; width:990px; padding-left:20px; }
.order_delivery_right h1 { border-bottom:1px solid #111; font-size:24px; font-weight:bold; padding-bottom:5px; }
.order_delivery_right p.order_number { font-size:16px; }

	.order_detail_product { margin-bottom:20px; }
		.order_product_table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; font-size:12px; }
		.order_product_table tr {  }
		.order_product_table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; }
		.order_product_table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; line-height:20px; padding:5px 0; }
		.order_product_table tr td.product_title { text-align:left; padding-left:15px; }
		.order_product_table tr td p {  }
		.order_product_table tr td p.btn_draft_confirm {  }
		.order_product_table tr td p.btn_draft_confirm a { display:block; width:75px; height:25px; color:#fff; text-align:center; line-height:25px; background-color:#555; margin:0 auto; }
		.order_product_table tr td p.btn_draft_condition {  }
		.order_product_table tr td p.btn_draft_condition a { display:block; width:75px; height:25px; text-align:center; line-height:25px; border:1px solid #555; margin:0 auto; color:#ff0000; font-size:12px; }

		.order_file_table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; font-size:12px; }
		.order_file_table tr {  }
		.order_file_table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; width:180px; }
		.order_file_table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-left:25px; }
	
	.order_account_info {  }
		.order_sub_title { font-size:16px; font-weight:bold; }

		.order_account_top { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; font-size:12px; }
		.order_account_top tr {  }
		.order_account_top tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; width:180px; }
		.order_account_top tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-left:25px; width:305px; text-align:center; padding:5px 0; }
		.order_account_top tr td span { color:#ff0000; font-size:16px; font-weight:bold; font-family:"arial"; margin-bottom:-3px; vertical-align:middle; mar1gin-right:5px; }

		.order_account_bottom { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; font-size:12px; }
		.order_account_bottom tr {  }
		.order_account_bottom tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; }
		.order_account_bottom tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; line-height:20px; padding:5px 0; }
		.order_account_bottom tr td span { font-size:20px; font-weight:bold; font-family:"arial"; margin-bottom:-3px; vertical-align:middle; margin-right:5px; }
		.order_account_bottom tr td span.blue { color:#004ad8; }
		.order_account_bottom tr td span.red { color:#ff0000; }
		.order_account_bottom tr td div.coupon_point { padding:10px 20px; }
		.order_account_bottom tr td div.coupon_point dl { margin-bottom:0; }
		.order_account_bottom tr td div.coupon_point dl dt { float:left; text-align:right; height:25px; line-height:25px; }
		.order_account_bottom tr td div.coupon_point dl dd { float:right; height:25px; line-height:25px; }

	.order_equipment_info {  }
	.order_equipment_info table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; font-size:12px; }
	.order_equipment_info table tr {  }
	.order_equipment_info table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; width:180px; }
	.order_equipment_info table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-left:25px; width:305px; }

	.shipping_address_info {  }
	.shipping_address_info table { border-top:2px solid #555; border-left:1px solid #ddd; width:100%; margin-bottom:20px; font-size:12px; }
	.shipping_address_info table tr {  }
	.shipping_address_info table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; height:40px; background-color:#f9f9f9; width:180px; }
	.shipping_address_info table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-left:25px; width:305px; }

	.btn_order_detail {  }
	.btn_order_detail dl { width:310px; margin:0 auto; }
	.btn_order_detail dl dt { float:left; text-align:center; line-height:50px; font-size:16px; }
	.btn_order_detail dl dt a { width:150px; display:block; height:50px; background-color:#090706; color:#fff; }
	.btn_order_detail dl dd { float:right; text-align:center; line-height:50px; font-size:16px; }
	.btn_order_detail dl dd a { width:150px; display:block; height:50px; background-color:#004ad8; color:#fff; }


/* �ֹ����ۼ� */
	.file_upload_wrap {  }
		.file_upload_wrap h2 {  }
		.file_webhard_wrap {  }
		.file_webhard_wrap dl { width:565px; }
		.file_webhard_wrap dl dt { background-color:#004ad8; color:#fff; font-size:14px; text-align:center; font-weight:normal; height:40px; line-height:40px; margin-bottom:10px; }
		.file_webhard_wrap dl dd { border:1px solid #ddd; width:100%; height:120px; padding:10px 70px; }
		.file_webhard_wrap dl dd a { display:block; width:150px; height:28px; line-height:28px; background-color:#555; color:#fff; margin:10px auto 0 auto; }

		.request_area {  }
		.request_area dt { font-size:14px; margin-bottom:10px; }
		.request_area dd { width:100%; }
		.request_area dd textarea { border:1px solid #ddd; width:100%; height:150px; padding:10px; }



.td_change_design { color:#004ad8; }
.td_change_design p { margin:5px 0; }
.td_change_design p a { display:inline-block; width:80px; background-color:#f9f9f9; color:#111; text-align:center; height:25px; line-height:25px; border:1px solid #ccc; margin-right:5px; }
.td_change_design p span { color:#ff0000; ; }
	.line_product_dt { height:30px; line-height:30px; }



/* �������� */
.view_btn_thumb { margin:0 0 20px 0; }
.view_btn_thumb ul { padding:0; width:460px; margin:0 auto; }
.view_btn_thumb ul li { float:left; list-style:none; text-align:center; margin:0 3px 0 3px; font-size:13px; }
.view_btn_thumb ul li input { width:147px; height:34px; border:1px solid #ccc; background-color:#fff; }
.view_btn_thumb ul li input.on_blue { background-color:#004ad8; border:1px solid #004ad8; color:#fff; }

.design_service_add { width:452px; margin:0 auto; }
	.design_service_txt { margin:30px 0 15px; font-family: 'Noto Sans KR', sans-serif; }
	.design_service_txt dt { float:left; font-size:20px; color:#111; line-height:22px; }
	.design_service_txt dt span { font-size:14px; color:#999; font-weight:normal; padding-left:9px; }
	.design_service_txt dd { float:right; margin-top:18px; }
	.design_service_txt dd input { width:85px; background-color:#090706; border:1px solid #090706; color:#fff; height:25px; }

	.design_plus_wrap { border:1px solid #004ad8; height:88px; overflow:hidden; margin-bottom:20px; }
	.design_plus_wrap dl { background-color:#004ad8; float:left; margin:0; text-align:center; padding:10px 20px; }
	.design_plus_wrap dl dt { font-size:15px; color:#fff; }
	.design_plus_wrap dl dd { margin-top:5px; }
	.design_plus_wrap dl dd input { border:1px solid #fff; background-color:#fff; width:50px; color:#004ad8; }
	.design_plus_wrap p { float:right; width:354px; margin:8px auto 0 auto;  }
	.design_plus_wrap p input { background-color:#f3f3f3; font-size:22px; border:1px dashed #ddd; height:70px; color:#bbb; font-family:"Malgun Gothic"; width:348px; }
	


.btn_buy_wrap {  }
.btn_buy_wrap ul { padding:0; }
.btn_buy_wrap ul li { float:left; list-style:none; text-align:center; margin:0 6px 0 0; font-size:15px; }
.btn_buy_wrap ul li input { width:147px; height:45px; border:1px solid #090706; background-color:#090706; color:#fff; }
.btn_buy_wrap ul li input.on_blue { background-color:#4b3f96; border:1px solid #4b3f96; }
.btn_buy_wrap ul li input.on_grey { background-color:#fff; border:1px solid #ccc; color:#111; }

.btn_custom_est { border:1px solid #ccc; padding:10px; background-color:#f7f7f7; margin-top:10px; }
.btn_custom_est dt { float:left; font-weight:normal; margin-top:5px; color:#999; }
.btn_custom_est dd { float:right; }
.btn_custom_est dd input { width:147px; height:45px; border:#090706; background-color:#090706; color:#fff; font-size:15px; }



.chart_table {  }
.chart_table table { border-top:2px solid #111; border-bottom:1px solid #ddd; }
.chart_table table tr {  }
.chart_table table tr th { text-align:center; height:40px; background-color:#f9f9f9; }
.chart_table table tr td {  }




/* main_visual style ****************************************************************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic);

.pull-right { float: right; }
.pull-left { float: left; }

.tabSlider .ts-container {
  width: 1170px;
  margin: 0 auto;
  position: relative;
  left:-80px;
}
@media (max-width: 950px) {

.tabSlider .ts-container { width: 1170px; }
}
@media (max-width: 750px) {

.tabSlider .ts-container { width: 1170px; }
}

.tabSlider .ts-container:after {
  content: "";
  display: table;
  clear: both;
}

.tabSlider .ts-container, .tabSlider .ts-container:before, .tabSlider .ts-container:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items {
  height: 400px;
  position: relative;
}

.tabSlider .ts-items, .tabSlider .ts-items:before, .tabSlider .ts-items:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items .ts-item {
  display: none;
  height: 400px;
  padd1ing: 25px 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 300px;
  -moz-transition: background 1s linear;
  -o-transition: background 1s linear;
  -webkit-transition: background 1s linear;
  transition: background 1s linear;
}

.tabSlider .ts-items .ts-item, .tabSlider .ts-items .ts-item:before, .tabSlider .ts-items .ts-item:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items .ts-item .ts-banner, .tabSlider .ts-items .ts-item .ts-banner img { display: none; }

.tabSlider .ts-items .ts-item .ts-thumbnail { width: 100%; }

.tabSlider .ts-items .ts-item .ts-thumbnail, .tabSlider .ts-items .ts-item .ts-thumbnail:before, .tabSlider .ts-items .ts-item .ts-thumbnail:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items .ts-item .ts-content { width: auto; w1idth: 50%; position:absolute; right:0; top:75px; }

.tabSlider .ts-items .ts-item .ts-content, .tabSlider .ts-items .ts-item .ts-content:before, .tabSlider .ts-items .ts-item .ts-content:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 750px) {

.tabSlider .ts-items .ts-item .ts-content { width: 100%; }
}

.tabSlider .ts-items .ts-item .set-layout.thumb-cont .ts-thumbnail { float: left; }

.tabSlider .ts-items .ts-item .set-layout.thumb-cont .ts-content { float: right; }

.tabSlider .ts-items .ts-item .set-layout.cont-thumb .ts-content { float: left; }

.tabSlider .ts-items .ts-item .set-layout.cont-thumb .ts-thumbnail { float: right; }

.tabSlider .ts-items .ts-item .ts-thumbnail {
  height: 515px;
  position: relative;
}

.tabSlider .ts-items .ts-item .ts-thumbnail, .tabSlider .ts-items .ts-item .ts-thumbnail:before, .tabSlider .ts-items .ts-item .ts-thumbnail:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items .ts-item .ts-thumbnail img {
  height: auto;
  margin: auto;
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (max-width: 768px) {

.tabSlider .ts-items .ts-item .ts-thumbnail { display: none; }
}

.tabSlider .ts-items .ts-item .ts-title {
  font-size: 50px;
  font-weight: 500;
  /* semi-bold */
  text-align: left;
  color: #fff;
  backg1round: #3498db;
  pad1ding: 40px;
  position:relative;
  left:-80px;
  display: block;
  line-height: 60px;
  ma1rgin: 60px 0 55px 0;
  text-transform: uppercase;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -moz-backface-visibility: visible;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.ts-title span { font-size:24px; color:#ffeb3f; display:block; }

.tabSlider .ts-items .ts-item .ts-title, .tabSlider .ts-items .ts-item .ts-title:before, .tabSlider .ts-items .ts-item .ts-title:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 950px) {

.tabSlider .ts-items .ts-item .ts-title {
  font-size: 30px;
  padding: 30px;
}
}
@media (max-width: 750px) {

.tabSlider .ts-items .ts-item .ts-title {
  margin: 0 0 20px 0;
  font-size: 18px;
  padding: 20px;
  line-height: 200%;
}
}

.tabSlider .ts-items .ts-item .ts-btn {
  back1ground: #e74c3c;
  bor1der: 2px solid #e74c3c;
  color: #dad7d4;
  margin: 0;
  padding: 0;
  font-f1amily: 'Open Sans', sans-serif;
  font-weight: 300;
  /* semi-bold */
  text-transform: uppercase;
  font-size: 16px;
  line-height: 28px;
  text-decoration: none;
  display: block;
  position: relative;
  width:500px;
  left:-80px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.tabSlider .ts-items .ts-item .ts-btn, .tabSlider .ts-items .ts-item .ts-btn:before, .tabSlider .ts-items .ts-item .ts-btn:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items .ts-item .ts-btn span, .tabSlider .ts-items .ts-item .ts-btn small { display: block; }

.tabSlider .ts-items .ts-item .ts-btn span, .tabSlider .ts-items .ts-item .ts-btn span:before, .tabSlider .ts-items .ts-item .ts-btn span:after, .tabSlider .ts-items .ts-item .ts-btn small, .tabSlider .ts-items .ts-item .ts-btn small:before, .tabSlider .ts-items .ts-item .ts-btn small:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-items .ts-item .ts-btn span { widt1h: 280px; width: 320px; margin-bottom:10px; }

.tabSlider .ts-items .ts-item .ts-btn small {
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  padding-top: 7px;
}
@media (max-width: 750px) {

.tabSlider .ts-items .ts-item .ts-btn {
  font-size: 16px;
  line-height: 200%;
  padding-right: 70px;
}

.tabSlider .ts-items .ts-item .ts-btn span { width: 200px; }
}

.tabSlider .ts-items .ts-item .ts-btn.set-icon i {
  position: absolute;
  height: 30px;
  top: 50%;
  margin-top: -15px;
}

.tabSlider .ts-items .ts-item .ts-btn.set-icon.to-right i { right: 26px; }

.tabSlider .ts-items .ts-item .ts-btn.set-icon.to-left {
  padding-right: 0;
  padding-left: 109px;
}

.tabSlider .ts-items .ts-item .ts-btn.set-icon.to-left i { left: 26px; }

.tabSlider .ts-items .ts-item.is-active { background-position: center center; }

.tabSlider .ts-items .ts-item.is-active .ts-thumbnail img {
  -webkit-animation-name: vanishIn;
  -moz-animation-name: vanishIn;
  -ms-animation-name: vanishIn;
  -o-animation-name: vanishIn;
  animation-name: vanishIn;
}

.tabSlider .ts-items .ts-item.is-active .ts-title {
  -webkit-animation-name: presRIn;
  -moz-animation-name: presRIn;
  -ms-animation-name: presRIn;
  -o-animation-name: presRIn;
  animation-name: presRIn;
}

.tabSlider .ts-items .ts-item.is-active .ts-btn {
  -webkit-animation-name: button;
  -moz-animation-name: button;
  -ms-animation-name: button;
  -o-animation-name: button;
  animation-name: button;
}

.tabSlider .ts-control {
  
  display: block;
  margin-top:-40px;
}

.tabSlider .ts-control:after {
  content: "";
  display: table;
  clear: both;
}

.tabSlider .ts-control ul {
  margin: 0;
  padding: 0;
}

.tabSlider .ts-control ul li {
  color: #fff;
  float: left;
  cursor: pointer;
  paddi1ng: 20px 35px;
  height:40px;
  line-height:40px;
  width:233px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-align:center;
  background:url("/data/apms/main/bg_Mvisual_tab.png") center top repeat;
  /* light */
  border-1right: 1px solid #333;
  margin-right:1px;
}

.tabSlider .ts-control ul li, .tabSlider .ts-control ul li:before, .tabSlider .ts-control ul li:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabSlider .ts-control ul li.is-active { background: #000; }
@media (max-width: 750px) {

.tabSlider .ts-control ul li {
  padding-right: 20px;
  padding-left: 20px;
}

.tabSlider .ts-control ul li span { display: none; }

.tabSlider .ts-control ul li i { margin-right: 0; }
}

.ts-icon {
  background-image: url(ts-icons.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  position: relative;
  margin-right: 9px;
}

.ts-icon.auto {
  background-position: -1px -3px;
  width: 23px;
  height: 11px;
}

.ts-icon.medical {
  background-position: -27px -2px;
  width: 15px;
  height: 13px;
}

.ts-icon.food {
  background-position: -46px -2px;
  width: 14px;
  height: 15px;
}
 @-webkit-keyframes 
button {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 left: -180px;
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 left: -90px;
}
}
@-moz-keyframes 
button {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 left: -180px;
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 left: -90px;
}
}
@-ms-keyframes 
button {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 left: -180px;
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 left: -90px;
}
}
@keyframes 
button {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 left: -170px;
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 left: -80px;
}
}
@-webkit-keyframes 
vanishIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(2);
 -ms-transform: scale(2);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(10px);
 filter: blur(10px);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0px);
 filter: blur(0px);
}
}
@-moz-keyframes 
vanishIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(2);
 -ms-transform: scale(2);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(10px);
 filter: blur(10px);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0px);
 filter: blur(0px);
}
}
@-ms-keyframes 
vanishIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(2);
 -ms-transform: scale(2);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(10px);
 filter: blur(10px);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0px);
 filter: blur(0px);
}
}
@keyframes 
vanishIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(2);
 -ms-transform: scale(2);
 -webkit-transform: scale(2);
 transform: scale(2);
 -webkit-filter: blur(10px);
 filter: blur(10px);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-filter: blur(0px);
 filter: blur(0px);
}
}
@-webkit-keyframes 
presRIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
}
 60% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
 opacity: 0.4;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
}
 70% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 opacity: 0.7;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
 transform: perspective(600) scale(1, 1) rotateY(10deg);
}
 75% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 opacity: 0.8;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 transform: perspective(600) scale(1, 1) rotateY(-10deg);
}
 90% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
 opacity: 0.9;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
 transform: perspective(600) scale(1, 1) rotateY(5deg);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
 transform: perspective(600) scale(1, 1) rotateY(0deg);
}
}
@-moz-keyframes 
presRIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
}
 60% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
 opacity: 0.4;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
}
 70% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 opacity: 0.7;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
 transform: perspective(600) scale(1, 1) rotateY(10deg);
}
 75% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 opacity: 0.8;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 transform: perspective(600) scale(1, 1) rotateY(-10deg);
}
 90% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
 opacity: 0.9;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
 transform: perspective(600) scale(1, 1) rotateY(5deg);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
 transform: perspective(600) scale(1, 1) rotateY(0deg);
}
}
@-ms-keyframes 
presRIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
}
 60% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
 opacity: 0.4;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
}
 70% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 opacity: 0.7;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
 transform: perspective(600) scale(1, 1) rotateY(10deg);
}
 75% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 opacity: 0.8;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 transform: perspective(600) scale(1, 1) rotateY(-10deg);
}
 90% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
 opacity: 0.9;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
 transform: perspective(600) scale(1, 1) rotateY(5deg);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
 transform: perspective(600) scale(1, 1) rotateY(0deg);
}
}
@keyframes 
presRIn {  0% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
 transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
}
 60% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
 opacity: 0.4;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
 transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
}
 70% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 opacity: 0.7;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
 transform: perspective(600) scale(1, 1) rotateY(10deg);
}
 75% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 opacity: 0.8;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
 transform: perspective(600) scale(1, 1) rotateY(-10deg);
}
 90% {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
 opacity: 0.9;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
 transform: perspective(600) scale(1, 1) rotateY(5deg);
}
 100% {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 opacity: 1;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
 -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
 transform: perspective(600) scale(1, 1) rotateY(0deg);
}
}


.btn_ts_go { display:block; width:213px; height:45px; font-size:16px; line-height:45px; text-align:center; color:#fff; border:1px solid #fff; margin-top:15px; }
.btn_ts_go:hover { color:#fff; }



/* main_event style ****************************************************************************************************************************/
.slider{
	position : relative;
}
.slider > div{
	position : relative;
	background:#ffffff;
	overflow : hidden;
	width : 100%;
	height : 100%;
}
.slider > div ul, .slider > div ul li{
	margin:0;
	padding:0;
	list-style:none;
	cursor : pointer;
}
.slider > div ul li{ 
	float : left;
}
.slider > .controls{
	padding:0;
	position:absolute;
	bottom:22px;
	left:33px;
	height:14px;
	margin-right : -5px;
}
.slider > .controls li{
	margin:0 7px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:15px;
}
.slider > .controls li a{
	outline:none;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	width : 15px;
	float:left;
	height:15px;
	opacity:0.2;
	background:#010000;
}
.slider > .controls li.current a{
	background:#010000;
	opacity:1;
}