/* Common Style */
body {margin:0; padding:0; font-family: "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕", "돋움", Dotum, "굴림",  Gulim; font-size:16px; line-height:25px; color:#555; letter-spacing:-0.7px; -webkit-text-size-adjust:none; /* 모바일 가로회전시 폰트크기 확대방지 */}


h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd, p {margin:0; padding:0;}

a {text-decoration:none; color:#555;}

img { border:0px;}


input[type="text"],
input[type="password"] {vertical-align:top; }

input[type="radio"],
input[type="checkbox"] {vertical-align:middle;}


ul, li, dl, dt, dd { list-style:none;}

.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.AlightRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.borderRightNone { border-right:none !important;}
.borderBottomNone { border-bottom:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.MarginRightNone {margin-right:0 !important;}
.LetterSpacing01px {letter-spacing:-1px !important;}
.LetterSpacing02px {letter-spacing:-2px !important;}
.LetterSpacingNormal {letter-spacing:normal !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}

.txt_left { text-align:left; }
.txt_right { text-align:right; } 
.txt_center { text-align:center; } 
.txt_justify { text-align:justify;} 
.txt_middle { vertical-align:middle; } 
.txt_bottom { vertical-align:bottom; } 
.txt_baseline { vertical-align:baseline; }
.txt_bold {font-weight:bold;} 
.txt_normal{font-weight:normal;} 


.MAL5 {margin-left:5px !important;}
.MAL10 {margin-left:10px !important;}
.MAL15 {margin-left:15px !important;}
.MAL20 {margin-left:20px !important;}
.MAL25 {margin-left:25px !important;}
.MAL30 {margin-left:30px !important;}
.MAL35 {margin-left:35px !important;}
.MAL40 {margin-left:40px !important;}

.MAT0 {margin-top:0px !important;}
.MAT5 {margin-top:5px !important;}
.MAT10 {margin-top:10px !important;}
.MAT15 {margin-top:15px !important;}
.MAT20 {margin-top:20px !important;}
.MAT25 {margin-top:25px !important;}
.MAT30 {margin-top:30px !important;}
.MAT35 {margin-top:35px !important;}
.MAT40 {margin-top:40px !important;}
.MAT50 {margin-top:50px !important;}
.MAT55 {margin-top:55px !important;}
.MAT60 {margin-top:60px !important;}

.MAB5 {margin-bottom:5px !important;}
.MAB10 {margin-bottom:10px !important;}
.MAB15 {margin-bottom:15px !important;}
.MAB30 {margin-bottom:30px !important;}
.MAB60 {margin-bottom:60px !important;}


hr {display:none;}
form {margin:0; padding:0;}
fieldset {border:none; padding:0;}

caption {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}

.hidden {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}


.clear_both{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

input[placeholder] {font-family: "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕"; font-size:12px; }


/*위치*/
.common_center {overflow:hidden; text-align:center; margin:10px 0px;}
.common_left {float:left;}
.common_right {float:right;}

/*버튼*/
.common_btn {display:inline-block; line-height:35px; height:35px; border:1px #222 solid; background:#fff;  color:#222; padding:0 15px; border-radius:5px; vertical-align:middle;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; font-size:14px; vertical-align:middle}
.common_btn.big{  line-height:55px; height:55px;  padding:0 25px; font-size:16px; }
.common_btn.gray {background:#000; border-color:#000; color:#fff;}
.common_btn.bora {background:#a471c6; border-color:#9466b3; color:#fff;}
.common_btn.green {background:#45751a; border-color:#45751a; color:#fff;} 
.common_btn.blue {background:#224ef5; border-color:#224ef5; color:#fff;} 
.common_btn.org {background:#ffb74d; border-color:#e6a545; color:#fff;} 
.common_btn.red {background:#e57373; border-color:#cf6868; color:#fff;} 
.common_btn.yell {background:#ffc002; border-color:#ffc002; color:#fff;} 
.common_btn.ddd {background:#ddd; border-color:#ddd; color:#000;} 


.common_pager_wrap {text-align:center; margin-top:60px;}
.common_pager_wrap a,
.common_pager_wrap .p_list {display:inline-block; border:1px #ddd solid; width:30px; height:30px; line-height:30px; border-radius:30px; font-size:13px; color:#333;}
.common_pager_wrap .on {background:#000; color:#fff; border-color:#000;}


input[type="text"], 
select,
input[type="password"],
input[type="file"] {height:35px; line-height:35px; border:1px #ddd solid; border-radius:5px; vertical-align:middle; color:#333; padding:0 10px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
select {line-height:35px; height:35px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
textarea {border:0px #ddd solid; background:#f8f8f8; border-radius:5px; padding:30px; vertical-align:middle; width:99%; height:150px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; color:#333}


.main_gallery_wrap {  margin:0 10% ;margin-top:130px;}
.main_gallery_wrap ul {overflow:hidden;}


.main_gallery_wrap ul li {float:left;  width:25%; }

.main_gallery_wrap ul li .box  {   margin:10px;}
.main_gallery_wrap ul li .box .photo {overflow:hidden;}
.main_gallery_wrap ul li .box .photo img {width:100%; vertical-align:middle;border-radius:20px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;height:auto; }
.main_gallery_wrap ul li:hover .box .photo img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.main_gallery_wrap ul li .box .info_wrap {border:1px #ddd solid; padding:20px; border-top:0px; border-radius:0px 0px 20px 20px;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_gallery_wrap ul li .box .info .col_box{display:table; width:100%; margin:5px 0px;}
.main_gallery_wrap ul li .box .info .col_box .col{display:table-cell; vertical-align:middle; line-height:33px; }
.main_gallery_wrap ul li .box .info .col_box .col.s_title {background:#222; width:30%; border-radius:20px; text-align:center; color:#fff;  font-size:13px; }
.main_gallery_wrap ul li .box .info .col_box .col.s_text {font-size:17px; color:#000; font-weight:bold; letter-spacing:-1px; padding-left:10px;}
.main_gallery_wrap ul li .box .type {padding:10px; text-align:center;border:2px #ededed solid;  font-weight:bold; letter-spacing:-2px; font-size:17px; color:#000;border-radius:10px; margin-top:20px;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}

.main_gallery_wrap ul li.type01 .box .type {border-color:#224ef5; color:#224ef5;}
.main_gallery_wrap ul li.type02 .box .type {border-color:#f56c22; color:#f56c22;}
.main_gallery_wrap ul li.type03 .box .type {border-color:#23580e; color:#23580e;}

.main_gallery_wrap ul li.type01:hover .box .type {background-color:#224ef5; color:#fff;}
.main_gallery_wrap ul li.type02:hover .box .type {background-color:#f56c22; color:#fff;}
.main_gallery_wrap ul li.type03:hover .box .type {background-color:#23580e; color:#fff;}


.main_gallery_wrap ul li.type01:hover .box .info_wrap {border-color:#224ef5;}
.main_gallery_wrap ul li.type02:hover .box .info_wrap {border-color:#f56c22;}
.main_gallery_wrap ul li.type03:hover .box .info_wrap {border-color:#23580e;}
@media (max-width: 1024px) {
    .main_gallery_wrap {
        margin: 0px 4%;
        margin-top: 30px;
    }
}
@media (max-width: 1024px) {
    .main_gallery_wrap ul li .box .photo img {
        border-radius: 10px;
    }
}
@media (max-width: 1024px) {
    .main_gallery_wrap ul li {
        float: left;
        width: 49%;
        margin-bottom: 3%;
    }
}


@media (max-width: 1024px) {
    .main_gallery_wrap ul li:nth-child(2n+2) {
        float: right;
    }
}

.main_gallery_wrap .title .t1 {
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: -2px;
}


@media (max-width: 1024px) {
    .main_gallery_wrap .title .t1 {
        font-size: 30px;
        line-height: 30px;
    }
}


.main_gallery_wrap .title .t1 span {
    color: #c77405;
    font-weight: 900;
	margin-left:10px;
}