@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);*/


@font-face {
    font-family: "Noto Sans KR";
    src: local("Apple SD Gothic Neo");
}

@font-face {
    font-family: Dotum;
    src: local("Apple SD Gothic Neo");
}

@font-face {
    font-family: Gulim;
    src: local("Apple SD Gothic Neo");
}

@font-face {
    font-family: AppleGothic;
    src: local("Apple SD Gothic Neo");
}

body {-webkit-text-size-adjust: 100%; font-family: "Noto Sans KR", "Nanum Gothic", "dotum", '돋움', sans-serif;}
*{-webkit-text-size-adjust:100%;}

*{box-sizing:border-box;}


h1,h2,h3,h4,h5,h6 {font-family: "Noto Sans KR",  "Nanum Gothic", "dotum", '돋움', sans-serif; margin:0; padding:0; font-style:none;}

h1 { font-size:33px; font-weight:bold; line-height:35px;}
h4 {font-size:23px; font-style:italic; font-weight:500;}
h5 {font-size:15px; font-weight:bold;}
h6 {font-size:15px; font-weight:300;}

table {
    border-collapse: collapse;
}

table, th, td {
   border: 0px solid black;
}

b {display:inline;}

.middlespace {display:block; width:100%; height:10px;}

.txt_black{
	color:#000;
}

.txt_darkgray{
	color:#333;
}

.txt_white{
	color:#fff;
}

.txt_just{text-align: justify;}

.fl_left
{
	float:left;
}

.fl_right
{
	float:right;
	
}



/*Wrap*/
.wrap{width:100%; height:100%; min-width:1116px; margin:0 auto;}


