@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(//fonts.googleapis.com/css?family=Lobster);
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
/* content block 1 */
@charset "utf-8";

/* content block 1 */
#mcs_container_wrap{margin-top:7px; padding:10px; width:730px; height:70px; background:url('/main/img_new/guide/bg_textarea.gif') no-repeat;}
#mcs_container_wrap.small_box{width:603px; height:92px; background:url('/main/img_new/guide/bg_textarea_s.gif') no-repeat;}
#mcs_container_wrap .content{color:#7e7e7e; font-size:12px;}
#mcs_container_wrap.small_box #mcs_container{width:572px;}
#mcs_container{position:relative; height:75px;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:707px; height:198px; top:0; float:left;}
#mcs_container_wrap.small_box .customScrollBox .container{width:557px;}
#mcs_container .customScrollBox .content ul{padding-left:5px;}
#mcs_container .dragger_container{position:relative; margin-top:13px; width:15px; height:38px; float:left;  background:#fff; cursor:pointer;}
#mcs_container .dragger{position:absolute; left:8px; width:15px; height:5px !important; background:#eb3d91; text-align:center; line-height:10px; overflow:hidden; cursor:pointer;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:15px; height:10px; text-decoration:none; right:0;}
#mcs_container .scrollUpBtn{top:0px; background:url('/main/img_new/guide/img_arr_up.png') center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:0px; background:url('/main/img_new/guide/img_arr_down.png') center center no-repeat;}

/* content block 2 */
#mcs2_container_wrap{margin-top:7px; padding:15px; width:468px; height:63px; background:url('/search/img/bg_textarea.gif') no-repeat;}
#mcs2_container_wrap .content{color:#0f5d69; font-size:12px;}
#mcs2_container{position:relative; height:60px;}
#mcs2_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:453px; height:100px; top:0; float:left;}
#mcs2_container .customScrollBox .content ul{padding-left:5px;}
#mcs2_container .dragger_container{position:relative; margin-top:13px; width:15px; height:38px; float:left;  background:#6fb4be; cursor:pointer;}
#mcs2_container .dragger{position:absolute; width:15px; height:5px !important; background:#0f5d69; text-align:center; line-height:10px; overflow:hidden; cursor:pointer;}
#mcs2_container .scrollUpBtn,#mcs2_container .scrollDownBtn{position:absolute; display:inline-block; width:15px; height:10px; text-decoration:none; right:0;}
#mcs2_container .scrollUpBtn{top:0px; background:url('/search/img/img_arr_up.gif') center center no-repeat;}
#mcs2_container .scrollDownBtn{bottom:0px; background:url('/search/img/img_arr_down.gif') center center no-repeat;}

/* content block 2 (20160527 ÀÌ»óÇü Ãßõ¿äû ¼öÁ¤) */
.mcs_cont_wrap{margin-top:7px; padding:15px; width:306px; height:43px; background:url('/search/img/bg_textarea01.png') no-repeat;}
.mcs_cont_wrap .content{color:#0f5d69; font-size:12px;}
.mcs_cont_wrap .agree_cont{margin-top:-10px;padding:0;padding-left:5px;color:#0f5d69;font-family:'ngBold';font-size:12px}
.mcs_cont{position:relative; height:43px;}
.mcs_cont .customScrollBox{position:relative; height:100%; overflow:hidden;}
.mcs_cont .customScrollBox .container{position:relative; width:270px; height:100px; top:0; float:left;}
.mcs_cont .customScrollBox .content ul{padding-left:5px;}
.mcs_cont .dragger_container{position:relative; margin:13px 0 0 21px; width:15px; height:18px; float:left;  background:#6fb4be; cursor:pointer;}
.mcs_cont .dragger{position:absolute; width:15px; height:5px !important; background:#0f5d69; text-align:center; line-height:10px; overflow:hidden; cursor:pointer;}
.mcs_cont .scrollUpBtn,.mcs_cont .scrollDownBtn{position:absolute; display:inline-block; width:15px; height:10px; text-decoration:none; right:0;}
.mcs_cont .scrollUpBtn{top:0px; background:url('/search/img/img_arr_up.gif') center center no-repeat;}
.mcs_cont .scrollDownBtn{bottom:0px; background:url('/search/img/img_arr_down.gif') center center no-repeat;}

/* content block 1 (20160531 ¾È³»ÀÚ·á ¿äû °³ÀÎÁ¤º¸ ¼öÁ¤) */
.mcs_cont_wrap02{width:353px;height:70px;margin-top:7px; padding:10px;background:url(../main/img_new/guide/bg_textarea03.png) no-repeat}
.mcs_cont_wrap02.small_box{width:603px; height:92px; background:url('/main/img_new/guide/bg_textarea_s.gif') no-repeat;}
.mcs_cont_wrap02 .content{color:#7e7e7e; font-size:12px;}
.mcs_cont_wrap02.small_box mcs_cont02{width:572px;}
.mcs_cont02{position:relative; height:75px;}
.mcs_cont02 .customScrollBox{position:relative; height:100%; overflow:hidden;}
.mcs_cont02 .customScrollBox .container{position:relative; width:328px; height:198px; top:0; float:left;}
.mcs_cont_wrap02.small_box .customScrollBox .container{width:557px;}
.mcs_cont02 .customScrollBox .content ul{padding-left:5px;}
.mcs_cont02 .dragger_container{float:left;position:relative;margin:13px 0 0 10px;width:15px;height:50px;background:#fff; cursor:pointer}
.mcs_cont02 .dragger{overflow:hidden;position:absolute;left:0;width:15px;height:5px !important;background:#eb3d91;text-align:center;line-height:10px;cursor:pointer;}
.mcs_cont02 .scrollUpBtn,.mcs_cont02 .scrollDownBtn{position:absolute; display:inline-block; width:15px; height:10px; text-decoration:none; right:0;}
.mcs_cont02 .scrollUpBtn{top:0px; background:url('/main/img_new/guide/img_arr_up.png') center center no-repeat;}
.mcs_cont02 .scrollDownBtn{bottom:0px; background:url('/main/img_new/guide/img_arr_down.png') center center no-repeat;}

/* content block 3
#mcs3_container{position:absolute; left:640px; top:20px; margin:0; width:280px; height:96%; padding:0 10px; border-bottom:1px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#6D5843; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs3_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs3_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs3_container .customScrollBox .content{clear:both;}
#mcs3_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#31231E; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs3_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs3_container .dragger_container{position:relative; width:0px; height:33%; float:left; margin:35px 0 0 25px; border-left:1px solid #31231E; border-right:1px solid #8E7757; cursor:pointer}
#mcs3_container .dragger{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs3_container .dragger_pressed{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

/* content block 4 
#mcs4_container{position:absolute; left:340px; top:540px; margin:0; width:260px; height:200px; padding:0 10px; border:1px dotted #09C; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs4_container .customScrollBox .content{clear:both;}
#mcs4_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#09C; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs4_container .dragger_container{position:relative; width:0px; height:180px; float:left; margin:10px 0 0 10px; border-left:1px dotted #555; cursor:pointer;}
#mcs4_container .dragger{position:absolute; width:9px; height:9px; background:#555; margin-left:-5px; text-align:center; overflow:hidden; cursor:pointer; -moz-border-radius:18px; -khtml-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#mcs4_container .dragger_pressed{position:absolute; width:9px; height:9px; background:#09C; margin-left:-5px; overflow:hidden; cursor:s-resize;}
*/
/* content block 5 
#mcs5_container{position:absolute; left:40px; top:760px; margin:0; width:560px; height:130px; padding:0 10px; border:1px dashed #C30; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#mcs5_container .customScrollBox{position:relative; width:550px; overflow:hidden;}
#mcs5_container .customScrollBox .horWrapper{position:relative; left:0;}
#mcs5_container .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
#mcs5_container .customScrollBox .content{clear:both;}
#mcs5_container .customScrollBox .content p{padding:5px; margin:0 5px;}
#mcs5_container .customScrollBox .content p img{margin-right:5px;}
#mcs5_container .dragger_container{position:relative; height:0px; width:540px; margin:10px; border-top:1px dashed #C30;}
#mcs5_container .dragger{position:absolute; width:60px; height:9px; background:#111 url(mcsDragger.png) no-repeat; margin-top:-5px;}
#mcs5_container .dragger_pressed{position:absolute; width:60px; height:9px; background:#111 url(mcsDraggerHover.png) no-repeat; margin-top:-5px;}
#mcs5_container .scrollUpBtn,#mcs5_container .scrollDownBtn{position:absolute; top:0; display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:large; font-weight:normal; color:#C30; margin:8px 5px 0 10px; text-decoration:none;}
#mcs5_container .scrollDownBtn{right:10px;}
#mcs5_container .scrollUpBtn{right:50px;}
#mcs5_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover{color:#fff;}*/