@charset"euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);/*font-family:'Nanum Brush Script', cursive;*/
/* common */
* {margin:0; padding:0}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video, div, select {margin:0; padding:0; border:0; vertical-align:middle; font-size:13px; font-weight:400; font-family:'NanumGothicWeb', 'NanumGothicBoldWeb','µ¸¿ò',Dotum,sans-serif; color:#666;
letter-spacing:0;line-height:1; vertical-align:top;}
ol,ul, li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table{border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* shs reset.css*/
html{width:100%; height:100%; overflow-x:hidden;  overflow-y:scroll; }
body{width:100%; height:100%; background:#3d3d3d; }
a{text-decoration:none; font-weight:normal;  cursor:pointer;}
a:hover{color:#666; text-decoration:none;}
hr{display:none;}
legend,caption{display:block; position:absolute; top:-1000em; left:-1000em; text-indent:-1000em; overflow:hidden; }
button,label{cursor:pointer;}
input[type=text],
input[type=password]{border:1px solid #ccc; height:20px; line-height:20px; text-indent:5px; font-size:9pt; color:#666; border-radius:0; padding:0; margin:0; }
input[type=text]:focus,
input[type=password]:focus{border:1px solid #ccc;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:0; padding:0;}
textarea{border:1px solid #ccc; line-height:1.5; font-size:9pt; color:#666; resize:none; border-radius:0;}
textarea:focus{border:1px solid #666;}
select{height:24px; line-height:18px; border:1px solid #ccc; color:#666; border-radius:0;}
.blind{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
label{*zoom:1;}
label:after{content:""; display:block; clear:both;}
label span,
label input{float:left;}
label input[type=check],
label input[type=radio]{position:absolute; top:0;}

/* font */

@font-face{
	font-family:'NanumGothicWeb';
	font-style:normal;
	font-weight:normal;
	src:url('../css/font/NanumGothic.eot'); 
	src:local('?'), url('../css/font/NanumGothic.woff') format('woff'), url('../css/font/NanumGothic.ttf') format('truetype');
}

@font-face{
	font-family:'NanumGothicBoldWeb';
	font-style:normal;
	font-weight:normal;
	src:url('../css/font/NanumGothicBold.eot'); 
	src:local('?'), url('../css/font/NanumGothicBold.woff') format('woff'), url('../css/font/NanumGothicBold.ttf') format('truetype');
}


@font-face{
	font-family:'NanumGothicExtraBoldWeb';
	font-style:normal;
	font-weight:normal;
	src:url('../css/font/NanumGothicExtraBold.eot'); 
	src:local('?'), url('../css/font/NanumGothicExtraBold.woff') format('woff'), url('../css/font/NanumGothicExtraBold.ttf') format('truetype');
}


/* color */
.co_b {color:#4672ae;}
.co_g {color:#709921;}
.co_r {color:#ea5151;}
.co_dg {color:#323232;}
.co_lg {color:#777;}

.b {font-family:'NanumGothicBoldWeb';}
.dot {padding:0 10px;}
.pl10 {padding-left:10px !important; }

.pr10 {padding-right:20px !important; }
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:50px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}

.mt50 {margin-top:50px !important;}
.mb30 {margin-bottom:30px !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w50p {width:50% !important;}
.w95p {width:95% !important;}

/* layout */ 
#wrap{min-width:320px; -webkit-text-size-adjust:none; 

padding:0; margin:0;
	width:100%;
	height:100%;
	position:relative;
}
 


#menu01  {
display:none;
}


#header{*zoom:1; position:fixed; _position:absolute; top:0; left:0;  width:100%; height:90px; z-index:10000;background:#fff; border-bottom:1px solid #3b4c5c;}
#header:after{content:""; display:block; clear:both; }


#container {position:relative; width:100%; top:90px;  overflow:hidden; }
.main_visual {width:100%; overflow:hidden; padding:0; margin:0; position:relative; }


#main{width:100%; background:#fff; overflow:hidden;}
#sub{width:100%; background:#fff;   overflow:hidden; padding:0; margin:0;}



.layout {width:100%; max-width:1200px; margin:0 auto; _left:50%; _margin-left:-500px; padding:0; overflow:hidden;}
.content {width:100%; max-width:1198px; margin:0 auto; _left:50%; _margin-left:-500px; padding:40px 0 60px 0; overflow:hidden;/* border:1px solid #ccc; background:url('../img/com/content_bg.gif') repeat-y 0 0; */}


#aside {width:18%; float:right;  overflow:hidden; padding:0 ; } 
#cont {width:78%; float:left; overflow:hidden; padding:0 0 0 5px; margin:0;}



/* footer */ 
#footer{width:100%; padding:3% 0;  overflow:hidden;  }





/* header */ 


#header .gnb{*zoom:1; float:right; margin:0; padding:0 10px 0 0 }
#header .gnb:after{content:""; display:block; clear:both;}


/* nav */
#nav { position:relative; top:0 ;width:100%; max-width:1200px; margin:0 auto; _left:50%; _margin-left:-500px; z-index:10001;  padding:0;}
#nav h1 {float:left; line-height:58px; padding:15px 0 0 10px; max-width:230px; }
#nav h1 img {100%;max-width:230px; }
.topmenu { float:right;  padding:0; width:260px;}

.topmenu ul {float:left ; }
.topmenu li {float:left ; }
.topmenu li a {font-size:10px; color:#737373; line-height:90px; padding:0 7px; font-family:'NanumGothicBoldWeb'; font-weight:normal; display:inline-block; }
.topmenu li a:hover { color:#bbb; text-decoration:none;}

.topmenu .logo_sol{float:right; padding:15px 10px 0 10px; display:inline-block;max-width:72px; }


ul.mainmenu {float:right;  z-index:10002;  display:inline-block; width:500px;  }
ul.mainmenu li { float:left; position:relative; }
ul.mainmenu li a { display:inline-block; height:90px; line-height:90px; padding:0 15px; font-size:16px;  font-weight:normal;  color:#323232; font-family:'NanumGothicExtraBoldWeb'; }
ul.mainmenu li a:hover { color:#29add0; text-decoration:none; }
ul.mainmenu li .menu_on{ color:#29add0; text-decoration:none; }
ul.mainmenu li ul.sub { display:none; overflow:hidden; position:absolute; padding:0;background:#29add0; top:90px;left:0; }
ul.mainmenu li ul.sub li { width:100%;  margin:0; padding:0;text-align:center; border-top:1px solid #209dbd;  border-bottom:1px solid #34b7d9;    }
ul.mainmenu li ul.sub li a{width:200px; _width:220px;  position:relative; font-size:13px; color:#fff; display:block; line-height:1.2; height:auto;
                          padding:10px 0 10px 15px;  text-align:left; font-weight:normal; font-family:'NanumGothicBoldWeb','µ¸¿ò',sans-serif;}
ul.mainmenu li ul.sub li a:hover {color:#29add0; background:#fff;}
ul.mainmenu li ul.s1 { margin-left:-65px;}

ul.mainmenu li ul.s2 {  margin-left:-58px; }
ul.mainmenu li ul.s3 { margin-left:-60px; }
ul.mainmenu li ul.s4 {  margin-left:-65px; }
ul.mainmenu li ul.s5 { margin-left:-40px; }
ul.mainmenu { zoom:1 }
ul.mainmenu:after { display:block; visibility:hidden; clear:both; height:0; content:'.' }

	









/* layer :layer_download */
.layer_download {position:fixed; _position:absolute;width:100%;height:100%;z-index:10012;top:90px; left:0; display:none;  } 
.layer_download .back {position:absolute;top:0; background:#FFF;left:50%;margin-left:-300px; width:600px;  height:400px; min-height:400px;border:1px solid #474747;}
.layer_download .con{ overflow-y:hidden; overflow-x:hidden; position:absolute; top:0; background:none;left:50%; width:520px;margin-left:-260px; 
                height:399px; min-height:399px;color:#777; }

.layer_download .close {width:37px ; height:34px; position:absolute;top:15px;left:50%;margin-left:255px ;z-index:10013; }
.layer_download .con h2.smtit {float:left; font-size:13px; padding:0 0 5px 0; color:#191919; width:100px; border-bottom:2px solid #191919; }

.layer_download .layer_tit {width:100%; overflow:hidden; padding:40px 0 0 0;}



/* layer :layer_partner */
.layer_partner {position:absolute;width:100%;height:100%;z-index:10011;top:90px; left:0; display:none;  } 
.layer_partner .back {position:absolute;top:0; background:#FFF;left:50%;margin-left:-400px; width:800px;  height:650px; min-height:650px;border:1px solid #474747;}
.layer_partner .con{ overflow-y:hidden;; overflow-x:hidden; position:absolute; top:0; background:none;left:50%; width:720px;margin-left:-360px;
                height:649px; min-height:649px;padding:0;color:#777; }

.layer_partner .close {width:37px; height:34px; position:absolute;top:30px;left:50%;margin-left:325px ;z-index:10012; }
.layer_partner .con h2.smtit {float:left; font-size:13px; padding:0 0 5px 0; color:#191919; width:100px; border-bottom:2px solid #191919; }

/* layer :layer_qna */
.layer_qna {position:absolute;width:100%;height:100%;z-index:10011;top:90px; left:0; display:none;  } 
.layer_qna .back {position:absolute;top:0; background:#FFF;left:50%;margin-left:-400px; width:800px;  height:650px; min-height:650px;border:1px solid #474747;}
.layer_qna .con{ overflow-y:hidden;; overflow-x:hidden; position:absolute; top:0; background:none;left:50%; width:720px;margin-left:-360px;
                height:649px; min-height:649px;padding:0;color:#777; }

.layer_qna .close {width:37px; height:34px; position:absolute;top:30px;left:50%;margin-left:325px ;z-index:10012; }
.layer_qna .con h2.smtit {float:left; font-size:13px; padding:0 0 5px 0; color:#191919; width:100px; border-bottom:2px solid #191919; }


/* join_form */

.join_form {width:100%; padding:30px 0 0 0; }
.join_form h3.jtit {float:left; font-size:16px; color:#323232; line-height:36px; font-family:'NanumGothicBoldWeb'; vertical-align:middle;}
.join_form h4.jtit {float:left; font-size:12px; color:#888; line-height:36px;   vertical-align:middle; padding:0 0 0 5px; }
.join_form dl {width:100%; border-bottom:1px dotted #999; overflow:hidden; }
.join_form dl.ffirst {border-top:2px solid #323232;}
.join_form dl.last {border-bottom:1px solid #ccc;}
.join_form dl dt {float:left; text-align:center; width:20%; padding:10px 0; font-size:13px; line-height:24px; font-family:'NanumGothicBoldWeb'; color:#454545; }
.join_form dl dd {float:right; width:68%; padding:10px 5%; font-size:13px;  line-height:20px; font-family:'NanumGothicBoldWeb'; border-left:1px dotted #aaa;}
.join_form dl dd input.txt{ padding:0 5px; line-height:24px;height:24px;border:1px solid #d1d1d1;background:#f5f5f5;width:40%; }

.join_form dl dd.tel input {width:25%;}
.join_form select {width:40%;border:1px solid #ccc; line-height:26px;height:28px; padding:4px;}
.join_form textarea {width:95%;border:1px solid #ccc; line-height:18px;height:100px; padding:10px;}



/* layer :layer_sitemap */
.layer_sitemap {position:absolute;width:100%;height:100%;z-index:10009;top:90px; left:0; display:none;  } 
.layer_sitemap .back {position:absolute;top:0; background:#FFF;left:50%;margin-left:-10px !important; width:600px;  height:600px; min-height:410px;border:1px solid #474747; }
.layer_sitemap .con{ overflow-y:hidden;; overflow-x:hidden; position:absolute; top:0; background:none;left:50%; width:520px;margin-left:30px !important;
                height:550px; min-height:409px;padding:0;color:#777; }

.layer_sitemap .close {width:37px ; height:34px; position:absolute;top:30px;left:50%;margin-left:525px !important;z-index:10009; }
.layer_sitemap .con h2.smtit {float:left; font-size:13px; padding:0 0 5px 0; color:#191919; width:100px; border-bottom:2px solid #191919; }
.layer_sitemap .con .keytxt {width:100%; overflow:hidden; padding:0; margin:0; }
.layer_sitemap .con .keytxt dt {width:10%; float:left; color:#888; font-size:9pt; line-height:18px; font-weight:600;}
.layer_sitemap .con .keytxt dd {width:88%; float:right; color:#161616; font-size:9pt; line-height:18px;  font-weight:400;}

.layer_sitemap .layer_tit {width:100%; overflow:hidden; padding:40px 0 0 0;}



/* sitemap_menu */

.sitemap_menu {width:100%; overflow:hidden;margin:30px 0 0 0;}

.sitemap_menu ul {width:100%; overflow:hidden;padding:0; margin:0; }
.sitemap_menu ul li {display:inline-block;font-size:9pt; line-height:18px; color:#666; font-weight:400; float:left; }
.sitemap_menu ul li a {display:inline-block; font-size:9pt; line-height:18px; color:#666;  font-weight:400;  }
.sitemap_menu ul li.stit ul li a { display:inline-block !important; font-size:9pt; line-height:18px; color:#666;  font-weight:400; }
.sitemap_menu ul li.stit {width:100% !important; font-size:15px; line-height:20px; color:#333; margin:10px 0 0 0; width:100%; display:block;  }
.sitemap_menu ul li.stit a {font-size:13px; line-height:20px; color:#333; width:100%; display:block; font-weight:600; }


.sitemap_menu ul li.stit a:hover {color:#999; text-decoration:none; }
.sitemap_menu ul li.stit ul {width:100%; }
.sitemap_menu ul li.stit ul li span {padding:0 10px; vertical-align:middle; }
.sitemap_menu ul li.stit ul li span.first {padding:0; display:none; }
.sitemap_menu ul li.stit ul li a:hover {color:#1caed3; text-decoration:none; }





.tmenu {width:90%; _width:100%; overflow:hidden;margin:0; padding:20px 5%;*zoom:1; display:inline-block; *display:inline; text-align:center;}
.tmenu:after{content:""; display:block; clear:both;} 

.tmenu ul {width:100%; overflow:hidden;padding:0; margin:0; }
.tmenu ul li {display:inline-block;font-size:13px; line-height:18px; color:#fff; font-weight:400; float:left; }
.tmenu ul li a {display:inline-block; font-size:13px; line-height:18px; color:#fff;  font-weight:400;  text-decoration:none; }



.tmenu ul li.stit {width:100%; font-size:16px; line-height:30px; color:#fff; margin:10px 0 0 0; display:inline-block;  }
.tmenu ul li.stit a {font-size:16px; line-height:24px; color:#fff; width:100%; display:block;font-family:'NanumGothicBoldWeb'; text-align:left;   }


.tmenu ul li.stit a:hover {color:#fff;}
.tmenu ul li.stit ul {width:100%; }
.tmenu ul li.stit ul li  {width:24.2%; display:inline-block;overflow:hidden; border:1px solid #c5ebf9; margin:1px;}

.tmenu ul li.stit ul li a { display:inline-block; width:100%; text-align:center; font-size:13px; line-height:30px;padding:0; color:#c5ebf9; font-weight:400;}
.tmenu ul li.stit ul li:hover {  border:1px solid #fff; }









/* aside */
#aside h2.atit {font-size:19pt; line-height:30pt; height:60pt;  color:#222;  border-bottom:2px solid #333;  overflow:hidden; width:95%; float:left; 
padding:0 0 0 20px ; text-align:left; font-family:'NanumGothicExtraBoldWeb';vertical-align:top;  }
#aside h2.atit span{font-size:19pt; line-height:30pt;color:#222;  padding:0 12px 0 0; #padding:0 12px 0 25px; vertical-align:top; #vertical-align:middle;}
#aside ul { float:left; padding:0; width:100%; }
#aside ul li{width:90%; padding:0 0 0 20px; text-align:left; border-bottom:1px dotted #aaa; }
#aside ul li a{color:#5a5b5e; font-size:15px; line-height:1.2; padding:10px 0; font-family:'NanumGothicBoldWeb'; display:block;}
#aside ul li a:hover {color:#999;font-size:15px; text-decoration:none;}
#aside ul li a.aside_on {color:#2facc8;font-size:15px;}
.fa-navicon {#background:url('../img/com/icon_navi.gif') no-repeat 0 50%; _background:url('../img/com/icon_navi.gif') no-repeat 0 50%; }


/* title */
.title {width:100%;  margin:0 auto;  background:#2a2a2a url('../img/com/bg_g5.gif') repeat top center; padding:1% 0; overflow:hidden; }
.title .tbox { width:100%; max-width:1200px;  margin:0 auto;  text-align:center; font-size:26pt; line-height:34pt; color:#323232; padding:0; 
              font-family:'NanumGothicBoldWeb';  vertical-align:bottom; }

.tbox h2.tit { float:left; text-align:center; font-size:18pt; font-family:'NanumGothicBoldWeb';  line-height:34pt; color:#ddd; padding:0 10px;  vertical-align:bottom; }

.tbox .stit {float:left; text-align:center; font-size:13px; line-height:34pt ; color:#888; margin:0; vertical-align:bottom;}

.tbox .tadd { float:right; text-align:right; font-size:10px; line-height:34pt; color:#888; padding:0 0 0 10px; font-family:'NanumGothicBoldWeb';  vertical-align:middle; }
.tbox .tadd span { font-size:9pt; line-height:34pt; padding:0 7px;  color:#999;vertical-align:top; }
.tbox .tadd span.icon_home { font-size:14px; line-height:34pt;padding:0 0 0 5px; width:15px; color:#999; vertical-align:middle;


#background:url('../img/com/icon_shome.gif') no-repeat 0 50%; _background:url('../img/com/icon_shome.gif') no-repeat 0 50%; background-size:50%;
                              content:"\f015";
							  display:inline-block;
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
							  } 

/* footer */

.cinfo {width:48%; _width:25%; float:left; padding:0 1%;}
.cinfo h3.copy_tit {width:100%; font-size:22px; line-height:32pt; color:#d1d1d1; font-family:'NanumGothicBoldWeb';}
.cinfo ul {width:50%; float:left;}
.cinfo ul li {width:100%; padding:0; font-size:9pt; line-height:22px; color:#9d9d9d; }
.cinfo ul li a {width:100%; padding:0; font-size:9pt; line-height:22px; color:#9d9d9d; vertical-align:top;}



.cbanner {width:23%; _width:25%; float:left; padding:0 1%;}
.cbanner h3.copy_tit {width:100%; font-size:22px; line-height:32pt; color:#d1d1d1; font-family:'NanumGothicBoldWeb';}


.cbanner ul li {width:100%; font-size:9pt; line-height:24px; color:#9d9d9d; }
.cbanner ul li a {width:100%; font-size:9pt; line-height:24px; color:#9d9d9d;}
.cbanner ul li a:hover {width:100%; font-size:9pt; line-height:24px; color:#ccc; }



/* copy */
.copy {width:23%; _width:25%; float:left; padding:0 1%; }
.copy .cselectbox {width:95%;max-width:290px;  font-size:9pt; height:30px; line-height:28px; color:#666; background:#ccc; border:0; padding:5px; margin:7% 0 0 0; vertical-align:middle;}
.copy .copyright {width:100%; padding:40px 0 0 0;  }
.copy .copyright li {width:100%; padding:0; font-size:9pt; line-height:24px; color:#9d9d9d; }








/*  1024ÀÌÇÏÇì´õ°øÅë */ 
@media all and (max-width:1160px){


#header {position:absolute; border:none;}


#menu01  {display:block;}

.topmenu { display:none;}

ul.mainmenu { display:none;}


#menu01 .tgnb {position:absolute; height:65px; top:25px; right:10px; z-index:10009; text-align:right; width:50%;}
#menu01 .tgnb_submenu {position:relative; width:100%; overflow:hidden; top:90px; background:#54accd; border-bottom:1px solid #54a8c8;}


#aside {display:none;} 
#cont {width:96%; float:none; padding:0 2%; }


#footer{ padding:4% 0; }



.cinfo ul.right { width:46%; padding:0 0 0 2%; } 

/* title */
.title { padding:2% 0;  }
.title h2.tit {width:100%;   font-size:18pt; font-family:'NanumGothicBoldWeb';  line-height:30pt ;padding:0;  }
.tbox .stit {width:100%; float:none; line-height:16pt; }
.tbox .tadd {width:100%; float:none; text-align:center;line-height:14pt; padding:0;}
.tbox .tadd span {line-height:14pt; }
.tbox .tadd span.icon_home { line-height:14pt;} 


}


/*  1024~720px¿ë */ 
@media all and (min-width:720px) and (max-width:1024px){	
.cinfo {width:96%; padding:0 2%;}


.cbanner {width:46%; padding:3% 2% 0 2%;}


.copy {width:46%; padding:0 2%;}
.tmenu ul li.stit ul li  {width:32.4%;}
}

/*  800ÀÌÇÏ¿ë */ 
@media all and (max-width:800px){
	


/* layer :layer_qna */
.layer_qna .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-300px; width:650px;  height:650px; min-height:600px; }
.layer_qna .con{position:fixed; _position:absolute; top:91px; left:50%; width:540px; margin-left:-270px; height:649px; min-height:649px;padding:0;color:#777; }

.layer_qna .close {position:fixed; _position:absolute;top:30px;left:50%;margin-left:235px;}


/* layer :layer_qna */
.layer_partner .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-300px; width:650px;  height:650px; min-height:600px; }
.layer_partner .con{position:fixed; _position:absolute; top:91px; left:50%; width:540px; margin-left:-270px; height:649px; min-height:649px;padding:0;color:#777; }

.layer_partner .close {position:fixed; _position:absolute;top:30px;left:50%;margin-left:235px;}


.tmenu ul li.stit ul li  {width:32.4%;}

}



/*  700 ¿ë */ 
@media all and (max-width:700px){


#footer{ padding:5% 0; }

.cinfo {width:96%; padding:0 2%;}


.cbanner {width:46%; padding:3% 2% 0 2%;}


.copy {width:46%; padding:0 2%;}
.copy .cselectbox {width:100%;}	

.tmenu ul li.stit ul li  {width:48%;}


/* title */

.title h2.tit {  font-size:17pt; line-height:28pt ;}


}


/*  600ÀÌÇÏ¿ë */ 
@media all and (max-width:600px){
	




/* layer :layer_qna */
.layer_qna .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-240px; width:480px;  height:500px; min-height:500px; }
.layer_qna .con{overflow-y:scroll;position:fixed; _position:absolute; top:91px; left:50%; width:461px; margin-left:-220px; height:500px; min-height:500px;padding:0;color:#777; }

.layer_qna .close {position:fixed; _position:absolute;top:30px;left:50%;margin-left:180px;}

/* layer :layer_partner */
.layer_partner .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-240px; width:480px;  height:500px; min-height:500px; }
.layer_partner .con{overflow-y:scroll;position:fixed; _position:absolute; top:91px; left:50%; width:461px; margin-left:-220px; height:500px; min-height:500px;padding:0;color:#777; }

.layer_partner .close {position:fixed; _position:absolute;top:30px;left:50%;margin-left:180px;}



}

/*  480ÀÌÇÏ¿ë */ 
@media all and (max-width:480px){
	html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video, div, select {font-size:12px;}



	.m_vis .video_area video,
	.m_vis .slogan,
	.m_vis .pdf_down{}
	.m_vis .video_area .poster{display:block;}



#footer{ padding:6% 0; }


#menu01 .tgnb{ width:60px;}



	.tmenu ul li.stit ul li  {width:98%;}
	

.cinfo {width:100%; padding:0;}
.cinfo h3.copy_tit { width:94%; padding:3% 3% 0 3%; }
.cinfo ul { width:94%; padding:3% 3% 0 3%; } 
.cinfo ul.right { width:94%; padding:3% 3% 0 3%; } 

.cbanner {display:none;}



.copy {width:94%; padding:3% 3% 0 3%;}
.copy .cselectbox {width:100%;  font-size:11px; margin:5% 0 0 0; }
.copy .copyright { padding:7% 0 0 0;  }





/* title */
.title {padding:2% 0;}
.title h2.tit {  font-size:16pt; line-height:26pt ;}


/* layer :layer_qna */
.layer_qna .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-180px; width:360px;  height:500px; min-height:500px; #padding:0 0 30px 0 ;}
.layer_qna .con{overflow-y:scroll;position:fixed; _position:absolute; top:91px; left:50%; width:351px; margin-left:-170px; height:500px; min-height:500px;padding:0 ;color:#777; }

.layer_qna .close {position:fixed; _position:absolute;top:20px;left:50%;margin-left:120px;}

/* layer :layer_partner */
.layer_partner .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-180px; width:360px;  height:500px; min-height:500px; #padding:0 0 30px 0 ;}
.layer_partner .con{overflow-y:scroll;position:fixed; _position:absolute; top:91px; left:50%; width:351px; margin-left:-170px; height:500px; min-height:500px;padding:0 ;color:#777; }

.layer_partner .close {position:fixed; _position:absolute;top:20px;left:50%;margin-left:120px;}


.join_form h3.jtit {width:100%; line-height:20px }
.join_form h4.jtit{width:100%;padding:0 0 10px 0; line-height:20px }
.join_form dl dt {width:90%; padding:2% 5% 0 5%; text-align:left;}
.join_form dl dd {width:90%; padding:0 5% 4% 5%;}
.aw95p {width:95% !important;}
}

/*  360ÀÌÇÏ¿ë */ 
@media all and (max-width:360px){
	



	html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video, div, select {font-size:11px;}

/* layer :layer_qna */
.layer_qna .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-160px; width:320px;  height:450px; min-height:450px; #padding:0 0 30px 0 ;}
.layer_qna .con{overflow-y:scroll;position:fixed; _position:absolute; top:91px; left:50%; width:311px; margin-left:-150px; height:450px; min-height:450px;padding:0 ;color:#777; }

.layer_qna .close {position:fixed; _position:absolute;top:20px;left:50%;margin-left:100px;}


/* layer :layer_partner */
.layer_partner .back {position:fixed; _position:absolute; top:90px; left:50%; margin-left:-160px; width:320px;  height:450px; min-height:450px; #padding:0 0 30px 0 ;}
.layer_partner .con{overflow-y:scroll;position:fixed; _position:absolute; top:91px; left:50%; width:311px; margin-left:-150px; height:450px; min-height:450px;padding:0 ;color:#777; }

.layer_partner .close {position:fixed; _position:absolute;top:20px;left:50%;margin-left:100px;}



}

/*  320ÀÌÇÏ¿ë */ 
@media all and (max-width:320px){
	

/* title */
.title {padding:3% 0;}
.title h2.tit {  font-size:15pt; line-height:24pt; }
.title p.stit { line-height:16pt;}




}