@charset "utf-8";
/* 공통 */
*{
	margin:0; padding:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
			    box-sizing: border-box;
	-webkit-text-size-adjust:none;
}
img{border:0px; vertical-align:top;}
ul{list-style:none; margin:0; padding:0; border:0 none; font-size:100%; font-weight:normal;}
ul li{font-size:0px; line-height:0.5em;} /* ul li 안에있는 이미지 필요없는 여백 없애는 css */
a{outline:none; select-dummy:expression(this.hideFocus=true);} /* 링크점선없애기위한 css */
input{font-size:13px !important;}

/* body{font:normal 12px "굴림",gulim,sans-serif; color:#888888; line-height:150%;} */
/* body{font:normal 12px "Colaborate Light", Helvetica, Arial, sans-serif,"굴림",gulim; color:#272727; line-height:150%;} */
html{height:100%;}
body{height:100%;}

/* @init_font */
.init *
, body, a, h1, h2,h3 ,h4 ,h5 ,h6 ,pre
,[type=text], [type=password], [type=file], [type=email], select ,textarea
{font-family:"nbg", "맑은 고딕", "굴림", "tahoma" ;font-size:13px;color:#494848;line-height:150%;} /*font-family : 기본값 한글로 써야 오페라까지 잘 먹음*/
/* ng는 나눔고딕 사용시 head.php 나눔고딕 관련 주석을  풀어줍니다. */


/* main */
body{background:#222;}
#wrapper{height:100%; min-width:320px; max-width:800px; margin:0 auto; position:relative;}
#contents_01{width:100%; background:url("../img/m_intro_bg.jpg") left top no-repeat; background-size:100%;}
.mintro_lang{padding:10px 5% 0 5%; text-align:right;}
.mintro_lang a{font-size:11px; color:#9b9b9b; text-decoration:none; background:url("../img/m_intro_lang_bar.png") left top no-repeat; padding:0 10px;}
.mintro_lang a:first-child{background:none;}
.mintro_lang a.on{color:white !important;}

.mintro_copy{text-align:center;}
.mintro_copy img{width:84%; padding-top:15px;}
.mintro_copy p{font-size:13px; color:white; padding-top:5px;}

.mint_fam{width:100%; padding:0 5% 5% 5%;}
.mint_fam li{width:100%; cursor:pointer; position:relative; margin-top:10px;}
.mint_fam li > img{width:100%;}
.mint_fam li > div{width:50%; position:absolute; right:0; color:#989898; font-size:11px; text-align:center; line-height:130%; padding-top:10px;}
.mint_fam li > div.btext01 img{width:52%;}
.mint_fam li > div.btext02 img{width:51%;}
.mint_fam li > div.btext03 img{width:39%;}
.mint_fam li > div.btext04 img{width:19%;}
.mint_fam li > div p{padding-top:8px;}

.link01{width:100%; padding:0 5%; overflow:hidden;}

/*
.link01 ul.link_ul01{float:left; width:50%; box-sizing:border-box; padding-bottom:30px;}
.link01 ul.link_ul01 li{width:100%;}
.link01 ul.link_ul01 li:first-child{font-size:18px; color:white; line-height:100%; padding:30px 0 10px 0;}
.link01 ul.link_ul01 li img{width:88%;}
*/

.link01 ul.link_ul01{float:left; width:50%; box-sizing:border-box; padding-bottom:30px;}
.link01 ul.link_ul01 li{width:100%;}
.link01 ul.link_ul01 li.txt_link{padding:20px 0 10px;}
.link01 ul.link_ul01 li.txt_link a{color:#fff; text-decoration:none; font-size:18px; display:block; line-height:100%;}
.link01 ul.link_ul01 li.txt{font-size:18px; color:white; line-height:100%; padding:0 0 5px}
.link01 ul.link_ul01 li img{width:88%;}

.link01 ul.link_ul02{float:left; width:50%; border-left:1px solid #131313; box-sizing:border-box; padding:0 0 30px 30px;}
.link01 ul.link_ul02 li{width:100%;}
/* .link01 ul.link_ul02 li:first-child{font-size:18px; color:white; line-height:100%; padding:30px 0 10px 0;} */
.link01 ul.link_ul02 li:first-child{font-size:18px; color:white; line-height:100%; padding:20px 0 10px 0;}
.link01 ul.link_ul02 li img{width:100%;}

ul.link_ul03{width:100%; border-top:1px solid #131313; box-sizing:border-box; padding:0 5% 30px 5%;}
ul.link_ul03 li{width:100%;}
ul.link_ul03 li:first-child{font-size:18px; color:white; line-height:100%; padding:30px 0 10px 0;}
ul.link_ul03 li img{width:44%;}

#footer{width:100%; text-align:center; color:#757575; font-size:10px; border-top:1px solid #131313; padding:2% 0;}