@charset "utf-8";

/* webFont */

@font-face {
    font-family: 'NanumSquare';
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareB';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareEB';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareL';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.ttf) format('truetype');
}

@font-face {
    font-family: 'Exo2.0-Medium';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Thin.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Thin.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Light.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Light.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Regular.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Regular.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Medium.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Medium.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Bold.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Bold.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Black.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Black.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Black.otf) format('opentype');
}


/* CSS Document */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;}

html { overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,label{margin:0px;padding:0px;}
body,input,div,dt,dd,li,th,td,textarea,p,select,option,button {font-family: 'NanumSquare', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', 'AppleGothic', 'sans-serif';color:#333;line-height: 1.6;font-weight:bold;}
/*
body,input,div,dt,dd,li,th,td,textarea,p,select,option {font-family:'NanumSquare', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', 'AppleGothic', 'sans-serif';font-size:14px;font-weight:300;line-height:18px;text-decoration:none;color:#333;}
*/
strong {font-weight:bold;}

/* link */
a {color:#333;text-decoration:none;transition:all .3s;}
a:hover {/*color:#19edaf;*/text-decoration:none;}
a:active {/*color:#19edaf;*/text-decoration:none;}

address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
dl, dt, dd, ul, ol, li {list-style-type:none;list-style-image:none;}
fieldset,legend {border-bottom:0px;border-left:0px;border-top:0px;border-right:0px;}
input, select, textarea, label {vertical-align:middle;font-family:'Noto Sans KR' !important;font-size:15px;}
img {border-bottom:medium none;border-left:medium none;border-top:medium none;border-right:medium none;vertical-align:top;}
caption {position:absolute;padding-bottom:0px;margin:0px;padding-left:0px;width:0px;padding-right:0px;height:0px;font-size:0px;overflow:hidden;padding-top:0px;}
br {letter-spacing:0px;}
fieldset {border:0;}
hr {display:none;}
button {border:0;cursor:pointer;overflow:visible;background:none;}
table {/*border-collapse:collapse;*/border-spacing:0;}


/* 기타태그*/
big, s, small, strike, tt, b, u, i, center, header, nav, article, footer, address , aside ,menu ,section{display:block;}
comment {display:none;}
legend {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
fieldset {border:none;}

.blind, .hidden, .hidd {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.bg_none {background:none !important;}
.border_none {border:none !important;}
.border_top_none {border-top:none !important;}

input.textbox, textarea.textbox {margin:3px 0; padding:3px;}
input, textarea, select {font-family:inherit;line-height:22px;padding:3px;/*margin:1px 0;*/}
input::-ms-input-placeholder {color:#ddd;}
input::-webkit-input-placeholder {color:#ddd;}
input::-moz-placeholder {color:#ddd;}
textarea::-webkit-input-placeholder {color:#ddd;}

input[type=text], input[type=password] {background:#ffffff;width:250px;height:34px;padding:2px 0;color:#454545;text-indent:7px;border:1px solid #a7a9ac;border-radius:5px;transition:all .3s;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {border:1px solid #32798f;}
input[type=submit] {cursor:pointer;background:#f7941d;color:#fff;border:0;padding:9px 25px;font-weight:bold;border-radius:5px;transition:all .3s;}
input[type=submit]:hover {background:#505c68;}
textarea {border:1px solid #a7a9ac;border-radius:5px;padding:6px;transition:all .3s;}

input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
input[type="checkbox"] + label:before {content:' ';display:inline-block;width:18px;height:18px;line-height:18px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;background:#fafafa;border:1px solid #cacece;border-radius:3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
input[type="checkbox"] + label:active:before,
input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
input[type="checkbox"]:checked + label:before {content:'\2714';color:#fff;text-shadow:1px 1px #0d8679;background:#32798f;border-color:#32798f;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px 0px rgba(0,0,0,0.05), inset 15px 10px 0px rgba(255,255,255,0.1);}

input[type="radio"] {position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;}
input[type="radio"]:not(old) {opacity:0;}
input[type="radio"]:not(old) + label {display:inline-block;height:24px;padding-left:24px;background:url('../imgs/common/bg_radio.png') no-repeat 0 0;}
input[type="radio"]:not(old):checked + label {display:inline-block;background:url('../imgs/common/bg_radio_on.png') no-repeat 0 0;}

select {width:100px;height:40px;background-size:10px;border:1px solid #a7a9ac;border-radius:5px;transition:all .3s;/*-webkit-appearance:none;-moz-appearance:none;appearance:none;*/}
select:hover, select:focus {border:1px solid #32798f;}


/* font_color */
.fc01 {color:#156cb5 !important;} /* blue */
.fc02 {color:#6bffca !important;} /* skyBlue */
.fc03 {color:#ef346e !important;} /* pink */
.fc04 {color:#fff !important;} /* white */


/* font_align */
.alignL {text-align:left !important;} /* alignL */
.alignC {text-align:center !important;} /* alignC */
.alignR {text-align:right !important;} /* alignR */

/* float */
.flL {float:left;}
.flR {float:right;}
.flN {}


/* tabList */
.tabArea {margin-bottom:50px;}
.tabList {display:table;width:100%;table-layout:fixed;}
.tabList li {display:table-cell;}
.tabList li:first-child {border-left:1px solid #e5e5e5;}
.tabList li a {position:relative;display:block;height:55px;line-height:55px;margin:0 -1px;text-align:center;background:#f9f9f9;font-family:'Noto Sans KR';font-size:16px;box-sizing:border-box;border:1px solid #e5e5e5;border-bottom:1px solid #333;}
.tabList li.on a, .tabList li a:hover, .tabList li a:focus {background:#fff;border:1px solid #333;border-bottom:0;font-weight:bold;color:#1ecab8;z-index:10;}


/* tabList02 */
.tabList02 {background:#f9f9f9;padding:30px;border:1px solid #e5e5e5;border-bottom:1px solid #ccc;}
.tabList02:after {display:block;content:'';clear:both;}
.tabList02 li {float:left;font-family:'Noto Sans KR';font-size:14px;letter-spacing:-1px;}
.tabList02 li a.on {font-weight:bold;color:#1ecab8;}
.tabList02.wd02 li {width:50%;}
.tabList02.wd03 li {width:33.33%;}
.tabList02.wd04 li {width:25%;margin:5px 0;}
.tabList02.wd05 li {width:20%;}


/* tabList03 */
.tabList03 {background:#f9f9f9;padding:20px 0;border:1px solid #e5e5e5;border-bottom:1px solid #ccc;}
.tabList03:after {display:block;content:'';clear:both;}
.tabList03 li {position:relative;float:left;font-family:'Noto Sans KR';font-size:15px;letter-spacing:-1px;text-align:center;}
.tabList03 li:after {position:absolute;top:50%;left:0;margin-top:-10px;content:'';background:#e5e5e5;width:1px;height:20px;}
.tabList03 li:first-child:after {background:none;}
.tabList03 li a.on {font-weight:bold;color:#1ecab8;}
.tabList03.wd02 li {width:50%;}
.tabList03.wd03 li {width:33.33%;}
.tabList03.wd04 li {width:25%;margin:5px 0;}
.tabList03.wd05 li {width:20%;}
.tabList03.wd06 li {width:16.66%;}
.tabList03.wd07 li {width:14.28%;}
.tabList03.wd08 li {width:12.5%;}


/* ul_type01 */
ul.ul_type01 {margin-bottom:20px;}
ul.ul_type01 li {margin:7px 0;padding-left:15px;font-family:'NanumSquare';background:url('../imgs/common/dot_line.gif') no-repeat 0 11px;line-height:22px;}

ol.ol_type01 {margin-bottom:20px;}
ol.ol_type01 li {margin:7px 0;font-family:'NanumSquare';line-height:22px;}
ol.ol_type01 ol {margin:10px 0;}
ol.ol_type01 ol li {padding-left:20px;}


/* dl_type01 */
dl.dl_type01 {margin-bottom:20px;}
dl.dl_type01 dt {font-weight:bold;margin:20px 0 10px;}
dl.dl_type01 dt, dl.dl_type01 dd {font-family:'NanumSquare';}
dl.dl_type01 dd {margin:7px 0;line-height:22px;padding-left:15px;background:url('../imgs/common/dot_line.gif') no-repeat 0 11px;line-height:22px;}
dl.dl_type01 dd.none {background:none;}

/* txt */
.txt_dsc {font-size:14px;margin-bottom:20px;line-height:22px;font-family:'NanumSquare';}
.txt_info {font-size:14px;margin-bottom:20px;line-height:22px;font-family:'NanumSquare';color:#999;background:url('../imgs/sub/icon_info.png') no-repeat 0 3px;padding-left:25px;margin-top:5px;}
.comment {font-size:14px;line-height:22px;font-family:'NanumSquare';color:#999;}

/* margin-bottom */
.mb0 {margin-bottom:0 !important;}


/* table_style */
table.basic {width:100%;margin-bottom:30px;border-top:2px solid #333;}
table.basic th {background:#f9f9f9;font-weight:bold;}
table.basic th, table.basic td {padding:15px 20px;border-bottom:1px solid #e5e5e5;font-family:'Noto Sans KR';font-size:15px;line-height:22px;vertical-align:middle;}

table.basic02 {width:100%;margin-bottom:30px;border-top:2px solid #333;}
table.basic02 th {background:#f9f9f9;font-weight:bold;text-align:left;}
table.basic02 th, table.basic02 td {padding:15px 20px;border-bottom:1px solid #e5e5e5;font-family:'Noto Sans KR';font-size:15px;line-height:22px;vertical-align:middle;}
table.basic02 td {background:#fff;}
table.basic02 td button.btnType {padding:9px 15px;vertical-align:middle;}
table.basic02 td .comment {color:#999;font-family:'Noto Sans KR';font-size:14px;line-height:22px;}

table.basic02 th span {vertical-align:middle;}
table.basic02 input[type="radio"] {margin:0 5px 0 20px;}
table.basic02 input[type="radio"]:first-child {margin-left:0;}
table.basic02 .inputList {width:100%;}
table.basic02 .inputList:after {display:block;content:'';clear:both;}
table.basic02 .inputList li {float:left;margin:5px 0;}
table.basic02 .inputList.wd01 li {width:100%;}
table.basic02 .inputList.wd02 li {width:50%;}
table.basic02 .inputList.wd03 li {width:33.33%;}
table.basic02 .inputList.wd04 li {width:25%;margin:5px 0;}
table.basic02 .inputList.wd05 li {width:20%;}
table.basic02 .inputList.wd06 li {width:16.66%;}
table.basic02 .inputList.wd07 li {width:14.28%;}
table.basic02 .inputList.wd08 li {width:12.5%;}
table.basic02 .inputList .btnType {padding:5px;font-size:14px;}

table.basic03 {width:100%;margin-bottom:30px;border-top:1px solid #e5e5e5;}
table.basic03 th {background:#837553;font-weight:bold;color:#fff;border-bottom:1px solid #635942;}
table.basic03 th, table.basic03 td {padding:15px 20px;font-family:'Noto Sans KR';font-size:15px;line-height:22px;vertical-align:middle;}
table.basic03 td {border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}


/* btnType */
.btnType {display:inline-block;min-width:100px;padding:12px 15px;font-size:15px;border-radius:5px;transition:all .3s;}
.btnType.green {background:#7f832f;color:#fff;border:1px solid #7f832f;} /* green */
.btnType.green:hover, .btnType.green:focus {background:#8dae00;border:1px solid #8dae00;}
.btnType.greenD {background:#819c0c;color:#fff;border:1px solid #819c0c;} /* greenDark */
.btnType.greenD:hover, .btnType.greenD:focus {background:#637808;border:1px solid #637808;}
.btnType.pink {background:#ef346e;color:#fff;border:1px solid #ef346e;} /* blue */
.btnType.pink:hover, .btnType.pink:focus {background: #ef206a;border:1px solid #ef98bf;}
.btnType.blue {background:#32798f;color:#fff;border:1px solid #32798f;} /* blue */
.btnType.blue:hover, .btnType.blue:focus {background:#505c68;border:1px solid #505c68;}
.btnType.white {background:#fff;color:#333;border:1px solid #a7a9ac;} /* white */
.btnType.white:hover, .btnType.white:focus {border-color:#505c68;}
.btnType.brown {background:#c2b59c;color:#fff;border:1px solid #c2b59c;} /* brown */
.btnType.brown:hover, .btnType.brown:focus {background:#c69937;border:1px solid #c69937;}

.btnTypeS {display:inline-block;padding:2px 7px;font-family:'Noto Sans KR';font-size:13px;border-radius:2px;}
.btnTypeS.pink {background:#ef346e;color:#fff;border:1px solid #ef346e;} /* pink */
.btnTypeS.blue {background:#32798f;color:#fff;border:1px solid #32798f;} /* blue */
.btnTypeS.blue:hover, .btnTypeS.blue:focus {background:#505c68;border:1px solid #505c68;}
.btnTypeS.gray {background:#999;color:#fff;border:1px solid #999;} /* gray */
.btnTypeS.gray:hover, .btnTypeS.gray:focus {background:#333;border:1px solid #333;}
.btnTypeS.white {background:#fff;color:#333;border:1px solid #a7a9ac;} /* white */
.btnTypeS.white:hover, .btnTypeS.white:focus {border-color:#505c68;}
.btnTypeS.brown {background:#c2b59c;color:#fff;border:1px solid #c2b59c;} /* brown */
.btnTypeS.brown:hover, .btnTypeS.brown:focus {background:#c69937;border:1px solid #c69937;}
button:focus { outline:none; }


/*popup*/

.popup_wrap {
    position: absolute;
    z-index: 9999;
}

.popup_wrap .p_inner {
    display: inline-block;
}

.popup_wrap .p_inner .p_img {}

.popup_wrap .p_inner .p_menu {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #000000;
    text-align: right;
    color: #666;
}

.popup_wrap .p_inner .p_menu a {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 20px;
}

@media (max-width: 767.98px) {

        /* 팝업 */
    .popup_wrap {
        visibility: hidden;
        position: absolute;
        top: 30px;
        left:5vw!important;
        width:90vw;
        z-index: 9999
    }

    .popup_wrap .p_inner {
        display: inline-block;
        width:100%;
    }
    .popup_wrap .p_inner .p_img a img {
        width:100%;
    }
    .popup_wrap .p_inner .p_img {
        width: 100%;
    }

    .popup_wrap .p_inner .p_menu {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #000000;
        text-align: right;
        color: #666;
    }

    .popup_wrap .p_inner .p_menu a {
        color: #ffffff;
        font-size: 17px;
        padding: 5px 20px;
    }
}