body{max-width:900px;width:900px;}
p{margin:0;}
img{width:100%;}
ul{padding:0;}
#top{text-align: center;}
#top img{padding:30px 0 15px;}
#top2{position:relative;}
#top2 .main_le{position:absolute;padding: 30px 25px;}
#top2 .main_le p{color:#fff;}
#top2 .main_le .p1{font-size:18px;font-weight:200;line-height:22px;letter-spacing:0.1em; }
#top2 .main_le .p2{font-size:50px;line-height: 50px;}
#top2 .main_le .p3{font-size:79px;font-weight:100;line-height: 65px;letter-spacing: 3px;}
#top2 img{}

.bg_g{background:#F5F5F5;}
#content{padding: 37px;position: relative;}
#content .sub{margin: 0 0 5px 0;border: 1px solid #CACACA;padding: 40px;}
#content .sub .bar{width: 55px;height: 1px;border-top: 2px solid #8D8D8D;margin-bottom: 15px;}
#content .sub h1{font-size: 33px;margin-bottom: 25px; font-weight:300; color:#6d6d6d;}

/*sub1*/
#content .sub1{background: #fff;margin-top:-19%;}
#content .sub1 p {text-align:justify;}
#content .sub1 div.main_ul{background: #F0EEEE;margin: 20px 0 0 0;padding: 30px 10px;border-radius: 20px;}
#content .sub1 ul{text-align: center;margin: 0;padding: 0;}
#content .sub1 ul:after{content:"";clear:both;display:block;}
#content .sub1 ul li{width:33%;float:left;padding: 0 2%;}
#content .sub1 ul li img{max-width:127px;}
#content .sub1 ul li div{text-align:center;font-size: 20px;margin: 9px 0px 0 0;font-weight: 300;}

#content .sub2{background: url(../images/main_05.jpg) bottom no-repeat;background-color: #fff;}
#content .sub2 .cont2{font-size:20px;font-weight:500;letter-spacing:0.03em; color:#555; text-align: center;}
#content .sub2 .cont2:after{content:"";clear:both;display:block;}
#content .sub2 .cont2_01{float:left;width:50%; padding-right:50px;}
#content .sub2 .cont2_02{float:left;width:50%; padding-right:50px;}
/*#content .sub2 .cont2_01, #content .sub2 .cont2_02{font-family: 'Nanum Brush Script', cursive;text-align: center; color:#333333;}*/
/*#content .sub2 .cont2_01, #content .sub2 .cont2_02{font-family: 'Nanum Brush Script', cursive;text-align: center; color:#333333;}*/

#content .sub2 .cont2 div.t_name{margin: 0 auto;margin-bottom: 20px;position: relative;max-width: 259px;text-align: center;}

/*#content .sub2 .cont2 span.tit{font-size: 38px;font-weight: 300;letter-spacing: -1px;}*/
#content .sub2 .cont2 span.tit{font-size: 32px;font-weight: 500;letter-spacing: -2px;}
#content .sub2 .cont2 span.name{font-family: 'Noto Sans KR', sans-serif;font-size: 16px;font-weight: 400;position: absolute;right: 30px;bottom: 5px;line-height: 25px;}
#content .sub2 .cont2 .cont2_02 span.name{right: -30px;}


#content .sub3{}
#content .sub3 .b_line{font-size: 21px;color: #3b3b3b;border-bottom: 1px solid #3b3b3b;margin-bottom: 40px;}
#content .sub3 .cont3{margin: 26px 0;}
#content .sub3 .cont3:after{content:"";clear:both;display:block;}
#content .sub3 .cont3 .cont3_img{width: 50%;float: left;padding-right: 9px;}
#content .sub3 .cont3 .cont3_img img{border:1px solid #ddd;max-width:404px; }
#content .sub3 .cont3 .cont3_01{width: 50%;float: left;padding-left: 2%;}
#content .sub3 .cont3 .cont3_01 h2{margin:0;font-size: 28px;word-break: keep-all; color:#464646;}
#content .sub3 .cont3 .cont3_01 h3{margin:0;font-size: 18px;font-weight:300;word-break: keep-all;}
#content .sub3 .cont3 .cont3_01 h4{margin:0;font-size: 15px;font-weight:300;word-break: keep-all;}

#content .sub3 .cont3 .c2 h2, #content .sub3 .cont3 .c2 h3, #content .sub3 .cont3 .c3 h4, #content .sub3 .cont3 .c3 h3{text-align:center;}
#content .sub3 .cont3 .c3 h3{font-weight:500;}

#content .sub3 .cont3 .cont3_01 ul{margin:15px 0;}
#content .sub3 .cont3 .cont3_01 ul li{position:relative;padding: 3px 0px;padding-left:65px;word-break:break-word;}
/*#content .sub3 .cont3 .cont3_01 ul li:before{content: "■";display: inline-block;vertical-align: middle;padding: 0px 5px 6px 0px;}*/
#content .sub3 .cont3 .cont3_01 ul li div{position:absolute;left:0;/*max-width:65px;*/width:100%;text-align: justify;display: inline-block;}
#content .sub3 .cont3 .cont3_01 ul li div img{max-width:6px;margin-right:5px}

#content .sub3 .cont3 .c6 ul{margin-bottom:0}
#content .sub3 .cont3 .c6 ul li{padding-left:100px;}
#content .sub3 .cont3 .c6 p{font-size:13px;}

.pink{color:#F95F6E;font-weight:500}
.yellow{color:#ECAA0D;font-weight:500} 
.blue{color:#00ACC5;font-weight:500}
.s_26{font-size:26px;}



.f_left {
    float:left;
}

.clear {
    content:"";
    display:block;
    clear:both;
}

.c2 h2 {
    font-weight:400;
    color:#464646;
}

.c2 h3 {
    font-weight:400 !important;
    color:#646464 !important;
}  

.m-left {
    margin-left:-5px !important;
}




@media(max-width:900px){
    #content .sub2 .cont2_01, #content .sub2 .cont2_02{width:50%;padding:0}
}
@media(max-width:826px){
    #content .sub2{background-size: contain;}
    #content .sub3 .cont3 .cont3_01 h2{font-size:21px;}
    #content .sub3 .cont3 .cont3_01 h3{font-size:16px;}
    #content .sub3 .cont3 .cont3_01 h4{font-size:14px;}
    #content .sub3 .cont3 .cont3_01 ul li{font-size:13px;}
    .s_26{font-size:21px;}
}
@media(max-width:748px){
    #content .sub1 ul li div{font-size:17px;}
}
@media(max-width:648px){
    #content{padding:15px}
    #content .sub{padding: 30px 25px;}
    #top2 .main_le .p1{line-height: 24px;}
    #top2 .main_le .p2{font-size: 40px;line-height: 40px;}
    #top2 .main_le .p3{font-size: 44px;line-height: 40px;}
    #content .sub h1{margin-bottom:50px;}
    #content .sub2 .cont2_01{border-bottom: 1px dashed #d1d1d1;padding-bottom: 25px;}
    #content .sub2 .cont2_01, #content .sub2 .cont2_02{width:100%;padding:0;margin: 0 0 25px;letter-spacing: -0.6px;font-size: 21px;line-height: 39px;}

    #content .sub3 .cont3 {max-width:500px;margin: 40px auto;}
    #content .sub3 .cont3 .cont3_img, #content .sub3 .cont3 .cont3_01{width:100%;float:none;padding:0}
    #content .sub3 .cont3 .cont3_01{margin-top:15px;}
    #content .sub3 .cont3 .cont3_01 h2, .s_26{font-size:19px;}
}
@media(max-width:475px){
    #content .sub1 ul li {width: 100%;float: left;padding: 0 2% 34px;}
}