/* CSS Document */
@charset "euc-kr";
@import url(basic.css?ver=230304);

#wrap_top{width:1000px; margin:0 auto; overflow:hidden; margin-bottom:31px;}
#wrap_top h1{float:left; display:inline; margin-top:45px; margin-left: 40px;}

#wrap_top #gmenu{ float:right; display:inline; margin-top:18px; width:815px; overflow:hidden; text-align:right;}


#gmenu .top_search{ border:2px solid #bfbfbf; width:200px; overflow:hidden; float:right; display:inline; margin-left:20px;}
#gmenu .top_search input{line-height:18px; height:18px; margin:0; padding:0; vertical-align:middle; font-size:95%; color:#747474; border:1px solid #FFF;}
#gmenu .top_search input.txt{ width:170px;}
#gmenu .global{ width:300px; text-align:right; float:right; display:inline;}
#gmenu .global img{margin-right:7px;}


#gmenu #menu{ background:url(/images/menu_bg.gif) top no-repeat; height:48px; width:100%; overflow:hidden; float:right; display:inline; margin-top:20px; z-index:10; position:relative;}
#gmenu #menu li{ float:left; display:inline;text-align:center;}
#gmenu #menu li img{vertical-align:middle; padding-top:17px;}
#gmenu #menu li.li1{ width:95px}
#gmenu #menu li.li2{ width:114px}
#gmenu #menu li.li3{ width:98px}
#gmenu #menu li.li4{ width:122px}
#gmenu #menu li.li5{ width:105px}
#gmenu #menu li.li6{ width:83px;}
#gmenu #menu li.li7{ width:105px}
#gmenu #menu li.li8{ width:88px}


#submenu{ position:absolute; top:62px;*top:64px; left:50%; margin-left:-317px; width:818px; border:1px solid #fc5a32; z-index:9; padding:65px 0 20px 0; overflow:hidden; background:#FFF}
#submenu ul{float:left; display:inline;}
#submenu ul.ul1{ width:98px;}
#submenu ul.ul2{ width:110px;}
#submenu ul.ul3{ width:102px;}
#submenu ul.ul4{ width:130px;}
#submenu ul.ul5{ width:88px;}
#submenu ul.ul6{ width:92px;}
#submenu ul.ul7{ width:110px;}
#submenu ul.ul8{ width:88px;}
#submenu ul li{ padding:5px 0px 3px 15px}
#submenu ul.ul8 li { padding-left: 10px; }
#submenu ul li a { font-family: "NotoSansKR"; font-size: 11.5px; letter-spacing: -1.2px; font-weight: 500; color: #a6a6a6; }
#submenu ul.ul1 li.on a,
#submenu ul.ul1 li a:hover { color: #822da5; }
#submenu ul.ul2 li.on a,
#submenu ul.ul2 li a:hover { color: #2f43ad; }
#submenu ul.ul3 li.on a,
#submenu ul.ul3 li a:hover { color: #0589c3; }
#submenu ul.ul4 li.on a,
#submenu ul.ul4 li a:hover { color: #09a7a1; }
#submenu ul.ul5 li.on a,
#submenu ul.ul5 li a:hover { color: #77bd25; }
#submenu ul.ul6 li.on a,
#submenu ul.ul6 li a:hover { color: #dca309; }
#submenu ul.ul7 li.on a,
#submenu ul.ul7 li a:hover { color: #f26021; }
#submenu ul.ul8 li.on a,
#submenu ul.ul8 li a:hover { color: #cb4221; }
#submenu img{ padding:0; margin:0;}



#wrapper{ width:100%; background:url(/images/main/main_bg.gif) repeat-x left top;}
#wrapper #wrap{ width:1000px; margin:0 auto; overflow:hidden;}

#wrap .popupzone{ float:left; display:inline;width:700px;height:340px;}
#wrap .popupzone p {position:absolute;top:0;left:0;}
#wrap .popupzone li{float:left; display:inline; background:url(/images/main/mline.gif) no-repeat right; padding:5px 10px 0 10px; font-size:95%;cursor:pointer;letter-spacing:-0.04em;}
#wrap .popupzone li.noline{ background:none;}
#wrap .popupzone li.over{ color:#47ccca; font-weight:bold;}
#wrap .popupzone .pop_visual{width:700px;height:330px;position:relative;}
#wrap .popupzone .pop_visual img{width:700px;height:317px;}
/* 20150714 Æ˾÷Á¸ ¼öÁ¤ */
#wrap .popupzone .pop-article	{float:right;}
#wrap .popupzone .pop-article li{padding:5px 2px 0;background:0 none;}
#wrap .popupzone .pop-article li span	{display:block;width:12px;height:12px;overflow:hidden;text-indent:14px;background:url(/images/main/btn_point.gif) no-repeat;}
#wrap .popupzone .pop-article li.over span{width:36px;height:12px;text-indent:38px;background:url(/images/main/btn_point_on.gif) no-repeat;}
#wrap .popupzone .pop-article:after{clear:both;content:'';display:block;}

#wrap .popupzone .popup_slide { opacity:0; padding-bottom: 18px; margin-top: 12px; }
#wrap .popupzone .popup_slide.on { opacity:1; }
#wrap .popupzone .swiper-container-horizontal>.swiper-pagination-bullets { left: auto; width: auto; right: 0; bottom: 0px; }
#wrap .popupzone .swiper-pagination-bullet { width: 12px; height: 12px; opacity:1; background: #a1a0a1; border-radius:100px; margin: 0 2px;}
#wrap .popupzone .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c83f48; width: 36px; }

