@charset "utf-8";
@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://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

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: 'Pretendard-Regular' !important; 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: 30px;}
#tel{text-align: right; width: 300px; font-size:24px; 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; height: 30%;}
#topmenu div #topm_right a{color:#636363;}
#topmenu div #topm_right a img{position: relative; top: 6px;}
.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;}
#img_form{width: 1100px; margin: 0 auto;}
#mainform{position:relative; margin-left:750px; z-index:99; width:350px; height:450px;}

/*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;}
.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:#fff; 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:96%; 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: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{width: 850px; margin-left:40px; padding-bottom:80px;}
.con_tit{width: 425px; font-size:34px; 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:#333; word-spacing:-1px;}
.sp20{height:20px;}

.s_text01{color:#000; font-size:30px; margin-bottom:10px; font-family:'Nanum Square';}
.s_text01 span{color:#d76b3c;}
.s_text02{font-weight:normal; color:#333; font-size:15px; text-transform:uppercase; margin-bottom:40px;}
.sub_tit01{margin:0px 0px 10px 0px; font-size:19px; color:#000; background:url(../images/sub_dot01.jpg) no-repeat left center; padding-left:25px;}
.sub_tit01 br{display:none;}

/* sub0101 */
.sub0101{padding:50px 0px 100px 50%; background:url(../images/sub0101.jpg) no-repeat left top;}
.sub0101 h2{text-align:right;}
.sub0101 div{margin:20px 0px; padding-left:90%;}
.sub0101 div span{display:block; height:2px; background:#333;}
.sub0101 figure{background:#f8f8f8; padding:20px; text-align:justify;}
.sub0101 h5{font-size:16px; color:#333; text-align:center; font-weight:normal;}

/* sub0102 */
.sub0102 h4{margin:50px 0px 10px 0px;}
.sub0102 ul{border-top:2px solid #333; border-bottom:2px solid #333; margin-bottom:10px;}
.sub0102 li{border-bottom:1px solid #c5c5c5; background:#fff;}
.sub0102 li:last-child{border-bottom:none;}
.sub0102 li span{display:inline-block; font-weight:bold; width:120px; text-align:center; color:#d76b3c; padding:10px 0px; margin-right:20px;}

/* sub0201 */
.sub0201 figure{margin-bottom:50px;}
.sub0201 .con01{margin:10px 0px 50px 0px;}
.sub0201 .con01 li{margin-top:20px;}
.sub0201 .con01 li:first-child{margin-top:0px;}
.sub0201 .con01 li b{display:block; background:#d76b3c; padding:5px 10px; font-size:16px; color:#fff; font-weight:normal;}
.sub0201 .con01 li b span{display:none;}
.sub0201 .con01 li div{border:1px solid #dfdfdf; padding:10px; margin-top:5px;}
.sub0201 .con01 li div span{display:block; font-size:14px; color:#777;}
.sub0201 .con02{margin-bottom: 50px;}
.sub0201 .con02 li{border:1px solid #dfdfdf; margin-bottom:10px;}
.sub0201 .con02 li br{display:none;}
.sub0201 .con02 li span{display:inline-block; padding:5px 20px; background:#d76b3c; color:#fff; margin-right:20px;}

/* sub0401 */
.sub0401 h4{font-family: 'Nanum Gothic', 나눔고딕, sans-serif;}
.sub0401 div{margin-bottom:50px;}
.sub0401 div:last-child{margin-bottom:0;}
.sub0401 .con01 li{border:1px solid #dfdfdf; margin-top:10px;}
.sub0401 .con01 li:first-child{margin-top:0;}
.sub0401 .con01 li span{display:inline-block; padding:5px 20px; background:#d76b3c; color:#fff; margin-right:20px;}

.sub0401 .con02{border-top:2px solid #333; border-bottom:2px solid #333; }
.sub0401 .con02 li{border-bottom:1px solid #dfdfdf;}
.sub0401 .con02 li:last-child{border-bottom:none;}
.sub0401 .con02 li span{display:inline-block; padding:10px 0px; width:120px; text-align:center; color:#333; margin-right:20px; font-weight:bold;}


@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;}
 .mbn_02_txt{width: 97%; padding-right: 3%; padding-top: 30px;}
 #mbn_03{margin: 0px; height: 220px;}
  #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;}
.mbn_02_txt02 b{font-size: 44px;}
 /*subpage*/
 .con{margin: 0px;}
 .con_tit{text-align: center;}
 .subpage{width:98%; padding:0px 1%;}
 #subtop{background:url(../images/mainimg01_m.jpg) no-repeat center center; height:250px; background-size: 100%;}

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

 .s_text01{font-size:25px; margin-bottom:10px; text-align:center;}
 .s_text02{font-size:12px; margin-bottom:40px; text-align:center;}
 .sub_tit01{font-size:17px; background:url(../images/sub_dot01.jpg) no-repeat left top 2px; padding-left:25px;}
 .sub_tit01 br{display:block;}

 /* sub0101 */
 .sub0101{padding:50px 0px 0px 0px; background-size:contain;}
 .sub0101 h2{text-align:center; background:#fff; padding-top:15px;}
 .sub0101 div{margin:0px; padding-left:0; background:#fff; padding:15px 0px;}
 .sub0101 div span{height:2px; width:40px; margin:0px auto;}
 .sub0101 figure{padding:15px;}
 .sub0101 h5{font-size:15px;}

 /* sub0102 */
 .sub0102 h4{margin:50px 0px 10px 0px;}
 .sub0102 ul{border-top:2px solid #333; border-bottom:2px solid #333; margin-bottom:10px;}
 .sub0102 li{padding:0px 10px 10px 10px;}
 .sub0102 li span{display:block; font-weight:bold; width:100%; text-align:left; padding:10px 0px 5px 0px; margin-right:0px;}
 .sub0102 iframe{height:200px;}

 /* sub0201 */
 .sub0201 figure br{display:none;}
 .sub0201 .con01{margin:10px 0px 40px 0px;}
 .sub0201 .con01 li:first-child{margin-top:0px;}
 .sub0201 .con01 li b{padding:5px; font-size:14px;}
 .sub0201 .con01 li b span{display:inline;}
 .sub0201 .con01 li div{padding:5px; font-size:13px;}
 .sub0201 .con01 li div span{display:inline-block;}

 .sub0201 .con02 li{text-align:center; padding-bottom:10px;}
 .sub0201 .con02 li span{display:block; padding:5px 0px; margin-right:0px; text-align:center; margin-bottom:10px;}
 .sub0201 .con02 li br{display:block;}

 /* sub0401 */
 .sub0401 div br{display:none;}

 .sub0401 .con02{border-top:2px solid #333; border-bottom:2px solid #333;}
 .sub0401 .con02 li{padding:0px 10px 10px 10px;}
 .sub0401 .con02 li span{display:block; padding:10px 0px 5px 0px; width:100%; text-align:left; margin-right:0px;}
 }

@media (max-width:580px){
  #mainform{margin-left: 0px; width: 100%;}
  .mbn_02_txt01 b{font-size:29px;}
}