@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
*/

html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset { font-weight:400; font-family:'Noto Sans KR',나눔고딕,'Nanum Gothic',돋움,san-serif; margin:0; padding:0; line-height:1; color:#444; text-decoration:none;  font-size:14px; letter-spacing:-1px; }

* {margin:0; padding:0;}
li {list-style:none;}
img {border:none;}
.cont_center	{overflow:hidden; width:1000px; margin:0 auto;}
body {background:url(../images/wrapper_bg.jpg)left top;}
#wrapper {width:1400px; overflow:hidden; }



/*header*/
#header {width:266px; height:100%; float:left; position:relative;}
#hd_top {wdith:266px; height:124px;text-align:center; border-bottom:3px solid #4753b9;}
#hd_top a {display:block; padding:40px 0;}

#hd_bottom #nav {overflow:hidden;}
#hd_bottom #nav>li {width:266px; height:52px; border-bottom:1px solid #ddd; line-height:52px; }
#hd_bottom #nav>li:hover {background:url(../images/nav_on.gif) no-repeat center; }
#hd_bottom #nav>li>a {font-size:18px; font-weight:bold; line-height:54px;display:block;margin-left:30px; color:#111;}
#hd_bottom img {margin-top:50px;}

#nav .dep2 { display:none; position:absolute; left:266px;z-index:200; top:179px;}
#nav .dep2 li {width:149px; height:53px; line-height:53px; border-bottom:1px solid #5c6296; }
#nav .dep2 li a {font-size:14px; color:#dfe1ea; padding:20px 20px; display:block; }
#nav .dep2 li a:hover {font-weight:bold; color:#fff; }

#nav_bg { display:none; width:150px; height:900px; background:url(../images/nav_bg.png) no-repeat;position:absolute; top:0; left:266px; z-index:100; }



/*  content */
#content_wrap {width:1000px; overflow:hidden}
#content {width:700px; float:left; }
#visual {width:700px; height:644px;}

#content #wrap_wl {width:640px; height:63px;padding:18px 30px; overflow:hidden; background-color:#fff;}
#content .want_list {width:610px; height:64px; overflow:hidden;}
#content .want_list p {font-size:18px; font-weight:bold; margin-bottom:8px;}
#content .want_list li {height:20px; }
#content .want_list li a {font-size:14px; line-height:20px;}
#content .want_list li a .data {margin-right:20px;}
#content .want_list li a .coment {float:right;}


#content #wrap_g { width:640px; height:233px; padding:30px; background-color:#ececec; }


#content #wrap_g .g_title { display:block;height:20px; margin-bottom:30px;}
#content #wrap_g .g_title p { float:left; font-size:20px; color:#333; border-left:4px solid #4752b9; margin-bottom:30px;}
#content #wrap_g .g_title a { float:right; display:block; }
#content #wrap_g .g_title a img { }
#content #wrap_g .g_title>p>span{ font-weight:bold;}



#content #wrap_g .gallery li {width:188px; float:left; margin-right:38px; }
#content #wrap_g .gallery li:last-of-type {margin-right:0px;}
#content #wrap_g .gallery li a img {margin-bottom:20px;}
#content #wrap_g .gallery li a p span {line-height:22px;}



#content2  { float:left;}
#content2 #cont_box { width:300px;}
#content2 #cont_box a {display:block;}
#content2 #cont_box li {width:240px; padding:40px 30px;}
#content2 #cont_box li.box1 { height:216px; background:url(../images/btn01.jpg) no-repeat center; }
#content2 #cont_box li.box2 { height:216px; background:url(../images/btn02.jpg) no-repeat center; }
#content2 #cont_box li.box3 { height:216px; background:url(../images/btn03.jpg) no-repeat center; }
#content2 #cont_box li.box4 { height:68px; background:url(../images/btn04.jpg) no-repeat center; }

#cont_box li p { color:#fff;}
#cont_box li p.box_title { font-size:22px;}
#cont_box li p.box_title>span { font-weight:bold;}
#cont_box li p.box_wr {font-size:14px; line-height:20px; margin:13px 0 0 0;}
#cont_box li p.box_wr>span { font-weight:bold;}



#cont_box li.white p { color:#fff;}
#cont_box li.black p { color:#111;}


#set_addr {margin-top:130px; overflow:hidden; margin-bottom:100px;}
#set_addr p {float:left; font-size:18px; color:#333; line-height:35px; letter-spacing:0;}
#set_addr p>span {color:#4752bb;}



.sub_content00 {padding:100px 0 100px 50px; overflow:hidden;}
.sub_content00 .sub_cont_tit {margin-bottom:50px;}
#sub_content01 {float:left; overflow:hidden;width:1000px;background:url(../images/sub01_bg.jpg) no-repeat left top;}
#sub_content02 {float:left; overflow:hidden;width:1000px;background:url(../images/sub02_bg.jpg) no-repeat left top;}
#sub_content03 {float:left; overflow:hidden;width:1000px;background:url(../images/sub03_bg.jpg) no-repeat left top;}
#sub_content04 {float:left; overflow:hidden;width:1000px;background:url(../images/sub04_bg.jpg) no-repeat left top;}
#sub_content05 {float:left; overflow:hidden;width:1000px;background:url(../images/sub05_bg.jpg) no-repeat left top;}


#container_title {font-size:30px; color:#111; font-weight:bold; margin-bottom:50px;}
.wr_content textarea {/*height:200px;*/}


#bbs_write2 {}
p.wr_p {font-size:30px; color:#111; font-weight:bold; margin-top:50px;margin-bottom:20px;}

.btn_wrap .btn_okay {width:100px; height:40px; background-color:#333; color:#fff; font-size:16px; border:none; float:left;}
.btn_wrap { width:206px; margin:30px auto; border:none; overflow:hidden; margin-left:250px;}

.btn_wrap>.btn_cancel {width:100px; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:16px; text-align:center; border:none; padding:0; display:block; float:right;}


/* footer */
#footer { width:100%; background-color:#dfdfdf; height:50px; padding:30px 0 ;}
#footer .foot_cont {width:1000px; margin-left:230px;}
#footer .foot_cont h6 {float:right;  margin-right:60px;}
#footer .foot_cont p {float:left; line-height:18px;overflow:hidden; font-size:13px; letter-spacing:0;}
#footer .foot_cont p span { line-height:30px; color:#999;}
#footer .foot_cont p span a { font-size:13px;line-height:30px; color:#999;}



/* quick */

#quick { background:url(../images/quick.png) no-repeat center; width:159px; height:493px; position:fixed; top:100px; left:1277px; z-index:300;}


#quick #q_form {margin-top:180px;}
#quick #q_form label { margin-left:14px;}
#quick #q_form input {width:125px; margin:5px 10px 10px 14px;}
#quick #q_form input#sent {height:110px;}
#quick #q_form input#btn {width:80px; height:25px; margin:20px 40px; background-color:#ffb900; border:none; color:#fff;}







/*************************** mobile ***************************/
@media screen and (max-width:1399px) {
	
#wrapper	{}
#quick { background:url(../images/quick.png) no-repeat center; width:159px; height:493px; position:fixed; top:100px; left:1100px; z-index:300;}

}