#wrap .board{ float:right; display:inline; width:270px; overflow:hidden; margin-top:50px;} 
#wrap .board h2{  float:left; display:inline; padding-bottom:20px;}
#wrap .board p{ float:right; display:inline; margin-top:15px;}
#wrap .board ul{ clear:both;}
#wrap .board li{ overflow: hidden; font-size:110%; text-overflow:ellipsis; white-space:nowrap; word-break: break-all; margin-bottom:10px; padding-left:7px; background:url(/images/bullet01.gif) no-repeat 0px 7px;}

#wrap #m_con{ position:relative; display: flex; flex-wrap: wrap; clear: both; }
#wrap #m_con * { box-sizing: border-box; }

#m_con .con1 { width: 344px; padding-right: 20px; flex-shrink: 0; margin-top: 65px; }
#m_con .con1 .con1_list { display:flex; flex-wrap: wrap; margin: 0 -20px; }
#m_con .con1 .con1_list > li { position: relative; width: 50%; padding: 0 20px; }
#m_con .con1 .con1_list > li:before { content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -40px; width: 1px; height: 80px; background-image: linear-gradient(to bottom, #ddd 4px, #fff 2px); background-size: 100% 6px; }
#m_con .con1 .con1_list > li:last-child:before { display: none; }
#m_con .con1 .con1_list img { max-width: 100%; }
#m_con .con1 .con1_content1 { border-bottom: 1px solid #eaeaea; }
#m_con .con1 .con1_content1 a { display: block; padding: 10px 0; }
#m_con .con1 .con1_content2 {  }
#m_con .con1 .con1_content2 a { display: block; padding: 10px 0; }

#m_con .con2 { width: 356px; flex-shrink: 0; margin-top: 25px; }
#m_con .con2 .con2_list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#m_con .con2 .con2_list > li { width: 50%; padding: 10px; }
#m_con .con2 .con2_list > li > a { display: block; }
#m_con .con2 .con2_list img { max-width: 100%; }

#m_con .con3 { width: 270px; margin-left: 30px; }
#m_con .con3 .calendar {}
#m_con .con3 .cal_month {position:absolute;top:10px;right:0;}
#m_con .con3 .cal_month a {display:inline-block;padding:5px;}
#m_con .con3 .cal_month span {font-weight:bold;font-size:15px;}
#m_con .con3 .calendar table {width:100%;}
#m_con .con3 .calendar table th {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:5px 0;}
#m_con .con3 .calendar table th:first-child>span {color:#f50c38;}
#m_con .con3 .calendar table th:last-child>span {color:#3960c2;}
#m_con .con3 .calendar table td {text-align:center;padding:7px 0;border-bottom:1px solid #f1f2f2;}
#m_con .con3 .calendar table td:first-child>span {color:#f50c38;}
#m_con .con3 .calendar table td:last-child>span {color:#3960c2;}
#m_con .con3 .calendar table td.active {text-decoration:underline;}

/*
.cal_pop {border-radius:5px;border:1px solid #9e8baa;}
.cal_pop>p {background:#9e8baa;color:#fff;font-weight:bold;margin:0;padding:10px;letter-spacing:0;}
.cal_pop ul li {background:url(/images/main/blt.png) no-repeat 7px 17px;padding:10px 10px 0 13px;}
.cal_pop ul li:last-child {background:url(/images/main/blt.png) no-repeat 7px 7px;padding:0 10px 10px 13px;}
*/

.cal_pop {width:268px;border-radius:5px;border:1px solid #9e8baa;background:#fff;display:none;}
.cal_pop>p {position: relative;background:#9e8baa;color:#fff;font-weight:bold;margin:0;padding:10px;padding-right: 20px;letter-spacing:0;}
.cal_pop>span {display:block;padding:10px;}
.cal_pop>p>span {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.cal_pop>p>span>a {color:#fff;}
.cal_pop .btn { padding: 10px; border-top: 1px solid #e8e8e8; text-align: right; }

#footer{ border-top:#eeeeee 2px solid; margin-top:30px; width:100%;clear:both;}
#footer #fcon{ width:1000px; margin:0 auto; overflow:hidden; padding-top:18px; padding-bottom:20px;}
#fcon .menucopy{float:left; display:inline;}
#fcon .menucopy p.fmenu{ margin-bottom:20px;}

#fcon .family{ float:right;}

/*
#fcon .family_on{ float:right; position:absolute; left:50%; margin-left:332px; margin-top:-299px; background:#fff}*/
#fcon .family_on{ float:right; position:absolute; left:50%; margin-left:332px; margin-top:-307px; background:#fff;width:168px;}
#fcon .family_on ul{ padding:5px; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
#fcon .family_on a{font-size:95%;color:#666666;font-size:12px;}



#quick{ position:absolute; left:50%; top:140px; z-index:10; margin-left:530px;}
#quick .qmenu{ background:#47ccca; padding:10px 0 10px 0;}
#quick li { margin-bottom: 3px; }
#quick li:last-child { margin-bottom:0; }
#quick li a {display: flex; min-height:33px; background: #f3f3f3;border: 1px solid #919191;border-radius: 3px;width: 80px;box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.49); padding: 3px; text-align: center; align-items: center; justify-content: center; }
#quick li a img { max-width:100%; }