@charset "utf-8";

/* Font-Face */
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/*@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */



html{margin:0; padding:0; width:100%; overflow-y:scroll;}
body{margin:0; padding:0; width:100%; font-family:'Noto Sans KR',Nanum Gothic,Dotum,Helvetica,AppleGothic,Sans-serif; font-size:13px; font-weight:400; letter-spacing:0px; line-height:1.6; color:#808080;  }
/*#body_m{background:#ffffff url(/user_data/data/images/main_a_bg_blue3_2.jpg) repeat-x left top;}*/
img{margin:0; padding:0;}
a,{text-decoration:none;} a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true); text-decoration:none;}


ul, ol {list-style-type:none;}
dt, dd  {list-style-type:none;}

h1,h2, h3, h4 ,h5{padding:0px; margin:0px; font-family:'Noto Sans KR',Nanum Gothic,Dotum,Helvetica,AppleGothic,Sans-serif;}
hr {display: none;}
li{list-style-type:none;}

/* link style */
a:link    	        {color:#666666; text-decoration:none;}
a:visited 	        {color:#666666; text-decoration:none;}
a:active  	        {color:#fd6c02; text-decoration:none;}
a:hover         	{color:#000000; font-weight:bold; text-decoration:none;}

legend, label.hidden{position: absolute;top: 0px;left: 0px;visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
caption {visibility:hidden; width:0;height:0;text-indent:-9999px;color:#808080;}
input[type=submit] {border:0 none; padding:0; background:transparent; vertical-align:middle; color:#fff; font-size:0px; line-height:0px; cursor:pointer;}
input[type=button] {padding:0; vertical-align:middle; cursor:pointer;}
input.goSel {width:44px;height:20px; line-height:0px; }
div{color:#666666; margin:0; padding:0;}
textarea { border:1px solid #ccc; font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; padding:3px 0 1px 3px;}
select, img {margin:0; padding:0;}

.pop-conts{background:none;}

/*total*/
#wrap{position:relative; margin:0 auto; min-width:1210px; min-height:100%; height:100%;}
#wrapmain{position:relative; margin:0 auto; width:100%; height:auto; min-height:1000px; !important; min-height:100%; height:100%;}
#header{position:relative; margin:0 auto; width:100%; height:90px; }
#container{position:relative; overflow:hidden; margin:0 auto; min-width:1210px; height:auto !important;  min-height:750px; height:100%;}
#footer{position:relative; clear:both; margin:0 auto;  bottom:0; width:100%; height:178px; background:#393939;}


/* header */
#topmenu {position:relative; margin:0 auto; padding:0; width:1210px; height:35px;}
.util {float:left;  width:1210px; margin-top:5px; text-align:right; font-size:12px;}
.util a{color:#fff; margin-top:5px;}
.util a:hover{color:#0789c8; text-decoration:none;}
.util span{width:10px; padding-left:7px; padding-right:7px;}
.logo {position:absolute; margin:0 left; padding-top:20px;  font-weight:bold; text-align:left; width:10%; z-index:99999;}
.logo img {width: 200px; margin-top: -30px;}
.t_search{float:right; width:170px; height:30px; text-align:left;  font-size:12px; color:#fff; background:#08285a;}
.t_search img{text-align:right;}
input.search_word {width:140px; height:25px; margin-top:2px; border:0px; background:#08285a;}

.pop-layer5 .btn-r{width:56%;}

/* 탑메뉴 */
#mbox {position:relative; margin:0 auto;  padding:0; width:100%; top:0px; height:64px; border-bottom:1px solid #e5e5e5;}
.menubox {position:relative; margin:0 auto;   width:1100px;  height:63px;}
.menubox_top {position:relative; float:right; width:600px; height:62px; z-index:9999;}
.top_menu {font-weight:normal; color:#000; margin-top:-20px; padding-top:30px; cursor: pointer;}
.top_menu a:link{color:#000; font-size:18px;}
.top_menu a:hover{}
.top_menu a:visited{color:#000000;}
.top_menu_1{float:left; width:150px; text-align:center;}
.top_menu_2{float:left; width:150px; text-align:center;}
.top_menu_3{float:left; width:150px; text-align:center;}
.top_menu_4{float:left; width:150px; text-align:center;}

.menubox_sub {position:absolute; display:none; margin:0 auto; overflow:hidden;  height:185px; width:100%; background:#ffffff; z-index:99999999; border-bottom:1px solid #e5e5e5;}
.depone {margin:0 auto; width:1100px;}
.depone_img{float:left;}
p.depone_title{padding-top:20px; font-weight:bold; color:#000; font-size:24px; line-height:100%;}
p.depone_text{font-weight:bold; color:#8c8c8c; font-size:16px;}
.deptwo{float:left; width:144px; text-align:center;}
.deptwo a{color:#000; font-size:14px;}
.deptwo a:hover{color:#000; font-size:14px;}
.subimg{height:140px;}


/* 여백 */
.ml5  {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15  {margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml35  {margin-left:35px !important;}
.mtop5 {margin-top:5px !important;}
.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop20 {margin-top:20px !important;}
.mtop25 {margin-top:25px !important;}
.mtop30 {margin-top:30px !important;}
.mtop35 {margin-top:35px !important;}
.mbottom5 {margin-bottom:5px !important;}
.mtop_m20 {margin-top:-20px !important;}


/*main*/
#main          		 {position:relative; margin:0 auto; width:100%; min-height:560px;}
#main_bg             {margin:0 auto;  width:100%; height:420px; }

#main_contents    {margin:0 auto; width:100%; text-align:center;}
.main_top_content_bg {margin:0 auto; width:100%; height:150px; background:#f13137;}
.main_top_content {margin:0 auto; width:1210px; height:150px; padding:0px;}
.main_top_content img{float:left; padding:0px; margin:0px;}

.main_content {margin:0 auto; width:1210px; height:340px; padding:0px;}
.main_content_service_box{float:left; width:580px; padding:0px; margin-top:50px;}
.main_content_service{float:left; height:135px;}
.main_content_service_btn{float:right; height:135px; padding-top:20px;}
.main_content_banner{height:115px;}
.main_content_banner img{float:left;}
p.main_content_tit{font-size:20px; text-align:left; font-weight:400; color:#333333; letter-spacing:-1px;}
p.main_content_text{font-size:14px; text-align:left; font-weight:300; color:#000000; letter-spacing:0px; line-height:20px;}
p.main_content_btn{font-size:14px; text-align:left; padding-left:200px; font-weight:300; color:#000000; letter-spacing:-1px; line-height:19px;}
p.main_content_btn a{ color:#f13137;}

.main_content_solution_bg{float:right; width:580px; padding:0px;  margin-top:50px; background:url("/files/images/main_solution_bg.png") center bottom no-repeat;}
.main_content_solution{height:250px; padding:30px 40px;}

.main_bottom_bg {margin:0 auto; width:100%; height:304px; background:#f6f6f6;}
.main_bottom {margin:0 auto; width:1210px; padding-top:40px; }
.main_bottom_box {float:left; width:290px; padding:0px;}
.main_bottom_box img{text-align:center;}
.main_bottom_box_margin {float:left; width:290px; padding:0px; margin-right:50px;}
.main_bottom_box_margin img{text-align:center;}

p.main_bottom_btn{font-size:100%;  text-align:right; padding-top:0px; padding-right:55px; font-weight:300; color:#000000; letter-spacing:-1px; line-height:19px;}
p.main_bottom_btn a{ color:#f13137;}

p.main_bottom_tit{font-size:20px; text-align:center; font-weight:400; color:#333333; letter-spacing:-1px;}
p.main_bottom_ptext{font-size:22px; text-align:center; padding-top:10px; font-weight:300; color:#000000; letter-spacing:-1px; line-height:18px;}
p.main_bottom_text{font-size:15px; text-align:center; padding-top:3px; font-weight:300; color:#959595; letter-spacing:0px; line-height:19px;}
p.main_bottom_email{font-size:18px; text-align:center; padding-top:0px; font-weight:300; color:#959595; letter-spacing:0px; line-height:19px;}

.main_bottom_text_box{margin-left:60px; width:190px; height:40px; text-align:center; border: 1px solid #d8d8d8; margin-bottom:5px; }
p.main_bottom_btit{float:left; padding:8px 9px; font-size:16px; text-align:center; font-weight:300; color:#000000; letter-spacing:-1px; line-height:18px;}
p.main_bottom_btext{font-size:13px; text-align:left; padding-left:16px;  padding-top:3px; font-weight:300; color:#959595; letter-spacing:0px; line-height:16px;}


/*main_button*/
@-webkit-keyframes sheen { 0% { -webkit-transform: skewY(-45deg) translateX(0); transform: skewY(-45deg) translateX(0); } 100% { -webkit-transform: skewY(-45deg) translateX(12.5em); transform: skewY(-45deg) translateX(12.5em); } } @keyframes sheen { 0% { -webkit-transform: skewY(-45deg) translateX(0); transform: skewY(-45deg) translateX(0); } 100% { -webkit-transform: skewY(-45deg) translateX(12.5em); transform: skewY(-45deg) translateX(12.5em); } }

.view-box { display: block; position: absolute; top: 340px; left: 971px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 95px;}
.view-box .button-view {float: right; width:100px; border: 1px solid #000;}
.view-box2 { display: block; position: relative; top: 30px; margin-left: 48px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.view-box3 { display: block; position: absolute; top: 377px; left: 971px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 95px;}
.view-box3 .button-view {float: right; margin-top:150px; width:100px; border: 1px solid #000;}

.button-view { padding: 5px 16px; text-align: center; text-decoration: none; color: #000; border: 1px solid #000; font-size: 12px; display: inline-block; border-radius: 0.3em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; overflow: hidden; font-weight: 600; }
.button-view:before { content: ""; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 3em; display: block; position: absolute; top: 0; left: -4.5em; -webkit-transform: skewX(-45deg) translateX(0);   transform: skewX(-45deg) translateX(0); -webkit-transition: none; transition: none; }
.button-view:hover { background-color: #000; color: #fff; border-bottom: 0px solid #999; }
.button-view:hover:before { -webkit-transform: skewX(-45deg) translateX(13.5em); transform: skewX(-45deg) translateX(13.5em); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.player_sample{
    font-size: 16px;
    color: #000;
	text-align:right;	
	border-radius:25px;
	margin-top:-45px;
	margin-right:30px;
	
}

.player_sample a{
   
    color: #ffffff;
	text-align:right;	
	cursor: pointer;
	
	border-radius:25px;
	padding:10px 35px;
	background: #d20238;
}

.player_sample a:hover{
    
    color: #fff;
	text-align:right;	
	border-radius:25px;
	background: #d20238;
	border:0px solid #d20238;
	text-decoration:none;
}

.header__quick {
    
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 280px;
    padding-right: 15px;
	float:right;
	margin-top:-50px;
	margin-right:-50px;
}
   
.header__quick a:link{
  text-decoration:none;
} 
.header__quick a:visited{
  text-decoration:none;
}
.header__quick a:active{
  text-decoration:none;
}
.header__quick a:hover{
  text-decoration:none;
}

.header__btn {
    display: block;
    position: relative;
    width: 130px;
    height: 40px;
    overflow: hidden;
    padding: 0 25px;
    border-radius: 25px;
    z-index: 10;
}
.header__btn2 {
    display: block;
    position: relative;
    width: 130px;
    height: 40px;
    overflow: hidden;
    padding: 0 18px;
    border-radius: 25px;
    z-index: 10;
}
.header__btn::before,.header__btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s linear;
}

.header__btn::before {
    background: linear-gradient(to right, #d20238, #e48343);
    transform: translateX(-100%)
}

.header__btn::after {
    background: linear-gradient(to right, #e48343, #d20238);
    transform: translateX(0);
	text-decoration:none;
}

.header__btn:hover::before {
    transform: translateX(0)
}
.header__btn:visited {text-decoration:none;}

.header__btn:hover::after {
    transform: translateX(100%)
}
.header__btn:hover{text-decoration:none;}

.header__btn-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 17px;
    z-index: 10;
	color:#ffffff;
	padding-top:5px;
	padding-left:5px;
}
.header__btn-text2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 17px;
    z-index: 10;
	color:#ffffff;
	padding-top:5px;
	padding-left:5px;
}
.header__btn-text3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 12px;
    z-index: 10;
	color:#ffffff;
	padding-top:5px;
	/*padding-left:5px;*/
}
.header__btn-icon {
    font-size: 20px
}

.header__quick button{padding:0px 0px;}

.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  margin: 200px auto 0 auto;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}



h2{margin:0 auto; padding-top:35px; padding-bottom:10px; text-align:left; text-align:center; font-size:24px; color:#ffffff; letter-spacing:-1px; font-weight:bold;}
h3{margin:0 auto; text-align:left; height:40px; font-size:22px; color:#000000; letter-spacing:-1px; font-weight:bold; letter-spacing:-2px; background:url("/files/images/h3_tit.png") left bottom no-repeat; margin-bottom: 20px; }
h4{padding-top:5px; margin-bottom:10px; font-size:20px; color:#1453a5; letter-spacing:-1px; font-weight:bold;}
h5{padding-top:5px; margin-bottom:10px; font-size:22px; color:#666666; }

/*sub*/
#subdepth	  	 {position:relative; margin:0 auto; width:100%; height:30px; float:right; text-align:left; border-bottom:1px solid #ddd;}
#subdepth .depth {margin:0 auto; width:1200px; height:20px; text-align:right; padding-top:5px; padding-right:15px;}
#sub             {position:relative; margin:0 auto; width:1200px; height:100%;}

#sub_left{float:left;}
.sub_left_banner img{margin-top:250px; float:left;}

/*sub*/
#sub_content_full      {margin:0 auto; float:left; padding:35px 0px 30px 0px; width:100%; min-height:900px;}
#sub_content           {position:relative; margin:0 auto; float:left; border-left:1px solid #dddddd; padding:35px 0px 30px 39px; min-height:700px; width:920px;}
.gray_bg {margin:0 auto; width:100%; background:#f5f5f5; padding-bottom:40px; height: auto;}
.section {margin:0 auto; margin-top:30px; }
.sub_con{width:850px;}
.solution_con{width:850px;}
.new_con{width:890px;}


.panel-default > .panel-heading {
  color: #333333;
  background-color: #ffffff;
  border-color: #dddddd;
}

.sub_bg > .sub_img > p.s_text{text-align:left; height:45px; line-height:35px; font-size:30px; font-weight:500; color:#ffffff; letter-spacing:-1px; }
span.s_red{color:#ef3139;}

.panel-title a:hover{color:#f3373d; font-weight:normal;}
.panel-title img{margin-right:10px;}

p.nsub_tit{font-size:17px; text-align:left; padding-left:0px; font-weight:400; color:#393939; letter-spacing:-1px; line-height:26px; margin-bottom:20px;}
span.text_red{color:#ef3139; font-weight:normal;}
span.text_right{font-size:14px; color:#000000; font-weight:300;}
p.nsub_stit{font-size:16px; text-align:left; padding-left:0px; font-weight:400; color:#545454; letter-spacing:-1px; line-height:22px; margin-top:20px;}
p.nsub_text{font-size:15px; text-align:left; padding-left:0px; font-weight:400; color:#545454; letter-spacing:0px; line-height:28px; margin-top:20px;}
p.nsub_redtit{font-size:20px; text-align:left; padding-left:0px; font-weight:700; color:#f3363c; letter-spacing:-1px; line-height:18px; margin-top:17px;}
p.nsub_yeartit{font-size:20px; text-align:left; padding-left:0px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; padding-top:3px;}
p.nsub_ptit{font-size:20px; text-align:left; padding-left:0px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; margin-top:17px;}

.sub_his_box{padding:0px; height:630px; width:850px; margin-bottom:-30px;}
.sub_his{padding:0px; margin:0px; width:850px; clear:both;}
.sub_his_left{float:left; padding:0px; width:36px; min-height:200px; background:url("/files/images/new_sub_his_ball_bg.png") center bottom repeat-y;}
.sub_his_right{float:left; margin-left:20px; width:790px;}

.sub_patent_box{margin:0px; padding:0px;}
.sub_patent_01{float:left; margin-top:20px; margin-right:84px;}
.sub_patent_02{float:left; margin-top:20px; margin-right:0px;}
.sub_patent_03{float:left; margin-top:20px; width:507px; text-align:center;}
.sub_patent_04{float:left; margin-top:20px; width:343px; text-align:center;}
p.sub_patent_txt{font-size:16px; text-align:left; padding-left:140px; font-weight:400; color:#222222; letter-spacing:-1px; line-height:22px; margin-top:40px; margin-bottom:10px;}
p.sub_media_txt{font-size:16px; text-align:left; padding-left:0px; font-weight:400; color:#222222; letter-spacing:-1px; line-height:22px; margin-top:40px; margin-bottom:10px;}
p.sub_left_txt{font-size:15px; text-align:left; padding-left:0px; font-weight:400; color:#545454; letter-spacing:-1px; line-height:22px; margin-top:10px; margin-bottom:40px;}

.new_con_admin{width:890px;}
.new_con_admin img{border:1px solid #d4d4d4;}
.new_con_admin_box_all{display:inline-block;}
.new_con_admin_box_left{float:left; width:210px;}
.new_con_admin_box_left img{margin-top:20px; border:0px solid #d4d4d4;}
.new_con_admin_box_right{float:left; width:672px;}
.new_con_admin_box{display:inline-block;}
.new_con_left_admin{float:left; margin-right:15px;}
.new_con_left_admin img{border:1px solid #d4d4d4;}
.new_con_right_admin{float:right;}
.new_con_right_admin img{border:1px solid #d4d4d4;}
p.sub_admin_tit{font-size:22px; text-align:left; padding-left:10px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:26px; margin-top:30px; margin-bottom:10px; background:url("/files/images/admin_tit_icon.png") left 7px no-repeat;}
p.sub_admin_stit{float:left; font-size:18px; margin-top:32px; text-align:left; padding-left:0px; font-weight:400; color:#000000; letter-spacing:-1.5px; line-height:26px; margin-bottom:10px;}
p.sub_admin_htit{font-size:18px; margin-top:35px; text-align:left; padding-left:0px; font-weight:400; color:#000000; letter-spacing:0px; line-height:26px; margin-bottom:5px;}
p.sub_admin_txt{font-size:16px; margin-top:5px; text-align:left; padding-left:0px; font-weight:400; color:#888888; letter-spacing:0px; line-height:26px; margin-bottom:5px;}
span.admin_comment{font-size:14px; margin-top:5px; text-align:left; padding-left:0px; font-weight:400; color:#777777; letter-spacing:-0.5px; line-height:26px; margin-bottom:5px;}
.admin_line{margin-bottom:32px; height:62px; border-bottom:1px solid #ef3139; width:882px;}

.scrollup{
    position:fixed;
	width:42px;
	height:42px;
    bottom:30px;
    right:30px;
	background: #ffffff;
	border:7px solid #d6c7c0;
	padding-left:10px;
	border-radius:30px;	
	font-weight:400;
}
.fa{color:#fa323e; font-weight:bold;}

/* 언론보도자료 */
.media_box{position:relative; overflow:hidden; margin:0 auto; height:738px; width:850px; margin-top:10px; padding-bottom:10px; border:1px  solid #d4d4d4;}
.media_box .media_left{position:relative; float:left; padding-left:10px; width:560px; padding-top:10px; }
.media_box .media_left img {position:relative; height:100%; clear:both;} 
.media_box .media_right{position:relative;  float:left; width:280px; margin-top:12px;}


#tab02 {margin:0; width:280px; padding:0; border:0; left:0px; top:0px; text-align:left;}
.tab02 li {margin:0; height:61px; text-align:left; padding-left:10px;}
.tab02 li:hover,.tab li.sel{}
.tab02.type02 {margin-bottom:0px; margin:0; text-align:left;}
.tab02.type02 ul{width:280px; margin:0; padding: 0px;}
.tab02.type02 li{height:41px; margin:0; text-align:left; padding-left:15px; padding:8px 0 8px 8px; letter-spacing:-1px; height:110%; font-size:14px; color:#000; border-bottom:1px solid #ebebeb; cursor: pointer;}
.tab02.type02 li:hover,.tab02.type02 li.sel {margin:0; height:41px; padding:8px 0 8px 8px; font-weight:bold; border-bottom:1px solid #fff; letter-spacing:-1px; font-size:14px; color:#000; height:110%; background:url('/user_data/data/images/sub_media_text_bg.jpg')no-repeat top left;}


li.solution_box{float:left; padding:9px; width:280px; height:300px; margin-right:16px; margin-bottom:29px; border-radius:25px; border:1px solid #faafb1;}
li.solution_box:last-child{margin-right:0px;}
.solution_box img{text-align:center; margin-left:95px;}

.partner_h_box{margin:0px; padding:0px; height:130px;}
li.partner_box{float:left; padding:9px; width:205px; height:100px; margin-right:10px; margin-bottom:29px; border-radius:25px; vertical-align:middle; text-align:center; border:1px solid #faafb1;}
li.partner_box:last-child{margin-right:0px;}
li.partner_box img{margin-top:10px;}

p.sub_solu_txt{font-size:14px; text-align:left; padding-left:0px; font-weight:400; color:#7c7c7c; letter-spacing:-1px; line-height:20px; margin-top:12px;}

p.sub_con_ptit{font-size:16px; text-align:left; padding-left:0px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; margin-top:17px;}
p.sub_con_tit{font-size:18px; text-align:left; padding-left:0px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; margin-top:17px;}
p.sub_con_stit{font-size:20px; text-align:center; padding-left:0px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; margin-top:5px; margin-bottom:15px;}
p.sub_con_txt{font-size:16px; text-align:left; padding-left:0px; font-weight:400; color:#666666; letter-spacing:-1px; line-height:22px; margin-top:12px;}

p.sub_center_ptit{font-size:20px; text-align:center; padding-left:0px; font-weight:700; color:#f3363c; letter-spacing:-1px; line-height:18px; margin-top:20px;}
p.sub_center_tit{font-size:18px; text-align:center; padding-left:0px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; margin-top:27px;}
p.sub_center_txt{font-size:15px; text-align:center; padding-left:0px; font-weight:400; color:#8e8e8e; letter-spacing:-1px; line-height:25px; margin-top:17px;}

p.sub_left_ptit{font-size:22px; text-align:left; padding-left:20px; font-weight:700; color:#f3363c; letter-spacing:-1px; line-height:18px; margin-top:20px;}
p.sub_left_tit{font-size:19px; text-align:left; padding-left:20px; font-weight:700; color:#000000; letter-spacing:-1px; line-height:18px; margin-top:27px;}
p.sub_left_txt{font-size:16px; text-align:left; padding-left:20px; font-weight:400; color:#666666; letter-spacing:-1px; line-height:25px; margin-top:17px;}


p.sub_center_icon{font-size:20px; text-align:center; padding-left:0px; font-weight:700; color:#f3363c; letter-spacing:-1px; line-height:18px; margin-top:10px; margin-bottom:-15px;}

.red_h_box{margin:0px; padding:0px; height:300px;}
li.h_box{float:left; padding:9px; width:265px; height:300px; margin-right:35px; border-radius:25px; border:1px solid #f3363c;}
li.h_box:last-child{margin-right:0px;}

.red_d_box{margin-top:30px; padding:0px; height:240px;}
li.d_box{float:left; padding:4px; width:270px; height:224px; margin-right:20px; border-radius:25px; border:1px solid #dddddd;}
li.d_box img{border-radius:25px; }
li.d_box:last-child{margin-right:0px;}

.w_box{padding:5px 22px 10px 22px; width:100%; min-height:90px; border-radius:25px; border:1px solid #f3363c; margin-top:27px;}

.btn_center{text-align:center;}
.btn_left{float:left;}
.btn_right{float:right; margin-top:20px;}

button.red_sbtn{padding:12px 26px; font-size:15px; font-weight:400; text-align:center; color:#ffffff; letter-spacing:-1px;  border-radius:25px; background:#f3363c;}
button.red_btn{padding:16px 46px; font-size:20px; font-weight:400; text-align:center; color:#ffffff; letter-spacing:-1px;  border-radius:25px; background:#f3363c;}


.sub_html_box{margin:0px; padding:0px; width:100%; display:inline-block; margin-bottom:50px;}
.sub_html_left{float:left; width:313px;}
.sub_html_right{float:left;  width:537px;}

.sub_mobile_bg{width:890px; height:722px; margin-left:-39px; margin-bottom:-30px; background:url("/files/images/new_sub_mobile_01.png") left top no-repeat;}
p.nsub_mobile_text{font-size:15px; text-align:left; padding-left:40px; padding-top:540px; font-weight:400; color:#545454; letter-spacing:-1px; line-height:22px; margin-top:30px;}

p.ntable_tit{font-size:20px; text-align:left; padding-left:0px; font-weight:400; color:#393939; letter-spacing:-1px; line-height:32px; margin-bottom:20px;}
p.ntable_icon_tit{font-size:20px; text-align:left; padding-left:0px; font-weight:400; color:#393939; height:65px; letter-spacing:-1px; line-height:32px; padding-top:30px;  margin-top:60px; margin-bottom:10px; background:url("/files/images/h3_tit.png") left top no-repeat;}

/* new_table */
table.new_table{width:100%; margin:10px 0 10px 0; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
table.new_table th {height:40px; text-align:center; font-weight:400; font-size:15px; color:#000; border-top:1px solid #f3363c; border-right:1px solid #cccccc;  border-bottom:1px solid #cccccc;  background:#ffffff;}
table.new_table th.nlast{border-right:1px solid #cccccc;}
table.new_table td {height:40px; text-align:center; color:#858585; font-weight:400; font-size:14px; letter-spacing:0px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
table.new_table td.nleft{text-align:left; padding-left:20px;}
table.new_table td.ntit{text-align:center; font-size:15px; color:#000; font-weight:400;}
table.new_table td.nlast{border-right:1px solid #cccccc;}

.sub_map{width:890px; height:450px; margin-bottom:40px; border:1px solid #cccccc;}
/* add_table */
table.add_table{width:100%; margin:35px 0 10px 0; }
table.add_table td {height:28px; text-align:left; color:#858585; font-weight:300; font-size:14px; letter-spacing:0px; }
table.add_table td.btxt{text-align:left; font-weight:400; color:#393939; font-size:15px;}

#portfolio_cont .port_list  dl {width:calc((100% - 90px) / 4); margin-bottom:30px; }
#portfolio_cont .port_list  dl:nth-child(4n) {margin-right:0;}

#portfolio .moreBtn_plus {margin:60px auto 0;}

.port_list {width:910px; margin-left:-20px; display:flex; flex-wrap:wrap;}
.port_list:after {content:''; display:block; clear:both;}
.port_list dl {position:relative; border-radius:0px; overflow:hidden; margin-left:20px; margin-right:20px; float:left; width:calc((100% - 80px) / 2); margin-top:30px; margin-bottom:30px;}
.port_list dl:hover{border:2px solid #fdb94e;}
.port_list dl:last-child {margin-right:0;}
.port_list dl dt{width:100%; height: 280px; border-radius: 0; text-align:center; border:1px solid #dddddd;}
.port_list dl dt > img {margin-top:0%; width:100%;}
.port_list dl dt {position:relative; overflow:hidden;}
.port_list dl dt .hover {position:absolute; top:50%; left:0; width:100%; height:100%; padding:25% 25px 25px; box-sizing:border-box; background:transparent;transition:all 0.2s linear; opacity:0;}
.port_list dl dd {border-radius:0 0 0px 0px; border:1px solid #dddfe3; border-top:0; padding:15px 10px 0px; box-sizing:border-box; text-align:center; background:#fff;}
.port_list dl dd p {font-size:100%; letter-spacing:-0.6pt; margin-top:5px; margin-left:75px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 120%;}
.port_list dl dd p a:hover{color:#ffa71c; font-weight:400;} 
.port_list dl dd p span{float:right;}
.port_list dl dd h4 {font-size:140%; color:#222;letter-spacing:-0.6pt; font-weight:400;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 120%; margin:-9px 0 0;}
.port_list dl dd h4 a:link{color:#000000;}
.port_list dl dd h4 a:visited{color:#000000; text-decoration:none;}
.port_list dl dd h4 a:hover{font-size:100%; color:#000000; font-weight:500;  text-decoration:none;}
.port_line{margin-left:20px; border-bottom:1px solid #dddddd; width:870px;}
span.cate {display:block; position:absolute; top:15px; left:15px; width:100px; height:30px; background:#ef3139; border-radius:50px; color:#fff; text-align:center; line-height:30px; font-size:14px; z-index:10; transition:all 0.3s linear;}
span.cate_circle {position:absolute; top:10px; right:10px; display:block; width:80px; height:80px; line-height:80px; border-radius:100%; background:#ef3139; color:#fff; text-align:center; font-size:14px; letter-spacing:-0.6pt; z-index:1111}

/*쪽지수*/
.my_memo {color:#3399ff;}
.sub_con table.table_write{border-top:1px solid #f3373d;}
.table.t_board td {vertical-align: middle;}

figure.snip-stw {font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; width: 100%; color: #ffffff; text-align: center; font-size: 16px; top: -243px; height: 250px;}
figure.snip-stw * {-webkit-box-sizing: border-box;   box-sizing: border-box;   -webkit-transition: all 0.35s ease;   transition: all 0.35s ease; }
figure.snip-stw img {max-width: 100%; backface-visibility: hidden; vertical-align: top; }
figure.snip-stw:after,
figure.snip-stw figcaption {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
figure.snip-stw:after {content: ''; background-color: rgba(0, 0, 0, 0.80); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0;}
figure.snip-stw figcaption { z-index: 1; }
figure.snip-stw h3, figure.snip-stw .links { width: 100%; margin: 5px 0; padding: 0; }
figure.snip-stw h3 {cursor: pointer; font-weight: 700; font-size: 50px; text-transform: uppercase; opacity: 0; color: #fff; display: block; padding: 10px; width: 450px; margin: 0 auto; margin-top: 55px; height: auto;}
figure.snip-stw p {cursor: pointer; font-size: 16px; font-weight: 300; letter-spacing: 1px; opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px); margin-top: 20px; }
figure.snip-stw a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
figure.snip-stw:hover img, figure.snip-stw.hover img { zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; opacity: 0.5; }
figure.snip-stw:hover:after, figure.snip-stw.hover:after { opacity: 1; position: absolute;}
figure.snip-stw:hover h3, figure.snip-stw.hover h3, figure.snip-stw:hover p, figure.snip-stw.hover p, figure.snip-stw:hover i, figure.snip-stw.hover i { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1;}


.logo-table {width: 1000px; border: 1px solid #e5e5e5; margin: 0 auto;}
.logo-table img {width: 130px;}
.logo-table td {width: 200px; height: 200px; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}

.estmate-btn {position: relative; margin-top:40px;}
.blob-btn { z-index: 1; position: relative; padding: 24px 120px; text-align: center; text-transform: uppercase; color: #000; font-size: 30px; font-weight: bold; background-color: transparent; outline: none; border: none; -webkit-transition: color 0.5s; transition: color 0.5s; cursor: pointer; top: 0px; left: 322px;}
.blob-btn:before { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 9px solid #19ccc9; }
.blob-btn:after { content: ""; z-index: -2; position: absolute; left: 9px; top: 9px; width: 100%; height: 100%; border: 9px solid #eee; -webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; }
.blob-btn:hover { color: #fff; }
.blob-btn:hover {color: #000\9; }
.blob-btn:hover:after { -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; top: 0; } 
.blob-btn__inner { z-index: -1; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.blob-btn__blobs { position: relative; display: block; height: 100%; -webkit-filter: url("#goo"); filter: url("#goo"); } 
.blob-btn__blobs {display: none\9; }
.blob-btn__blob { position: absolute; top: 6px; width: 25%; height: 100%; background: #19ccc9; border-radius: 100%; -webkit-transform: translate3d(0, 150%, 0) scale(1.7); transform: translate3d(0, 150%, 0) scale(1.7); -webkit-transition: -webkit-transform 0.45s; transition: -webkit-transform 0.45s; transition: transform 0.45s; transition: transform 0.45s, -webkit-transform 0.45s; } @supports ((-webkit-filter: url("#goo")) or (filter: url("#goo"))) { .blob-btn__blob { -webkit-transform: translate3d(0, 150%, 0) scale(1.4); transform: translate3d(0, 150%, 0) scale(1.4); } } 
.blob-btn__blob:nth-child(1) { left: 0%; -webkit-transition-delay: 0s; transition-delay: 0s; } 
.blob-btn__blob:nth-child(2) { left: 30%; -webkit-transition-delay: 0.08s; transition-delay: 0.08s; } 
.blob-btn__blob:nth-child(3) { left: 60%; -webkit-transition-delay: 0.16s; transition-delay: 0.16s; } 
.blob-btn__blob:nth-child(4) { left: 90%; -webkit-transition-delay: 0.24s; transition-delay: 0.24s; } 
.blob-btn:hover .blob-btn__blob { -webkit-transform: translateZ(0) scale(1.7); transform: translateZ(0) scale(1.7); } 
@supports ((-webkit-filter: url("#goo")) or (filter: url("#goo"))) { .blob-btn:hover .blob-btn__blob { -webkit-transform: translateZ(0) scale(1.4); transform: translateZ(0) scale(1.4); } }


.search-btn {margin-top: -3px;}
.player_iframe {margin:0 auto; text-align: center; width:860px;}
.service-box {color: #fff; padding: 10px; border: 1px solid #fff; width: 150px; margin: 20px auto;}
.service-box img {width: 17px;}

.search_left01{float:left; text-align:right; width:72%;}
.search_right01{float:right;}

.search_left02{float:left; text-align:right; width:88%;}
.search_right02{float:right;}