@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
img {border:0px;}
*{font-family: 'Pretendard-Regular' !important;}
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;}
.sp50{height: 50px;}

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

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

#tel{font-size:34px; font-weight:bold;}

/*topmenu*/
#topmenu{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
#topmenu td{font-size:17px;}
#topmenu td 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 td div.topm_right a{color:#636363;}

#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 20px 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*/
#mainbg{position:absolute; width:100%; height:450px;}
#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{padding:50px 0;}
.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;}
.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;}
.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;}

.mbn_03{color:#888; font-size:14px; line-height:170%;}
.mbn_03 a{color:#888;}
.mbn_03 a:hover{color:#444;}

/*copy*/
#copy{background:#333; color:#aaa; padding:30px 0;}
.copyaddress{color:#aaa; font-size:13px; line-height:18px;}

/*leftmenu*/
.menu_big{font-size:24px; color:#fff; font-weight:bold; width:210px; text-align:center;}
.menu_big span{font-size:13px; font-weight:100;}
.leftmenu a{padding-left:15px; font-size:15px; 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{padding-left:40px; padding-bottom:80px;}
.con_tit{font-size:34px; font-weight:bold; padding:50px 0;}
.subnavi{padding:50px 0; color:#aaa; font-size:13px;}
.subnavi span{color:#555;}