.hidden{display:none}
.blind{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.text_indent{text-indent: -2000px;}

/* ///////////////////////////////////////  color ///////////////////////// */
.bgcolor-ivory{ background-color:#faf8f6; }
.bgcolor-ivory2{ background-color:#f9f5f2; }
.bgcolor-ivory3{ background-color:#fdfcfb; }
.bgcolor-ivory4{ background-color:#faf7f5; }
.bgcolor-ivory5{ background-color:#f9f7f6; }
.bgcolor-pink{ background-color:#fbf4f6; }
.bgcolor-blue{ background-color:#4767aa; }
.bgcolor-white { background-color:#fff; }
.bgcolor-gray { background-color:#d6d3ce; }
.bgcolor-whitegray { background-color:#f3f2ef; }
.bgcolorbl	{background-color:#000;}
.bg_history { background:url('/public_html/img/bg_history.jpg'); }
.bgcolor_history	{background-color:#f8f4ee;}



/* ///////////////////////////////////////  top ///////////////////////// */
.wrap_top
{
    width:100%;
    max-height:120px;
	position:fixed;
	top:0px;
	/*left:50%;
	margin-left:-558px;*/
	z-index:1009;
}

.top_menubar
{
    width:100%;
    height:110px;
	background:url('/public_html/img/top_menubar.png');
	z-index:1010;
}

.bar_visible
{
	display:black;
    width:100%;
    height:44px;
	background-color:#f6f5f4;
}

.bar_hidden
{
	display:none;
	background-color:#f6f;
}

.wrap_top_sns
{
    width:1080px;
    height:44px;
	margin:0 auto;
	z-index:200;
	/*border:solid 1px; #ddd;*/
}

.box_sns{
	width:200px;
	height:44px;
	right:0px;
	float:right;
	overflow:hidden;
}

.box_sns > ul > li:first-child{
	width:42px;
}

.box_sns > ul > li{
	float:left;
	width:34px;
	text-align:center;
}

.box_sns > ul > li:hover{
	background-color:#ccc;
}

.box_sns > ul > li > a > img{display:block; margin: 0 auto;}

.wrap_menu
{
    width:1080px;
    height:96px;
	z-index:200;
	margin:0 auto;
}

.box_logo
{
    width:255px;
    height:96px;
	float:right;
	padding-right:0px;
    top: 0; bottom:0; margin-top:auto; margin-bottom:auto;
}

.box_menu
{
    width:825px;
    height:96px;
	background:url('/public_html/img/sasun3.png') 0 60px no-repeat;
	float:left;
	padding-left:0px;
}



.div_hidden
{
	visibility: hidden;
}

/* //////////////////////  top end ///////////////////////////////*/
/* ////////////////////// body   ///////////////////////////////////  */

.wrap_middle
{
    width:1116x;
	height:100%;
	margin:0 auto;
	margin-top:142px;
	overflow:hidden;
	position:relative;
}

.main_img
{
    width:1080px;
	height:460px;
	display:block;
	margin: 0 auto;
	overflow:hidden;

}

.main_img_wide
{
    /*max-width:100%;
	min-width:1080px;*/
	width:100%;
	height:460px;
	display:block;
	position:absolute; 
	left:50%; margin-left:-960px; 
}

.main_img_wide_back
{
    width:100%;
	height:460px;
	display:block;
	position:relative;
	margin-bottom:20px;
}


.main_img > ul > li
{
    width:1080px;
	height:478px;
	display:block;
	float:left;
}

.main_img_wide > ul > li
{
    width:100%;
	height:478px;
	display:block;
	float:left;
}

.sub_img
{
    width:1080px;
	overflow:hidden;
	margin: 0 auto;
}

#board_frame
{ width:1080px;
margin: 0 auto;}


/* ////////////////////// box  ///////////////////////////////////  */
.box_color
{
    width:1080px;
	display:block;
	margin:0 auto;
	margin-top:64px;
	overflow:hidden;
}

.box_full{
	width:100%;
}

.box_full2{
	width:100%;
	height:930px;
	background-color:#faf7f5;
}


.box_full_in_center{
	width:1080px;
	margin: 0 auto;
	margin-top:0px;
	clear: both;
}

.box_outline_b{ 
	width:1080px;
	margin: 0 auto;
	margin-top:0px;
	border:1px solid #ccc;
	border-top:0px;
	padding:76px;
}

.box_outline_faq{ 
	width:1080px;
	margin: 0 auto;
	border:1px solid #ccc;
	border-top:0px;
	padding-top:76px;
	padding-bottom:70px;
}

.box_b2btitle{ 
	width:928px;
	margin: 0 auto;
}

.box_w1040{
	width:1040px;
	margin: 0 auto;
	margin-top:0px;
	overflow:hidden;
	padding-top:90px;
}

.box_w1080{
	width:1080px;
	min-height:660px;
	margin: 0 auto;
	margin-top:45px;
	overflow:hidden;
}

.box_w1080_A{
	width:1080px;
	height:120px;
	margin: 0 auto;
	margin-top:45px;
	overflow:hidden;
}

.box_w1080_B{
	width:1080px;
	min-height:360px;
	margin: 0 auto;
	overflow:hidden;
}

.box_color5{
	width:1080px;
	height:460px;
	margin: 0 auto;
	margin-top:100px;
	overflow:hidden;
}

.box_color6_div01{
	width:520px;
	float:left;
	margin-top:38px;
	margin-left:0px;
}

.box_color6_div02{
	width:500px;
	float:right;
	margin-top:38px;
}

.title_middle
{
	font-size:24px;
	color:#867f7b;
	font-weight:bold;

}




/*/////////////  brand  ////////////////////////////*/




.txt_base01
{
	font-size:16px;
	margin-top:50px;
	text-align: justify;
	line-height:28px;
}


.box_title{
	width:1080px;
	height:125px;
	margin: 0 auto;
	margin-top:50px;
	padding-left:17px;
}

.box_title img{
	width:1046px;
	margin: 0 auto;
}

.box_title2{
	width:1080px;
	height:109px;
	margin: 0 auto;
	margin-top:120px;
}

.box_title3{
	width:1080px;
	height:125px;
	margin: 0 auto;
	margin-top:36px;
}

.box_contents{
	width:1080px;
	margin: 0 auto;
	margin-top:24px;
	overflow:hidden;
	
}

.box_gray{
	width:1080px;
	margin: 0 auto;
	margin-top:16px;
}


.box_ivory{
	width:1080px;
	margin: 0 auto;
	margin-top:16px;
}


.box_gray2{
	width:540px;
	height:1184px;
	margin: 0 auto;
	background-color:#f6f6f6;
	padding:0 55px;
}

.box_white{ width:436px;
	height:1184px;
	margin-left:80px;
	}

.box_center{
	width:1080px;
	margin: 0 auto;
	overflow:hidden;
}

.box_contents2{
	width:1046px;
	margin: 0 auto;
	margin-top:10px;
	overflow:hidden;
}



.box_contents4{
	width:1080px;
	height:1184px;
	margin: 0 auto;
	display:block;
	border-bottom:6px solid #f6f6f6;
}

.box_img{}




/*  ///////////////////////////// ceo //////////////////////*/
.box_white_ceo
{
    width:1080px;
	height:510px;
	display:block;
	margin:0 auto;
	margin-top:90px;
	overflow:hidden;
}

.box_white_ceo > ul > li
{
    width:540px;
	height:484px;
	display:block;
	float:left;
}

.box_white_ceo_txt
{
    width:500px;
	height:484px;
	display:block;
	margin-top:0px;
	padding-left:50px;
	font-size:15px;
	line-height:20px;
}

.box_text
{
	width:492px;
	height:100%;
}


.imgtitle
{
	text-align:center;
	width:200px;
	height:207px;
	padding-top:115px;
	margin: 0 auto;
}


.div3dan
{
	width:960px;
	height:430px;
	margin-top:0px;
	margin: 0 auto;
	color:#867f7b;
}

.div3dan > ul > li
{
	width:360px;
	float:left;
	position:relative;
}

.div3dan > ul > li:first-child
{
	float:left;
	width:300px;
	height:540px;
	border-right:1px solid #ccc;
}

.div3dan > ul > li:last-child
{
	float:right;
	width:300px;
	height:540px;
	border-left:1px solid #ccc;
}

.div3dan > ul > li > div
{
	/*position:absolute;*/
	left:0px;

}

.div_history
{
	width:960px;
	height:1350px;
	margin: 0 auto;
	margin-top:20px;
	color:#867f7b;
}

.div_history > ul > li
{
	width:350px;
	float:left;
	position:relative;
}

.div_history > ul > li:first-child
{
	float:left;
	width:290px;
	height:500px;
	border-right:1px solid #ccc;
}

.div_history > ul > li:last-child
{
	float:right;
	width:310px;
	height:500px;
	border-left:1px solid #ccc;
}

.div_history > ul > li > div
{
	/*position:absolute;*/
	left:0px;

}

.mov_history
{	position:absolute;
	width:720px;
	height:450px;
	margin-left:290px;
	margin-top:-270px;
	/*background-color:#333;*/
}

.div_mov01
{	width:720px;
	height:57px;
	background-color:#00532b;
	color:#fff;
	text-align:center;
	line-height:57px;
	}

.div_mov02
{	width:720px;
	height:336px;
	background-color:#000;
	}

.div_img_center
{
	width:1080px;
	height:390px;
	text-align:center;
}

.div_img_center img
{
	margin: 0 auto;
}

.img_center
{
	text-align:center;
}

.img_center img
{
	margin: 0 auto;
}


.box_color4{
	width:1115px;
	height:460px;
	margin: 0 auto;
	margin-top:50px;
	overflow:hidden;
}

.box_color4_div01{
	position:absolute;
	width:497px;
	height:395px;
	background-color:#faf8f8;
	margin-left:20px;
	font-size:26px;
	font-weight:bold;
	letter-spacing: -2px;
	color:#7e7773;
	padding-left:33px;
	padding-top:65px;
}

.box_color4_div02{
	position:absolute;
	width:460px;
	margin-left:20px;
	margin-top:230px;
	font-size:15px;
	color:#7e7773;
	padding-left:33px;
	line-height:28px;
}

.box_color4_div03{
	position:absolute;
	width:528px;
	height:72px;
	background-color:#faf8f8;
	margin-left:570px;
	margin-top:0px;
}

.box_color4_div04{
	position:absolute;
	width:528px;
	height:72px;
	margin-left:570px;
	margin-top:136px;
	font-size:26px;
	font-weight:bold;
	letter-spacing: -1px;
	color:#7e7773;
	padding-left:33px;
	line-height:28px;
}

.box_color4_div05{
	position:absolute;
	width:500px;
	height:395px;
	margin-left:570px;
	margin-top:230px;
	font-size:15px;
	color:#7e7773;
	padding-left:33px;
	line-height:28px;
}

.box_color4_div06{
	position:absolute;
	width:528px;
	height:16px;
	background-color:#faf8f8;
	margin-left:570px;
	margin-top:444px;
}


.comtext01
{
	width:980px;
	padding-left:96px;
	padding-bottom:40px;
	font-size:15px;
	line-height:24px;
	display:block;
}

.comtext02
{
	width:506px;
	padding:0px 30px;
	font-size:15px;
	line-height:28px;
	text-align:justify;
}

.box_since
{
	width:480px;
	height:250px;
	margin:0px 28px 58px 28px;
	position:relative;
	background: url('/public_html/img/brand_img03_1.jpg') no-repeat;
}

.bt_pluse{ 
	position:absolute;
	left:20px;
	top:20px;
	width:22px;
	height:22px;
	overflow:hidden;
	background: url('/public_html/img/bt_since.jpg') no-repeat;
	display:block;
	}

.box_since_txt
{
	width:450px;
	height:97px;
	padding:10px;
	font-size:11px;
	line-height:13px;
	text-align:justify;
	position:relative;
	top:150px;
	color:#fff;
}


.comtext03
{
	width:506px;
	padding:0px 30px;
	font-size:15px;
	line-height:28px;
	text-align:justify;
}


.div1dan
{
    width:1080px;
	height:100%;
	display:block;
	margin:0 auto;
	overflow:hidden;
}

.div1danp20
{
    width:1080px;
	height:100%;
	display:block;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
	padding:20px;
	padding-bottom:70px;
}

.div1dan_title
{
    width:1080px;
	height:34px;
	display:block;
	text-align:center;
	line-height:34px;
	margin:0 auto;
}

.div1danover
{
    width:100%;
	height:560px;
	display:block;
	margin:0 auto;
	margin-top:73px;
	background-color:#f4f3f1;
	overflow:hidden;
	border-top:solid 5px #d6d2ce;
}


.div2dan
{
    width:506px;
	height:100%;
}


/* ////////////////////////////board //////////////////////////////////////////*/


.box_pink{ width:100%; height:270px;
	background-color:#fff3f0;
	clear:none;
	margin-bottom:424px;
}

.pink_up_img{ 
	position:absolute;
	width:1080px;
	height:460px;
	left:50%;
	margin-left:-540px;
}

.board_gray{ width:100%; height:305px;
	background-color:#faf8f6;
	clear:none;
	margin-top:80px;
	margin-bottom:424px;
}

.board_gray_up_img{ 
	position:absolute;
	width:1080px;
	height:735px;
	left:50%;
	margin-top:-80px;
	margin-left:-540px;
}

.board_sub_img
{
    width:1080px;
	margin: 0 auto;
}


/* ////////////////////// bottom   ///////////////////////////////////  */


/*Footer*/
.wrap_bottom
{
    /*width:1116px;*/
    height:74px;
	margin: 0 auto;
	position:relative;
	margin-top:150px;
	border-top:2px solid #f6f4f4;
}


.wrap_bottom_space
{
    width:40px;
    height:74px;
}

.wrap_copyright
{
    width:100%;
    height:175px;
	background-color:#f4f3f1;
	font-family: "Noto Sans KR", "Nanum Gothic", "dotum", '돋움', "Jeju Gothic", sans-serif;
	font-size:12px;
	line-height:30px;
	text-align:center;
	color:#867f7b;
	padding-top:52px;
}

.main_pop_area{
	width: 100%;
	height: 503px;
	position: absolute;
	top: 200px;
	margin: 0 auto;
	text-align: center;
	z-index: 1999;
	display: table-cell;
	vertical-align: middle;

}

.main_pop{
		 width: 571px;
		 height: 503px;
		 position: absolute;
		 top: 80px;
	     left: 55%;
		 z-index: 2000;
	 }

.pop_close{
	width:420px;
	height:28px;
	background-color:#fff;
	text-align:right;
	margin-top: -5px;
	padding-right:10px;
}

.main_pop2{
	width: 571px;
	height: 503px;
	position: absolute;
	top: 230px;
	left: 48.5%;
	z-index: 2000;
}

.pop_close2{
	width:420px;
	height:28px;
	background-color:#fff;
	text-align:right;
	margin-top: -5px;
	padding-right:10px;
}