@charset "utf-8";

/* font */
@font-face {
    font-family: 'notokr';
    font-style: 100;
    font-weight: 100;
    src: url('/css/font/NotoSansKR-Thin.woff2') format('woff2'),
	url('/css/font/NotoSansKR-Thin.woff') format('woff'),
	url('/css/font/NotoSansKR-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'notokr';
    font-style: 300;
    font-weight: 300;
    src: url('/css/font/NotoSansKR-Light.woff2') format('woff2'),
	url('/css/font/NotoSansKR-Light.woff') format('woff'),
	url('/css/font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
    font-family: 'notokr';  
    font-style: normal;
    font-weight: 400;
    src: url('/css/font/NotoSansKR-Regular.woff2') format('woff2'),
	url('/css/font/NotoSansKR-Regular.woff') format('woff'),
	url('/css/font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'notokr';
    font-style: bold;
    font-weight: 500;
    src: url('/css/font/NotoSansKR-Medium.woff2') format('woff2'),
	url('/css/font/NotoSansKR-Medium.woff') format('woff'),
	url('/css/font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'notokr';
    font-style: 700;
    font-weight: 700;
    src: url('/css/font/NotoSansKR-Bold.woff2') format('woff2'),
	url('/css/font/NotoSansKR-Bold.woff') format('woff'),
	url('/css/font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'notokr';
    font-style: 900;
    font-weight: 900;
    src: url('/css/font/NotoSansKR-Black.woff2') format('woff2'),
	url('/css/font/NotoSansKR-Black.woff') format('woff'),
	url('/css/font/NotoSansKR-Black.otf') format('opentype');
}


@font-face {
    font-family: 'GmarketSans';
    src: url('/css/font/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: 700;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('/css/font/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('/css/font/GmarketSansLight.woff') format('woff');
    font-weight: 100;
    font-style: 100;
}


/* default */
.m_warp{background:#cde2ff;box-sizing: border-box;font-family: 'notokr', 'GmarketSans', sans-serif;color:#333;font-weight:normal;font-size:16px;letter-spacing:0;}


/* search */
.search_area{width: 600px;}


/* indexContant */
.indexContant {overflow:hidden;width: 600px;margin: 0 auto;padding-bottom: 20px;}/*padding:10px 10px 20px 10px;*/
.indexContant > ul {display:inline-block;width: 100%;text-align:center;margin-bottom: 10px;}
.indexContant ul li {float:left;width: 193px;border-radius: 10px;margin-right: 10px;height: 193px;background-repeat: no-repeat;background-position: center top 35px;background-size: 50%;overflow: hidden;box-sizing: border-box;}
.indexContant ul li:last-child{margin-right:0;}
.indexContant ul li a {display:block;}
.indexContant ul li a {display:block;height: 100%;box-sizing: border-box;}
.indexContant ul li a .img { width:50%; height:39px; margin:0 auto 12px auto; padding:13px 0 0 0;}
.indexContant ul li a .title{font-weight:700;font-size:1.4em;padding-top: 133px;}

.indexContant > ul li.multy{padding: 0 21px;box-sizing:border-box;}
.indexContant > ul li.multy > div{display:table;width: 100%;height: 50%;vertical-align: middle; box-sizing:border-box;}
.indexContant > ul li.multy > div:first-child{border-bottom:1px solid rgba(255,255,255,0.5);}
.indexContant > ul li.multy a {display: table-cell;vertical-align: middle;text-align: left;font-weight: 700;font-size: 1.4em;padding-left: 66px;background: no-repeat left center;background-size: 38%;}
.indexContant > ul li.multy a .img { width:40%; height:37px; margin: 0; padding: 11px 0 0 4px ;float:left;}
.indexContant > ul li.multy a .img img{width:65%;}
.indexContant > ul li.multy a .title {padding-top: 0;text-align: left;}
.indexContant > ul li.multy a.m_fir .title{width: 45%;}
.indexContant > ul li.multy a.m_sec .title{text-align: left;}

.indexContant > ul li.bg01{width: 397px;color: #fff;background-size: contain;box-sizing: border-box;display: flex;}
.indexContant > ul li.bg01 a{color: #ffffff;text-align: left;/* padding: 101px 70px 10px 25px; */box-sizing: border-box;width: 50%;}
.indexContant > ul li.bg01 a:nth-child(1) {background: #548bfd url(/m/images/tab_main_area01.png) no-repeat;background-size: cover;}
.indexContant > ul li.bg01 a:nth-child(2){background: #548bfd url(/m/images/tab_main_area02.png) no-repeat;background-size: cover;}
.indexContant > ul li.bg01 .title{font-family:"GmarketSans";font-size: 1.6em;font-weight: 600;padding-top: 148px;text-align: right;padding-right: 18px;}
.indexContant > ul li.bg01 .txt{font-size: 1.2em;}
.indexContant > ul li.bg02 {background-color: #5eb5ff;background-image: url(/img/main/m_index_img02.png);} 
.indexContant > ul li.bg02 .title{color:#fff;}

.indexContant > ul li.bg03{background-color: #7268f8;background-image: url(/img/main/m_index_img03.png);} 
.indexContant > ul li.bg03 .title{color:#fff;} 
.indexContant > ul li.bg04{background-color: #7268f8;background-image: url(/img/main/m_index_img04.png);} 
.indexContant > ul li.bg04 .title{color:#fff;} 
.indexContant > ul li.bg05{background: #f6c96d;} 
.indexContant > ul li.bg05 a{color:#413a3a;}
.indexContant > ul li.bg05 div:first-child a{background-image:url(/img/main/m_index_img05.png)}
.indexContant > ul li.bg05 div:last-child a{background-image:url(/img/main/m_index_img06.png)}

.indexContant > ul.indexBoxs03{background:#fff; border-radius:10px;}
.indexContant > ul.indexBoxs03 a{color:#2a3a8c;padding: 24px 0;}
.indexContant > ul.indexBoxs03 a .title{
    padding-top: 110px;
}
.indexContant > ul li.bg07{background-image:url(/img/main/m_index_img07.png);}
.indexContant > ul li.bg07 p{border-right: 1px solid #e7e8ec;} 
.indexContant > ul li.bg08{background-image:url(/img/main/m_index_img08.png);}  
.indexContant > ul li.bg08 p{border-right: 1px solid #e7e8ec;} 
.indexContant > ul li.bg09{background-image:url(/img/main/m_index_img09.png)} 

.indexContant > ul li.bg10{background-color: #1ab4a0;background-image: url(/img/main/m_index_img10.png);} 
.indexContant > ul li.bg10 .title{color:#fff;} 
.indexContant > ul li.bg11{background-color: #1ab4a0;background-image: url(/img/main/m_index_img11.png);} 
.indexContant > ul li.bg11 .title{color:#fff;} 
.indexContant > ul li.bg12{background: #1ab4a0;} 
.indexContant > ul li.bg12 a{color:#fff;}
.indexContant > ul li.bg12 div:first-child a{background-image: url(/img/main/m_index_img12.png);}
.indexContant > ul li.bg12 div:last-child a{background-image: url(/img/main/m_index_img13.png);}


/*footer*/
#footer{border-top: 0;padding: 15px 0; margin: 0;}
#footer address{width: 600px;margin: 0 auto;}
#footer ul, #footer li, #footer a, #footer strong, #footer img, #footer em, #footer address, #footer address span{font-family: 'notokr';font-size: 18px;}