@charset "utf-8";
@import url("./common.css");
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");
@import url("./NanumBarunpen.css");


	


	body {position:relative; background:#eae8eb; }

	.default_layout {position:relative; max-width:1660px; margin:0 auto;}

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative;} 


	/* 헤더 */
	#header {height:170px;  z-index:99;  font-family: 'nanumbarunpenr';}


	/* 로고 */
	#header h1 {position:absolute; left:3px; top:78px;}
	#header h1 img {vertical-align:middle; }

	#header .language {position:absolute; right:0px; top:93px; font-size:15px;}
	#header .language a{display:inline-block; font-size:15px; color:#000000; margin:0 5px;  font-style:italic; min-width:41px; text-align:center; letter-spacing:0.5px;}
	#header .language a.on{background:url(../images/common/language_on.png) center bottom no-repeat;}

	#header .ridm_tab {position:absolute; right:0px; top:70px;}
	#header .ridm_tab img {vertical-align:middle;}

	#header .header_quick {position:fixed; top:218px; left:-49px; font-weight:bold; letter-spacing:0.5px; width:136px; height:40px;  transform: rotate(90deg); background:#a4c5d2; font-size:13px; }
	#header .header_quick a{display:block; text-align:center; color:rgba(255,255,255,0.7); padding-top:10px; letter-spacing:1px;}
	#header .header_quick.about {background:#000000; top:368px;}

	p.menu_btn {display:none;}

	/*상단메뉴*/
	#topMenu { height:20px; position:absolute; left:196px; top:93px;}
	#topMenu li.menu_list{display:inline-block; vertical-align:bottom; margin-right:30px; padding-left:18px; position:relative; background:url(../images/common/topmenu_dot.png) left 50% no-repeat;  }
	#topMenu li.menu_list a.depth_link {display:block; font-size:15px; font-weight:100; color:#000000;  position:relative; letter-spacing:0.5px;}
	#topMenu li.menu_list a.depth_link:hover {color:#1e11b0;}

	
	#topMenu li.menu_list#topMenu4 a.depth_link{font-weight:bold; color:#a568a0}
	#topMenu li.menu_list a.menu_on{text-decoration:underline; }

	#topMenu li div.depth_box {position:absolute; display:none;  top:52px; width:155px; left:-25px; background:#244963;  }
	#topMenu li div.depth_box ul {margin:1px;}
	#topMenu li div.depth_box ul li {font-size:14px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#ffffff; padding-left:23px; letter-spacing:-0.5px; line-height:50px; border-bottom:1px #899aa4 solid;}
	#topMenu li div.depth_box ul li a:hover {background:#00b1ff;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;; background:#fff; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a{display:block;line-height:30px; color:#949494;}



	/*카피라이트*/
	#footerGroup {position:relative; font-family: 'nanumbarunpenr'; }
	#footerGroup .default_layout{background:url(../images/common/f_line_bg.png) center top no-repeat; background-size:100% 2px;}


	#footerGroup .center_box{ position:absolute; text-align:center; top:63px; width:100%;}
	#footerGroup .center_box .sns_box {overflow:hidden; margin-bottom:40px;}
	#footerGroup .center_box .sns_box li {display:inline-block; text-align:center; margin:0 13px; font-size:20px;}
	#footerGroup .center_box .sns_box li a{color:#000000; background:url(../images/common/f_sns01_new.png) left top no-repeat; display:block; line-height:42px; padding-left:60px;}
	#footerGroup .center_box .sns_box li.last a{background-image:url(../images/common/f_sns02.png); }
	#footerGroup .center_box .addres{font-size:15px; color:#000;}


	#footerGroup .center_box .f_menu {position:absolute; top:0px; right:0px; width:240px; font-size:0px;  text-align:left;}
	#footerGroup .center_box .f_menu li{width:120px; display:inline-block; text-align:left; margin:4px 0;}
	#footerGroup .center_box .f_menu li a {display:block; padding-left:18px; letter-spacing:0.5px; color:#000; font-size:15px; background:url(../images/common/topmenu_dot.png) left 50% no-repeat;}
	#footerGroup .center_box .f_menu li a:hover {color:#1e11b0; text-decoration:underline;}



	#footerGroup .footer {padding:65px 0px 65px 10px;  font-size:16px; position:relative;color:#555t; letter-spacing:0.5px;}
	#footerGroup .center_box .address {color:#000; font-size:15px; letter-spacing:0.5px;}




	/*공통 포플*/
	#common_portfolio_box {position:relative; text-align:center; font-family: 'Nanum Square';}
	#common_portfolio {margin:0 auto; overflow:hidden; max-width:1680px; font-size:0px;}
	#common_portfolio .grid{float:left;  position:relative; overflow:hidden; height:auto; width:400px; margin:0 10px 20px;}
	#common_portfolio .grid .photo {width:100%; position:relative; z-index:0;}
	#common_portfolio .grid .photo img {width:100%; vertical-align:top; }
	#common_portfolio .grid .subject {z-index:9;  position:absolute; transition:all 0.3s; left:0px; bottom:0; width:100%; height:0px; background:rgba(0,0,0,0.7) /*url(../images/common/gallery_over_l.png) center 52% no-repeat;; background-size:120px*/;}

	#common_portfolio .grid:hover .subject {height:100%;  transition:all 0.3s; bottom:0px; }
	#common_portfolio .grid:hover .subject a{display:block; font-size:13px; color:#fff; vertical-align:middle; height:100%; line-height:150px;   }

	#common_portfolio_box .load_more {text-align:center; line-height:12px; margin:45px 0px; background:url(../images/main/load_more_btn.jpg) center top no-repeat; font-weight:bold; font-size:14px; font-family:'Arial'}
	#common_portfolio_box .load_more .btn {padding:25px 0px 10px;;}
	#common_portfolio_box .load_more .btn a{color:#222222; padding:25px 0px 0;; }
	#common_portfolio_box .load_more .btn a:hover {color:#1e11b0;}
	#common_portfolio_box .load_more .cont {color:#bdbdbd; }

	


	#bo_list,
	.bo_fx,
	#bo_w,
	#bo_v {max-width:1660px; margin:0 auto; }

	/**/

	@media screen and (max-width:1699px) and (min-width: 1460px){
	
		.default_layout {max-width:1420px;  }
		#bo_list,
		.bo_fx,
		#bo_w,
		#bo_v {max-width:1420px;}
		#common_portfolio {max-width:1440px;}
		#common_portfolio .grid{width:340px;}
	
	}


	@media screen and (max-width: 1459px) and (min-width: 1220px){

		.default_layout {max-width:1180px;  }
		#bo_list,
		.bo_fx,
		#bo_w,
		#bo_v {max-width:1180px;}

		#common_portfolio {max-width:1200px;}
		#common_portfolio .grid{width:380px;}
	}


	@media screen and (max-width: 1219px) and (min-width: 980px){
	
		.default_layout {max-width:940px;}
		#bo_list,
		.bo_fx,
		#bo_w,
		#bo_v {max-width:940px;}
		#common_portfolio {max-width:960px;}
		#common_portfolio .grid{width:460px;}

	}

	@media screen and (max-width: 979px) and (min-width: 740px){
		
		#topMenu {left:auto; right:0px !important; }
		.default_layout {max-width:700px;}
		#bo_list,
		.bo_fx,
		#bo_w,
		#bo_v {max-width:700px;}
		#header .ridm_tab {display:none;}
		#common_portfolio {max-width:720px;}
		#common_portfolio .grid{width:340px;}





		#footerGroup .center_box{ position:relative; text-align:center; top:0px; width:100%;}

		#footerGroup .center_box .f_menu {position:relative;  text-align:center; width:100%;}
		#footerGroup .center_box .f_menu li{display:block; width:100%; text-align:center; }
		#footerGroup .center_box .f_menu li a{padding-left:0px; background:none; font-size:20px; line-height:40px; text-decoration:underline;}


		#footerGroup .footer {text-align:center;}
		#footerGroup .center_box .address{padding-top:50px; }
		#header .language {top:10px;}

	}


	@media screen and (max-width:739px) and (min-width: 200px){

		.default_layout {max-width:95%;}

		#bo_list,
		.bo_fx,
		#bo_w,
		#bo_v {max-width:95%;}


		#header .ridm_tab {display:none;}


		#header .language {top:10px;}


		/*모바일버튼*/
		p.menu_btn {display:block; position:absolute; right:10px; top:70px; cursor:pointer; text-align:center; width:43px; height:43px; border:1px #222 solid;  }
		p.menu_btn a {display:block; padding-top:13px;}
		p.menu_btn span {background:#222; display:block; width:60%; height:3px; margin:0 20% 4px; vertical-align:top; transition:transform 500ms;}
		p.menu_btn:hover span { transform:rotateY(180deg); transition:transform 500ms; background:#180f9f;}

		
		#header {height: auto; }
		#header h1 {position:relative;  height:180px; line-height:180px; left:0px; top:0px;}
		/*상단메뉴*/
		#topMenu {display:none; position:relative; left:0px; top:0px; height:auto; margin:0px; clear:both; width:100%; padding:30px 0; margin-bottom:30px;  border-top:1px #222 solid; border-bottom:1px #222 solid; }

		#topMenu li.menu_list{display:block; width:100%; margin:10px 0; padding:0 0 0 48px; text-align:left;background-position:20px 50%;}
		#topMenu li.menu_list a.depth_link {border:0px; font-size:30px;  line-height:40px; font-weight:bold; color:#222;}
		#topMenu li.menu_list a.menu_on{text-decoration:underline;   }

		#header .header_quick {top:auto !important; bottom:0px !important; width:50% !important;  transform: rotate(0deg);  }
		#header .header_quick.ridm {left:auto !important; right:0px; }
		#header .header_quick.about {left:0px !important; }

		#footerGroup {padding-bottom:160px;}


		#footerGroup .center_box{ position:relative; text-align:center; top:0px; width:100%;}

		#footerGroup .center_box .f_menu {position:relative;  text-align:center; width:100%;}
		#footerGroup .center_box .f_menu li{display:block; width:100%; text-align:center; }
		#footerGroup .center_box .f_menu li a{padding-left:0px; background:none; font-size:20px; line-height:40px; text-decoration:underline;}


		#footerGroup .footer {text-align:center;}
		#footerGroup .center_box .address{padding-top:50px; }

		#common_portfolio {max-width:95%;}
		#common_portfolio .grid{width:100%;float:none; margin:0px 0px 20px;}

		.mobile_none {display:none;}


		#bo_sch #sfl {width:100px;}
		#bo_sch #stx {width:auto;}






	}