@charset "utf-8";
/* CSS Document */
/* Common */
* { margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
body,input,textarea,select,button,table{color:black; font-family: NotoSansKR-Regular, Verdana, Geneva, sans-serif,'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:#428bca}
a:hover,a:active,a:focus{text-decoration:none}

a{
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
}

#wrap {}
.header { float:left; width:100%; min-width:1080px; height:67px; background:#c3cad5; }
.header_inner { width:1080px; margin:0 auto; _border:1px solid #F00}
.headerM { float:left; width:100%; min-width:1190px; height:67px;}
.headerM_inner { width:1190px; margin:0 auto;}

.header_line { float:left; width:100%; height:3px; background:#0dd5b1;}
.logo {	padding: 17px 0 0 0;}

@font-face {
    font-family:'NotoSansKR-Regular';
    src: url(font_test/NotoSansKr/NotoSansKR-Regular.eot);
    src: url(../../font_test/NotoSansKr/NotoSansKR-Regular.woff) format("woff");
}
@font-face {
    font-family:'NotoSansKR-Bold';
    src: url(font_test/NotoSansKr/NotoSansKR-Bold.eot);
    src: url(../../font_test/NotoSansKr/NotoSansKR-Bold.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts_NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts_NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts_NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts_NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts_NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/fonts_NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Cambria';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts_NotoSansKr/Cambria.woff2) format('woff2'),
        url(/fonts_NotoSansKr/Cambria.woff) format('woff'),
        url(/fonts_NotoSansKr/Cambria.otf) format('opentype');

 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts_NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts_NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts_NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts_NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts_NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts_NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts_NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts_NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts_NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts_NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts_NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/fonts_NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 

.top-menu a { color: black; font-family: NotoSansKR-Regular;}

.nav-Color {
    color: #0000FF;
}
/*code to change background color*/
.navbar-nav>.active>a {
    color: #000000;
    font-family: NotoSansKR-Regular;
}

#wrapper {overflow: hidden;}
#content {	float: left; width:100%;min-height:1200px;}

#portamento_container {float:left; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container #sidebar {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
#portamento_container #sidebar.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */

#quick_menu {position:absolute; top:180px; right:0; _right:50%; _margin-right:-670px; }

.quick_icon {
	position: absolute;
	width: 450px;
	top: 0;
	left: 50%;
	z-index: 5;
	margin: 55px 0 0 80px;
}
.quick_icon ul {list-style:none; margin:0; padding:0;float: right;}
.quick_icon li { display:inline; float: left; width:60px; text-align:center;margin-left:4px; _border:1px solid #F00}
.quick_icon li a{
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1; 
		
	float:left;
	width:38px;
	height:38px;
	margin-left:8px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
.quick_icon li a:hover {background:#242424;}
.quick_icon img {	padding-top:6px;}
.quick_icon li em { float:left; width:100%; font-size:11px; margin-top:6px;}

.quick_icon2 {
	position: absolute;
	width: -350px;
	top: 0;
	left: 50%;
	z-index: 5;
	margin: -150px 0 0 80px;
    color: #ffffff;
}
}
.quick_icon2 ul {list-style:none;margin:0;padding:0;float: right;}
.quick_icon2 li {display:inline;/* float: left; */text-align:center;margin-left:4px;_border:1px solid #F00;list-style-type: none;}
.quick_icon2 li a{
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1; 
		
	float:left;
	margin-left:8px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}

.quick_icon2 li em {float:left;/* width:100%; *//* font-size:11px; *//* margin-top:6px; */}

.b-close{
    cursor:pointer;
    position:absolute;
    right:15px;
    top:10px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	background:#66ccee ;
	padding:5px 8px;
	color:#FFF;
	border:1px #50badd solid;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.pop_paper_form {
	float:left;
	width:780px;
	padding:15px;
	background:#FFF;

	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	
	box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.2);
	
}
.pop_prt_list {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.pop_prt_list h2 {
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
}
.pop_prt_list h2 em {float:left; background:#FFF;font-size:12px; font-weight:normal;border-top:1px solid #CCC;border-bottom:1px solid #fff; border-right:1px solid #CCC; border-left:1px solid #CCC; padding:0 20px 0 20px;}

.pop_paper_img {float:left; width:300px;}
.pop_paper_paper_detail {
	float: right;
	width: 460px;
}
.pop_paper_detail_info {float:left;width:100%;border-collapse: collapse; }
.pop_paper_detail_info th { width:85px; padding:8px 0 8px 0;border-bottom:1px solid #F0F0F0; text-align:left; color:#666;}
.pop_paper_detail_info td { line-height:140%;  padding:8px 0;border-bottom:1px solid #F0F0F0;}

.container {
	float: left;
	width: 100%;
	height: 100%;
}
.contents_inner {width:1080px; margin:0 auto;}
.nav{
	float:left;
	width:100%;
	height:136px;
	background:url(../img/bg_navi_news.png) no-repeat center;
}
.nav_inner { width:1080px; margin:0 auto;}
.navM_inner { width:1080px; margin:0 auto;}
.nav .nav_left { float:left; width:150px; height:136px; background:#0dd5b1;}
.nav .nav_left img {padding: 22px 0 24px 0;}
.nav .nav_right {float: left;	width: 930px;}


.main_mq_news { float:left; width:100%; height:40px; line-height:40px;}
.main_mq_news  li { float:left; margin-right:20px;}
.main_mq_news h3 { float:left; color:#666;font-size:12px; margin:0 20px;}
.sub_nav{
	float:left;
	width:100%;
	height:48px;
    margin-bottom: 10px;
	/*background:url(../img/bg_navi.png) no-repeat center;*/
}
.sub_nav .nav_left img {

}
.sub_nav .nav_left {
	float: left;
	width: 150px;
	height: 36px;
	background: #5a98fc;
}
.sub_nav .nav_right { float:left; width:930px; }
/* 카테고리 메뉴  */

        .gnb_menu{
			float: left;
			width: 1280px;
			height: 36px;
            color: #21B3AE;                    /*a 태그 디자인*/
            text-decoration: none;
        }
        .gnb_menu li{	float:left;border-right:0px solid #ffffff;}        
        .gnb_menu a{
            text-decoration: none;
            margin: 0px 0px;              /*상하 좌우*/
            color : #000;
            transition: 0.5s;              /*이벤트 발생시간 설정*/
            font-family: NotoSansKR-Regular;
        }
		 .gnb_menu:active a{        /*메인효과1*/
            color : #FF0000;
        }
		 .gnb_menu:hover a{        /*메인효과1*/
/*            opacity: 0.3;   */
            color : #000;
        }
        
        .gnb_menu a:hover{        /*메인효과2 : 특정 a만 밝게*/
            opacity: 1;
            color : #21B3AE;
        }
     
        .gnb_menu a:before{       /*장식 클래스*/
            content: '';
            opacity: 0;
        }
        .gnb_menu a:hover:before{ /*장식 클래스에 hover이벤트 적용*/
            opacity: 1;
        }


        .gnbM_menu{
			float: left;
			width: 1080px;
			height: 36px;
            color: #21B3AE;                    /*a 태그 디자인*/
            text-decoration: none;
        }
        .gnbM_menu li{	float:left;border-right:0px solid #ffffff;}        
        .gnbM_menu a{
            text-decoration: none;
            margin: 0px 0px;              /*상하 좌우*/
            color : #000;
            transition: 0.5s;              /*이벤트 발생시간 설정*/
            font-family: NotoSansKR-Regular;
        }
		 .gnbM_menu:active a{        /*메인효과1*/
            color : #FF0000;
        }
		 .gnbM_menu:hover a{        /*메인효과1*/
/*            opacity: 0.3;   */
            color : #000;
        }
        
        .gnbM_menu a:hover{        /*메인효과2 : 특정 a만 밝게*/
            opacity: 1;
            color : #21B3AE;
        }
     
        .gnbM_menu a:before{       /*장식 클래스*/
            content: '';
            opacity: 0;
        }
        .gnbM_menu a:hover:before{ /*장식 클래스에 hover이벤트 적용*/
            opacity: 1;
        }

.ca_menu {
	float: left;
	width: 1080px;
	height: 36px;
}
.ca_menu li{	float:left;border-right:0px solid #ffffff;}
.ca_menu a {
	float:left;
	width:112px;
	height:36px;
    margin-top:0px;
	padding:0px 0 0px 0;
	text-align:center;
}
.ca_menu a:hover {
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.ca_menu em { float:left;width:100%; margin-top:4px;}

.ca_menu_end {
	float: left;
	width: 137px;
	height: 36px;
}
.ca_menu_end  a{ float:left; width:100%;line-height:5px;	text-align:left;}
.ca_menu_end img { vertical-align:middle; margin:0 auto; margin-left:15px; margin-right:5px;}

.nav9 {
	float: left;
	width: 137px;
	height: 96px;
}
.nav9  a{ float:left; width:100%;line-height:20px;	text-align:left;}
.nav9 img { vertical-align:middle; margin:0 auto; padding-left:15px; margin-right:5px;}

.ca_menu_etc {
	float: left;
	width: 137px;
	height: 96px;
}
.ca_menu_etc li { float:left; width:100%;height:32px; line-height:32px;}
.ca_menu_etc img { vertical-align:middle; margin:0 auto; margin-left:15px; margin-right:5px;}
.ca_menu_etc a {
	float:left;
	width:100%;
	height:32px;
}
.ca_menu_etc a:hover {
	background:#05e8bf;
	
	-moz-box-shadow::0 0 9px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow::0 0 9px rgba(0, 0, 0, 0.3);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.ca_menu_etc .on {background:#0dd5b1; color:#FFF;}

.img_tooltip { cursor:pointer;}

.sub_menu {float:left;width:100%;_border-top:1px solid #666;}
.sub_menu ul {
	float: left;
	border-bottom: 1px solid #e5e5e5;
	width: 165px;
}
.sub_menu li {float:left;width:100%;}
.sub_menu a img { vertical-align:middle;  margin:-4px 5px 0 10px;}
.sub_menu h4 {
	float:left;
	width:160px;
	font-size:12px;
	padding-left: 14px;
	line-height: 40px;
	color:#666;
	_background:url(../img/bg_main_news_dot.gif) repeat;
	
	border-bottom: 1px #e5e5e5 solid;
	border-right:1px #e5e5e5 solid;
	_border-top:1px solid #666;
}
.sub_menu h4 img { float:right;  margin:17px 10px 0 0; }
.sub_menu a {
    color: black;
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1; 
    /* IE5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff); 
    /* IE8,9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff)";	
		
	float:left;
	width:174px;
	height:40px;
	line-height:40px; 
	background:#FFF;
		
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	margin-left:-1px;	
}

.sub_menu a:hover {
	color:#000;
	background:#ECECEC;
	border-right:1px #e5e5e5 solid;
	border-left:1px solid #e5e5e5;
	margin-left:-1px;
}
.sub_menu .on {background:#666; color:#fff; margin-left:-1px;}


.sub_menu2 {float:left;width:100%;_border-top:1px solid #fff;}
.sub_menu2 ul {
	float: left;
	width: 165px;
}
.sub_menu2 li { font-family:'NotoSansKR-Regular'; font-size:14px; float:left;width:100%;}
.sub_menu2 a img { vertical-align:middle;  margin:-4px 5px 0 10px;}
.sub_menu2 h4 {
	float:left;
	width:160px;
	font-size:12px;
	padding-left: 14px;
	line-height: 40px;
	color:#999;
	_background:url(../img/bg_main_news_dot.gif) repeat;
	
    _border:1px #e5e5e5 solid;
	_border-bottom: 1px #e5e5e5 solid;
	_border-right:1px #e5e5e5 solid;
	_border-top:1px solid #fff;
}
.sub_menu2 h5 {
    font-family:'NotoSansKR-Regular';
    font-size:16px;
	float:left;
	width:160px;
	padding-left: 16px;
	line-height: 40px;
	color:#000;
	_background:url(../img/bg_main_news_dot.gif) repeat;

    _border:1px #e5e5e5 solid;
	_border-bottom: 1px #e5e5e5 solid;
	_border-right:1px #e5e5e5 solid;
	_border-top:1px solid #e5e5e5;
}
.sub_menu2 h4 img { float:right;  margin:17px 10px 0 0; }
.sub_menu2 h5 img { float:right;  margin:17px 10px 0 0; }
.sub_menu2 a {
    color: black;
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1; 
    /* IE5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff); 
    /* IE8,9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff)";	
		
	float:left;
	width:174px;
	height:40px;
	line-height:40px; 
	background:#FFF;
	margin-left:-1px;	
}

.sub_menu2 a:hover {
	color:#000;
	background:#999;
	margin-left:-1px;
}
.sub_menu2 .on {color:#00beb4;  margin-left:-1px;}

.left_customer{
	float:left;
	width:194px;
	height:150px;
	background:#f8f8f8;
	border-right:1px #e5e5e5 solid;
}
.left_webhard {
	float:left;
	width:194px;
	height:120px;
	margin-bottom:-1px;
	padding-top:10px;
	border-right:1px #e5e5e5 solid;
	border-bottom:1px #e5e5e5 solid;
	border-top:1px #e5e5e5 solid;
}

.subM {width:720px; margin:0 auto;}
.subM_set{ float:left; width:718px; height:100%; position:inherit; border:0px solid #e5e5e5;margin:20px 0 40px 0;}
.sideM {float:left;width:8px;}

.sub {width:1080px; margin:0 auto;}
.sub_set{ float:left; width:1078px; height:100%; position:inherit; border:0px solid #e5e5e5;margin:20px 0 40px 0;}
.side {float:left;width:175px;}
.sub_contants {
	float: right;
	width: 850px;
	min-height: 500px;
	margin-right: 10px;
    margin-top: 10px;
}
.sub_contants2 {
	float: right;
	width: 850px;
	min-height: 500px;
	margin-right: 10px;
    margin-top: 10px;
}
.subM_contants2M {
	float: right;
	width: 704px;
	min-height: 500px;
	margin-right: 10px;
    margin-top: 10px;
}
.sub_tlt {
	float: left;
	width: 100%;
	margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #E4E3E3;
}
.sub_tlt_txt {
	float: left;
	width: 350px;
	font-size:12px;
	line-height: 28px;
	color:#6C9;
}
.sub_tlt_txt strong {
	font-size: 28px;
	padding-left: 0px;
	margin-right:10px;
	vertical-align:5%;
	color:#000000;
	
}
.sub_tlt_txt2 {
	float: left;
	width: 350px;
	font-size:12px;
	line-height: 28px;
	color:#6C9;
}
.sub_tlt_txt2 strong {
	font-size: 24px;
	padding-left: 0px;
	margin-right: 0px;
	vertical-align:5%;
	color:#000000;
	
}

.sub_tlt_txt36 {
	float: left;
	width: 350px;
	font-size:36px;
	line-height: 54px;
	color:#6C9;
}
.sub_tlt_txt36 strong {
	font-size: 36px;
	padding-left: 0px;
	margin-right: 0px;
	vertical-align:5%;
	color:#000000;
	
}

.sub_tlt img {float:left; margin-bottom:0px }

.sub_tlt_right {
	float:right;
	height: 40px;
	line-height: 41px;
	font-size: 12px;
	_font-weight: bold;
	color:#6C9;
	text-align:right;
	margin-right:10px;
}

.order_set{
	float: left;
	width: 1080px;
	height: 100%;
	margin: 20px 0 40px 0;
	border-bottom: 1px solid #e2e2e2;
	/*border-top: 1px solid #e2e2e2;*/
	padding-bottom: 40px;
}
.order_set_inner {
	float: left;
    margin-left: 10px;
	/*width: 100%;*/
} 
.order_leftside{
	float: left;
	width: 420px;
} 

.order_img {
	float: left;
	width: 420px;
	height: 600px;
	padding: 10px;
    padding-left: 0px;
	background: #FFF;
	margin-left:1px;
}
.order_etc_img_right {
	float: left;
	width: 689px;
	border-bottom:1px solid #ededed;
}
.order_etc_img{
	float: left;
	height: 500px;
	padding: 10px;
	background: #FFF;
}
.order_etc_img1{
	float: left;
	height: 500px;
	padding: 10px;
	background: #FFF;
	border-right:1px solid #ededed;
}
.order_img_info { float:right;width:360px; line-height:150%; border-top:1px solid #e5e5e5; padding:30px 10px 100px 20px; }
.order_img_info em { color:#F90}
.btn_3d {background:#51bf87;}
.btn_3d2 {background:#bdbdbd}
.btn_3d,
.btn_3d2 {
	margin-top:10px;
	float:left;
	width:125px;
	height:32px;
	line-height:28px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	border:1px solid rgba(0, 0, 0, 0.2);
	
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:inset 0  -3px 0 rgba(0, 0, 0, 0.2);
	box-shadow:inset 0  -3px 0 rgba(0, 0, 0, 0.2);
	
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;	
}
.btn_3d:hover,
.btn_3d2:hover {
	padding-top:3px;
	height:29px;
	
	-moz-box-shadow:inset 0 3px 0 rgba(0, 0,3px 0, 0.4);
	-webkit-box-shadow:inset 0 3px 0 rgba(0, 0, 0, 0.4);
	box-shadow:inset 0  3px 0 rgba(0, 0, 0, 0.4);
}

.btn_3d_inner {
	float:left;
	width:100%;
	height:101%;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;	
}
.btn_3d_inner:hover { background:rgba(0, 0, 0, 0.1);}
.btn_3d_inner em {
	float:left;
	width:30px;
	height:101%;
	margin-right:10px;	
	text-align:center;
	background:rgba(0, 0, 0, 0.2);

	border-radius: 3px 0 0 3px ;
	-moz-border-radius:3px 0 0 3px ;
	-webkit-border-radius:3px 0 0 3px ;
}

.add_paper {
	float:left;
	width:85px;
	height:31px;
	line-height:28px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left:46px;
	margin:8px 0 0 0;
	background:url(../img/btn_add_paper.png) no-repeat;
	
  -moz-transition: all .0s linear;
	-o-transition: all .0s linear;
	-webkit-transition: all .0s linear;
	transition: all .0s linear;		
}
.add_paper:hover {
	height:29px;
	padding-top:2px;
	background:url(../img/btn_add_paper_hover.png) no-repeat;}

.add_paper_del {
	float:left;
	width:85px;
	height:31px;
	line-height:28px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left:46px;
	margin:8px 0 0 0;
	background:url(../img/btn_add_paper_del.png) no-repeat;
	
    -moz-transition: all .0s linear;
	-o-transition: all .0s linear;
	-webkit-transition: all .0s linear;
	transition: all .0s linear;			
}

.add_paper_del:hover {
	height:29px;
	padding-top:2px;
	background:url(../img/btn_add_paper_del_hover.png) no-repeat;}

.add_paper img,
.add_paper_del img { vertical-align:middle; margin:0 auto;}

.order_list {
    width:120px;
    font-family: NotoSansKR-Regular;
    font-weight: 600;

}

.order_content{
	float: right;
	width: 630px;
	min-height: 500px;
	margin-right: 1px;
}

.order_content h3 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	line-height: 22px;
	margin: 20px 0 10px 0;
}
.order_content h3 strong {float:left; width:80px; text-align:center; background:url(../img/ca_tlt_bg.png) no-repeat left; font-size:11px; color:#FFF; margin-bottom:-1px; }

.order_content h4 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	line-height: 22px;
	margin: 20px 0 10px 0;
}
.order_content h4 strong {
	float: left;
	width: 150px;
	text-align: center;
	background:url(../img/ca_tlt_bg.png) no-repeat left;
	font-size: 11px;
	color: #FFF;
	margin-bottom: -1px;
}

.order_content_tbl {float:left;width:100%;border-collapse: collapse; }
.order_content_tbl th { width:106px; padding:12px 0 12px 5px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left;}
.order_content_tbl td { line-height:140%;  padding:12px 0;border-bottom:1px dotted #CCCCCC;}

.order_content_tblM {float:left;width:100%;border-collapse: collapse; }
.order_content_tblM th { width:155px; padding:12px 0 18px 5px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left;}
.order_content_tblM td { line-height:140%;  padding:18px 0;border-bottom:1px dotted #CCCCCC;}


.order_content2_tlt1 {
	float: left;
	width: 100%;
	height:40px;
	background:#535353;
	color:#FFF;
	font-size:16px;
	line-height: 40px;
	margin:20px 0 5px 0;
}
.order_content2_tlt1 strong { margin-left:20px;}

.order_content2_tbl {float:left;width:100%;border-collapse: collapse; color:#666;}
.order_content2_tbl th { width:115px; padding:10px 0 10px 10px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left; background:#FAFAFA; border-right:1px solid #e6e6e6; color:#333;}
.order_content2_tbl td { line-height:160%;  padding:10px 0 10px 12px;border-bottom:1px dotted #CCCCCC;}

.order_content2_tlt2 {
	float: left;
	width: 490px;
	height:40px;
	background:#535353;
	color:#FFF;
	font-size:16px;
	line-height: 40px;
	margin:20px 0 5px 0;
}
.order_content2_tlt2 strong { margin-left:20px;}
.order_content3_tbl {float:left;width:100%; border-collapse: collapse; border:1px solid #00BEB4;}
.order_content3_tbl th { width:115px; padding:10px 0 10px 10px;font-weight:normal;text-align:left; border:1px solid #00BEB4;}
.order_content3_tbl td { line-height:160%;  padding:10px 0 10px 12px; border:1px solid #00BEB4;}

.order_content4_tbl {width:100%;border-collapse: collapse; color:#666;}
.order_content4_tbl th { width:115px; padding:10px 0 10px 10px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left; background:#FAFAFA; border-right:1px solid #e6e6e6; color:#333;}
.order_content4_tbl td { line-height:160%;  padding:10px 0 10px 12px;border-bottom:1px dotted #CCCCCC;}

.order_content5_tbl {width:100%;border-collapse: collapse; color:#666;}
.order_content5_tbl th { padding:5px 5px; 5px 5px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:center; background:#FAFAFA; border-right:1px solid #e6e6e6; color:#333;}
.order_content5_tbl td { line-height:160%;  padding:5px 0 5px 5px;border-bottom:1px dotted #CCCCCC;}

.order_content2_tlt3 {
	float: left;
	width: 490px;
	height:40px;
	background:#999;
	color:#FFF;
	font-size:16px;
	line-height: 40px;
	margin:20px 0 5px 0;
}
.order_content2_tlt3 strong { margin-left:20px;}
.order_content2_tlt4 {
	float: left;
	width: 100%;
	height:30px;
	background:#999;
	color:#FFF;
	font-size:12px;
	line-height: 30px;
	margin:20px 0 5px 0;
}
.order_content2_tlt4 strong { margin-left:20px;}
.order_content2_tlt5 {
	float: left;
	width: 490px;
	height:30px;
	background:#999;
	color:#FFF;
	font-size:12px;
	line-height: 30px;
	margin:20px 0 5px 0;
}
.order_content2_tlt5 strong { margin-left:20px;}
.order_content2_tlt3 a { float:right; margin-right:10px; font-size:12px; color:#FFF; background:#666; height:22px; line-height:22px; margin-top:10px; padding:0 10px;}
.order_content2_tlt3 a:hover { background:#333;} 

.order_info {float: left;	width: 700px; margin-right:10px;}
.order_info2 {float: left;	width: 900px;}
.order_no { color:#F60; font-weight:bold;}

.prt_subject span{ float:left;padding-left:8px; text-align:left;}
.prt_subject em { color:#F30;}
.prt_subject strong { text-decoration:underline; color:#333;}

.print_process_icon {
	float: left;
	width: 100%;
	margin: 15px 0 15px 0;
}
.print_process_icon li {float:left;}
.print_process_icon .img_next {
	margin: 30px 8px 0 8px;
}
.other_dlvy { float:left; width:100%;color:#F60;	line-height: 28px;}
.other_dlvy input { vertical-align:middle; margin:0 auto; margin-top:-1px;}
.mem_content{
	float: right;
	width: 100%;
	/*min-height: 500px;*/
	margin-right: 1px;
}

.mem_content h3 {
	float: left;
	width: 100%;
	border-bottom: 2px solid #666;
	line-height: 26px;
	font-size: 11px;
	font-weight:normal;
}
/*.mem_content h3 strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #666;
	color: #FFF;
	margin-bottom: 0px;
}*/
.mem_content h2 {
	float: left;
	width: 100%;
	border-bottom: 2px solid #00be9c;
	line-height: 30px;
	margin: 20px 0 0 0;
	font-size: 11px;
}

.mem_content2 h2 {
	float: left;
	width: 100%;
	line-height: 30px;
	font-size: 11px;
}
.mem_content h2 strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #797979;
	color: #FFF;
	margin-bottom: 0px;
}
.mem_content h3 {
	float: left;
	width: 100%;
	border-bottom: 2px solid #00be9c;
	line-height: 30px;
	margin: 20px 0 0 0;
	font-size: 12px;
	font-weight: 600;
}
.mem_content h3 strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #fff;
	color: #000;
	margin-bottom: 0px;
	font-weight: 600;
}
.mem_content h3 strong {float:left; background:#FFF;font-size:12px; font-weight:normal;border-top:1px solid #fff;border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; padding:0 10px 0 10px;}
.mem_contentM h3 strong {float:left; background:#FFF;font-size:24px; font-weight:normal;border-top:1px solid #fff;border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; padding:0 10px 0 10px;}

.mem_content_tbl {float:left;width:100%;border-collapse: collapse; color:#666;}
.mem_content_tbl th { width:115px; padding:10px 0 10px 10px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left; background:#F0F7F6; border-right:1px solid #797979; color:#333;}
.mem_content_tbl td { line-height:160%;  padding:10px 0 10px 12px;border-bottom:1px dotted #CCCCCC;}
.th_style {width:115px; padding:10px 0 10px 10px;font-weight:normal; text-align:left; background:#F0F7F6; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;color:#333;}

mem_content_tbl2 {float:left;width:100%;border-collapse: collapse; color:#666;}
.mem_content_tbl2 th { width:115px; padding:10px 0 10px 10px;font-weight:normal;border-bottom:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC; text-align:left; color:#333;}
.mem_content_tbl2 td { line-height:160%;  padding:10px 0 10px 12px;border-bottom:1px dotted #CCCCCC;}
.th_style2 {width:115px; padding:10px 0 10px 10px;font-weight:normal; text-align:left; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;color:#333;}

mem_content_tbl3 {float:left;width:100%;}
.mem_content_tbl3 th { width:115px; font-weight:normal; text-align:left; color:#333;}
.mem_content_tbl3 td { line-height:160%; width:100%;}
.th_style2 {width:115px; padding:10px 0 10px 10px;font-weight:normal; text-align:left; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;color:#333;}

.mem_content_tblM {font-size:22px;float :left;width:100%;border-collapse: collapse; color:#666;}
.mem_content_tblM th { width:155px; padding:10px 0 10px 10px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left; background:#F0F7F6; border-right:1px solid #797979; color:#333;}
.mem_content_tblM td { line-height:160%;  padding:10px 0 10px 12px;border-bottom:1px dotted #CCCCCC;}
.th_styleM {width:115px; padding:10px 0 10px 10px;font-weight:normal; text-align:left; background:#F0F7F6; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;color:#333;}



.center_centent { float:left; width:829px;}
#mapposition { float:left;margin:0 auto; width:850px; border:0px solid #e8e8e8; padding:15px 0;}
#mapposition h2 { font-size:14px; color:#000; margin-left:20px; margin-bottom:10px;}
#mapposition p {margin-left:20px; margin-bottom:20px;}

.center_text {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

.center_text h4 {
	float: left;
	width: 100%;
	border-bottom: 2px solid #666;
	line-height: 26px;
	font-size: 11px;
	font-weight:normal;
}
.center_text h4 strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #666;
	color: #FFF;
	margin-bottom: 0px;
}
.center_sub_text { float:left; width:100%; margin-left:20px;line-height:160%; margin-bottom:5px;}
.center_text ul { float:left;width:100%; margin-left:22px; margin-top:15px;}
.center_text li { float:left; width:100%; line-height:160%; margin-bottom:5px;}
.center_text h4 em {float:left; background:#FFF;font-size:12px; font-weight:normal;border-top:1px solid #CCC;border-bottom:1px solid #fff; border-right:1px solid #CCC; border-left:1px solid #CCC; padding:0 20px 0 20px;}

.center_text2 {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}
.center_text2 h4 {
	float: left;
	width: 100%;
	border-bottom: 2px solid #666;
	line-height: 26px;
	font-size: 11px;
	font-weight:normal;
}
.center_text2 h4 strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #666;
	color: #FFF;
	margin-bottom: 0px;
}

.center_text2 h4 em {float:left; background:#FFF;font-size:12px; font-weight:normal;border-top:1px solid #CCC;border-bottom:1px solid #fff; border-right:1px solid #CCC; border-left:1px solid #CCC; padding:0 20px 0 20px;}

/* 로그인 */
.sso_login { width:500px; margin:0 auto; padding-bottom:200px; margin-top:40px;} 
.sso_login_inner { float:left; width:400px; _border:1px #FF0000 solid;  }

.login_id {float:left; width:400px;height:30px; line-height:30px; margin-bottom:10px;}
.login_pw {float:left; width:400px;height:30px;line-height:30px;margin-bottom:30px;}
.sso_login_inner input{ width:75%; height:30px; border:1px #e0e0d6 solid;font-size:14px;}
.login_id span,
.login_pw span { float:left; width:80px;}

.input_60 {
	float: left;
	width: 48%;
	margin-right: 10px;
	height: 30px;
	border: 1px #e0e0d6 solid;
	font-size: 14px;
}

.select_style_common {height:22px; border:1px #e0e0d6 solid; background:#FFFFFF; padding:0 0 0 5px; min-width:60px;}

.select_iden { width:100px; background:#FFF; border:1px #CCCCCC solid;}

.comment_list {float:left;width:100%;border-collapse: collapse; color:#666; margin:0 0 20px 0;}
.comment_list th { width:115px; padding:15px 0 15px 10px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left; background:#FAFAFA; border-right:1px solid #e6e6e6; color:#333;}
.comment_list td { line-height:160%;  padding:10px 0 10px 12px;border-bottom:1px dotted #CCCCCC;}
.comment_list .th { background:#FAFAFA; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.comment_textarea {
	float: left;
	height:60px;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 20px;
	padding: 0 8px;
	margin-right:5px;
}
.comment_list img { vertical-align:middle; margin:0 auto; margin-left:7px; margin-top:-1px;}
.comment_btn {
	float:left;
	width:102px;
	height:60px;
	line-height:60px;
	background:#434343;
	border:1px solid #434343;
	color:#fff;
	margin-left:0px;
	font-weight:bold;
	cursor:pointer;
	
	-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.comment_btn:hover {
	background:#05e8bf;
	border:1px solid #01cda8;
	color:#004f41;
	
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
}
.comment_write {float:left;width:100%;border-collapse: collapse; color:#666;}
.comment_write th {
	padding: 7px 0 7px 0;
	_text-align: left;
	background: #FAFAFA;
	color: #333;
	font-size: 11px;
	line-height: 150%;
}
.comment_write td { line-height:160%; text-align:center;padding:10px 0 10px 0;}
.comment_write .th { border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.order_ok_co { width:100%; text-align:center; font-size:22px; padding:40px 0 20px 0;}
.order_set2 { width:990px; margin:0 auto;}
.order_set2 h3 {
	float: left;
	width: 100%;
	border-bottom: 2px solid #666;
	line-height: 22px;
	margin: 20px 0 0 0;
}
.order_set2 h3 strong {
	float: left;
	padding:0 20px;
	text-align: left;
	background: #666;
	font-size: 11px;
	color: #FFF;
	margin-bottom: 0px;
}
<style type="text/css">
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url(https://fonts.gstatic.com/s/notosanskr/v12/PbykFmXiEBPT4ITbgNA5CgmG0X7u.otf) format('opentype');
}
    </style>
.order_set2_tbl {float:left;width:100%;border-collapse: collapse; color:#666;}
.order_set2_tbl th {padding:10px 0 10px 0;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:center; background:#FAFAFA; color:#333; font-size:11px; font-weight:bold;}
.order_set2_tbl td { line-height:160%;; text-align:center;}
.order_set2_tbl .th2 { border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.select_style1M { float:left; height:44px;background:#FFF; border:1px solid #c1c1c1;  padding-left:5px; min-width:140px; margin-right:8px;border-radius: 6px;}

.select_style1 { float:left; height:31px;background:#FFF; border:1px solid #c1c1c1;  padding-left:5px; min-width:120px; margin-right:8px;border-radius: 6px;}
.select_style1x2 { float:left; height:36px;background:#FFF; border:1px solid #c1c1c1;  padding: 2px 2px 2px 7px; min-width:120px; margin-right:8px;}
.select_style1x { float:left; height:26px;background:#FFF; border:1px solid #c1c1c1;  
                  padding: 1px 1px 1px 1px; 
                  min-width:120px; 
                  margin-right:8px;
                  border-radius: 0px;
                  background-color: transparent;
                  height:35px;
                  border-radius: 6px;
}
.select_style100x { float:left; height:26px;background:#FFF; border:1px solid #c1c1c1;  
                  padding: 1px 1px 1px 1px; 
                  min-width:100px; 
                  margin-right:8px;
                  border-radius: 0px;
                  background-color: transparent;
                  height:35px;
                  border-radius: 6px;
}
.select_style1xM { float:left; height:26px;background:#FFF; border:1px solid #808080;  
                  padding: 1px 1px 1px 1px; 
                  min-width:120px; 
                  margin-right:8px;
                  border-radius: 0px;
                  background-color: transparent;
                  height:46px;
                  border-radius: 6px;
}

.select_style1x3 {
  height:31px;
  padding:2px 2px 2px 7px;
  font-family:'Noto Sans KR', sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:13px;
  letter-spacing:normal;
  vertical-align:none;
  text-align:left;
  text-transform:none;
  background-color:transparent;
  border-color:transparent;
    border-radius: 6px;
}
.btn_style1 {height:28px; padding:0 20px;}
.btn_style_green_line {height:28px; padding:0 20px; border:1px solid #7CDAC2; background:#FBFBFB; color:#32D3BF; font-size:11px; font-weight:bold;}

.size_set { float:left; width:100%; margin:12px 0 0 0; }
.size_set li { margin:0 0 5px 0;}
.size_set em {
	float: left;
	font-size: 11px;
	width: 85px;
	line-height: 25px;
	margin-left: 8px;
}
.size_set span {
	float: left;
	font-size: 11px;
	line-height: 25px;
	margin-left: 8px;
}

.c_size { color:#C30}
.w_size { color:#09C}
.input_mm { position:relative; background:#FFF; border:1px solid #e6e6e6; line-height:25px; width:40px; height:25px; text-align:center;}
.input_no { position:relative; background:#FFF; border:1px solid #e6e6e6; line-height:25px; width:50px; height:25px; text-align:center; font-weight:bold;}
.cover_add { color:#F60;}
.input_mm_y { position:relative; background:#FFF8DF; border:1px solid #e6e6e6; line-height:25px; width:40px; height:25px; text-align:center;}

.input_free120 {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	height: 26px;
	padding: 0 8px;
	margin-right:5px;
    width:100px;
}

.input_free400 {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	height: 26px;
	padding: 0 8px;
	margin-right:5px;
    width:400px;
}

.input_free400M {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 38px;
	height: 39px;
	padding: 0 8px;
	margin-right:5px;
    width:400px;
}

.input_freeMinB {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 23px;
	height: 24px;
	padding: 0 8px;
	margin-right:5px;
}

.input_freeMin {
	float: left;
	background: #FFF;
	border: 0px;
	line-height: 23px;
	height: 24px;
	padding: 0 8px;
}

.input_free {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	height: 26px;
	padding: 0 8px;
	margin-right:5px;
}
.input_freeM {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 38px;
	height: 39px;
	padding: 0 8px;
	margin-right:5px;
    font-size:22px;
}
.input_97 {
	float: left;
	width:97%;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	height: 26px;
	padding: 0 8px;
	margin-right:5px;
}
.textarea_free {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	padding: 0 8px;
	margin-right:5px;
}

.textarea_97 {
	float: left;
	width:97%;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	padding: 0 8px;
	margin-right:5px;
}
.input_address_free {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 25px;
	height: 26px;
	padding: 0 8px;
	margin-right:5px;
	margin-top:10px;
}

.input_address_freeM {
	float: left;
	background: #FFF;
	border: 1px solid #e6e6e6;
	line-height: 38px;
	height: 39px;
	padding: 0 8px;
	margin-right:5px;
	margin-top:10px;
    font-size:22px;
}
.float_text { float:left; line-height:150%;}

.print_select input { float:left; margin-right:7px; }
.print_select  label { float:left; margin-right:20px;}
.print_select  label:hover {color:#3C9;}

.user_select input { float:left; margin-right:7px; }
.user_select  label { float:left; margin-right:7px;}
.user_select  label:hover {color:#3C9;}

.add_print { line-height:30px;}
.add_print input { float:left; margin-right:7px; margin-top:8px; line-height:30px; padding:0; }
.add_print  label { float:left;width:80px; height:30px;line-height:30px; padding:0; margin:0 auto;}
.add_print  label:hover {color:#3C9;}

.add_print_option { border-bottom:1px solid #e6e6e6; background:#F9F9F9}
.add_print_option  th {width:106px; padding:8px 0 8px 5px; text-align:left; color:#00be9c;}
.add_print_option  td {padding:8px 0 8px 0; }
.add_print_option_won { text-align:right; padding-right:10px;}
.add_print_option_won span {color:#00be9c; }

.add_print_option_total { float:left; width:100%; border-bottom:2px solid #e6e6e6;border-top:1px solid #e6e6e6; background:url(../img/bg_main_news_dot.gif) repeat;}
.add_print_option_total  th {width:106px; padding:12px 0 12px 5px; text-align:left; color:#00be9c;}
.add_print_option_total  td {padding:12px 0 12px 0; text-align:right;}
.add_print_option_total span {color:#00be9c; font-weight:bold; font-size:16px }

.print_pay1 { float:left; width:100%; border-bottom:2px solid #e6e6e6;border-top:1px solid #e6e6e6; background:url(../img/bg_main_news_dot.gif) repeat;}
.print_pay1  th {width:106px; padding:12px 0 12px 5px; text-align:left; color:#00be9c;}
.print_pay1  td {padding:12px 0 12px 0; text-align:right;}
.print_pay1 span {color:#00be9c; font-weight:bold; font-size:16px }


.pay_sum { float:left; width:620px; height:80px; border:1px solid #e6e6e6; background:#FAFAFA; color:#666; margin-bottom:10px; }
.pay_sum li {line-height:80px;}
.pay_sum_detail {float:left; margin-left:40px;}
.pay_sum_detail span { font-weight:bold; color:#333; }
.pay_total {float:right; margin-left:5px;}
.pay_total span { font-weight:bold; font-size:20px; color:#00be9c; letter-spacing:-1px;}
.pay_note { color:#C30; font-size:10px;}

.pay_sum2 { float:left; width:100%; height:50px; border-bottom:1px solid #e6e6e6; background:#FAFAFA; color:#666; margin-bottom:10px; }
.pay_sum2  .pay_sum_detail2 {float:left; margin-left:10px;line-height:50px;}
.pay_sum2  .pay_sum_detail2 span { font-weight:bold; color:#333; }
.pay_sum2  .pay_sum_detail {float:right; margin-right:40px;line-height:50px;}
.pay_sum2  .pay_sum_detail span { font-weight:bold; color:#333; }
.pay_sum2  .pay_total {float:right; margin-right:22px; line-height:50px;}
.pay_sum2  .pay_total span {
	font-weight: bold;
	font-size: 16px;
	color: #00be9c;
}

.order_pay_sum { float:left; width:100%; height:60px; border:1px solid #e6e6e6; background:#FAFAFA; color:#666; margin-bottom:10px; }
.order_pay_sum .pay_sum_detail {float:left; width:60%; margin-left:40px;line-height:60px; text-align:center;}
.order_pay_sum .pay_sum_detail span { font-weight:bold; color:#333; }
.order_pay_sum .pay_total {float:right; margin-right:22px; line-height:60px;}
.order_pay_sum .pay_total span { font-weight:bold; font-size:24px; color:#00be9c; }

.cart_pay_sum { float:left; width:100%; height:60px; border-top:1px solid #e6e6e6; background:#FAFAFA; color:#666; }
.cart_pay_sum .pay_sum_detail {float:left; width:60%; margin-left:40px;line-height:60px; text-align:center;}
.cart_pay_sum .pay_sum_detail span { font-weight:bold; color:#333; }
.cart_pay_sum .pay_total {float:right; margin-right:22px; line-height:60px;}
.cart_pay_sum .pay_total span { font-weight:bold; font-size:24px; color:#00be9c; }

.cart_list_btn_tbl { float:left; width:100%; border-top:1px solid #666; padding:5px 0 0 0;}
.cart_btn_del { float:left; width:150px; height:40px; line-height:40px; text-align:center; background:#00beb4; color:#FFF;}
.cart_btn_order { float:left; width:200px; height:40px; line-height:40px; text-align:center; background:#00beb4; color:#FFF;}
.cart_btn_del:hover,
.cart_btn_order:hover{ background:#66B4ad;}

.cart_infomation { float:left; width:948px; min-height:100px;border:1px solid #e6e6e6; margin-top:50px; padding:5px 20px 30px 20px; margin-bottom:30px;color:#333;}
.cart_infomation ul { }
.cart_infomation li { list-style:decimal; margin-left:20px; margin-bottom:5px; line-height:150%;}
.cart_infomation em { color:#F60;}
.cart_infomation h4 { /*float: left;*/ width: 100%; font-size:12px; font-weight:bold; margin:20px 0 8px 0;_border-bottom: 1px solid #B4B4B4;line-height: 22px; text-decoration:underline;}

.order_content_memo_tbl {float:left;width:100%;border-collapse: collapse; margin-bottom:30px }
.order_content_memo_tbl th { width:106px; padding:12px 0 12px 5px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left;}
.order_content_memo_tbl td { line-height:140%;  padding:12px 0;border-bottom:1px dotted #CCCCCC;}
.order_content_memo_tbl input { float:left; margin-right:8px;}

.memo_tf {float:left; width:98%; height:25px; background:#FFF; border:1px solid #EEEEEE; line-height:25px;}
.memo_ta {float:left;width:98%; height:50px; background:#FFF; border:1px solid #EEEEEE;line-height:25px;}
.memo_etc {float:left;width:98%; height:250px; background:#FFF; border:1px solid #EEEEEE;line-height:25px;}
.memo_kg span { color:#00be9c; font-weight:bold;}

.ca_btn_set a{ float:left; color:#FFF; font-size:18px; font-weight:bold;}
.ca_btn_set img { vertical-align:middle; margin:0 auto; margin-right:5px; margin-top:-3px;}
.ca_btn_print { float:left; width:33%; height:55px; line-height:55px; text-align:center; background:#b8b8b8; margin-right:3px;}
.ca_btn_cart  {float:left; width:32%; height:55px; line-height:55px; text-align:center; background:#b8b8b8;margin-right:3px;}
.ca_btn_check {float:left; width:33%; height:55px; line-height:55px; text-align:center; background:#00beb4;}
.ca_btn_print:hover { background:#66B4ad;} 
.ca_btn_cart:hover { background:#66B4ad;} 
.ca_btn_check:hover { background:#66B4ad;}

.prt_process { float:right; margin-top:5px;}

.GrayDef_btn { float:left; width:200px; height:29px; line-height:29px; text-align:center; background:#00beb4; color:#FFF; border:0px; border-radius: 6px; font-family:NotoSansKR-Regular; font-size:13px; }
.GrayDef_btn:hover{ background:#66B4ad;}


.sub_contants h1 {
	float:left;
	color:#000;
	font-size: 24px;
	line-height: 40px;
	margin-bottom:20px;
	padding:0 0px;
}
.sub_contants3 h1 {
	float:left;
	color:#000;
	font-size: 24px;
	line-height: 40px;
	margin-bottom:20px;
	padding:0 25px;
}
sub_contants2 h1 {
	float:left;
	background:url(../img/bgbg.png) repeat;
	color:#FF0000;
	font-size: 16px;
	line-height: 40px;
	margin-bottom:20px;
	padding:0 25px;
}
.sub_search {
	float: left;
	width: 850px;
	border-collapse: collapse;
	border: 5px solid #e5e5e5;
	margin-bottom: 10px;	
}
.sub_search img { float:left; margin-right:5px;}
.sub_search th {
	padding: 0 10px 0 10px;
	text-align: center;
	background: #FAFAFA;
	font-weight: normal;
	line-height: 40px;
	border-bottom: 1px dotted #e6e6e6;
	border-right: 1px solid #e6e6e6
}
.sub_search td {  padding-left:10px; border-bottom:1px dotted #e6e6e6;border-right:1px dotted #e6e6e6  }

.search_btn {
	float:left;
	width:102px;
	height:30px;
	line-height:30px;
	background:#434343;
	border:1px solid #434343;
	color:#fff;
	margin-left:0px;
	font-weight:bold;
	cursor:pointer;
	
	-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.search_btn2 {
	float:left;
	width:102px;
	height:60px;
	line-height:60px;
	background:#434343;
	border:1px solid #434343;
	color:#fff;
	margin-left:0px;
	font-weight:bold;
	cursor:pointer;
	
	-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.search_btn:hover,
.search_btn2:hover {
	background:#05e8bf;
	border:1px solid #01cda8;
	color:#004f41;
	
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
}

.sub_infomation { float:left; width:810px; min-height:100px;border:1px solid #e6e6e6; margin-top:50px; padding:0 20px 20px 20px; color:#333;}
.sub_infomation ul {}
.sub_infomation li { list-style:decimal; margin-left:20px; margin-bottom:10px; line-height:150%;}
.sub_infomation em { color:#F60;}
.sub_infomation h3 { /*float: left;*/ width: 100%; font-size:12px; font-weight:bold; margin:20px 0 8px 0;_border-bottom: 1px solid #B4B4B4;line-height: 22px; text-decoration:underline;}

.common_tbl2 {float:left;width:100%;border-collapse: collapse;border:1px #EEEEEE solid;border-top:1px solid #666;margin-bottom: 10px;}
.common_tbl2 th {  padding:12px 0; background:#F7F7F7; font-weight:normal;}
.common_tbl2 td { line-height:140%; padding:15px 0;}
.common_tbl2 .th { border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.common_tbl2 img,
.common_tbl img { vertical-align:middle; margin:0 auto; margin-left:7px; margin-top:-1px;}
.common_tbl0 img { vertical-align:middle; margin:0 auto; margin-left:1px; margin-top:-1px;}
.common_tblmy img { vertical-align:middle; margin:0 auto; margin-left:7px; margin-top:-1px;}

.sub_tlt_bold {
	float: left;
	text-align:right;
	width: 100%;
	border-bottom:2px solid #666;
	color:#333;
	font-size:12px;
	line-height: 40px;
	margin:0 0 2px 0;
}
.sub_tlt_bold strong { margin-right:10px; color:#}
.sub_tlt_bold2 {
	float: left;
	text-align:right;
	width: 100%;
	border-bottom:2px solid #666;
	color:#333;
	font-size:12px;
	line-height: 40px;
	margin:0 0 2px 0;
}
.sub_tlt_bold2 strong { color:#00beb4}

.common_tbl {float:left;width:100%;border-collapse: collapse; color:#666;}
.common_tbl th {
	padding: 7px 0 7px 0;
	border-bottom: 1px dotted #CCCCCC;
	_text-align: left;
	background: #FAFAFA;
	color: #333;
	font-size: 11px;
	line-height: 150%;
}
.common_tbl .order_tlt {float:left; margin-left:8px;width:100%; text-align:left;}
.common_tbl .order_tlt em { color:#F30;}
.common_tbl .order_tlt strong { text-decoration:underline; color:#333;}
.common_tbl .order_option {float:left;margin-left:8px;width:100%;text-align:left;}

.common_tblmy {float:left;width:100%;border-collapse: collapse; color:#666;}
.common_tblmy th {
	padding: 7px 0 7px 0;
	border-bottom: 1px dotted #CCCCCC;
	_text-align: left;
	background: #FAFAFA;
	color: #333;
	font-size: 11px;
	line-height: 150%;
}
.common_tblmy .order_tlt {float:left; margin-left:8px;width:100%; text-align:left;}
.common_tblmy .order_tlt em { color:#F30;}
.common_tblmy .order_tlt strong { text-decoration:underline; color:#333;}
.common_tblmy .order_option {float:left;margin-left:8px;width:100%;text-align:left;}

.common_tbl3 {float:left;width:100%;border-collapse: collapse; color:#666;}
.common_tbl3 th {
	padding: 7px 0 7px 0;
	_text-align: left;
	background: #FAFAFA;
	color: #333;
	font-size: 11px;
	line-height: 150%;
}
.common_tbl3 tr {
	border-bottom: 1px dotted #CCCCCC;
}
.common_tbl3 .order_tlt {float:left; margin-left:8px;width:100%; text-align:left;}
.common_tbl3 .order_tlt em { color:#F30;}
.common_tbl3 .order_tlt strong { text-decoration:underline; color:#333;}
.common_tbl3 .order_option {float:left;margin-left:8px;width:100%;text-align:left;}

.board_tbl td { line-height:160%; text-align:center;padding:10px 0 10px 0;border-bottom:1px dotted #CCCCCC;}
.board_tbl .th { border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.board_tbl {float:left; width:100%; border-collapse: collapse; color:#666;}
.board_tbl th {
	padding: 7px 0 7px 0;
	border-bottom: 1px dotted #CCCCCC;
	_text-align: left;
	background: #FAFAFA;
	color: #333;
	font-size: 11px;
	line-height: 150%;
}
.common_tbl td { line-height:160%; text-align:center;border-bottom:1px dotted #CCCCCC;}
.common_tbl .th { border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.common_tblmy td { line-height:160%; text-align:center;}
.common_tblmy .th { border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.board_tbl img { vertical-align:middle; margin:0 auto; margin-left:7px; margin-top:-1px;}

.login_before {float:left; width:310px; margin-left:20px;}
.input_id{ float:left; width:180px; height:25px;background:#FFF; border:1px solid #E4e3e3; line-height:25px; margin-bottom:5px; padding:0 5px 0 5px;}
.input_pw{ float:left; width:180px; height:25px;background:#FFF; border:1px solid #E4e3e3; line-height:25px; padding:0 5px 0 5px;}

.mem_login {
	width: 350px;
}
.mem_login300 {
	width: 300px;
    font-family: NotoSansKR-Regular;
}
.mem_input_id{
	float: left;
	width: 270px;
	height: 38px;
	background: #FFF;
	border: 1px solid #707070;
	line-height: 25px;
	margin-bottom: 3px;
	padding: 0 5px 0 5px;
}
.mem_input_pw{
	float: left;
	width: 270px;
	height: 38px;
	background: #FFF;
	border: 1px solid #707070;
	line-height: 25px;
	padding: 0 5px 0 5px;
}

.mem_btn_login {
	float:left;
	width:102px;
	height:60px;
	line-height:60px;
	background:#434343;
	border:1px solid #434343;
	color:#fff;
	margin-left:0px;
	font-weight:bold;
	cursor:pointer;
	
	-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
		
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.mem_btn_login:hover {
	background:#05e8bf;
	border:1px solid #01cda8;
	color:#004f41;
	
}
.mem_btn_id_pw_search {
	float:left;
	width:210px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#fbfbfb;
	border:1px solid #CCC;
	margin-right:10px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.mem_btn_id_pw_search:hover {background:#14c398;border:1px solid #14c398; color:#FFF;}

.mem_form { float:left; width:722px; border:1px solid #b6b6b6; padding:40px 20px; margin:0 0 0 40px;}
.mem_form2 { float:left; width:722px; border:4px solid #e5e5e5; padding:20px 20px 40px 20px; margin:0 0 60px 40px;}
.mem_login_img { float:left; margin:0 40px 0 30px;}
.mem_login_img2 { float:left; }

.idpwd_mem_tlt_img { float:left;margin:30px 0 0 65px; }
.idpwd_mem_tlt { float:left; width:570px; margin:0px 0 0 35px; line-height:150%;}
.idpwd_mem_tlt strong { font-size:22px; line-height:40px;}

.mem_tlt { float:left; width:100%; margin:30px 0 30px 40px; line-height:150%;}
.mem_tlt strong { font-size:22px; line-height:40px;}

.mem_tlt2 { float:left; width:100%; margin:30px 0 30px 40px; line-height:150%;}
.mem_tlt2 strong { font-size:12px; color:#1FBCB0}
.mem_tlt2 a { color:#1FBCB0; text-decoration:underline}

.mem_form2 .id_find {
	float: left;
	width: 100%;
	border-bottom: 1px solid #1FBCB0;
	line-height: 30px;
	font-size: 11px;	
	margin: 0 0 15px 0;
}
.mem_form2 .id_find strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #1FBCB0;
	color: #FFF;
	margin-bottom: 0px;
}
.mem_form2 .pwd_find {
	float: left;
	width: 100%;
	border-bottom: 1px solid #E97516;
	line-height: 30px;
	margin: 10px 0 0px 0;
	font-size: 11px;
}
.mem_form2 .pwd_find strong {
	float: left;
	width: 126px;
	text-align: center;
	background: #E97516;
	color: #FFF;
	margin-bottom: 0px;
}
.idpw_table { float:left; width:100%;border-collapse:collapse;_border-bottom:1px #E7E7E7 solid; padding:10px 0;}
.idpw_table th { width:126px;_border-bottom:1px #E7E7E7 solid; line-height:30px; _background:#F8F8F8;} 
.idpw_table td {_border-bottom:1px #E7E7E7 solid; height:30px; padding:10px;}

.id_search,
.pw_search {
	float:left;
	width:150px;
	height:30px;
	line-height:30px;
	color:#fff;
	margin-left:0px;
	cursor:pointer;
	text-align:center;
	
	-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.4);
	
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
		
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.id_search {background:#1FBCB0; border:1px solid #0aa296;}
.pw_search {background:#E97516; border:1px solid #d0650d;}

.id_search:hover,
.pw_search:hover {
	background:#535353;
	border:1px solid #333;
}

.id_search_ok { width:75%; margin:0 auto;font-size:14px; border:1px #090 dotted; text-align:center; padding:10px 0; background:#ebfbed;}
.id_search_ok span{ color:#090; font-weight:bold;}

.btn_login {
	float:left;
	width:102px;
	height:80px;
	line-height:60px;
	background:black;
	border:1px solid #434343;
	color:#ffffff;
	margin-left:0px;
	font-weight:bold;
	cursor:pointer;
}
.btn_login:hover {
	background:#05e8bf;
	border:1px solid #01cda8;
	color:#004f41;
	
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
}
.btn_loginM {
	float:left;
	width:102px;
	height:60px;
	line-height:60px;
	background:#434343;
	border:1px solid #434343;
	color:#fff;
	margin-left:0px;
	font-weight:bold;
	cursor:pointer;
	
	-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.6);
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_loginM:hover {
	background:#05e8bf;
	border:1px solid #01cda8;
	color:#004f41;
	
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;	
}
.btn_id_pw_search {
	float:left;
	width:190px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#fbfbfb;
	border:1px solid #CCC;
	margin-right:10px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_id_pw_search2 {
	float:left;
	width:120px;
	height:32px;
	line-height:25px;
	background:#66B4ad;
	border:1px solid #CCC;
	margin-right:10px;

    text-align: center;
    display:table-cell;
    vertical-align:middle;
	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    color:#FFF;
}
.btn_id_pw_search3 {
	float:left;
	width:120px;
	height:32px;
	line-height:25px;
	text-align:center;
	background:#606060;
	border:1px solid #CCC;
	margin-right:10px;
	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    color:#FFF;
}
.btn_id_pw_search:hover {background:#14c398;border:1px solid #14c398; color:#FFF;}
.btn_id_pw_search2:hover {background:#14c398;border:1px solid #14c398; color:#000;}
.btn_id_pw_search3:hover {background:#14c398;border:1px solid #14c398; color:#000;}
.join_search { padding:10px 0 10px 0;} 

.login_on { padding:10px 0 0 0;} 
.login_on input { float:left; width:15px; height:15px; margin-right:5px; border:1px solid #999; background:#FBFBFB; color:#333;}
.login_on:hover { color:#0C9;}

.btn_signup {
	float:left;
	width:100px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#fbfbfb;
	border:1px solid #CCC;
	color:#01cda8;
	margin-right:5px;
	font-weight:bold;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_signup:hover { background:#14c398;border:1px solid #14c398;color:#FFF;}

.btn_signup2 {
	float:left;
	width:100px;
	height:28px;
	line-height:28px;
	text-align:center;
	background:#66B4ad;
	border:1px solid #CCC;
	color:#ffffff;
	margin-right:5px;
	font-weight:bold;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_signup2:hover { background:#606060;border:1px solid #14c398;color:#FFF;}

.btn_set  { float:left; width:100%;margin:20px 0 50px 0;text-align:center;}
.btn_set2  { float:left; width:100%;margin:20px 0 0 0;text-align:center;}
.btn_set3  { float:left; width:100%;margin:10px 0 50px 0;text-align:center;}
.btn_common { margin:0 auto; text-align:center;line-height:55px; background:#333; padding:15px 80px; color:#FFF; font-weight:bold; font-size:16px; }
.btn_common:hover { background:#000;} 

.btn_commonCV { margin:0 auto; text-align:center;line-height:55px; background:#00beb4; padding:15px 80px; color:#FFF; font-weight:bold; font-size:16px; }
.btn_commonCV:hover { background:#66B4ad;} 

.btn_join { margin:0 auto; text-align:center;line-height:55px; background:#66B4ad; padding:15px 80px; color:#FFF; font-weight:bold; font-size:16px; }
.btn_join:hover { background:#606060;} 

.board_list { float:left; width:100%; min-height:350px;}

.board_btn_gray { margin:0 auto; text-align:center;line-height:55px; background:#999; padding:10px 60px; color:#FFF; font-weight:bold; font-size:16px; }
.board_btn_gray:hover { background:#000;} 

.board_btn_green { margin:0 auto; text-align:center;line-height:55px; background:#0dd5b1; padding:10px 60px; color:#FFF; font-weight:bold; font-size:16px; }
.board_btn_green:hover { background:#000;} 

.btn_common_gray { margin:0 auto; text-align:center;line-height:55px; background:#999; padding:15px 80px; color:#FFF; font-weight:bold; font-size:16px; }
.btn_common_gray:hover { background:#000;} 

.btn_common_green { margin:0 auto; text-align:center;line-height:55px; background:#00beb4; padding:15px 80px; color:#FFF; font-weight:bold; font-size:16px; }
.btn_common_green:hover { background:#66B4ad;} 

.btn_common_gray img,
.btn_common_green img { vertical-align:middle; margin:0 auto; margin-right:5px; margin-top:-5px;}

.faq_contents_menu {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
.faq_contents_menu a {
	float:left;
	padding:0 20px 0 20px;
	height:25px;
	line-height:25px;
	background:url(../img/btn_grd_bg.png) repeat;
	border:1px solid #CCC;
	margin-right:1px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}
.faq_contents_menu a:hover { color:#000;}
.faq_contents_menu .on {
	background:#1FBCB0;
	border:1px solid #0aa489;
	color:#ffffff}
	
.faq_q { }
.faq_a { min-height:80px;background:#FBFBFB; padding:10px 0 20px 0;}

.faq_tbl {float:left;width:100%;border-collapse: collapse; color:#666; border-top:1px solid #999;}
.faq_tbl th {
	padding: 8px 0 5px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.faq_tbl td { padding-right:15px;border-bottom: 1px dotted #CCCCCC;}

.company_content{
	float: left;
	width: 789px;
	margin:20px 0 30px 30px;
}

.company_content_tlt { margin-bottom:10px;}

.Header_form { clear:both; min-width:1080px; min-height:40px; background:#585A59;}
.Header_inner { width:1080px; margin:0 auto; padding-top:0px; }

.HeaderM_form { clear:both; width:1190px; min-height:40px;}
.HeaderM_inner { width:1190px; margin:0 auto; padding-top:0px; }

.footer_form { clear:both; min-width:1080px; min-height:220px; background:#f7f7f7;}
.footer_inner { width:1080px; margin:0 auto; padding-top:10px; }

.footerM_form { clear:both; min-width:640px; min-height:120px; background:#f7f7f7;}
.footerM_inner { width:640px; margin:0 auto; padding-top:10px; }

.subM {width:720px; margin:0 auto;}
.subM_set{ float:left; width:718px; height:100%; position:inherit; border:0px solid #e5e5e5;margin:20px 0 40px 0;}
.sideM {float:left;width:8px;}

.subM_form { clear:both; min-width:720px; min-height:120px; background:#f7f7f7;}
.subM_inner { width:720px; margin:0 auto; padding-top:10px; }


.footer_logo {
	float: left;
	margin-top: 15px;
}
.footer_banner {
	float:right;
	width:304px; margin-right:5px;
	_border: 1px #FF0000 solid;
}
.bank_img_stamp { margin-top:10px; }

#footer{
	float: left;
	width: 850px;
	margin: 0;
	margin-left: 20px;
	_border: 1px #FF0000 solid;
}

#footer ul,#footer li,#footer a,#footer strong,#footer img,#footer em,#footer address,#footer span{margin:0;padding:0;color:#afafaf;font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal}
#footer a{ color:#666;text-decoration:none}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer ul{margin:0 0 10px}
#footer ul li{
	display: inline;
	position: relative;
	padding: 0 5px 0 7px;
	_background-position: left 10%;
	font-size: 12px;
	white-space: nowrap
}
.ft_pr { font-weight:bold;color:#666;}
#footer ul li a:hover,#footer ul li a:hover strong{color:#666;}
#footer ul li.frst{padding:0 3px 0 0;background:none}
#footer .info{color:#F0F0F0;font-size:11px;line-height:15px; font-weight:bold;}
#footer .info2{margin: 13px 0 5px 0;color:#b0b0b0;font-family: NotoSansKR-Regular; font-size:12px;line-height:20px}
#footer .info2 span{display:inline-block;color:#b0b0b0;margin:0 2px;font-size:11px}
#footer address{font-family:Verdana;font-size:9px;line-height:14px}
#footer address img{vertical-align:middle}
#footer address a{color:#afafaf;font-family:Tahoma;font-size:9px;font-weight:bold}
#footer address a:hover{color:#009bc8}
#footer address span{padding-left:2px;font-family:Verdana;font-size:9px;line-height:14px}
#footer address em{
	font-family: verdana;
	font-size: 9px
}
#footer address .logo{display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline}

/* //UI Object */

/* UI Object */
.paginate{
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 30px;
	text-align: center;
	zoom: 1;
}
.paginate a{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:3px;padding:0 0 0 5px;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(../img/bg_page_nav_ru.gif) no-repeat 0 0 !important}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:3px;padding:0 0 0 5px;background:url(../img/bg_page_nav_ru.gif) no-repeat 0 0 !important;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate strong{color:#01939c !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(../img/bg_page_nav_ru.gif) no-repeat 100% 0 !important;text-decoration:underline;cursor:pointer}
.paginate strong span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;background:url(../img/bg_page_nav_ru.gif) no-repeat 100% 0 !important;zoom:1}
/* user option */
.paginate a.pre,.paginate a.next{position:relative;top:9px;background:none !important;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:8px}
/* //UI Object */

/*--------------------------------------------------------------------------------
            약관동의
--------------------------------------------------------------------------------*/	

.agreement_pg {
	float: right;
	margin: 15px 10px 15px 0;
	width: 99%;
}

.agreement_pg h5 { height:13px; margin:15px 0 10px 18px; font-size:12px; color:#75521E }

.agreement_pg div.agreement {height:155px; border:1px solid #e6e6e6; padding:20px; color:#4c4c4c; overflow:auto; overflow-y:auto;}


.agreement_pg .agreement_check {margin:15px 0; text-align:center; }
.agreement_pg h6 {font-size:14px; margin:15px 0;}
.agreement_pg .tit {display:block;margin:10px 0;}
.agreement_pg .agreement {line-height:20px;}
.agreement_pg .agreement .doc_list li{margin-top:0;}


.doc_list, .doc_sub_list{padding-left:20px;line-height:20px;}
.doc_list li {margin-top:10px;list-style-type:decimal;}

.doc_list_nostyle{padding-left:0;}
.doc_list_nostyle li{margin-top:10px; list-style-type:none;}

.doc_list, .doc_sub_list{padding-left:20px;line-height:18px;}
.doc_sub_list li {margin-top:0; list-style-type:disc;}

.fc_name { font-weight:bold;}

.doc_sub_list1{padding-left:15px;line-height:18px;}
.doc_sub_list1 li {margin-top:0; list-style-type: decimal;}

.doc_sub_list2{padding-left:20px;line-height:18px;}
.doc_sub_list2 li {margin-top:0; list-style-type: circle;}

.doc_sub_list3{padding-left:15px;line-height:18px;}
.doc_sub_list3 li {margin-top:0; list-style-type: disc;}

.mem_form2 div.agreement {  color:#4c4c4c; }

.mem_form3 { float:left; width:600px; border:4px solid #e5e5e5; padding:10px 10px 20px 10px; margin:0 0 0 20px;}
.mem_form3 div.agreement {height:155px; border:1px solid #e6e6e6; padding:20px; color:#4c4c4c; overflow:auto; overflow-y:auto;}
.mem_form3 .agreement_check { width:500px; margin:0 auto; margin-top:20px; margin-bottom:20px; margin-left:20px; text-align:left; }
.mem_form3 .agreement h5 {font-size:14px; margin:0 0 15px 0; color:#00af73;}
.mem_form3 .agreement .tit {display:block; font-weight:bold;margin:10px 0;}
.mem_form3 .agreement {line-height:20px;}
.mem_form3 .agreement .doc_list li{margin-top:0;}

.mem_form4 { float:left; width:600px; padding:10px 10px 20px 10px; margin:0 0 0 20px;}
.mem_form4 div.agreement {height:155px; border:1px solid #e6e6e6; padding:20px; color:#4c4c4c; overflow:auto; overflow-y:auto;}
.mem_form4 .agreement_check { width:500px; margin:0 auto; margin-top:20px; margin-bottom:20px; margin-left:20px; text-align:left; }
.mem_form4 .agreement h5 {font-size:14px; margin:0 0 15px 0; color:#00af73;}
.mem_form4 .agreement .tit {display:block; font-weight:bold;margin:10px 0;}
.mem_form4 .agreement {line-height:20px;}
.mem_form4 .agreement .doc_list li{margin-top:0;}


.hidden { float: left !important; width: 0px !important; height: 0px !important; opacity: 0 !important; }

.book-paper .active a { display: none; }
.book-paper .active-image {display: none;}
.book-paper .active .active-image { display: block; }


.book-paper { padding-top: 20px; height: 200px !important; }
.book-paper ul { padding-top: 10px; }
.book-paper li { width: 150px; }
.book-paper .active a { display: none; }
.book-paper .active-image { display: none; }
.book-paper .active .active-image { display: block; }

.check_msg { background:url('../img/exclamationIcon.gif') no-repeat; width:12px; height:11px; border:0; margin:3px; cursor:pointer; }


.u511_input{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 140px;
    height: 36px;
    padding: 2px 2px 2px 7px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: #000000;
    vertical-align: none;
    text-align: left;
    text-transform: none;
    background-color: transparent;
    border-color: transparent;
}

.ax_default {
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: #333333;
    vertical-align: none;
    text-align: center;
    line-height: normal;
    text-transform: none;
}

.memo_tfX {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 2px 2px 2px 8px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    height: 30px;
    border-radius: 5px;
    padding-left: 6px;
    }

.memo_tfXZ_M {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: 40px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }

.memo_tfXZ {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    height: 31px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }
.memo_tfXZM1 {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    height: 31px;
    padding-left: 6px;
    }
.memo_tfXZM2 {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    height: 31px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }

.memo_tfXZM4 {float:left; width:98%; background:#FFF; border:1px solid #808080; 
    padding: 1px 1px 1px 1px;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: 36px;
    border-radius: 0px;    height: 42px;
    padding-left: 6px;
    border-radius: 6px;
    margin: 1px;

    }

.memo_tfXZM3 {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: 36px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }

.memo_tfXZM3 {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: 36px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }
.memo_Box {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    height: 25px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }

.memo_BoxM {float:left; width:98%; background:#FFF; border:1px solid #c1c1c1; 
    padding: 1px 1px 1px 1px;
    font-family: '';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: 32px;
    border-radius: 0px;
    padding-left: 6px;
    border-radius: 6px;
    }

.order_content_tblX {float:left;width:100%;border-collapse: collapse;     
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
}
.order_content_tblX th { padding:2px 0px 2px 6px;font-weight:600; font-size: 13px; text-align:left; background-color: #F0F7F6;}
.order_content_tblX td { padding:2px 0px 2px 0px;}

.order_content_tblX2 {float:left;width:100%;border-collapse: collapse;     
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
}
.order_content_tblX2 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 13px; text-align:left;}
.order_content_tblX2 td { padding:2px 0px 2px 0px;}

.order_content_tblX2M1 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 18px; text-align:left;}
.order_content_tblX2M1 td { padding:2px 0px 2px 0px;}
.order_content_tblX2M2 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 24px; text-align:left;}
.order_content_tblX2M2 td { padding:2px 0px 2px 0px;}
.order_content_tblX2M3 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 28px; text-align:left;}
.order_content_tblX2M3 td { padding:2px 0px 2px 0px;}


.order_content_tblX2M {float:left;width:100%;border-collapse: collapse;     
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}
.order_content_tblX2M th { padding:2px 0px 2px 6px;font-weight:600; font-size: 13px; text-align:left;}
.order_content_tblX2M td { padding:2px 0px 2px 0px;}

.order_content_tblX2M1 {float:left;width:100%;border-collapse: collapse;     
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}
.order_content_tblX2M1 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 18px; text-align:left;}
.order_content_tblX2M1 td { padding:2px 0px 2px 0px;}

.order_content_tblX2M2 {float:left;width:100%;border-collapse: collapse;     
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}
.order_content_tblX2M2 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 24px; text-align:left;}
.order_content_tblX2M2 td { padding:2px 0px 2px 0px;}

.order_content_tblX2M3 {float:left;width:100%;border-collapse: collapse;     
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}
.order_content_tblX2M3 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 28px; text-align:left;}
.order_content_tblX2M3 td { padding:2px 0px 2px 0px;}

.order_content_tblX2M4 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 28px; text-align:left;}
.order_content_tblX2M4 td { padding:2px 0px 2px 0px;}

.order_content_tblX1M4 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 28px; text-align:left;}
.order_content_tblX1M4 td { padding:2px 0px 2px 0px;}

.order_content_tblTHM4 th { padding:2px 0px 2px 6px;font-weight:600; font-size: 42px; text-align:left;}
.order_content_tblTHM4 td { padding:2px 0px 2px 0px;}

.m_tbltrB {
    font-weight: 600;
    font-size: 24px;
}
.m_tbltr {
    height:30px;
    font-weight: 400;
    font-size: 20px;
}

.order_content_tblTH {
    height: 52px;
    text-align: center;
}
.order_content_tblTHM1 {
    height: 56px;
    text-align: center;
    font-size: 21px;
}
.order_content_tblTHM2 {
    height: 52px;
    text-align: center;
    font-size: 18px;
}

order_content_tblTHM3 {
    height: 52px;
    text-align: center;
    font-size: 18px;
}
order_content_tblTHM4 {
    height: 52px;
    text-align: center;
    font-size: 24px;
}
.order_content_tbl0 {
    padding: 0px;
}
.order_content_tbl0 th { padding: 0px;}
.order_content_tbl0 td { padding: 0px;}

.order_info_tbl {
    padding: 0px;
}
.order_info_tbl th { padding: 0px; width:50%;}
.order_info_tbl td { padding: 0px;}

.order_info_tbl2 {
    padding: 0px;
}
.order_info_tbl2 th { padding: 0px; width:50%;}
.order_info_tbl2 td { padding: 0px;}
.order_info_tbl2 tr { height:20px;}


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}


.bg-red {
    background-color: #dd4b39 !important;
    margin-left: 1px;
}
.bg-green {
    background-color: #00a65a !important;
    margin-left: 1px;
}
.bg-yellow {
    background-color: #f39c12 !important;
    margin-left: 1px;
}
.bg-blue {
    background-color: #0073b7 !important;
    margin-left: 1px;
}
.bg-navy {
    background-color: #001f3f !important;
    margin-left: 1px;
}
.bg-teal {
    background-color: #39cccc !important;
    margin-left: 1px;
}
.bg-olive {
    background-color: #3d9970 !important;
    margin-left: 1px;
}
.bg-lime {
    background-color: #01ff70 !important;
    margin-left: 1px;
}
.bg-orange {
    background-color: #ff851b !important;
    margin-left: 1px;
}
.bg-fuchsia {
    background-color: #f012be !important;
    margin-left: 1px;
}
.bg-purple {
    background-color: #605ca8 !important;
    margin-left: 1px;
}
.bg-maroon {
    background-color: #d81b60 !important;
    margin-left: 1px;
}

.hover_effect_box {
    width: 400px;
    height: 266px;
    margin: 10px;
    border: 10px solid #f3f3f3;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff;
    box-sizing: initial;
 }
 .hover_effect_box * {
    box-sizing: initial;
 }

 .hover_effect_box .caption
 , .hover_effect_box .mask  {
    width: 400px;
    height: 266px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
 }
 .hover_effect_box .content_bg {
    display: block;
    position: relative;
 }
 .hover_effect_box .caption_title {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
 }
 .hover_effect_box .caption_desc {
    font-size: 0.9em;
    line-height: 1.5;
    position: relative;
    color: #fff;
    padding: 30px 20px 40px;
    text-align: center;
 }
 .hover_effect_box .caption_link {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
 }
 .hover_effect_box .caption_link:hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
 }
 
 .hover_effect_1 .content_bg {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
 }
.hover_effect_3 .content_bg {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
 }
 .hover_effect_3 .caption {
    background-color: rgba(146,96,91,0.5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    -moz-transition: all 0.3s ease-in 0.4s;
    -o-transition: all 0.3s ease-in 0.4s;
    -ms-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
 }
 .hover_effect_3 .caption_title {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
 }
 .hover_effect_3 .caption_desc {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: all 0.3s ease-in-out 0.2s;
    -ms-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
    padding: 20px 20px 30px;
 }
 .hover_effect_3 .caption_link {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
 }
 .hover_effect_3:hover .caption {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
 }
 .hover_effect_3:hover .content_bg {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
 }
 .hover_effect_3:hover .caption_title {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
 }
 .hover_effect_3:hover .caption_desc {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
 }
 .hover_effect_3:hover .caption_link {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
 }
.Crbutton {
  background-color: #606060; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.Crbutton:hover {
  background-color: #66B4ad;
  color: white;
}

.CrbuttonWhite {
  background-color: #FFF; /* Green */
  color: #00BeB4;
  border:1px solid #00BeB4;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.CrbuttonWhite:hover {
  background-color: #00BeB4; /* Green */
  color: #000;
}

.CrbuttonBEB4 {
  background-color: #000; /* Green */
  color: #00BeB4;
  border:1px solid #00BeB4;
  padding: 16px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.CrbuttonBEB4:hover {
  background-color: #00BeB4; /* Green */
  color: #00BeB4;
}


.CrbuttonWhiteM4 {
  background-color: #FFF; /* Green */
  color: #00BeB4;
  border:1px solid #00BeB4;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.CrbuttonWhiteM4:hover {
  background-color: #00BeB4; /* Green */
  color: #fff;
}

.order_content_tblz {float:left;width:100%;border-collapse: collapse; }
.order_content_tblz th { width:106px; padding:12px 0 12px 5px;font-weight:normal;border-bottom:1px dotted #CCCCCC; text-align:left;}
.order_content_tblz td { line-height:140%;  padding:12px 0;border-bottom:1px dotted #CCCCCC;}

.CssRSt { text-decoration: none; color: #FF0000; }


:root {
    _ColorMT:#00BEB4;
    _ColorKG:#E4E3E3;
}