@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,
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;  font-size:13px; font-weight:400; font-family:'NanumGothicWeb', 'NanumGothicBoldWeb','¸¼Àº °íµñ','µ¸¿ò',Dotum,sans-serif; color:#666;
letter-spacing:0;line-height:1; vertical-align:top;}


h1,h2,h3,h4,h5,h6 {margin:0; padding:0; border:0;font-family:'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;}

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 {line-height:1.4;}
/* 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%;}
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:300;
	src:url('../css/font/NanumGothicLight.eot'); 
	src:url('../css/font/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
	src:local('?'), url('../css/font/NanumGothicLight.woff') format('woff'), 
	url('../css/font/NanumGothicLight.ttf') format('truetype');
}
@font-face{
	font-family:'NanumGothicWeb';
	font-style:normal;
	font-weight:400;
	src:url('../css/font/NanumGothic.eot'); 
	src:url('../css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	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:400;
	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:#095ba0;}
.co_g {color:#709921;}
.co_r {color:#ea5151;}
.co_dg {color:#323232;}
.co_lg {color:#777;}
.co_bb {color:#666;}
.co_ab {color:#000;}


.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;}

.fs15 {font-size:15px;}
.fs24 {font-size:24px;}
.lh36 {line-height:36px;}
.lh22 {line-height:22px;}


.mat3 {margin-top:3px;}
.mab3 {margin-bottom:3px;}
.mal3 {margin-left:3px;}
.mar3 {margin-right:3px;}

.mat5 {margin-top:5px;}
.mab5 {margin-bottom:5px;}
.mal5 {margin-left:5px;}
.mar5 {margin-right:5px;}

.mat8 {margin-top:8px;}
.mab8 {margin-bottom:8px;}
.mal8 {margin-left:8px;}
.mar8 {margin-right:8px;}

.mat9 {margin-top:9px;}
.mab9 {margin-bottom:9px;}
.mal9 {margin-left:9px;}
.mar9 {margin-right:9px;}

.mat10 {margin-top:10px;}
.mab10 {margin-bottom:10px;}
.mal10 {margin-left:10px;}
.mar10 {margin-right:10px;}

.mat11 {margin-top:11px;}
.mab11 {margin-bottom:11px;}
.mal11 {margin-left:11px;}
.mar11 {margin-right:11px;}

.mat15 {margin-top:15px;}
.mab15 {margin-bottom:15px;}
.mal15 {margin-left:15px;}
.mar15 {margin-right:15px;}

.mat20 {margin-top:20px;}
.mab20 {margin-bottom:20px;}
.mal20 {margin-left:20px;}
.mal26 {margin-left:26px;}
.mar20 {margin-right:20px;}

.mat30 {margin-top:30px;}
.mab30 {margin-bottom:30px;}
.mal30 {margin-left:30px;}
.mar30 {margin-right:30px;}

.mat40 {margin-top:40px;}
.mab40 {margin-bottom:40px;}
.mal40 {margin-left:40px;}
.mar40 {margin-right:40px;}

.mat50 {margin-top:50px;}
.mab50 {margin-bottom:50px;}
.mal50 {margin-left:50px;}
.mar50 {margin-right:50px;}

.pat10 {padding-top:10px;}
.pab10 {padding-bottom:10px;}
.pal10 {padding-left:10px;}
.par10 {padding-right:10px;}

.pat20 {padding-top:20px;}
.pab20 {padding-bottom:20px;}
.pal20 {padding-left:20px;}
.par20 {padding-right:20px;}

.pat25 {padding-top:25px;}
.pab25 {padding-bottom:25px;}
.pal25 {padding-left:25px;}
.par25 {padding-right:25px;}

.fll {float:left;}
.flr {float:right;}
.clb {clear:both;}



/* 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:85px; z-index:10000;background:#fff; border-bottom:1px solid #e6e7e6;}
#header:after{content:""; display:block; clear:both; }


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


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



.content {width:100%; max-width:1000px; margin:0 auto; _left:50%; _margin-left:-500px; padding:44px 0 60px 0; overflow:hidden;}


#aside {width:20%; float:left;  overflow:hidden; padding:0 ; } 
#cont {width:73.5%; float:right; overflow:hidden; padding:0 0 0 5px; margin:0;}
.conbox {width:100%; overflow:hidden;}


/* footer */ 
#footer{width:100%; padding:25px 0;  overflow:hidden; background:#f6f6f6;  }
.foot {width:100%; max-width:1000px; margin:0 auto; _left:50%; _margin-left:-500px; padding: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:1000px; margin:0 auto; _left:50%; _margin-left:-500px; z-index:10001;  padding:0;}
#nav h1 {float:left; padding:30px 0 0 10px; max-width:135px; }
#nav h1 img {width:100%; max-width:135px; }


ul.mainmenu {float:right; z-index:10002;  display:inline-block; width:850px;}
ul.mainmenu li { float:right; position:relative; padding:0 0 0 55px; }
ul.mainmenu li a { display:inline-block; height:85px; line-height:85px; padding:0 10px; font-size:17px;  font-weight:normal;  color:#323232; font-family:'NanumGothicBoldWeb'; }
ul.mainmenu li a:hover { color:#1279b4; text-decoration:none; }
ul.mainmenu li .menu_on{ color:#1279b4; text-decoration:none; }
ul.mainmenu li ul.sub { display:none; overflow:hidden; position:absolute; padding:0;background:#1279b4; top:85px;left:0; }
ul.mainmenu li ul.sub li { width:100%; height:36px; line-height:36px;  margin:0; padding:0;text-align:center; border-top:1px solid #218cc9;  border-bottom:1px solid #11699b;    }
ul.mainmenu li ul.sub li a{width:142px; _width:160px;  position:relative; font-size:13px; color:#fff; display:block; height:36px; line-height:36px;
                          padding:0 0 0 18px;  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 { width:160px ;margin-left:30px;}
ul.mainmenu li ul.s2 { width:160px; margin-left:30px; }
ul.mainmenu li ul.s3 { width:160px; margin-left:55px;  }
ul.mainmenu li ul.s4 { width:160px; margin-left:30px;  }
ul.mainmenu li ul.s5 { width:160px; margin-left:30px;  }
ul.mainmenu { zoom:1 }
ul.mainmenu:after { display:block; visibility:hidden; clear:both; height:0; content:'.' }

	








/* 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:85px; left:0; display:none;  } 
.layer_sitemap .back {position:absolute;top:0; background:#FFF;left:50%;margin-left:-300px !important; width:600px;  height:380px; min-height:380px;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:-270px !important;
                height:379px; min-height:379px;padding:0;color:#777; }

.layer_sitemap .close {width:37px ; height:34px; position:absolute;top:30px;left:50%;margin-left:240px !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; color:#b1b1b1;}
.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:center;   }


.tmenu ul li.stit a:hover {color:#fff;}
.tmenu ul li.stit ul {width:100%; overflow:hidden; }
.tmenu ul li.stit ul li  { overflow:hidden;  width:100%; }

.tmenu ul li.stit ul li a { display:block;  float:left; text-align:center; font-size:13px; line-height:20px;padding:0; color:#c5ebf9; font-weight:400; }
.tmenu ul li.stit ul li:hover {  }

.tmenu ul li.stit ul li.ss_menu {background:#4299ba;}
.tmenu ul li.stit ul li.ss_menu:hover {}
.tmenu ul li.stit ul li.ss_menu a {color:#c5ebf9;}
.tmenu ul li.stit ul li.ss_menu a:hover {color:#fff;}







/* aside */
#aside h2.atit {font-size:26px; line-height:76px; height:76px;  color:#fff; background:#095ba0;  overflow:hidden; width:100%; float:left; 
padding:0; text-align:center;font-weight:600;font-family:'NanumGothicWeb'; }
#aside  ul { float:left; padding:0; width:100%; }
#aside > ul > li{width:100%;text-align:left; border-bottom:1px solid #ddd; }
#aside  ul li  a{width:90%; _width:100%;  padding:0 0 0 10%;  color:#333; font-size:14px; line-height:36px; font-family:'NanumGothicBoldWeb';  display:block; }
#aside  ul li:after{ clear:both; display:block; content:""}
#aside  ul li a:hover {color:#999;}
#aside  ul li a.aside_on {color:#095ba0; background:url('../img/com/aside_bar.gif') no-repeat 92% 50%;}

.sub_left_menu > li {padding-left:10px; height:30px; border-top:1px solid #F0F0F0 !important;}
.sub_left_menu li a {font-size:12px!important; line-height:30px !important; color:#666 !important; }
.sub_left_menu li a.aside_on2 { color:#095ba0; background:url('../img/com/aside_bar.gif') no-repeat 92% 50%;}

/* title */
.title {width:100%;  margin:0 auto; overflow:hidden; padding:0 0 40px 0;vertical-align:top;}
.title .tbox { width:100%; max-width:1000px;  margin:0 auto;  text-align:center; font-size:26pt; line-height:34pt; color:#323232; padding:0; 
              font-family:'NanumGothicBoldWeb'; vertical-align:top; }

.tbox h2.tit { float:left; font-size:35px; font-family:'NanumGothicBoldWeb'; line-height:1.4; color:#000; padding:0; vertical-align:top;}
.tbox h2.tit span {font-size:35px; font-family:'NanumGothicBoldWeb'; line-height:1.4; color:#0b5ca1;vertical-align:top; }

.tbox .tadd { float:right; text-align:right; font-size:10px; line-height:1.4; color:#888; padding:10px 0  10px;}
.tbox .tadd span { font-size:9pt; line-height:1.4; padding:0;  color:#999;vertical-align:middle; }

.tbox .tadd span.icon_home { font-size:14px; line-height:1.4;padding:0 5px 0 0; 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;} 


.tbox .tadd span.arr {font-size:9px; color:#aaa; font-weight:400; padding:0 7px; line-height:1.6;}
.tbox .tadd span.last{color:#0b5ca1; text-decoration:underline; line-height:1.6; }

/* footer */

.foot .banner {width:100%; overflow:hidden;}
.foot .banner li {float:left; color:#4c4c4c; line-height:1; vertical-align:middle;}
.foot .banner li span.bar {color:#b5b5b5; font-weight:300; font-size:10px; padding:0 10px; vertical-align:middle;}

.foot .copy {width:100%; overflow:hidden; padding:10px 0 5px 0;}
.foot .copy li {float:left; color:#4c4c4c; line-height:1; vertical-align:middle;}
.foot .copy li span.bar {color:#4c4c4c; font-weight:300; font-size:10px; padding:0 10px; vertical-align:middle;}



.foot p {width:100%; overflow:hidden; color:#919395; font-size:11px;}


  
h2.mtit {width:92%; font-size:21px; line-height:1.4; float:left; font-family: 'NanumGothicBoldWeb'; letter-spacing:-1px; color:#323232; background:url('../img/com/icon_tbg.gif') no-repeat 0 1px; 
            padding:0 0 15px 28px ; }
  
h2.mtit_fire {width:90%; font-size:22px; line-height:1.4; float:left; font-family: 'NanumGothicBoldWeb'; letter-spacing:-1px; color:#323232; 
background:url('../img/com/sub_char_fire_icon.png') no-repeat 0 2px; 
            padding:0 0 15px 35px ; }  
  
  
  
.sub_char_h3 {width:100%; float:left; color:#0b5ca1; padding-left:22px; background:url("../../img/com/icon_tbg_h3.png") no-repeat 0 50%;}
  
  
  
  

/*  1000ÀÌÇÏÇì´õ°øÅë */ 
@media all and (max-width:1030px){
#main{width:100%;  padding:0 0 5% 0; }



.pc {display:none;}
#header {position:absolute;}


#menu01  {display:block;}

.topmenu { display:none;}

ul.mainmenu {display:none;}
ul.mainmenu li {}


#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:85px; background:#54accd; border-bottom:1px solid #54a8c8;}


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

.content { padding:10px 0;} 
#footer{ padding:4% 0; }
#footer .foot {padding:0 0 0 2%;}



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

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

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


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


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

}




/*  789px ¿ë */ 
@media all and (max-width:789px){
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;}

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 {line-height:1.6;}

#footer{ padding:5% 0; }
#footer .foot {padding:0 0 0 2%;}

.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  {}

/* title */



  
h2.mtit { font-size:22px; }
  

}


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


.tmenu ul li.stit ul li  {}


h2.mtit { font-size:20px; }

}

/*  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;}


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 {line-height:1.8;}



	.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;}



	
	

.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 {width:94%; padding:7% 3% 0 3%;}


.copy {width:94%; padding:7% 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:4% 0; overflow:hidden;}
.title h2.tit {  font-size:16pt; }
.title h2.tit span {  font-size:16pt;}


.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;}



h2.mtit { font-size:18px; }


}



/*  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;}
.tmenu ul li.stit ul li  {}

.title {padding:6% 0;}

}

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

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


}