@font-face {
 font-family: 'NanumSquare';
 src: url(../../skin/font/NanumSquareR.eot);
 src: url(../../skin/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareR.woff) format('woff'),
   url(../../skin/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareLight';
 src: url(../../skin/font/NanumSquareL.eot);
 src: url(../../skin/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareL.woff) format('woff'),
   url(../../skin/font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareExtraBold';
 src: url(../../skin/font/NanumSquareEB.eot);
 src: url(../../skin/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareEB.woff) format('woff'),
   url(../../skin/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../../skin/font/NanumSquareB.eot);
 src: url(../../skin/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareB.woff) format('woff'),
   url(../../skin/font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareRound';
 src: url(../../skin/font/NanumSquareRound/NanumSquareRoundR.eot);
 src: url(../../skin/font/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.woff2) format('woff2'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.woff) format('woff'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}


*{ margin:0px }

html{ height:100%}
body{ background-color:#fff; color:#666666; line-height:100%; height:100%; word-wrap:break-word; word-break:break-all; }
body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
*{ -webkit-text-size-adjust:none; }
ul,ol,li{ list-style:none; }
a:link { text-decoration:none;color:#8B8B8B; }

.relative { position:relative; top:0; left:0; }

.wrap { margin:0 auto; width:100%; max-width:600px; height:100%; background:#f2f2f2;}



.samsungbusiness {position:fixed; bottom:10px; right:10px; z-index:101;}
	.samsungbusiness a {display:block; text-decoration:none; font-family:'NanumSquareBold'; font-size:12px; line-height:25px; letter-spacing:-1px; color:#000;  background:linear-gradient(to right, #fff, #eee); border-radius:1000px; box-shadow:0 0 3px rgba(0,0,0,.3); padding:5px 10px; padding-left:33px;}
		.samsungbusiness a i {position:absolute; top:7px; left:10px; font-size:20px;}



/*»ó´Ü¸Þ´º*/
.header { position:fixed; display:table; top:0; width:100%; max-width:600px; background:#fff; z-index:100;}
.header_fix {background:#fff; border-bottom:.5px solid #e5e5e5;}
.headeropen {background:#fff; border-bottom:.5px solid #e5e5e5;}

	/*¾ð¾î¼±ÅÃ*/
	.header .language {float:left; margin:25px 0 25px 20px; display:none;}
	.header .language ul {padding:0; margin:0;}
	.header .language li {float:left; list-style:none; padding:0 7px; border:.5px solid #c30d23; font-family:'Nanum Gothic'; font-size:9px; line-height:20px; color:#fff;}
	.header .language li:first-child {border-right:0;}
	.header .language .on {color:#fff !important; background:#c30d23 !important;}
	.header_fix .language li {color:#000;}
	.headeropen .language li {color:#000;}

	/*·Î°í*/
	.header .logo {position:absolute; top:20px; left:50%; margin-left:-65px; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .logo img {width:130px;}
	.header .logo .logoimg {transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .logo .logo_w {opacity:0;}
	.header .logo .logo_b {position:absolute; top:0; left:0; opacity:1;}
	.header_fix .logo .logo_w {opacity:0;}
	.header_fix .logo .logo_b {opacity:1;}
	.headeropen .logo {left:20px; margin-left:0;}
	.headeropen .logo .logo_w {opacity:0;}
	.headeropen .logo .logo_b {opacity:1;}

	/*¸Þ´º¹öÆ°*/
	.header .navi_btn {float:right; position:relative; display:table; margin:23px 20px 25px 0; cursor:pointer;}
	.header .navi_btn i {font-size:24px; color:#000;}
	.header .navi_btn .navi_open {opacity:1;}
	.header .navi_btn .navi_close {position:absolute; top:0; left:0; display:none; z-index:1;}
	.header_fix .navi_btn i {font-size:24px; color:#000;}
	.headeropen .navi_btn i {font-size:24px; color:#000;}
	.headeropen .navi_btn .navi_open {opacity:0;}
	.headeropen .navi_btn .navi_close {display:table;}

	/*Àüü¸Þ´º*/
	.navi_submenu {position:fixed; top:0; width:100%; right:-100%; height:100%; text-align:right; font-size:0; overflow-x:hidden; overflow-y:auto; background:rgba(255,255,255,.95); padding:0 0 0 0; z-index:99; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.navi_submenu .submenu_section {clear:both; float:right; width:80%; vertical-align:top; margin-bottom:20px; margin:0 25px 0 0;}
	.navi_submenu .submenu_section .submenu_section_title {width:100%; margin:25px auto 0;}
	.navi_submenu .submenu_section .submenu_section_title a,
	.navi_submenu .submenu_section .submenu_section_title a:visited {font-family:'NanumSquareBold'; font-size:18px; line-height:35px; color:#000;}
	.navi_submenu .submenu_section ul {margin:0; padding:0;}
	.navi_submenu .submenu_section li {clear:both; float:right; list-style:none; width:100%; text-align:right; padding:3px 0;}
	.navi_submenu .submenu_section a,
	.navi_submenu .submenu_section a:visited {font-family:'Nanum Gothic'; font-size:13px; line-height:14px; letter-spacing:-.7px; color:#333; text-decoration:none;}
	.navi_submenu_open {top:0; right:0; opacity:1;}



/*ÇÏ´Ü*/
.bottom {display:table; width:100%; max-width:600px; text-align:center; background:#3f3a34; padding:20px 0 70px; margin:0 auto;}

	.bottom .logo {clear:both; float:left; width:100%; margin:0 0 20px;}
	.bottom .logo img {width:110px;}

	.bottom .companyinfo {clear:left; float:left; width:100%; font-family:'Nanum Gothic'; font-size:9px; line-height:16px; color:#999; text-align:center;}

	.bottom .copyrightline {clear:both; width:94%; height:1px; background:rgba(255,255,255,.1); margin:20px auto;}

	.bottom .copyright {clear:left; float:left; width:100%; font-family:'Nanum Gothic'; font-size:9px; line-height:12px; color:#999; text-align:center; margin:20px 0;}
	.bottom .copyright a,
	.bottom .copyright a:hover,
	.bottom .copyright a:visited {color:#000; font-size:13px; text-decoration:none;}

	.bottom .footer_contact {float:left; display:table; width:100%; text-align:center;}
	.bottom .footer_contact .footer_contact_title {font-family:'NanumSquare'; font-size:15px; line-height:30px; color:#fff; margin-bottom:0;}
	.bottom .footer_contact ul {padding:0; margin:0; font-size:0; line-height:0;}
	.bottom .footer_contact li {position:relative; float:left; width:33.33%; font-family:'Nanum Gothic'; font-size:10px; line-height:10px; color:#999; margin:0;}
	.bottom .footer_contact span {padding-left:22px;}
	.bottom .footer_contact li:first-child {margin-left:0;}
	.bottom .footer_contact li:last-child {margin-right:0;}
	.bottom .footer_contact i {position:absolute; top:-5px; font-size:20px; margin-left:-22px;}






/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.mainimages {position:relative; width:100%; margin:0; padding:0;}

.ourbusiness {display:table; width:100%; text-align:center; padding:30px 0; margin:0 auto; background:#fff;}
	.ourbusiness .ourbusiness-title {width:100%; font-family:'NanumSquareExtraBold'; font-size:25px; line-height:40px; color:#000; text-align:center; margin-bottom:20px;	}
	.ourbusiness .business-contents {position:relative; float:left; width:31.33%; height:260px; margin:0 1%; padding:0; border:5px solid #fff; box-shadow:0 0 0 .5px rgba(0,0,0,.1); box-sizing:border-box;}
	.ourbusiness .business-contents .business-title {position:absolute; top:20px; left:0; width:100%; text-align:center; font-family:'NanumSquareBold'; font-size:12px; line-height:20px; color:#000;}
	.ourbusiness .business-contents .business-icon {position:absolute; top:65px; left:50%; width:30px; margin-left:-15px;}
	.ourbusiness .business-contents .business-icon img {width:100%;}
	.ourbusiness .business-contents .business-comment {position:absolute; top:130px; left:0; width:100%; text-align:center; font-family:'Nanum Gothic'; font-size:9px; line-height:13px; color:#000; word-break:keep-all;}

.whoweare {display:table; width:100%; text-align:center; padding:30px 0; background:#f7f7f7;}
	.whoweare .whoweare-title {width:100%; font-family:'NanumSquareExtraBold'; font-size:25px; line-height:40px; color:#000; text-align:center; margin-bottom:10px;	}
	.whoweare .whoweare-comment {width:100%; font-family:'NanumSquare'; font-size:11px; line-height:16px; color:#000; text-align:center; margin-bottom:20px;	}
	.whoweare .whoweare-box {width:100%; margin:0 auto;}
	.whoweare .whoweare-contents {position:relative; float:left; width:31.33%; margin:0 1%; padding:0;}
	.whoweare .whoweare-contents .whoweare-contents-img {position:relative; width:100%;overflow:hidden;}
	.whoweare .whoweare-contents .whoweare-contents-img img {width:100%;}
	.whoweare .whoweare-contents .whoweare-contents-title {width:100%; font-family:'NanumSquareBold'; font-size:12px; line-height:30px; color:#000;}
	.whoweare .whoweare-contents .whoweare-contents-comment {width:100%; font-family:'Nanum Gothic'; font-size:9px; line-height:13px; color:#000; word-break:keep-all;}

.mainnews {display:table; width:100%; text-align:center; padding:30px 0;}
	.mainnews .mainnews-title {width:100%; font-family:'NanumSquareExtraBold'; font-size:25px; line-height:40px; color:#000; text-align:center; margin-bottom:20px;}
	.mainnews .mainnews-box {width:100%; margin:0 auto;}




/*¼­ºêÄÁÅÙÃ÷*/
.subimages { display:table; width:100%; max-width:600px; height:250px; font-size:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
	.subimg01 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg02 {background:url('../../skin/images/sub_images02.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg03 {background:url('../../skin/images/sub_images03.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg04 {background:url('../../skin/images/sub_images04.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg05 {background:url('../../skin/images/sub_images05.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg06 {background:url('../../skin/images/sub_images06.jpg') no-repeat center top; background-size:auto 100%;}
	/*.subimg_bg {-webkit-filter:brightness(20%); filter:brightness(20%);}*/

.subtitle_group {position:absolute; top:130px; left:0; width:100%; z-index:10;}
	.subtitle_group .subtitle_e {clear:both; width:100%; text-align:center; font-family:'NanumSquare'; font-size:30px; color:#fff; /*text-transform:uppercase;*/}
	.subtitle_group .subtitle_line {width:30px; height:2px; background:#c30d23; margin:20px auto 0;}

/*¼­ºê¸Þ´º*/
.submenuarea {position:absolute; display:table; top:223px; width:100%; max-width:600px; background:#fff; border-bottom:.5px solid #e2e2e2; box-sizing:border-box; text-align:center; z-index:50;}
	.submenu {float:left; width:100%;}
	.submenu ul {margin:0; padding:0; font-size:0;}
	.submenu li {display:inline-block; *display:inline; width:33.33%; border-right:.5px solid #e2e2e2; box-sizing:border-box; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.submenu li:first-child {border-left:1px solid #e2e2e2;}
	.submenu a,
	.submenu a:visited, 
	.submenu a:hover {font-family:'NanumSquare'; font-size:10px; line-height:25px; letter-spacing:-.5px; color:#666; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.submenu .on {border-top:2px solid #c30d23;}
	.submenu .on a,
	.submenu .on a:visited,
	.submenu .on a:hover {}
	.submenu_fix {position:fixed; top:71px;}
	.submenu_fix li {}
	.count4 li {width:25%;}

.contents { width:100%; min-height:350px; display:table; background:#fff;}