@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* mong9.css 커스텀 사항 */

html, .normalize,.m9_editor,.m9_editor_box{font-family:'Noto Sans KR','Nanum Gothic',Gulim,sans-serif;font-size:16px;color:#616161}

b,strong{font-weight:700;color:#212121}

.table-1>thead>tr>th, .table-1>thead>tr>td, .table-2>thead>tr>th, .table-2>thead>tr>td, .table-3>thead>tr>th, .table-3>thead>tr>td, .table-4>thead>tr>th, .table-4>thead>tr>td, .table-5>thead>tr>th, .table-5>thead>tr>td, .table-6>thead>tr>th, .table-6>thead>tr>td{font-weight:700;color:#212121}

.page_main a:hover{text-decoration:none}





/* User_style_sheet */

.user_group_1{background-color:#1976d2;padding:4em 1.5em /*16 > 24*/}
.user_group_1 .user_contants{position:relative;z-index:2;margin:0 auto;max-width:52em /*16 > 836*/;min-height:13.5em}
.user_group_1 .user_contants .user_user_contants{position:relative;z-index:2}
.user_group_1 .user_contants .user_user_contants .text_main{color:#fff;font-size:3.75em /*16 > 60*/;font-weight:100;line-height:1}
.user_group_1 .user_contants .user_user_contants .text_main strong{color:#fff}
.user_group_1 .user_contants .user_user_contants .text_sub001{display:block;color:#ffab00;font-size:1.5em /*16 > 24*/;font-weight:500}
.user_group_1 .user_contants .user_user_contants .text_sub002{display:block;color:#b3e5fc;font-size:0.875em /*16 > 14*/}
.user_group_1 .user_contants .user_user_contants .text_vat{margin-left:10em /*14 > 140*/;line-height:1}
.user_group_1 .user_contants .user_contants_bgimg{position:absolute;z-index:1;width:100%;height:100%;bottom:0;right:0;background-position:right bottom;background-repeat:no-repeat;background-size:20em /*16 > 320*/}

.user_group_2{}
.user_group_2 h2{margin:1.75em 0/*24 > 42*/;height:1px;background-color:#bdbdbd;font-size:1.5em /*16 > 24*/;text-align:center;line-height:0}
.user_group_2 h2 strong{font-weight:700;padding:0 1em;background:#fff}

.user_group_3{position:relative;text-align:center;height:200px;overflow:hidden}
.user_group_3 .user_contants .icon{height:5em;margin-bottom:1em;background-position:center;background-repeat:no-repeat;background-size:5em /*16 > 80*/}
.user_group_3 .user_contants strong{display:block}
.user_group_3 .user_contants span{display:block;color:#616161;font-size:0.75em /*16 > 12*/}

.user_group_3 .user_contants_hover{position:absolute;top:100%;left:0;width:100%;height:100%;padding:1em;color:#fff;text-align:left;box-sizing:border-box;transition: 0.4s}
.user_group_3:hover .user_contants_hover{top:0;}
.user_group_3 .user_contants_hover strong{display:block;color:#fff}
.user_group_3 .user_contants_hover span{display:block;margin-bottom:1em;font-size:0.75em /*16 > 12*/;opacity:0.7;filter:alpha(opacity=70)}
.user_group_3 .user_contants_hover p{line-height:1.4;font-size:0.875em /*16 > 14*/}

.user_box_3:hover .user_contants_hover{background-color:#ff5722}
.user_box_4:hover .user_contants_hover{background-color:#2196f3}
.user_box_5:hover .user_contants_hover{background-color:#ffab00}
.user_box_6:hover .user_contants_hover{background-color:#2db400}
.user_box_7:hover .user_contants_hover{background-color:#00bcd4}

.user_group_4 {position:relative;padding-bottom:3em}
.user_group_4 .user_contants .works_img{border:1px solid #bdbdbd}
.user_group_4 .user_contants .works_img img{display:block}
.user_group_4 .user_contants .works_subtitle{float:left;font-weight:400;line-height:2.5em /*16 > 40*/}
.user_group_4 .user_contants .works_icon{float:right;font-size:1.5em /*16 > 24*/;text-align:right;line-height:1.667em /*24 > 40*/}
.user_group_4 .user_contants .works_icon i{display:inline-block;width:1.5em;line-height:1.5em;text-align:center;margin-left:-0.25em;transition:0.4s}
.user_group_4 .user_contants .works_icon i.axi-desktop-windows{color:#ff5722}
.user_group_4 .user_contants .works_icon i.axi-desktop-windows:hover{background-color:#ff5722;color:#fff}
.user_group_4 .user_contants .works_icon i.axi-smartphone{color:#1976d2}
.user_group_4 .user_contants .works_icon i.axi-smartphone:hover{background-color:#1976d2;color:#fff}

.user_group_5 .user_contants{margin-bottom:1em}
.user_group_5 .consult_form input[type='text']{display:inline-block;vertical-align:middle;width:100%;border:1px solid #212121;margin:0.25em 0;padding:0.5em 1em;font-size:16px;font-family:'Noto Sans KR','Nanum Gothic',Gulim,sans-serif;line-height:1;box-sizing:border-box}
.user_group_5 .consult_form textarea{display:inline-block;vertical-align:middle;width:100%;height:240px;border:1px solid #212121;margin:0.25em 0;padding:1em;font-size:16px;font-family:'Noto Sans KR','Nanum Gothic',Gulim,sans-serif;line-height:1;box-sizing:border-box;resize:none}
.user_group_5 .consult_form input:focus, .consult_form textarea:focus{outline:3px solid #212121}
.user_group_5 .consult_form input[type="file"]{background-color:transparent;clip:rect(0,0,0,0)}

.user_group_5 .consult_form_table{width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:2em}
.user_group_5 .consult_form_table tr{height:3em}
.user_group_5 .consult_form_table th{width:17%;padding-top:0.5em;padding-left:1em;line-height:2;text-align:left;vertical-align:top}
.user_group_5 .consult_form_table th:first-child{width:14%;padding-left:0}
.user_group_5 .consult_form_table th label{display:inline-block;line-height:1}
.user_group_5 .consult_form_table td{line-height:2;}

.user_group_5 .consult_form_table td p{margin-bottom:1em;font-size:0.875em}
.user_group_5 .consult_form_table td p.consult_downlord1{display:inline-block;vertical-align:middle;margin:0.5em 0;font-size:1em;font-weight:700}
.user_group_5 .consult_form_table td p.consult_downlord2{display:inline-block;vertical-align:middle;margin:0.5em}
.user_group_5 .consult_form_table td p.consult_downlord2 img{width:2.5em;margin-right:0.5em}
.user_group_5 .consult_form_table td p.consult_confirm_text1{font-size:1em}
.user_group_5 .consult_form_table td p.consult_confirm_text2{padding:1em 2em;background-color:#f5f5f5}
.user_group_5 .consult_form_table td p.consult_confirm_text2 strong{font-size:1.25em}

.user_group_5 .consult_form_button{display:block;max-width:12em;line-height:2;font-size:1.5em;font-weight:700;text-align:center;color:#fff;background-color:#1976d2}
.user_group_5 .consult_form_button:active{background-color:#03a9f4}

/* ie6,7 hack */
@media screen\9{
    .user_group_5 .consult_form input{width:99%;padding:0.5em 0;}
}

/* 반응형 */
@media screen and (max-width:683px){    
    .user_group_1{padding:1.5em 0}
    .user_group_1 .user_contants{height:auto}
    .user_group_1 .user_contants .user_user_contants{text-align:center;font-size:0.875em /*16 > 14*/}
    .user_group_1 .user_contants .user_user_contants .text_main{font-size:3em /*14 > 42*/}
    .user_group_1 .user_contants .user_user_contants .text_sub002{font-size:1em}
    .user_group_1 .user_contants .user_user_contants .text_vat{padding-top:15em /*14 > 140*/;margin-left:0}
    .user_group_1 .user_contants .user_contants_bgimg{background-position:center top;background-size:17.5em /*16 > 280*/}

    .user_group_4 {padding-bottom:1em}
    .user_group_4 .user_contants .works_subtitle{float:none;display:block;text-align:center}
    .user_group_4 .user_contants .works_icon{display:none}

    .user_group_5 .consult_form_table, .user_group_5 .consult_form_table thead,
    .user_group_5 .consult_form_table tbody, .user_group_5 .consult_form_table tr,
    .user_group_5 .consult_form_table th, .user_group_5 .consult_form_table td{display:block;height:auto}
    .user_group_5 .consult_form_table th, .user_group_5 .consult_form_table td{width:100%;padding:0;box-sizing:border-box}
    .user_group_5 .consult_form_table th:first-child{width:100%}

    .user_group_5 .consult_form_table td p.consult_downlord1{display:block;margin:0}
    .user_group_5 .consult_form_table td p.consult_downlord2{display:block;margin:0;padding-top:0.25em}
    .user_group_5 .consult_form_table td p.consult_downlord2 img{width:4em}
}

@media screen and (max-width:439px){
    .user_group_1 .user_contants .user_user_contants{font-size:0.75em /*16 > 14*/}
    .user_group_1 .user_contants .user_user_contants .text_vat{padding-top:10em /*14 > 140*/}
    .user_group_1 .user_contants .user_user_contants .text_sub002{font-size:1em}
    .user_group_1 .user_contants .user_contants_bgimg{background-size:10em /*16 > 160*/}
}