/* Noto Sans KR (korean) http://www.google.com../fonts/earlyaccess */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
        url(../fonts/NotoSansKR/NotoSansKR-Thin.woff) format('woff'),
        url(../fonts/NotoSansKR/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
        url(../fonts/NotoSansKR/NotoSansKR-Light.woff) format('woff'),
        url(../fonts/NotoSansKR/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
        url(../fonts/NotoSansKR/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
        url(../fonts/NotoSansKR/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR/NotoSansKR-Black.woff) format('woff'),
        url(../fonts/NotoSansKR/NotoSansKR-Black.otf) format('opentype');
} 

/* Common */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {margin:0; padding: 0;text-size-adjust: none;-webkit-text-size-adjust: none;}
body {
    font-family: 'Noto Sans KR','Apple SD Gothic Neo','Apple Gothic','AppleGothic','sans-serif','dotum';
    font-size:14px;
    line-height:1.6;
    /* letter-spacing: -0.5px; */
    word-spacing: 0px;
    margin:0 auto;
    color:#000000;
    background-color:#FFF;
}

li{list-style:none;}
form,button{border:0; vertical-align:top;}
img {border:0;
    vertical-align:bottom;
}
em, address{font-style:normal;}

a{color:#000000; text-decoration: none;outline: none;}
a:visited {color: #000000;}
a:active{color: #000000;}
a:hover{text-decoration: none;}
a.visit {}
a.visit:visited {}
a.visit:active{}
a.visit:hover{}
.strong {font-weight: 600;}
input::placeholder {color: #aaaaaa;}

.bg_blue {background-color: #0b4abb;}

/* 면편집 레이아웃 */
.din {position: relative;clear: both;overflow: hidden;width: 100%;margin: 0 auto ;padding:0;}
.din.din100 {width: 100%;} /* 하위 영역에서 폭을 지정할 경우 */

/* 1단 */
.din.din1 {}
.din.din1 > div[data-dinnum] {width:100%;}

/* 2단 1:1 */
.din.din2-11 {}
.din.din2-11 > div[data-dinnum] {float:left;width: 50%;}

/* 2단 1:2 */
.din.din2-12 {}
.din.din2-12 > div[data-dinnum] {float:left;}
.din.din2-12 > div[data-dinnum="1"] {width: 290px;padding-right: 40px;}
.din.din2-12 > div[data-dinnum="2"] {width: calc(100% - 370px);padding-left: 40px;}

/* 2단 2:1 */
.din.din2-21 {}
.din.din2-21 > div[data-dinnum] {float:left;}
.din.din2-21 > div[data-dinnum="1"] {width: calc(100% - 340px);padding-right: 20px;}
.din.din2-21 > div[data-dinnum="2"] {display: block;float: right;width: 300px;padding-left: 20px;}
.din.din2-21 > div[data-dinnum="1"] > .din {width: 100%;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-21 > div[data-dinnum="1"] {float: left;width: calc(100% - 267px);padding-right: 20px;border: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-12 > div[data-dinnum="1"] {float: left;width: 220px;padding-right: 20px;border: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-12 > div[data-dinnum="2"] {float: right;width: calc(100% - 240px);padding-left: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din:first-child {/* border-bottom: 3px solid #666666; */padding-bottom: 41px;}
.din.din2-21 > div[data-dinnum="1"] > .din {/*border-bottom: 1px solid #999999;*/padding-bottom: 45px;margin-bottom: 0 !important;}
.din.din2-21 > div[data-dinnum="1"] > .din:last-child {border-bottom: 0;padding-bottom: 0;}

/* 3단 1:1:1 */
.din.din3-111 {}
.din.din3-111 > div > div {margin-bottom:35px}
.din.din3-111 > div[data-dinnum] {float:left;}
.din.din3-111 > div[data-dinnum="1"], .din.din3-111 > div[data-dinnum="2"], .din.din3-111 > div[data-dinnum="3"] {width:31%;}
.din.din3-111 > div[data-dinnum="2"] {padding: 0 3.5%;}

/* 3단 1:2:1 */
.din.din3-121 {}
.din.din3-121 > div[data-dinnum] {float:left;}
.din.din3-121 > div[data-dinnum="1"] {width:25%;}
.din.din3-121 > div[data-dinnum="2"] {width:calc(50% - 40px);padding:0 20px;}
.din.din3-121 > div[data-dinnum="3"] {width:25%;}

div[data-dinnum] > div.din {width: 100%;}
/* //면편집 레이아웃 */