@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




body { font-size:0.9rem; font-family: 'Noto Sans KR', sans-serif; }
* { margin:0; padding:0;  box-sizing: border-box; word-break:keep-all; }
a { text-decoration:none; color:#666666; }
li { list-style:none; }
.w1200 { width:1200px; margin:0 auto; }
.clear:after { clear:both; display:block; content:""; }
.flex_container { display:flex; *justify-content:space-between; }
header { position:fixed; width:100%; left:0; right:0; height:90px; border-bottom:2px solid #000; background:#f2f2f2; z-index:9999; }


/***  »çÀ̵å¹Ù   ***/
#all_icon { position:absolute; top:20px; left:20px; display:none; }
#all_icon i { font-size:2rem; }


header #side_menu { position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%; top:0; left:-100%; z-index:99999; transition:0.5s; overflow-y:auto; }
header #side_menu .menu_box { position:fixed; background:#fff; width:65%; top:0; bottom:0; padding:20px; border-top:1px solid #aaa; overflow-y:auto; }
header #side_menu nav { margin-top:20px; }
header #side_menu nav > ul > li { padding:5px 0; }
header #side_menu nav > ul > li > ul { display:none; padding:10px; }
header #side_menu nav > ul > li > a { font-size:1.2rem; color:#000; }
header #side_menu nav > ul > li > ul > li > a { font-size:1rem; color:#999; display:inline-block; padding:3px 0; }
header #side_menu .qna { border-top:1px solid #ddd; padding-top:10px; position:absolute; right:20px; left:20px; bottom:10px; line-height:200%; }
header #side_menu .qna h2 { margin-bottom:10px; }
header #side_menu .qna div { font-size:1rem; }
header #side_menu .qna i { font-size:1.3rem3dding-right:5px; }




/***  ·Î°í ¿µ¿ª  ***/


header #top { position:relative; justify-content:space-between; }
header #top h1 { margin:15px 0 0;  }


/***  »ó´Ü ¸Þ´º  ***/


header .top_cate { line-height:90px; font-size:17px; font-family: 'GmarketSansMedium';  }
header .top_cate > li  { margin:0 30px; letter-spacing:1px; position:relative; }
header .top_cate > li > a { display:block; color:#222; padding-bottom:0;transitionb:0.5s; }
header .top_cate > li:hover > a { color:#d65167; }
header .top_cate > li > ul { display:none; position:absolute; padding:0 20px 20px; left:-20px; top:10px; background:#f2f2f2; border:2px solid #000;  min-width:140px; }
header .top_cate > li > ul > li { line-height:200%; font-size:15px; }
header .top_cate > li > ul > li > a { color:#222; transition:0.5s; }
header .top_cate > li > ul > li > a:hover { color:#d65167; }
header .top_cate > li:hover > ul {display:block; top:88px;  border:2px solid #000; border-top:0; transition:1s;  }






/*** left menu ***/
.left_menu { width:240px; float:left; padding-top:20px;}
.left_menu .home { display:none;  }
.left_menu h2 { text-align:center; font-size:26px; width:240px; height:115px; line-height:115px; background:url(http://bdmp-003.cafe24.com/bizdemo151247/img/left_title_bg.jpg); color:#ffffff; }
.left_menu h2 span { font-size:1.35rem; font-weight:300; display:block; }
.left_menu h2.intro { line-height:130%; padding-top:25px; }
.left_menu ul { margin-top:10px; }
.left_menu li { line-height:200%; }
.left_menu li a { display:block; color:#222; background:#eee; border-bottom:1px solid #fff; padding:12px 0 12px 20px; font-size:16px; font-weight:500; }
.left_menu li a:hover { background:#eaf2f3; }
.left_menu li a.leftmenu_on {  background:#eee url('http://bdmp-003.cafe24.com/bizdemo151247/img/left_on_bg.png') no-repeat 90% center; color:#ab3d5b; }
.left_menu a.leftmenu_off {  } 




/***  footer  ***/
footer { background:#f2f2f2; padding:30px 0; margin:0;}
footer .bottom { width:1200px; margin:0 auto; color:#000; line-height:180%; font-size:15px; }
footer .bottom span { margin-right:10px; }


footer .bottom span:first-child { font-size:18px; margin-right:20px;}
footer .bottom img { width:30px; height:auto; }
footer .bottom .youtube img { width:32px; }








/*** path  ***/
.path { *display:none; border-bottom:1px solid #ddd; padding-bottom:8px;   }
.path li { margin:0 5px; }
.path li:first-child,
.path li:last-child {  }
.path li a { color:#777; font-size:14px;}
.path li  i { font-size:16px; margin-left:10px; color:#777; position:relative; top:1px; }
.path li a .fi { margin-left:0; }
.path li:first-child { margin-left:0; }










/***  contents  ***/




.main_contents { margin:20px auto 0; }


.contents { float:right; width:900px; padding-top:20px;  }
.contents h2 {  margin:40px 0 12px ; font-size:24px; color:#333; }
.contents h2 span { font-size:2rem; display:inline-block; padding:15px 0 0; }
.contents .h2_desc { text-align:center; padding:10px 0; font-size:0.9rem; font-weight:400; color:#555; }




/***  board  ***/
#post_area { word-break:normal !important; }
#post_area img { max-width:100%; height:auto !important; }


.board_box { margin:50px 0; }
.board_box .desc { margin-bottom:20px; position:relative; padding-left:20px; font-size:17px;  } 
.board_box .desc:after { position:absolute; display:block; content:""; width:10px; height:10px; background:#c14b6b; top:7px; left:0; } 




/***  ÁÖ¿ä½ÇÀû  ***/
.performance_box p { font-size:16px; text-align:center; max-width:600px; margin:0 auto 50px;   }
.performance_title { font-size:22px; text-align:center; margin:50px 10px 20px; font-family:'GmarketSansMedium';  background:#f9f9f9; border:1px solid #ccc; padding:10px; border-radius:5px;}


.performance_box .performance{ margin:0 0 50px ;padding:0 10px; font-size:16px; justify-content:space-between; flex-wrap:wrap; }
.performance_box .performance:last-child { margin:0 0 100px; }
.performance_box .performance img { max-width:100%; border-radius:5px; }


.performance_box .performance li { width:49.5%; margin-top:7px; }


.performance_box h4 { font-size:18px; font-family:'GmarketSansMedium'; position:relative; padding-left:40px; margin-bottom:20px; } 
.performance_box h4:after { position:absolute; display:block; content:""; width:10px; height:10px; background:#c14b6b; top:5px; left:20px;}
.performance_box .pos:after { top:8px; }


.performance.market li { width:48.8%; margin-top:15px; }
.performance.market img { *border:1px solid #ddd; border-radius:0; box-shadow:0 0 2px #aaa;  }






/****  tablet/PC  ****/
@media all and ( max-width:1200px ) {
.w1200 { width:100%; padding:0 10px; }
.top_menu { padding:0 10px; }
header #top { width:100%; }
header .top_cate > li  { margin:0 20px; }
header nav.top_cate > ul > li ul li { border-bottom:1px solid #526fa5; padding:5px 0 5px 10px; }


.left_menu { display:none; }
.path { display:block; }
.contents { float:none; width:100%; padding:20px 10px;  }
.contents h2 { text-align:left;  }
.contents .h2_desc { text-align:left; }




footer .bottom { width:100%; padding:0 10px; }


}




/****  1000px  ****/
@media all and ( max-width:1000px ) {
header #top h1 { margin:20px 0 0;  }
header #top h1 img { width:300px; }


header .top_cate > li  { margin:0 15px; }
}


/****  900px  ****/
@media all and ( max-width:900px ) {
header #top h1 img { width:270px; }


header .top_cate { font-size:16px; }


header .top_cate > li  { margin:0 10px; }
}


/****  tablet/Mobile  ****/
@media all and ( max-width:768px ) {
header { height:80px; }
header #top { height:auto; }


header .top_cate { display:none; }
header #side_menu img { height:40px; }


#all_icon { display:block; }
header #top { justify-content:center; }
header #side_menu.on { left:0; opacity:1;}
header #side_menu.on #close_btn { position:fixed; top:20px; left:66%; color:#fff; font-size:1.5rem; }


.main_contents { margin:0 auto; }


.contents h2 { height:auto; padding-bottom:10px; }
.contents h2 span { font-size:1.5rem; }
}








/****  Mobile  ****/
@media all and ( max-width:480px ) {
header #top h1 img { width:200px; }
header #side_menu img { height:33px; }
.contents h2 {  margin:20px 0 12px ; position:relative; text-align:center; }
.contents h2:after { position:absolute; display:block; content:""; left:50%; top:45px; width:50px; height:2px; background:#c71359; margin-left:-25px; }
.top_menu ul { text-align:center; }
.path { display:none; }
footer .bottom { font-size:13px; }




.performance_title { font-size:20px; }
.performance_box .performance{ padding:0;  }


}