@charset "euc-kr";

/**
°øÅë Àû¿ë¿ä¼Ò
**/

.m{display:none;}
body{width:100%; overflow-x:hidden;}

.skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
.skip-navigation *{list-style:none; margin:0; padding:0;}
.skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
.skip-navigation a:focus,
.skip-navigation a:active{width:100px; height:auto; background:#ffd;}

/**
·¹ÀÌ¾Æ¿ô
**/

/*
Çì´õ
*/
#headArea{float:left; width:100%; height:45px; background:#fff;}
#header{position:relative; max-width:1200px; margin:0 auto;}
#header *{float:left;}

#global > li{position:relative;}
#global > li > a{position:relative; display:inline; padding:0 1.5em; line-height:45px; text-decoration:none; color:#756257; font-family:'Nanum gothic', Dotum, sans-serif; background:url(/images/member/common/global_bg.gif) no-repeat left center;}
#global > li > a img{margin:13px 3px 0 0;}
#global > li > a span{color:#756257;}
#global > li.on > a{background:#fff;}
#global > li:first-child > a{background:none;}
#global .top_layer{display:none; position:absolute; top:45px; left:0; overflow:hidden; height:auto; z-index:99999; width:280px; padding:10px 3px; background:#fff; color:#444; border-radius:3px; border:1px solid #ccc;}
#global .top_layer li{padding:0;}
#global .top_layer a{width:auto; padding:0 1em; line-height:170%; font-size:100%;}
#global #m_layer{left:100%; margin-left:-127px;}
#global #m_layer li{width:68px; text-align:center;}
#global #s_layer{width:134px; left:100%; margin-left:-142px;}
#global #l_layer{width:109px; left:100%; margin-left:-117px;}

#global li.open a{background:#fff; color:#444;}
#global li.open ul{z-index:99; position:absolute; top:41px; left:0; width:280px; padding:20px 5px;}
#global li.open ul li{padding:0;}
#global li.open ul a{width:auto; padding:0 1em; line-height:170%; font-size:106%;}
#global li.open ul.slist{min-width:120px; width:120px;}
#global li .caret{float:none;}
#global2{float:right; margin-top:2px;}

#header .logo{position:absolute; top:66px; left:20px; z-index:97;}
#header .logo a{text-decoration:none; color:#fff;}
#header .logo img{padding:0 0.3em 0 0;}
#header .logo h1 span{display:inline-block;}
#header .logo h1 span{font-size:175%; letter-spacing:0px; font-weight:bold;}
#header .logo .en{clear:both; font-size:50%; font-weight:normal; color:#fff; text-transform:uppercase; letter-spacing:-0.3px; font-family:'Nanum gothic', Dotum, sans-serif;}

#sns{position:absolute; top:67px; left:162px; z-index:98;}
#sns li{margin:0 3px 0 0;}

#search{visibility:visible; z-index:97; margin:5px 0 0 5px; padding:0; border:1px solid #4b4b4b;}
#search .searchbar{width:180px; height:30px; padding:0 0 0 5px; line-height:28px; border:none; background:#fff; box-shadow:none;}
#search button.glyphicon{height:30px; font-size:130%; top:0; background:#fff; border:none; border:1px solid #fff; border-left:none; color:#e9295b;}

#font_control{margin-top:6px; background:#fff; border:1px solid #c9c9c9;}
#font_control li{line-height:0; border-right:1px solid #c1c1c1;}
#font_control li.end{border:0;}

#container_main{float:left; width:100%;}
#container_sub{float:left; width:100%;}
#container{position:relative; overflow:hidden; width:100%; margin:0 auto;}

/* ¸ÞÀÎ¸Þ´º */
#menuArea{position:absolute; left:0; top:45px; width:100%; z-index:96; background:#726054;}
#mainmenu{position:relative; width:1080px; margin:0 auto; padding-left:5%;}
#topmenu{float:right; width:87%;}
#topmenu li{float:left; width:14%; line-height:0;}
#topmenu > li > a{display:block; font-size:135%; line-height:82px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97; color:#fff;}

#topmenu li a:active,
#topmenu li a:focus,
#topmenu li a:hover,
#topmenu > li.current_on > a{color:#ebf79e;}

#topmenu li .menu{position:relative; clear:both; height:257px; display:none; z-index:96; border-right:1px solid #d8d8d8;}
#topmenu > li > .menu > ul{display:block !important; position:absolute; top:1px; left:0; width:100%; height:241px; padding:15px 0 0 0;}
#topmenu li:first-child .menu{border-left:1px solid #d8d8d8;}
#topmenu li.last{display:none;}

#topmenu li ul li{float:none; width:100%;}
#topmenu li ul li a{display:block; margin:0 0 10px 0; padding:0 3px 0 7px; color:#151515; text-align:left; font-size:95%; line-height:120%; font-weight:normal; font-family:'Nanum Gothic', Dotum, sans-serif;}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#0190e6;}

#topmenu li:focus .menu ul,
#topmenu li:hover .menu ul{background:#fff;}
#topmenu ul ul{display:none !important;}

/*
ÇªÅÍ
*/
#footLayout{float:left; width:100%; position:relative; font-family:'Nanum gothic', Dotum, sans-serif;}
#footer{position:relative; overflow:hidden; width:1080px; margin:0 auto; padding:45px 0; text-align:center; border-top:3px solid #605752;}
#footer .section{clear:both;}
#footer .info address{width:100%; padding:0 0 5px 10px; color:#333;}
#footer .info p{text-transform:uppercase; font-size:85%; padding:0 0 0 10px; color:#777; font-family:'Nanum gothic', Dotum, sans-serif;}

/*
¸ÞÀÎ ·¹ÀÌ¾Æ¿ô
*/
#mainLayout{float:left; width:100%; height:auto; margin-top:52px; padding-bottom:50px;}
#mainLayout .section1{position:relative; width:100%;}
#mainLayout .section{position:relative; overflow:hidden; width:1080px; margin:0 auto;}

/* ¸ÞÀÎºñÁÖ¾ó*/
#visual{position:relative; overflow:hidden; width:100%; margin:30px 0; text-align:center; background:#e1d6cf;}
#visual .visual_inner{position:relative; width:1080px; height:265px; margin:0 auto;}

/* ½½·Î°Ç */
#slogan{padding:30px; text-align:center; border-top:3px solid #605752;}
#slogan .txt1{font-size:150%; line-height:150%; font-weight:bold;}
#slogan .txt2{font-size:180%; line-height:180%; font-weight:bold;}
#slogan .txt2 span{font-size:110%; color:#572329;}

/* ¾à·Â/°æ·Â */
#board_1{float:left;}
#board_2{float:right; margin-right:2px;}
#board_1 h3{color:#c2cbb3; background:#4b5d2c; border:1px solid #4b5d2c;}
#board_2 h3{color:#cba8a8; background:#642f2f; border:1px solid #642f2f;}
#board_1 h3 span{background:url(/images/member/main/profile_bg.gif) no-repeat center top;}
#board_2 h3 span{background:url(/images/member/main/career_bg.gif) no-repeat center top;}
#board_1 .con div{height:218px; background:url(/images/member/main/profile_arrow.gif) no-repeat left center;}
#board_2 .con div{height:218px; background:url(/images/member/main/career_arrow.gif) no-repeat left center;}
.board{float:left; width:48%; display:table;}
.board .tr{display:table-row;}
.board .td{display:table-cell; vertical-align:top; background:#fff;}
.board h3{width:200px; height:220px; font-size:140%;}
.board h3 span{display:inline-block; width:100%; margin-top:60px; padding-top:85px; text-align:center;}
.board .con{border:1px solid #d2c6bf; border-left:0;}
.board ul{position:relative; overflow:hidden; padding:30px 20px 0 40px; height:218px;}
.board ul li{float:left; width:90%; padding-left:3%; font-family:'Nanum gothic', Dotum, sans-serif; font-size:110%; line-height:26px; background:url(/images/common/bullet/bul_dotGray2.gif) no-repeat left 12px;}
.board ul li span{float:right; color:#8b8b8b; letter-spacing:-1px;}
.board ul li:last-child{background:none;}
.board ul li .more{display:block; margin-top:10px; color:#fff; padding:5px 0; text-align:center; background:#8a5d5d;}
#board_2 ul{padding:20px 10px 0 20px; height:208px;}

/* ÀÇÁ¤È°µ¿ */
#main_gallery{float:left; display:table; width:100%; margin-top:20px;}
#main_gallery .tr{display:table-row;}
#main_gallery .td{display:table-cell; vertical-align:top;}
#main_gallery h3{vertical-align:top; width:200px; height:218px; color:#b4c0db; background:#2f3f64; border:1px solid #2f3f64;}
#main_gallery h3 span{display:inline-block; width:100%; margin-top:60px; padding-top:85px; font-size:140%; text-align:center; background:url(/images/member/main/gallery_bg.gif) no-repeat center top;}
#main_gallery .con{background:url(/images/member/main/gallery_arrow.gif) no-repeat left center; border:1px solid #d2c6bf; border-left:0;}
#main_gallery ul{position:relative; overflow:hidden; padding:30px 0 0 40px;}
#main_gallery ul li{float:left; position:relative; width:30%; margin:0 1%;}
#main_gallery ul li:last-child{margin-right:0;}
#main_gallery ul li .pic span{position:absolute; top:0; left:0;}
#main_gallery ul li .pic img{width:100%; height:158px;}
#main_gallery ul li .sbj{position:relative; margin:-45px 0 0 0; padding:0 15px; line-height:45px; text-align:center; font-family:'Nanum gothic', Dotum, sans-serif; font-size:115%; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(/images/common/filter_black.png) repeat; text-shadow:1px 1px 1px black;}
#main_gallery ul li .sbj a{color:#fff;}
#main_gallery .more{position:absolute; top:5px; right:32px; z-index:5;}
#main_gallery .more a{display:inline-block; padding:0px;}
#main_gallery .none{width:100%; padding:3em 0 0 0; text-align:center; background:none;}


/*
¼­ºê ·¹ÀÌ¾Æ¿ô
*/
#subLayout{float:left; width:100%; margin-top:83px;}
#subContent{position:relative; overflow:hidden; max-width:1080px; margin:0 auto; padding-bottom:60px; border-top:3px solid #605752;}
#subContent #fontSize{float:left; width:100%;}

/* ¼­ºêºñÁÖ¾ó */
#subVisual{position:relative; overflow:hidden; width:100%; margin:0 0 30px 0; text-align:center; background:#e1d6cf;}

/* ¼­ºê¸Þ´º */
#submenu{float:left; width:220px;}
#submenu h2{height:119px; font-size:170%; line-height:119px; text-align:center; color:#fff; background:url(/images/kr/common/snb_title_bg.gif) no-repeat #406095;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; padding:0 0 0 1.2em; font-size:110%; line-height:44px; color:#444; font-weight:bold; border-bottom:1px solid #d8d8d8; text-decoration:none;}
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{color:#fff; background:#088eda url(/images/kr/common/bg_on.png) no-repeat 93% 50%;}
#submenu .depth2 li ul{display:block; padding:0.7em 0; border:1px solid #ddd; background:#f4f4f4; border-top:0;}
#submenu .depth2 li.current_on ul{display:block;}
#submenu .depth2 li ul li a{color:#5a5a5a; font-size:100%; line-height:27px; border-bottom:none;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#1771aa;}

/* ¹®¼­Á¤º¸ */
#pageInfo{float:left; width:100%; margin:15px 0 15px 0; padding-bottom:10px; border-bottom:1px solid #ccc;}
#pageTitle{float:left; width:55%;}
#location > a, #location > span{color:#333;}
#location em{color:#666;}
#pageTitle h3{line-height:150%; font-size:200%; letter-spacing:0px; color:#333;}
#location{float:right; padding:15px 0 0 0; font-size:105%; color:#333;}

.sub_default{position:relative; overflow:hidden; width:100%; font-size:105%; line-height:150%; font-family:'Nanum gothic', Dotum, sans-serif;}

/**
768
**/
@media screen and (max-width:999px){
	img{max-width:100%;}
	#font_control,
	#search{display:none;}
	
	#header,
	#footer,
	#visual .visual_inner,
	#link,
	#quick,
	#subContent,
	#searchContent{width:100%;}

	#mainmenu{width:90%; padding-left:14%;}
	
	#topmenu > li > a{font-size:120%;}
	#topmenu li ul li a{padding:0 0 0 3px; font-size:90%;}
	
	#subContent{width:100%;}
	#subContent #fontSize{width:76%;}
	#pageTitle{width:100%;}
	#location{display:none;}
	#tabmenu{overflow:hidden; height:auto;}
	#tabmenu .tab_10 li{width:20%;}
	
	#mainLayout .section{width:100%;}
	#mainLayout .section1{padding:0;}
	
	#visual .visual_inner{height:auto;}
	#visual .control{top:50px; left:0; margin-right:0px;}
	
	.board{float:left; width:100%; margin-bottom:1px;}
	.board ul{width:99%; height:auto;}
	#board_2{float:left; margin:20px 0 0 0;}

	#main_gallery{width:100%;}
}


/**
768¹Ì¸¸
**/
@media screen and (max-width:767px){
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}
	#search{display:block;}
	#main-navbar{position:fixed; top:0; left:0; right:0; z-index:10; height:50px; background:#424448;}
	#toggle-sidebar{position:absolute; top:0px; left:4px; cursor:pointer;}
	#main-sidebar{position:fixed; top:0; bottom:0; background:#e5e5e5;}
	#main-sidebar .close-sb{position:relative; overflow:hidden; background:#eb563e; padding:10px 0 10px 20px; border-bottom:1px solid #c11b00; font-size:150%; color:#fff; cursor:pointer;}
	#main-sidebar .close-sb .m_logo{float:left;}
	#main-sidebar .close-sb .m_logo img{height:47px;}
	#main-sidebar .close-sb .close-btn{position:absolute; top:18px; right:25px;}
	#main-sidebar ul li > a{display:block; padding:0 0 0 20px; background:#e5e5e5; border-top:1px solid #f4f4f4; border-bottom:1px solid #d4d4d4; font:14px/48px NGBold; color:#555;}
	#main-sidebar ul li > a:hover{background:#384a7a; border-top:1px solid #010101; border-bottom:1px solid #010101; color:#fff;}
	#main-sidebar ul li li > a{display:block; padding:0 0 0 20px; background:#f7f7f7; border-bottom:1px solid #dedee0; font:12px/43px; color:#555;}
	#main-sidebar ul li li li > a{display:block; padding:0 0 0 30px; background:#efefef; border-bottom:1px solid #dedee0; font:12px/43px; color:#555;}
	#main-sidebar ul li li li > a:hover{background:#666; border-top:1px solid #333;}

	#header,
	#global,
	#mainmenu,
	#searchContent{width:100%;}
	#container{width:100%; margin:0 auto;}

	#footArea{padding:0 0 2em 0; border-top:1px solid #d1d1d1;}
	#footer{width:100%; padding-top:10px; text-align:left;}
	#footer .info address,
	#footer .info p{width:auto; padding:5px;}

	#headArea{height:104px; background:#fff; border-bottom:1px solid #e4e4e4;}
	#header *{float:none;}
	#global{width:100%;height:44px; background:#fff; border-bottom:1px solid #b6b4b6;}
	#global > li a img{display:none;}
	#global > li a{display:block; padding:0 0.5em; font-size:0.92em; text-align:center;}
	#global li{float:left;}
	
	#global #m_layer{width:140px; left:100%; margin-left:-126px;}
	#global #m_layer a{padding:8px 10px;}

	#header .logo{top:57px; left:50%; margin:0 0 0 -70px; font-size:85%;}
	#header .logo *{float:left;color:#333;}
	#header .logo h1{font-size:145%; margin-top:5px;}
	#header .logo img{height:40px;}
	#header .logo span{display:none;}

	.linksite .link_section{width:100%; font-size:0.92em;}
	.linksite .link_section ul li a{line-height:130%;}

	.allmenu,.hsearch{position:absolute; top:51px; z-index:98;}
	.hsearch{top:54px; right:0; padding:0.6em; font-size:150%;}
	.allmenu .navbar-toggle .icon-bar{background-color:#333;}

	#search{position:absolute; visibility:hidden; top:100px; left:-5px; width:100%; padding:1em 0; text-align:center; background:#fff; border-left:0; border-right:0;}
	#search *{float:none;}
	#search .searchbar{width:80%; border:1px solid #ccc; display:inline-block;}
	#search.collapse.in{visibility:visible;}
	
	#mainLayout,
	#subLayout{background:none; margin-top:10px;}
	#subContent{background-image:none;}
	#subContent #fontSize{width:100%;}
	#subVisual{display:none;}
	
	/* ¸ÞÀÎ¸Þ´º */
	#mainmenu{padding:0;}
	#navbar{position:absolute; top:44px; width:98%; padding-bottom:7px; margin:40px 0 0 1%; z-index:99; background:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 9px #ccc; background-clip:padding-box; z-index:999;}
	#navbar > li > a{font-weight:bold;}
	#navbar div{padding:0 0 0 20px;}
	#navbar div ul{overflow:hidden; width:100%;}
	#navbar div a{float:left; width:45%; padding:2px 0 4px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}
	
	#visual{margin-top:-10px;}
	#visual .control .pause{float:left; margin:10px 5px 0 0;}
	#visual .control ol{top:-36px; left:40%;}
	#visual .item img{margin-left:-55px;}
	#slogan{font-size:95%;}

	#board_1 h3,
	#board_2 h3,
	#board_1 h3 span,
	#board_2 h3 span{background-image:none;}
	#board_2{clear:both; float:left;}
	.board{clear:both; width:100%;}
	.board .tr{display:inline;}
	.board .td{clear:both; display:inline;}
	.board h3{float:left; width:100%; height:auto; font-size:140%;}
	.board h3 span{display:inline-block; width:100%; padding:5px 0 3px 0; text-align:center; margin-top:0; background:none;}
	.board ul{clear:both; position:relative; overflow:hidden; width:90%; padding:10px; }
	.board ul li{width:100%;}
	.board ul li a{width:100%;}
	
	#board_1 .con div{height:218px; background-image:none;}
	#board_2 .con div{height:218px; background-image:none;}
	.board .con{border:0;}
	#board_2{margin:0;border-top:1px solid #ccc;}

	#main_gallery{clear:both; width:100%;}
	#main_gallery .tr{display:inline;}
	#main_gallery .td{clear:both; display:inline;}
	#main_gallery h3{float:left; width:100%; height:auto; font-size:105%;}
	#main_gallery h3 span{display:inline-block; width:100%; padding:5px 0 3px 0; text-align:center; margin-top:0; background:none;}
	#main_gallery ul{clear:both; position:relative; overflow:hidden; width:88%; padding:10px; padding-top:0;}
	#main_gallery ul li{width:100%; margin-bottom:2%;}
	#main_gallery ul li .pic img{height:auto;}
}
@media screen and (max-width:320px){
}