@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

img {border:0px;}

body {background-color:#ffffff; color:#3b3b3b; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, ��������, sans-serif; color:#3b3b3b; font-size:14px;}
a{text-decoration:none; margin:0; padding:0; color:#3b3b3b;}
a:hover{text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}

/*subtop*/
#subtop{background:url(../images/subtop.jpg) no-repeat center center; height:250px;}

/*topnavi*/
.top_nav{width: 1100px; margin: 0 auto; text-align: right;}
#topnavi{background:#333333; color:#ffffff;}
#topnavi a{color:#fff; display:inline-block; height:30px; line-height:30px; padding-right:20px; font-size:12px;}
#topnavi a:hover{color:#aaa;}
#topnavi a.ybg{background:#ffd800; color:#333; padding-left:20px;}
#topnavi a.ybg:hover{background:#d76b3c; color:#fff;}

#topcp{width: 1100px; height: 100px; margin: 0 auto;}
#logo{text-align: left; width: 800px; padding-top:28px;}
#tel{text-align: right; width: 300px; font-size:34px; font-weight:bold; padding-top: 30px;}

#topcp #logo, #tel{float: left;}

/*topmenu*/
#topmenu{height: 56px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
#topmenu {font-size:17px;}
#topmenu div #topm_right{font-size:14px; background:#f7f7f7; padding:20px 0; width:170px; text-align:center; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
#topmenu div #topm_right a{color:#636363;}
.top_menu{width: 1100px; margin: 0 auto;}
#main_menu{width: 928px;}
.top_menu #main_menu, #topm_right{float: left;}

#sddm {margin:0; padding:0; z-index:30; width:100%; text-align:right; position:relative;}
#sddm li {margin:0; padding:0; list-style:none; float:left;}
#sddm li a {font-family: 'Nanum Gothic', ��������, sans-serif; font-size:16px; color:#222222; text-align:left; display:block; padding:0px 70px 0px 0px; text-decoration:none; }
#sddm li a:hover {color:#d76b3c;}
#sddm div {position:absolute; top:37px; visibility:hidden; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; width:150px;}
#sddm div a {color:#333; font-size:10pt; text-align:left; position:relative; display:block; margin:0; padding:15px 10px; width:auto; border-bottom:1px solid #ccc; white-space:nowrap; text-decoration:none; background:#fff;}
#sddm div a:hover {background:#d76b3c; color:#fff}

/*main*/
#mainimg{position:absolute; width:100%; height:450px; background:url(../images/mainimg.jpg) center top no-repeat;}
#img_form{width: 1100px; margin: 0 auto;}
#mainform{position:relative; margin-left:750px; z-index:99; width:350px; height:450px; background:url(../images/form_bg.png) repeat left top;}

/*mainbanner*/
#mbn_01{padding:50px 0; width: 1100px; margin: 0 auto; text-align: center;}
.mbn_01{font-size:39px; font-weight:bold; text-transform: uppercase; color:#222; letter-spacing:4; padding-bottom:40px;}
.mbn_01 a{color:#222;}
.mbn_01 span{color:#888; font-size:15px; font-weight:200; line-height:170%; letter-spacing:0;}
.mbn_01 a span{color:#888;}

#mbn_02{background:url(../images/mbn_02_bg.jpg) no-repeat center center; height: 340px; margin-bottom:50px;}
.mbn_02_yel{position:relative; z-index:99; width:170px; height:170px;}
.mbn_02_org{position:relative; z-index:99; width:170px; height:170px; margin-left:170px;}
.mbn_02_txt{position:relative; z-index:99; color:#fff; text-align:right; width: 760px; padding-top: 45px;}
.mbn_02_txt01{color:#c6c6c6; font-size:15px; line-height:130%;}
.mbn_02_txt01 b{font-size:39px; letter-spacing:4; color:#fff; display:inline-block; padding:15px 0 30px;}
.mbn_02_txt02{color:#fff; font-size:25px; line-height:160%;}
.mbn_02_txt02 b{font-size:67px;display:inline-block; padding:50px 0 10px;}

.main_bn_02{width: 1100px; margin: 0 auto;}
.main_bn_img{width: 340px;}
.main_bn_02 .main_bn_img, .mbn_02_txt{float: left;}

#mbn_03{width: 1100px; height: 250px;margin: 0 auto; margin-top: 30px;}
#mbn{width:32%; float: left; text-align: center;}
.mbn_03{color:#888; font-size:14px; line-height:170%;}
.mbn_03 a{color:#888;}
.mbn_03 a:hover{color:#444;}

.margin_right{margin-right: 2%;}

/*copy*/
#copy{background:#333; color:#aaa; padding:30px 0; height: 40px; clear: both;}
.copyright{width: 1100px; margin: 0 auto;}
.copyright .copyaddress, .up_but{float:left;}
.copyaddress{width: 1000px; color:#aaa; font-size:13px; line-height:18px;}
.up_but{width: 100px;}

/*leftmenu*/
#subcon{width: 1100px; margin: 0 auto;}
#subcon .leftmenu, .con{float: left;}
.subtop_box{width: 1100px; margin: 0 auto;}
.menu_big{font-size:24px; color:#fff; font-weight:bold; width:210px; text-align:center; padding-top: 100px;}
.menu_big span{font-size:13px; font-weight:100;}
.leftmenu{width: 210px;}
.leftmenu a{padding-left:15px; font-size:13px; color:#333; display:block; height:51px; line-height:51px; background:url(../images/lbg_off.jpg) no-repeat left top;}
.leftmenu a:hover{padding-left:25px; background:url(../images/lbg_on.jpg) no-repeat left top; color:#d76b3c;}

.con{width: 850px; margin-left:40px; padding-bottom:80px;}
.con_tit{width: 425px; font-size:28px; font-weight:bold; padding:50px 0; float: left;}
.subnavi{width: 425px; padding:50px 0; color:#aaa; font-size:13px; float: left;}
.subnavi span{color:#555;}
.subpage{clear:both;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; white-space:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 figure{background:url(../images/sub0101_bg.jpg) repeat-x left bottom;}
.sub0101 h3{color:#fff; font-size:28px; font-family:'Nanum Square'; float:left; padding:80px 0px 0px 50px;}
.sub0101 h3 b{display:block; text-transform:uppercase; font-size:44px; color:#d76b3c;}
.sub0101 h3 span{display:block; margin:80px 0px 15px 0px;}
.sub0101 figure div{margin-left:600px;}

.sub0101 ul{padding:30px;}
.sub0101 li{float:left; width:48%; text-align:justify;}
.sub0101 li:nth-child(1){margin-right:4%;}
.sub0101 h5{font-size:16px; font-weight:normal; text-decoration:underline; color:#333;}
.sub0101 h5 span{display:block; margin-bottom:5px;}
.sub0101 h4{margin-top:25px; font-size:19px; color:#333; font-weight:normal;}

/* sub0103 */
.sub0103{background:url(../images/sub0103.jpg) no-repeat right top -50px;}
.sub0103 h3{font-size:30px; font-family:'Nanum Square'; color:#000;}
.sub0103 h3 span{color:#d76b3c;}
.sub0103 h4{font-weight:normal; font-size:16px; color:#333; margin:10px 0px 40px 0px;}
.sub0103 h5{font-size:19px; text-transform:uppercase; color:#000;}
.sub0103 ul{margin-bottom:20px;}
.sub0103 li{margin-top:10px;}
.sub0103 li b{display:inline-block; margin-right:15px; color:#333;}
#daumRoughmapContainer1706058067837{width:100%; height:350px;}

@media screen and (max-width: 768px) {
  /*mainpage*/
 .t_none{display: none;}
 #img_form, #mbn_01, .main_bn_02,#mbn_03, #mbn, .copyright, .copyaddress, .up_but, #subcon, .subtop_box, .con, .con_tit{width: 100%;}
 #mainform{margin-left: 240px;}
 #mbn_02{height:300px; margin-bottom:0; text-align:center;}
 .mbn_02_txt{width:100%; padding-top: 30px;}
 .mbn_02_txt01{text-align:center;}
 .mbn_02_txt01 b{font-size:29px;}
 .mbn_02_txt02{text-align:center;}
 .mbn_02_txt02 b{font-size:50px;}


 #mbn_03{margin: 0px; height: 720px;}
  #mbn{text-align: center; float: none; border-bottom:1px solid #dcdcdc; padding: 25px 0px;}
 .margin_right{margin-right: 0px;}
 .copyright .copyaddress, .up_but{float:none;}
 #copy{text-align: center; height: 40px;}

 /*subtop*/
 #subtop{background-size:cover; height:150px;}

 /*subpage*/
 .con{margin: 0px;}
 .con_tit{text-align: center;}

 /* 공통 */
 .normal{font-size:14px;}

 /* sub0101 */
 .sub0101 h3{font-size:18px; color:#333; float:none; padding:0px 0px 40px 0px; text-align:center;}
 .sub0101 h3 b{font-size:25px;}
 .sub0101 h3 span{margin:20px 0px 5px 0px;}
 .sub0101 figure div{margin-left:0; text-align:center;}

 .sub0101 ul{padding:30px 10px;}
 .sub0101 li{float:none; width:100%;}
 .sub0101 li:nth-child(1){margin-right:0; margin-bottom:20px;}
 .sub0101 h5{font-size:15px;}
 .sub0101 h4{font-size:17px; text-align:center;}

 /* sub0103 */
 .sub0103{background:none;}
 .sub0103 h3{font-size:25px; text-align:center;}
 .sub0103 h4{text-align:center;}
 .sub0103 h5{font-size:17px; text-align:center;}
 .sub0103 ul{text-align:center;}
 .sub0103 li b{display:inline-block; margin-right:15px; color:#333;}
 #daumRoughmapContainer1706058067837{width:100%; height:200px;}
}

@media (max-width:580px){
  #mainform{margin-left: 0px; width: 100%;}
}