.top_iframe, .bottom_iframe , .cont_iframe{ display:block; }

/* 공통레이아웃 */
#skip a{ display: block; width: 1px; height: 1px; overflow: hidden; margin-top: -1px; text-align: center; }
#skip a:focus, #skip a:active{ width: 100%; height: auto; padding: 10px 0px; }
#wrap{ width: 100%; min-width: 250px; margin:0; padding:0; }
#top, #gnb, #container, #bottom { width: 100%; margin: 0px auto; /* border: 1px solid red; */ }
.top_box { max-width: 1100px;  margin: 0px auto; }
.gnb_box { max-width: 1100px;  margin: 0px auto; }
.container_main_box { position:relative; max-width: 1100px;  margin: 0px auto; }
#container {  }

/* 상단 header  */
#top { background:#f7f7f7; }  
.logo a{ text-indent: -10000px; display: block; }
.topLink li{ float: left; padding-left: 11px; background: url(../../images/common/img_space1.gif) no-repeat 5px center; font-size:12px; }
.topLink li:first-child{ padding-left: 0px; background: none; }
.topLink li a{ color: #333; }
.topLink li a:hover{ text-decoration: underline; }
.seoul_ci { width:72px; height:18px; }

/* index 메인비쥬얼 */
.mainVisual{ position: relative; max-width: 1100px; margin: 0px auto; }
.mainVisual .tit span.blind{ display: block; }
.mainContent { margin-bottom:10px; }
.mainContent >li{ float: left; } 
.mainContent .part1 h3, .mainContent .part2 h3 { color: #fff; font-size:14px;   padding:4px 0 5px 10px; font-family: "NanumGothic"; }
.mainContent .part1 p, .mainContent .part2 p { color: #222; font-size: 12px; padding: 2px 0px 0px 15px; background:url("../../images/sub/ico_dot2.gif") 7px 9px no-repeat;}
.mainContent .part3 h3 { font-weight:normal; font-size:22px; font-family: "NanumGothic"; }
.mainContent .part3 p { margin-top:10px; }
.mainContent .part1, .mainContent .part2 { position:relative; }  
.mainContent .part1, .mainContent .part2{ border:1px solid #cacaca;  } 
.mainContent .part3{ /*border:2px solid #ce201f; */ } 
.mainContent .part1 h3, .mainContent .part2 h3 { color:#000; } 
.mainContent .part1 .more_btn, .mainContent .part2 .more_btn { width:16px; height:16px; }

.app_btn a{ padding:4px 5px 2px 5px;  font-size:12px; background:#ca1f65; color:#fff; border-radius:3px; }

.video_list { margin-top:5px; margin-left:10px; }
.video_list li a{ color: #666; font-size: 12px; padding: 2px 0px 0px 10px; background:url("../../images/sub/ico_dot2.gif") 0px 9px no-repeat;}

/* 전체메뉴 */    
.header_inner{ position:relative; top:0px; left:4px; z-index:99999; }
.header_inner .total_m_area{ max-width:1100px; margin:0 auto; position:relative;}
.header_inner .total_m_area .inner_total{ position:absolute;  right:0; width:100%; display:inline-block;  background-color:#fff; border:2px solid #cf2020; } 
.header_inner .total_m_area .inner_total .total_map { float:left; width:24.8%; height:120px; padding-bottom:30px; border-right:1px solid #e3e3e3;  }  
.header_inner .total_m_area .inner_total .total_map2 { float:left; width:33.2%; height:240px; padding-bottom:30px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;  }  
.header_inner .total_m_area .inner_total .total_map dt,
.header_inner .total_m_area .inner_total .total_map2 dt{padding:3px 0 0 10px; background: url("../images/ico/dot_4.gif") 0 10px no-repeat; }
.header_inner .total_m_area .inner_total .total_map > dt,
.header_inner .total_m_area .inner_total .total_map2 > dt{ height:40px; line-height:40px; color:#000; font-weight:bold;  background:#f7f7f7;  border-bottom:1px solid #cecece;   }   
.header_inner .total_m_area .inner_total .total_map dt.title a,
.header_inner .total_m_area .inner_total .total_map2 dt.title a{font-size:14px; color:#2f2f2f;  width:139px; padding:5px 0 5px 0; font-weight:bold; } 
.header_inner .total_m_area .inner_total .total_map dt.sub_title a,
.header_inner .total_m_area .inner_total .total_map2 dt.sub_title a{font-size:12px; color:#2f2f2f; }
.header_inner .total_m_area .inner_total .total_map dt.sub_title a:active,
.header_inner .total_m_area .inner_total .total_map dt.sub_title a:focus,
.header_inner .total_m_area .inner_total .total_map dt.sub_title a:hover,
.header_inner .total_m_area .inner_total .total_map2 dt.sub_title a:active,
.header_inner .total_m_area .inner_total .total_map2 dt.sub_title a:focus,
.header_inner .total_m_area .inner_total .total_map2 dt.sub_title a:hover{font-size:12px; color:#5192db; text-decoration:none;}
.header_inner .total_m_area .inner_total .total_map .sub_totalmap,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap{  padding-left:10px; }
.header_inner .total_m_area .inner_total .total_map .sub_totalmap dt,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap dt{padding:0 0 3px 5px; }
.header_inner .total_m_area .inner_total .total_map .sub_totalmap.n_b,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap.n_b{border-bottom:none; }
.header_inner .total_m_area .inner_total .total_map .sub_totalmap dd a,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap dd a{font-size:12px; color:#2f2f2f;  padding:0 0 2px 10px; }
.header_inner .total_m_area .inner_total .total_map .sub_totalmap dd a:active,
.header_inner .total_m_area .inner_total .total_map .sub_totalmap dd a:focus,
.header_inner .total_m_area .inner_total .total_map .sub_totalmap dd a:hover,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap dd a:active,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap dd a:focus,
.header_inner .total_m_area .inner_total .total_map2 .sub_totalmap dd a:hover{color:#5192db; text-decoration:none;}
.header_inner .total_m_area .inner_total .t_close_btn{  width:100%; height:27px; background: #b90002; text-align:center; color:#fff; font-weight:bold; line-height:27px;}
.header_inner .total_m_area .inner_total .t_close_btn img { position:absolute; top:0px; right:0px; }


 


/* 4) 모바일 전용 */
@media all and (min-width:200px) and (max-width: 549px) { 
.top_iframe { height:90px;  }
.container_main_box { height:570px; }

/* 상단 header */ 
#top{ height: 54px;  }
.top_box { width:100%; height:100%; }
.top_bg {  background-image:150px 44px;   } 
.top_bg_img { width:280px; height:54px; position:absolute; left:-20px;}
h1 { position:absolute; top:3px; width:129px; height:49px; background: url(../../images/common/main_logo.png) no-repeat; margin-left:10px; }
.logo{ background-size:129px 49px; }  
.topLink { display:none; }
#total_menu_box { display:none; }





.fr_menu{float:right; }
.fr_menu ul{margin:13px 6px 0 0}
.fr_menu ul li{display:inline;font-size:14px; }  
.fr_menu .more_btn { width:75px;height:14px; text-decoration:none; padding:8px 15px 7px 5px; color:#fff;  text-align:center; vertical-align:middle;font-size:14px; font-weight:bold;  display:inline-block; 
position:absolute; right:10px; top:15px;  background:#cf2020 url("../images/ico_4.png") 90% 50% no-repeat; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);text-shadow: 0 1px 1px rgb(0,0,0);
border-radius:.5em;} 
.fr_menu .more_btn .hide {position:absolute; left:-9999px; top:-9999px;}
.fr_menu .menu_popup {
	width: auto; border: solid 0px #555555;border-radius:.5em 0em .5em .5em;background:#fff;text-align:left; position:absolute; right:10px; top:44px; z-index:9999; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);}
.fr_menu .menu_popup .popup_gnb {padding:0px;margin:0px;}
.fr_menu .menu_popup .popup_gnb a {text-decoration:none; }
.fr_menu .menu_popup .popup_gnb > li {padding:0px;margin:0px;}
.fr_menu .menu_popup .popup_gnb > li > a {margin:8px;background:url("../images/ico/ico_dot2.gif") 7px 15px no-repeat;padding: 10px 0 10px 15px; display:block; background-color:#fff; border-bottom: solid 1px #eee; color:#333333; font-weight:bold; }
.fr_menu .menu_popup .popup_gnb > li > ul {padding:0px;margin:0px;}
.fr_menu .menu_popup .popup_gnb > li > ul li {padding:0px;margin:0px;}
.fr_menu .menu_popup .popup_gnb > li > ul li a {margin:8px;padding:10px 0 10px 17px; display:block; background-color:#fff; border-bottom: solid 1px #eee; color:#555555;}




  
/* gnb */
.topMenuD{ display: none;  }
.topMenuT{ display: none;  }
.topMenuM{ position: relative; z-index:1; } 
.topMenuM .more{ position: absolute; top: 15px; right: 10px; width:75px; height:25px; line-height:25px; background:#ce201f; border-radius:5px; font-size:12px; color:#fff; font-weight:bold; text-align:center;  } 
.topMenuM .gnbSub { width:100%; position:absolute; top:53px; background:#ce201f;  }
.topMenuM .gnbSub li{  border-top:1px solid #ccc; }
.topMenuM .gnbSub li a{ display: block; height: 36px; line-height: 36px; padding-left: 26px; background: url(../../images/common/bu_dot2.gif) no-repeat 12px center; color: #fff; font-size: 1.2em; font-weight: bold; }
.topMenuM .gnbSub li a:hover{ text-decoration: underline; }

.topSearch { position:relative; width:100%;  height: 36px; background: #ce201f;  }  
.minwon_search_M { position:absolute; width:94%; top:6px; left:10px;  }
.minwon_search_M li { display:inline; vertical-align:top; }
.minwon_select { width:31%;  height:25px; border:1px solid #ce201f; }
.minwon_input {  width:42%; height:22px; border:1px solid #ce201f; }
.minwon_button { float:right; width:23%;  height:25px; background:#333; color:#fff; border:0; border-radius:5px; font-weight:bold; font-size:11px; letter-spacing:-1px; }

 

/* index 메인비쥬얼 */ 
.mainVisual{ margin: 0px 12px; padding:10px 0; } 
.topMenuM { background: #ce201f; }
  
.mainContent .part1 { width:100%; height:130px; background:url(../../images/main/part1_mbg.gif) repeat-y right; }
.mainContent .part2 { width:100%; height:140px; background:url(../../images/main/part2_mbg.gif) repeat-y left;}
.mainContent .part1 .partWrap { height:130px; background: url(../../images/main/img_part1_m.png) no-repeat right 10px bottom 0px;  } 
.mainContent .part2 .partWrap { height:140px; background: url(../../images/main/img_part3_m.png) no-repeat left 10px bottom 0px;}
.col_orange, .col_blue { color:#fff; }
.mainContent .part1{ background:#fff; width:100%; height: 130px; border-top:2px solid #ff7e01;  } 
.mainContent .part2{ background:#fff; width:100%; margin-top:8px;  border-top:2px solid #44aaf1; }
.mainContent .part3{ display:none; }  
.mainContent .part1 .more_btn, .mainContent .part2 .more_btn { position:absolute; right:10px; top:6px; }
.mainContent .part1 h3 { width:60%; color:#fff; background:url(../../images/main/part1_bg.png) repeat-x right;  margin-bottom:8px;}
.mainContent .part2 h3{ float:right; text-align:right; padding-right:10px; width:60%; color:#fff; background:url(../../images/main/part3_bg.png) repeat-x left; margin-bottom:8px; }
.mainContent .part2 p { float:right; text-align:right; padding-right:10px; background:none; }

.mainContent2 .right_box{ /*position:absolute; top:290px;*/ width:100%; }

 
.main_notice { display:none; } 

.main_smart_app_M { height:90px; width:100%; height:90px;  margin-bottom:10px; border:1px solid #cacaca; background:url(../../images/main/app_bg_M.gif) repeat-x 20%; } 
.smart_app_bg1 { height:90px; overflow:hidden; position:absolute; right:5px;}
.smart_app_bg { position:absolute; height:89px; padding-left:10px;  } 
.app_title { color:#ca1f65; height:25px; font-weight:bold; font-size:14px; margin-top:10px; }
.app_title img { vertical-align: sub; }
.app_txt {  width:60%; font-size:11px; line-height:16px;  } 
 
	
.header_search, .main_smart_app { display:none; }
.main_movie_area { display:none; }  
.main_quick { display:none; }
/*.main_quick_M { position:absolute; top:400px;  float:left;  width:100%;  border-top:1px solid #cacaca;}
.main_quick_M >li {  float:left; width:24.6%; height:65px; padding-top:5px; text-align:center;  border-left:1px solid #cacaca; border-top:1px solid #cacaca;  border-bottom:1px solid #cacaca;  background:#fcfcfc;  } 
.main_quick_M li p {  font-size:11px; } 
.main_quick_M li:last-child { margin-right:0; border-right:1px solid #cacaca; } 
*/

.main_quick_M {  float:left;  width:100%;  border-top:1px solid #cacaca;  border-right:1px solid #cacaca; }
.main_quick_M >li {  float:left; width:49.5%; height:62px; padding-top:5px; text-align:center;  border-left:1px solid #cacaca;  border-bottom:1px solid #cacaca;  background:#fcfcfc;  } 
.main_quick_M li p {  font-size:11px; } 
.main_quick_M li:last-child { margin-right:0; } 
 

.main_quick_M2 {  float:left;  width:100%;  }
.main_quick_M2 >li {  float:left; width:100%; height:62px; padding-top:5px; text-align:center;  border-left:1px solid #cacaca;  border-bottom:1px solid #cacaca;  background:#fcfcfc;  } 
.main_quick_M2 li p {  font-size:11px; } 
.main_quick_M2 li:last-child { margin-right:0; border-right:1px solid #cacaca; } 
 



#footer { display:none; }
#footer_M {clear:both;width:auto;height:52px; background:#f9f9f9; border-top:1px solid #ededed; }  
#footer_M {clear:both;margin:0;padding:9px 0 8px;text-align:center}   
#footer_M a{color:#555;text-decoration:none}  
#footer_M a:visited{color:#555;text-decoration:none}  
#footer_M a:hover{text-decoration:underline}  
#footer_M ul{margin:0 0 3px}  
#footer_M ul li{display:inline;position:relative;padding:0 5px 0 7px; font-size:12px;white-space:nowrap; background:url(../../images/common/footer_line.gif) 0 50% no-repeat;_background-position:left 10%; }  
#footer_M ul li.frst{padding:0 3px 0 0;background:none} 
#footer_M ul li a:hover,#footer ul li a:hover strong{color:#458ad8}   
#footer_M address{color:#555;font-family:Tahoma;font-size:9px;line-height:25px; font-style:normal;}  

 
} 

 

/* 3) 태블릿+데스크탑 */
@media all and (min-width: 550px) {   

/* 메인 content */
.visualArea{ height: auto; max-width: 1040px; } 
   
.mainContent .part1 h3, .mainContent .part2 h3{  padding: 15px 0px 0px 10px; height:29px; } 
.mainContent .part1 p, .mainContent .part2 p { line-height: 1.3; padding: 5px 0px 0px 20px; background:url("../../images/sub/ico_dot2.gif") 10px 11px no-repeat;}
.mainContent .part3 p { line-height: 1.3; padding: 5px 0px 0px 20px;} 

.mainContent > li .partWrap a{ display: block; }
.mainContent .part1 {  height: 167px; background: #fff url(../../images/main/btn_more1.gif) no-repeat right top;  }
.mainContent .part1 .partWrap {  height: 167px;  background: url(../../images/main/img_part1.png) no-repeat right 10px bottom 0px;  }
.mainContent .part2 { height: 167px; background: #fff url(../../images/main/btn_more3.gif) no-repeat right top;  }
.mainContent .part2 .partWrap { height: 167px; background: url(../../images/main/img_part3.png) no-repeat right 10px bottom 0px;}
 
 
.mainContent .part1 .none{ display: inline; } 
.mainContent .part3 .partWrap p, .mainContent .part2 .partWrap p{ display: block; }   
.mainContent .part1 .more_btn, .mainContent .part2 .more_btn { position:absolute; right:12px; top:6px; }
.main_quick_M, .main_quick_M2 { display:none; }
.minwon_search img { vertical-align:bottom; }
.minwon_search li {display:inline; }

.minwon_search_M, .main_smart_app_M { display:none; }

 
#copyright { padding:20px; }


}


/* 4) 태블릿 전용 */
@media all and (min-width: 550px) and (max-width: 899px) { 
.dn { display:none; }
.top_iframe { height:97px; }
.container_main_box { height:640px; }

/* 상단 header */ 
#top{ height: 60px;} 
.top_box { width:100%; height:60px; }
.top_bg { background-image:311px 60px;   } 
.top_bg_img { width:311px; height:60px; position:absolute; left:-10px; }
h1 { position:absolute; top:5px; width:135px; height:52px; background: url(../../images/common/main_logo.png) no-repeat; margin-left:20px; }
.logo{ background-size:135px 52px; } 
.topLink{ margin-right: 20px; margin-top: 20px; line-height:22px; }
.total_menu { display: none; }
#total_menu_box { display:none; }

/* gnb */
.fr_menu{ display: none;  }
.topMenuM{ display: none;  }
.topMenuT{ background: #ce201f; display: block; height: 37px; }
.topMenuD{ display: none;  }  
.topMenuT li { float:left; width:24.6%; }
.topMenuT li a{  display: block; line-height: 35px; text-align:center; color: #fff; font-size: 1.2em; font-weight: bold; }
.topMenuT li a:hover{ text-decoration: underline; }

 
.sub_gnb_div_T{ width:100%; background:#f7f7f7; position:absolute;top:96px; z-index:9999; border-bottom:2px solid #5e6066; border-top:1px solid #ce201f; }
.sub_gnb_div_T .sub_gnb_box_T { width:100%; margin:0 auto; }
.sub_gnb_div_T .sub_gnb_box_T ul { width:24.8%; height:110px; float:left; border-right:1px solid #cecece; background:#fff; padding-top:5px;  }
.sub_gnb_div_T .sub_gnb_box_T ul:first-child { border-left:1px solid #cecece;  }
.sub_gnb_div_T .sub_gnb_box_T ul li { line-height:25px; padding-left:5px; letter-spacing:-1px;  }

 

/* index 메인비쥬얼 */
.mainVisual { position:relative; padding-bottom:20px; margin: 0px 20px;  padding:10px 0;  } 

.mainContent .part1 { width:48.5%; margin-right: 0.98%; }
.mainContent .part2 { width:48.5%; margin-top: 0px; float:right; }
.mainContent .part3 { width:99.5%; margin-top:10px; position:relative; border:1px solid #ce201f; }  
.mainContent .part3 h3 { font-size:16px; line-height:25px;  margin: 10px 0px 10px 20px;  }
.mainContent .part3 .partWrap p { width:35%; display:none; }


.minwon_search_box { position:absolute; right:0; top:15px; width:52%; }
.minwon_search {width:88%;  margin-left:20px; }
.minwon_search li { margin-right:5px; }
.minwon_select { width:55%;  height:28px; border:2px solid #ce201f; border-radius:5px; }
.minwon_input { margin-top:5px; width:100%; height:25px; border:2px solid #ce201f; border-radius:5px; } 
.minwon_btn { float:right; height:29px; width:39%; font-size:12px; color:#fff; font-weight:bold; border-right:3px solid #ce201f; border-left:3px solid #ce201f; border-top:1px solid #ce201f; border-bottom:1px solid #ce201f; border-radius:5px;  background:url(../../images/main/minwon_btn_bg.gif) repeat-x; }


.main_notice { float: left; height: 160px; width:48.7%; border-left:1px solid #cacaca; border-right:1px solid #cacaca; } 
.notice_title li { height:25px;  width:50%; float:left; text-align:center; background:#ececec; padding-top:3px; border-bottom: 2px solid #cc2a2a; } 
.notice_title .on { background:#cc2a2a; } 
.notice_list li { position:relative; line-height:25px; border-bottom:1px solid #cacaca; padding-left:10px; }
.notice_list li span { position:absolute; right:10px; }


.header_search { display:none; }
.main_movie_area { display:none; }  
.main_smart_app { right:0; float: right; height:160px; width:48.7%;  }
.smart_app_bg1 { display:none; } 
.smart_app_bg { height:100%;  border-radius:5px; border:1px solid #cacaca;padding-left:10px;  background:url(../../images/main/app_bg.jpg) no-repeat 90% 80%;  }
.app_title { color:#ca1f65; height:30px; font-weight:bold; font-size:14px; margin-top:10px; }
.app_title img { vertical-align: sub; }
.app_txt {  width:70%; font-size:12px; line-height:17px;  } 


.main_quick { float:left; width:100%; }
.main_quick li { float:left; width:19.7%; height:75px; padding-top:5px; text-align:center; border-left:1px solid #cacaca; border-top:1px solid #cacaca;  border-bottom:1px solid #cacaca;  background:#fcfcfc; }
.main_quick li:last-child { margin-right:0; border-right:1px solid #cacaca; } 


 


#footer { display:none; }
#footer_M {clear:both;width:auto;height:52px; background:#f9f9f9; border-top:1px solid #ededed; }  
#footer_M {clear:both;margin:0;padding:9px 0 8px;text-align:center}   
#footer_M a{color:#555;text-decoration:none}  
#footer_M a:visited{color:#555;text-decoration:none}  
#footer_M a:hover{text-decoration:underline}  
#footer_M ul{margin:0 0 3px}   
#footer_M ul li{display:inline;position:relative;padding:0 5px 0 7px; font-size:12px;white-space:nowrap; background:url(../../images/common/footer_line.gif) 0 50% no-repeat;_background-position:left 10%; }  
#footer_M ul li.frst{padding:0 3px 0 0;background:none} 
#footer_M ul li a:hover,#footer ul li a:hover strong{color:#458ad8}   
#footer_M address{color:#555;font-family:Tahoma;font-size:9px;line-height:25px; font-style:normal;}  
 

 
}

/* 5) 데스크탑 전용 */
@media all and (min-width: 900px) {   
.top_iframe { height:167px; }
#content_Iframe { min-height:600px; }
/* 상단 header   */ 
#top{ height: 73px;  }
.top_box { width:100%; height:100%;  border-bottom:1px solid #cacaca; }
.top_bg { width:100%; height:100%;  background-image:389px 73px;   } 
.top_bg_img { width:389px;  height:73px; position:absolute;  } 
h1 { position:absolute; top:8px; width:156px; height:60px; background: url(../../images/common/main_logo.png) no-repeat; margin-left: 30px; }
.logo{ background-size:156px 60px; } 
.topLink{ margin-right: 30px; margin-top: 30px; line-height:22px;  }
#total_menu_box {  max-width:1050px; text-align:left; margin:0 auto; padding:0 30px; }


/* gnb */
#gnb { border-bottom:1px solid #ce201f;}
#top { border-bottom: 1px solid #cecece; } 

.fr_menu{ display: none;  }
.topMenuM{ display: none;  }
.topMenuT{ display: none;  }
.topMenuD{ display: block; padding-left: 30px; height:92px; background:#fff; }
.topMenuD li{ float: left; padding-top: 10px; margin-right: 2.94%; width:17%; text-align:center;}  


.sub_gnb_div_D{ width:100%; height:290px; background-color:#f7f7f7; position:absolute;top:166px; z-index:9999; border-bottom:2px solid #5e6066; border-top:1px solid #ce201f; }
.sub_gnb_div_D .sub_gnb_box { max-width:1040px; margin:0 auto; background-color:#fff;  padding:0 30px;   }
.sub_gnb_div_D .sub_gnb_box ul { width:19.8%; height:260px; float:left; border-right:1px solid #cecece; padding:10px 0 20px 0; background-color:#fff;  }
.sub_gnb_div_D .sub_gnb_box ul:first-child { width:19.8%;border-left:1px solid #cecece;  }
.sub_gnb_div_D .sub_gnb_box ul li { line-height:25px; padding-left:10px;  }

/* index 메인비쥬얼 */
.book_bg { width:100%; height:100%; background:url(../../images/main/book_bg3.jpg) no-repeat right top; }
.mainVisual { margin: 10px 30px 0 30px;  padding:15px 0;  }

.mainContent2 { margin-bottom:30px;  } 
.mainContent2 li.left_box {  width:52%;  border:1px solid #ccc; padding:20px; float: left; border-radius:10px 0 0 10px; 
background:url(../../images/main/book_bg1.jpg) repeat-y right; }
.mainContent2 li.right_box { width:42%; height:779px;  border:1px solid #ccc;  float: left; border-radius:0 10px 10px 0; 
 background:url(../../images/main/book_bg2.jpg) repeat-y left;}


.mainContent > li{ float:left; } 
.mainContent .part1{ width: 48%; margin-bottom:10px; margin-right:3%;  }
.mainContent .part2{ width: 48%; } 
.mainContent .part3{ width: 100%; background:url(../../images/main/minwon_search_icon.png) no-repeat right; }  
.mainContent .part3 h3 { line-height:33px;  margin: 25px 0px 10px 20px;  }  
.mainContent .part3 .partWrap p { width:55%; }
.minwon_search_box { background:#e9e9e8; margin-top:20px; padding:20px 0; margin-bottom:10px; }
.minwon_search {width:88%;  margin-left:20px; }
.minwon_search li { margin-right:5px; }
.minwon_select { width:57%;  height:28px; border:2px solid #ce201f; border-radius:5px; }
.minwon_input { margin-top:5px; width:100%; height:25px; border:2px solid #ce201f; border-radius:5px; } 
.minwon_btn { float:right; height:29px; width:38%; color:#fff; font-weight:bold; border-right:3px solid #ce201f; border-left:3px solid #ce201f; border-top:1px solid #ce201f; border-bottom:1px solid #ce201f; border-radius:5px;  background:url(../../images/main/minwon_btn_bg.gif) repeat-x; }


.minwon_input { width:100%; }
 
.main_smart_app { display:none;  }
.main_movie_area { padding:10px 10px; border-radius:10px; border:1px solid #cacaca; background:#fcfcfc; margin-bottom:20px; }
.main_movie_area .movie_title{ line-height:30px; color:#000; font-weight:bold; font-size:14px;   font-family: "NanumGothic"; margin-left:10px; }  
.main_movie_area .movie_area frame {   min-width:310px; height: auto; } 

.main_notice {  float: left; height: 295px; width:89%; margin-left:20px; }
.notice_title li { height:26px;  width:50%; float:left; text-align:center; background:#ececec; padding-top:5px; border-bottom: 2px solid #cc2a2a; } 
.notice_title .on { background:#cc2a2a; } 
.notice_list li { position:relative; line-height:32px; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; padding-left:10px; }
.notice_list li span { position:absolute; right:10px; }


.main_quick { width:100%; padding-bottom:20px; }
.main_quick li { float:left; width:19.7%; height:80px; padding-top:10px; text-align:center; border-left:1px solid #cacaca; border-top:1px solid #cacaca;  border-bottom:1px solid #cacaca;  background:#fcfcfc; }
.main_quick li:last-child { margin-right:0;  border-right:1px solid #cacaca; }
.main_quick li span { letter-spacing:-2px; } 

 
 
/* 통합검색 */ 
.header_search { width:276px; margin: 0 auto; }
.main_search_area { position: relative; top:14px;  width: 276px; height:44px;  background:url(../../images/common/header_search.png) no-repeat;}
.main_search_area .search_box{  position:absolute; left:5px; top:8px; width: 200px; height: 25px;  padding:0 10px 0 10px; line-height:25px; border:1px solid #fff;  }   
.main_search_area_btn {  position:absolute; right: 10px; top:8px; } 
.main_search_area_btn:hover {text-decoration:none; } 


#footer_M { display:none; }
#footer {width: 100%;   background:#f9f9f9; border-top:1px solid #ededed; }
#footer .footer_inner {max-width: 1100px; margin: 0 auto; height: 120px; position:relative; }
#footer .footer_inner .flogo {position:absolute; left:30px; top:21px; }  
#footer .footer_inner .footer_menu li {width: 245px; float: left; text-align:center; background:url(../../images/common/footer_line.gif) 0 4px no-repeat; } 
#footer .footer_inner .policy_menu {position:absolute; left:174px; top:20px; display:inline-block; }
#footer .footer_inner .policy_menu li {padding: 0 16px; float: left; background:url(../../images/common/footer_line.gif) right center no-repeat; }
#footer .footer_inner .policy_menu li.last {background:none; }
#footer .footer_inner .policy_menu li a {color:#555555;}
#footer .footer_inner address {position:absolute; left:190px; top:40px; }
#footer .footer_inner address p.addr{display:inline-block; font-style:normal; }
#footer .footer_inner address p.addr{float:left; padding-left:20px; background:url(../../images/common/footer_line.gif) 10px 5px no-repeat; color:#555555;}
#footer .footer_inner address p.first{padding-left:0; background:none;}
#footer .footer_inner address p.addr a{color:#555555;  }
#footer .footer_inner .footer_tel {position:absolute; left:550px; top:60px; }
#footer .footer_inner .copy {position:absolute; left:190px; top:60px; color:#555; }
#footer .footer_inner .link {width: 158px; height: 28px; padding-left: 10px; display:inline-block; position:absolute; right:0px; top:60px; line-height:28px; border: solid 1px #e0e0e0; background-color:#fff; color:#777777;}
 


}