@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
img {border:0px;}

h1, h2, h3, h4, h5{padding: 0px; margin: 0px;}
body {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; font-size:10pt;}

/*���� ������*/
.bg{background:url(..//images/bg.jpg) center 0 no-repeat; height: 630px; padding-top: 45px;}
.subbg{background:url(..//images/subbg.jpg) center 0 no-repeat; height: 413px; padding-top: 45px;}

.brownbg{background-color:#fdab40; height: 128px;}
.graybg{background-color:#f2f2f2;}
.graybg2{background-color:#5d5c50;}

#top_menu{width: 1100px; height: 100px; margin: 0 auto;}
#main_text{width: 1100px; margin: 0 auto;}
.txtsp{height:64px;}
.mtxt01{ height:29px;}
.mtxt02{ height:100px;}
.mtxt03{ height:48px;}

#mbn{width: 1100px; margin: 0 auto;}
.mbn01, .mbn02, .mbn03{width: 345px; float: left; cursor:pointer; padding-top: 25px;}
.mbn01 a, .mbn02 a, .mbn03 a{text-decoration:none; cursor:pointer;}
.mbr01, .mbr02{float: left;}
.mbr01{width: 75px;}
.mbr02{width: 245px;}
.mbr{background:url(..//images/m-line.png) left 24px no-repeat; padding-left: 20px;}
.mbr02{font-size:13px; color:#fff; letter-spacing:-1;}
.mbr02 div{font-size:30px; font-weight:bold; color:#fff; padding:3px 0px 5px 0px; letter-spacing:0;}

#bottom_bn{width: 1100px; margin: 0 auto; padding:26px 0px 0px 0px;}
.bottom_bn01, .bottom_bn02{float: left;}
.bottom_bn01{width: 601px; margin-right: 14px;}
.bottom_bn02{width: 485px;}
.bn01, .bn02{float: left;}
.bn01 center{width: 92%; height: 234px; margin: 10px auto; padding-top: 40px; border: 2px solid #c9c8b6;}
.bn02 center{width: 92%; height: 234px; margin: 10px auto; padding-top: 40px; border: 2px solid #faddb1;}
.bn01{background:#928f7c; width:294px; height:294px; margin-right: 13px;}
.bn02{background:#ffb95d; width:294px; height:294px;}
.bn03{background:url(..//images/bn03.jpg) left no-repeat; width:485px; height:126px; padding:14px 0 0 18px; margin-bottom: 14px;}
.bn04{background:url(..//images/bn03.jpg) left no-repeat; width:485px; height:126px; padding:14px 0 0 18px;}
#bn_a {text-decoration:none; font-size:15px; color:#fff;}

.sp26{height: 26px; clear: both;}

#copyadd{width: 1100px; margin: 0 auto; padding:30px 0px 0px 0px; height: 60px;}
.copy, .copylogo{float: left;}
.copy{width: 946px; text-align: left; font-size:14px; color:#fff; line-height:140%;}
.copylogo{width: 154px;}

/*���� ������*/
#sub_scetion{width: 1100px; margin: 0 auto; margin-top: 40px;}
#aside, #sub_page{float: left;}
#aside{width: 223px; margin-right: 36px;}
#sub_page{width: 841px;}
#submenu a{background:url(..//images/lbg-off.jpg) left top no-repeat; width:223px; height:33px; text-decoration:none; color:#666; font-size:14px; font-weight:bold; padding-left:10px; padding-bottom:3px; line-height:30px; float:left;}
#submenu a:hover{background:url(..//images/lbg.jpg) left top no-repeat; color:#fff;}
.sub_con{padding:30px 0px 0px 0px;}
.sp150{height: 100px; clear: both;}

.menubg {background-color:#fff; width:877px; height:109px; border-bottom:4px solid #474747;}

.lbn01{font-size:13px; font-weight:bold; color:#3b3b3b; padding-top:3px;}
.lbn01 span{color:#ff9202;}

.lbntext {font-size:11px; color:#3b3b3b;}

.bntitle{font-size:15px; font-weight:bold; color:#777666; padding-bottom:8px;}
.bntitle a{text-decoration: none;}
.bntitle span{font-size:11px; letter-spacing:-5px;}

#r_scroll_area{position:absolute; width:100%; z-index:3;}
#quimu{position:relative; width:33px; height:33px; z-index:3; float:right; top:250px;}

.zindex{position:relative; z-index:5;}

/**/
.bigtitle{background:url(..//images/bigtitle.jpg) left top no-repeat; width:223px; height:77px; font-size:21px; color:#fff; font-weight:bold; padding:26px 0px 0px 0px; text-align:center;}
.title{font-size:17pt; color:#333; font-weight:bold; border-bottom:1px solid #d5d5d5; padding-bottom:5px;}
.title span{font-size:10pt; color:#666; font-weight:normal;}

.line {height:2px; background-color:#7c7b6a; margin:13px 0 9px 0;}
.line2 {height:2px; background-color:#7c7b6a; margin:9px 0 9px 0;}

/**/
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}
.top_tit{font-size:19px; text-transform:uppercase; color:#fb9a1b;}
.top_tit span{display:inline-block; border-bottom:2px solid #fb9a1b;}

/* sub0101 */
.sub0101 .con01{background:url(../images/sub0101.jpg) center top no-repeat #f8f8f8; padding:300px 50px 50px 50px;}
.sub0101 .con01 center{background:#fff; padding:50px 0px;}
.sub0101 .con01 h4{margin:30px 0px 50px 0px; font-size:30px; font-weight:normal; font-family:'Nanum Square'; letter-spacing:3px; color:#000;}
.sub0101 .con0 .namee{text-align: right;}

.sub0101 .con02{padding:50px 0px; text-align:center;}
.sub0101 .con02 h3{margin-bottom:40px;}

.sub0101 .con03{padding:50px; background:#f8f8f8;}
.sub0101 .con03 h3{margin-bottom:40px; text-align:center;}
.sub0101 .con03 figure{background:url(../images/sub0101_4.jpg) left 106px top repeat-y; padding:20px 0px 1px 0px;}
.sub0101 .con03 ul{margin-bottom:50px; background:url(../images/sub0101_3.jpg) left 100px top 7px no-repeat;}
.sub0101 .con03 h4{float:left; font-size:20px; font-family:'Nanum Square'; padding-top:5px; color:#000;}
.sub0101 .con03 li{margin-left:180px; margin-bottom:10px;}
.sub0101 .con03 li h5{float:left; color:#333; font-size:15px;}
.sub0101 .con03 li div{margin-left:70px;}

.sub0101 .con04{padding:50px 0px;}
.sub0101 .con04 h3{text-align:center; margin-bottom:40px;}
.sub0101 .con04 li{background:#f8f8f8;}
.sub0101 .con04 li span{display:inline-block; padding:10px 50px; background:#fb9a1b; color:#fff; margin-right:30px;}
.sub0101 .con04 center{background:#f8f8f8; padding:10px 0px; margin-top:5px;}


 @media all and (max-width: 768px) {
   .t_none{display: none;}

   /*���� ������*/
   #top_menu, #mbn, #bottom_bn, #copyadd, .bottom_bn01, .bottom_bn02{width: 100%;}
   #main_text{width: 95%;padding-left: 5%;}
   .bg{padding-top: 0px;}
   .copy{width: 100%; text-align: center;}
   .brownbg{height: 208px;}
   .mbn01, .mbn02, .mbn03{width: 33%; text-align: center;}
   .mbr01, .mbr02{float: none; width: 100%;}
   .mbr02{font-size:8pt;}
   .mbr{background:none; padding-left: 0px;}
   .bottom_bn01{margin-right: 0px;}
   .bn01, .bn02{width: 49%;}
   .bn01{margin-right: 2%;}
   .bn03{background:#fff;; width:100%; height:145px; padding:14px 0px 14px 18px; margin-top: 14px; margin-bottom: 0px; border: 1px solid #cbcbcb; box-sizing: border-box;}
    #copyadd{height: 80px;}

    /*���� ������*/
    #sub_scetion{width: 100%;}
    .subbg{height: 458px; padding-top: 0px;}
    #sub_page{width: 96%; padding:0px 2%;}
    .sub_con{width: 96%; padding:30px 0px 0px 0px;}
    .sp150{height: 0px; clear: both;}


        /**/
        .normal{font-size:14px;}
        .top_tit{font-size:18px;}

        /* sub0101 */
        .sub0101 .con01{background-size:contain; padding:120px 0px 0px 0px;}
        .sub0101 .con01 center{padding:20px 10px;}
        .sub0101 .con01 center br{display:none;}
        .sub0101 .con01 h4{margin:30px 0px; font-size:20px; letter-spacing:2px;}

        .sub0101 .con02{padding:50px 0px; text-align:center;}
        .sub0101 .con02 h3{margin-bottom:40px;}

        .sub0101 .con03{padding:50px 0px;}
        .sub0101 .con03 figure{background:url(../images/sub0101_4.jpg) left 76px top repeat-y;}
        .sub0101 .con03 ul{background:url(../images/sub0101_3.jpg) left 70px top 3px no-repeat;}
        .sub0101 .con03 h4{font-size:18px; padding-top:0px;}
        .sub0101 .con03 li{margin-left:100px;}
        .sub0101 .con03 li div{margin-left:50px;}
        .sub0101 .con03 li div br{display:none;}

        .sub0101 .con04 li span{padding:5px 25px; margin-right:15px;}
        .sub0101 .con04 center{padding:20px;}
 }


 @media (max-width:580px){
   .m_none{display: none;}

   /*���� ������*/
   .bg{height: 330px;}
   .brownbg{height: 432px;}
   .mbn01, .mbn02, .mbn03{width: 95%; text-align: left; padding:30px 0px 40px 5%; border-bottom: 1px solid #faddb1;}
   .mbr01, .mbr02{float: left; width: 100%;}
   .mbr01{width: 25%;}
   .mbr02{width: 75%;font-size:10pt;}
   #bottom_bn{padding:14px 0px 0px 0px;}
   .bn01, .bn02{width: 100%;}
   .bn01{margin-right: 0px;}
   .bn01 center, .bn02 center{width: 96%;}
   #main_text img {width: 80%;}
   .txtsp{height: 10px;}
   .mtxt01{ height:29px;}
   .mtxt02{ height:70px;}
   .mtxt03{ height:48px;}

   /*���� ������*/
   .title{text-align: center; padding-bottom:20px;}
   #sub_scetion{margin-top: 20px;}
   .subbg{height: 330px;}
 }