@charset "utf-8";

/* skipnavigation */
#skipnavigation {position:relative; z-index:99999;} 
#skipnavigation ul li {position:absolute;  width:100%; text-align:center;} 
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipnavigation ul li a:hover, #skipnavigation ul li a:focus, #skipnavigation ul li a:active { display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#0b4db1; text-align:center; } 

#session_popup { position:fixed; left:50%; top:26%; margin-left:-200px; width:400px; height:200px; z-index: 1101; text-align:center;  font-family: Malgun Gothic, Gulim, '굴림', Sans-serif; border-radius: 8px; box-sizing: border-box; padding:20px 17px 20px 17px; font-size:14px; border: 1px solid #656565; background: #fafafa; box-shadow: 0px 2px 13px 3px #3a3a3a; color: #585454; }
#session_popup .sess_title{ display: block; font-weight: bold; font-size: 20px; margin: 0 0 10px 0; color: #1868B3;}
#session_popup .time_cnt{ font-weight: bold; font-size:16px; margin-bottom: 10px; }
#session_popup .time_cnt > #ncounter{ font-size: 18px; color: #de2828; }
#session_popup .sess_btns{ margin: 14px 0 0 0;}
#session_popup .sess_btns > input[type=button]{ font-family: Malgun Gothic, Gulim, '굴림', Sans-serif; margin:1px; padding:4px 8px 4px 8px; color:#444; min-width:130px; display:inline-block; background: #ffffff; border:1px solid #175d9e;  border-radius: 4px; font-size: 15px; line-height: 1.4; font-weight: bold;}
#session_popup .sess_btns > input[type=button].odd_btn{ background: #2875bf; color: #fff;}


/* header */
#header_wrap {position:absolute; top:0px; left:0px; width:100%; background:url(../../images/common/bg_header_wrap.gif) repeat-x left bottom; z-index:1004;}
.header_bg {width:100%; background:url(../../images/common/bg_header.gif) repeat-x left top;} 
#header {position:relative; width:1100px; margin:0 auto;}
#header h1 {position:absolute; top:0; left:0; z-index:10;} 
#lnb {position:relative; height:30px; padding:25px 0 25px 0; z-index:9;}
#lnb .lnb_mn{position:absolute; top:20px; right:300px;  text-align:right; padding-top:10px; font-size:12px; line-height: 1.5;}
#lnb .lnb_mn a{display:inline-block; height:16px; letter-spacing: -0.08em; padding: 0 6px 0 5px; text-decoration:none; color:#586272; background:url(../../images/common/bu_dot_bar.gif) no-repeat right center;}
#lnb .lnb_mn .logout_01{ background: none; padding: 0;}
#lnb .lnb_mn .my_01{padding-left: 1px;}
#lnb .lnb_mn .top_time_01{ display: inline-block; border-radius: 0px; padding: 0 8px 0 0;background: url(../../images/common/bu_dot_bar.gif) no-repeat right center;}
#lnb .lnb_mn .top_time_01 em{display: inline-block; width:50px; border:1px solid #b3b3b3; border-radius:9px 0px 0px 9px; padding: 1px 10px 0 1px; float: left; margin: 0 -6px 0 0;}
#lnb .lnb_mn .top_time_01 a{ background: none; display: inline-block; padding: 2px 0 3px 0; line-height: 1.5; background: #838080; color: #fff; width: 35px; text-align: center; border-radius: 9px;}
#lnb .lnb_mn .potal{display:inline-block; height:16px; font-weight:bold; color:#1868b3; background:none; font-size:14px;}
#lnb .header_search{position:relative; overflow:hidden; float:right; width:190px; text-align:right;}
#lnb .header_search label.lb_search{position:absolute; top:10px; left:10px; font-size:11px; color:#444; letter-spacing:-1px;}
#lnb .header_search .inp_type{float:left; width:160px !important; height:30px !important; margin-left:0px; padding-left:5px; padding-right: 27px;
box-sizing: border-box; vertical-align:middle; border:1px solid #c6d0e4; background:#f4f6f8;}
#lnb .header_search .search_input_del{position: absolute; right: 33px; top: 4px; border: none; background: none; font-size: 18px; padding: 1px 6px 0px 6px; line-height: 1.2; display: none;}
#lnb .header_search .btn_h_search {position:absolute; top:0; right:0; outline-offset: -2px;}
#lnb .header_language{position:absolute; top:25px; right:194px; width:99px; height:28px; float:left; line-height:28px; border:1px solid #c8d1db; background:url(../../images/common/bg_language.gif) no-repeat right top; z-index:99999;}
#lnb .header_language p {padding-left:5px;}
#lnb .header_language div {position:absolute; left:-1px; top:29px; width:99px; border-left:1px solid #c8d1db; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db; background:#f4f6f8;}
#lnb .header_language div ul li {line-height:16px; padding:4px 5px; border-bottom:1px dotted #c8d1db; }
#lnb .header_language .btn_lang_cloae {position:absolute; right:0; top:-29px;}
#gnb {position:relative; width:1100px; margin:0 auto; z-index:5; background: #ffffff;}
#gnb ul{overflow:hidden;}
#gnb ul li{float:left; width:157px;}

/* #gnb ul li:nth-child(2){width:143px;}
#gnb ul li:nth-child(8){width:135px;}
#gnb ul li .last{width:135px;}
 */
 
#gnb > ul > li > a{ display: block; outline-offset: -2px;}
#gnb ul li a.on{ position: relative; }
#gnb ul li a.on:after{ clear:both; content:""; display:inline-block; width:12px; height: 6px; background:url(../images/common/top_arrow.png) no-repeat 0px 0px; position: absolute; bottom:0%; left:50%; margin-left: -6px;}
#gnb ul li a.on .on{ }

#gnb ul li div{display:none; position:absolute; height:314px; top:50px; z-index:5; background: #f4f6f8;} 
#gnb ul li div ul {padding:15px 5px 0 5px;}
#gnb ul li div ul li{float:none; line-height:26px; font-size:12px; letter-spacing:-0.09em; }
#gnb ul li div ul li a{color:#555d66; margin-left:9px;}
#gnb ul li div ul li a:hover,
#gnb ul li div ul li a:focus{text-decoration:underline; font-weight:bold; letter-spacing:-0.18em; color:#00736f;}

#gnb ul li div{}
#gnb ul li div.top1{left:0; width:156px; border-left:1px solid #c8d1db; border-right:1px solid #c8d1db;border-bottom:1px solid #c8d1db;}
#gnb ul li div.top2{left:158px; width:156px;border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
#gnb ul li div.top3{left:315px; width:156px;border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
#gnb ul li div.top4{left:472px; width:156px;border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
#gnb ul li div.top5{left:629px; width:156px;border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
#gnb ul li div.top6{left:786px; width:156px;border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
#gnb ul li div.top7{left:943px; width:157px;border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}


#container_wrap {position:relative; width:100%; min-width: 1100px; padding-top:130px; z-index:1;}
/* visual area */
#visual_wrap {overflow:hidden; position:relative; width:100%; height:236px; z-index:1;}
#slider {position:absolute; top:0; left:0; width:100%;}
#slider ul.index_visual {position:relative; width:100%; height:236px; }
#slider ul.index_visual li {position:relative !important; width:100% !important; height:236px !important; }
#visual_wrap .visual_control_wrap {position:absolute; width:100%; height:28px; bottom:30px; left:0; text-align:center; z-index:5;}
#visual_wrap .visual_count {height:28px; display:inline; z-index:5;}
#visual_wrap .visual_count a {width:20px; height:28px; display:inline-block; background:url(../../images/index/btn_visual_off.png) no-repeat left center;}
#visual_wrap .visual_count a span {position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#visual_wrap .visual_count a.activeSlide {width:46px; height:28px; display:inline-block; background:url(../../images/index/btn_visual_on.png) no-repeat left center;}
#visual_wrap .visual_control {display:inline; width:28px; height:28px; z-index:5;}
/* 2018.02 visual area */
#container_wrap .main_visual { background-size: cover; }
#container_wrap .main_visual .main_visual_inner { }
#container_wrap .main_visual .main_visual_inner img {  }
#container_wrap .main_visual .main_visual_inner p { font-size: 1px; color: transparent; text-indent: -9999px; overflow: hidden; width: 1100px; height: 233px; margin: 0 auto;}
#container_wrap .main_quick_sld { width: 1100px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; position: relative; }
#container_wrap .main_quick_sld .caroufredsel_wrapper ul li a{outline-offset: -2px;}

#container_wrap .main_quick_sld button { width: 30px; height: 100%; position: absolute; top: 0; overflow: hidden; text-indent: -9999px; color: transparent; border: 0; cursor: pointer; }
#container_wrap .main_quick_sld .quick_prev { left: 0; background: #1868b3 url('/images/index/quick_prev.png') center center no-repeat; }
#container_wrap .main_quick_sld .quick_next { right: 0; background: #1868b3 url('/images/index/quick_next.png') center center no-repeat; }
#container_wrap .main_quick_sld .quick_sld_inner { padding: 15px 8px;
background: -moz-linear-gradient(130deg, rgba(15,127,171,1) 0%, rgba(15,127,171,1) 28%, rgba(0,165,159,1) 72%, rgba(0,165,159,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,165,159,1)), color-stop(28%, rgba(0,165,159,1)), color-stop(72%, rgba(15,127,171,1)), color-stop(100%, rgba(15,127,171,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(130deg, rgba(15,127,171,1) 0%, rgba(15,127,171,1) 28%, rgba(0,165,159,1) 72%, rgba(0,165,159,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(130deg, rgba(15,127,171,1) 0%, rgba(15,127,171,1) 28%, rgba(0,165,159,1) 72%, rgba(0,165,159,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(130deg, rgba(15,127,171,1) 0%, rgba(15,127,171,1) 28%, rgba(0,165,159,1) 72%, rgba(0,165,159,1) 100%); /* ie10+ */
background: linear-gradient(320deg, rgba(15,127,171,1) 0%, rgba(15,127,171,1) 28%, rgba(0,165,159,1) 72%, rgba(0,165,159,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a59f', endColorstr='#0f7fab',GradientType=0 ); /* ie6-9 */ }
#container_wrap .main_quick_sld .quick_sld_inner ul { overflow: hidden; width: 1800px; }
#container_wrap .main_quick_sld .quick_sld_inner ul li { float: left; width: 145px; padding: 1px 0 0 0;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a { display: block; text-decoration: none; height:62px;  padding: 48px 0 0 0; background:url(../../images/index/ico_quick_spo_01.png) no-repeat 0px 0px; box-sizing: border-box;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_01{ background-position: center 0px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_02{ background-position: center -100px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_03{ background-position: center -200px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_04{ background-position: center -300px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_05{ background-position: center -400px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_06{ background-position: center -500px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_07{ background-position: center -600px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_08{ background-position: center -700px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_09{ background-position: center -800px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_10{ background-position: center -900px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_11{ background-position: center -1000px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_12{ background-position: center -1100px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_13{ background-position: center -1200px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_14{ background-position: center -1302px;}
#container_wrap .main_quick_sld .quick_sld_inner ul li a.q_15{ background-position: center -1414px;}
#container_wrap .main_quick_sld .quick_sld_inner .caroufredsel_wrapper ul{  width: 2100px !important; height: 68px !important;}

#container_wrap .main_quick_sld .quick_sld_inner ul li a span{ display: none;}
#container_wrap .main_quick_sld .quick_sld_inner ul li em { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0; text-align: center; font-family: '돋움', 'dotum'; color: #fff; }
#container_wrap .main_quick_sld .quick_sld_inner ul li em.narrow { letter-spacing: -1.5px; }

#container_wrap .quick_btn { position: relative; }
#container_wrap .quick_btn button { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; text-indent: -9999px; visibility: hidden; }

#index_cont_wrap {overflow:hidden; position:relative; width:1100px; margin:10px auto; }
#index_cont_wrap.main_index_cont_wrap { margin:20px auto; } 
.board_box {position:relative; float:left; width:360px; height:449px; }
.board_box ul {overflow:hidden;}
.board_box ul li {float:left;}
.board_box ul li a{outline-offset: -2px;}
.board_box .tab_area {position:absolute; top:40px; left:0; width:358px; height:409px;  border-left:1px solid #c8d1db; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
.board_box .tab_area .tab_top {position:relative; width:338px; padding:20px 10px; border-bottom:1px solid #c8d1db;}
.board_box .tab_area .tab_top ul{position:relative; height:222px;}
.board_box .tab_area .tab_top ul li{width:329px; float:left; padding:0 0 0 10px; line-height:28px; background:url(../../images/index/bu_square2.gif) no-repeat 0 11px;}
.board_box .tab_area .tab_top ul li a{float:left; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_box .tab_area .tab_top ul li span{width:75px; text-align:right; color:#767676; float:right;}
/* .board_box .tab_area .tab_top {width:358px; height:262px; border-bottom:1px solid #c8d1db;}
.board_box .tab_area .tab_top ul li {float:left; padding:10px 10px 0 9px; text-align:center;}
.board_box .tab_area .tab_top ul li p img {width:338px; height:212px;}
.board_box .tab_area .tab_top ul li p a{line-height:44px; display: inline-block; width: 338px; height: 212px; margin-bottom: 12px;} */
.board_box .tab_area .tab_list {height:147px; background:url(../../images/index/bg_tab_line3.gif) repeat-y center top; overflow:hidden;}
.board_box .tab_area .tab_list li {width:160px; float:left; padding:10px 10px 0 9px;}
.board_box .tab_area .tab_list li p.tab_list_img {width:163px; height:102px;}
.board_box .tab_area .tab_list li p.tab_list_img a{display: inline-block; width: 163px; height: 102px;}
.board_box .tab_area .tab_list li p.tab_list_img img {width:163px; height:102px;}
.board_box .tab_area .tab_list li p.tab_list_title a {display:block; margin:8px 0; line-height:19px; text-align:center;}
.board_box .tab_area .tab_list li p.tab_list_title2 a {display:block; height:87px; padding:10px 0; line-height:19px;}
.board_box .tab_area .tab_list li p.tab_list_date {margin:8px 0; line-height:19px; color:#999;}
.board_box  p.more {position:absolute; top:-40px; right:-1px;}
.board_box .tab_area .tab_list li p.tab_list_longtitle {display:block; height:62px; padding:18px 0 0 5px; font-size:13px; line-height:22px; text-align:left; font-weight:bold; overflow: hidden; text-overflow:ellipsis;}
.board_box .tab_area .tab_list li p.tab_list_longtitle a{ display: inline-block;}
.board_box .tab_area .tab_list li p.tab_list_longdate {margin:30px 0 0 5px; line-height:19px; color:#333;}
.board_box .tab_area .tab_notice {position:relative; width:338px; padding:20px 10px; border-bottom:1px solid #c8d1db;}
.board_box .tab_area .tab_notice ul{position:relative; height:222px;}
.board_box .tab_area .tab_notice ul li{width:329px; float:left; padding:0 0 0 10px; line-height:28px; background:url(../../images/index/bu_square2.gif) no-repeat 0 11px;}
.board_box .tab_area .tab_notice ul li a{float:left; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_box .tab_area .tab_notice ul li span{width:75px; text-align:right; color:#767676; float:right;}
.index_cont_center {position:relative; float:left; width:360px;}
.info_short_wrap {position:relative; float:left; width:360px; height:250px; margin-left:10px; overflow:hidden;}
.info_short_wrap li{float:left; width:180px;}
.info_short_wrap li a{outline-offset: -2px;}
.info_board_box {position:relative; float:left; width:360px; height:189px; padding:10px 0 0 10px;}
.info_board_box ul {overflow:hidden;}
.info_board_box ul li {float:left;}
.info_board_box ul li a{outline-offset: -2px;}
.info_board_box .info_tab_area {position:absolute; top:53px; left:10px; width:325px; height:147px; background:url(../../images/index/bg_info_notice.gif) no-repeat 0 0;}
.info_board_box .info_tab_area ul{width:325px !important; font-size:12px;}
.info_board_box .info_tab_area ul li{color:#666666; font-weight:bold; padding:8px 0 0 0; }
.info_board_box .info_tab_area ul li p.info_th_start{float:left; width:93px; text-align:center; }
.info_board_box .info_tab_area ul li p.info_th_port{float:left; width:73px; text-align:center; letter-spacing: -0.15em;}
.info_board_box .info_tab_area ul li p.info_th_end{float:left; width:93px; text-align:center;}
.info_board_box .info_tab_area ul li p.info_th_situation{float:right; width:66px; text-align:center; letter-spacing: -0.15em;}

/* 실시간으로 교체 */
.info_board_box .info_tab_area ul li p.info_th_port2{float:left; width:73px; text-align:left;  letter-spacing: -0.03em; box-sizing: border-box; padding-left: 7px;}
.info_board_box .info_tab_area ul li p.info_th_situation2{float:left; width:66px; text-align:center; letter-spacing: -0.08em;}
.info_board_box .info_tab_area ul li p.info_th_start2{float:left; width:93px; text-align:center; letter-spacing: -0.01em;}
.info_board_box .info_tab_area ul li p.info_th_end2{float:right; width:93px; text-align:center;}

.info_board_box .info_tab_area.oversea ul li p.info_th_start{ width:98px; }
.info_board_box .info_tab_area.oversea ul li p.info_th_port{ width:116px; }
.info_board_box .info_tab_area.oversea ul li p.info_th_situation{ width:77px;}
.info_board_box .info_tab_area ul li ul{position:absolute; top:33px; left:0; width:325px;}
.info_board_box .info_tab_area ul li ul li a{color:#666666; font-weight:normal; padding:7px 0;}
#dmstc_body li{color:#666666; font-weight:normal; padding:2px 0;}

/* p추후 삭제 */
#dmstc_body li p.info_td_start{float:left; width:93px; text-align:center;}
#dmstc_body li p.info_td_port{float:left; width:73px; text-align:center; letter-spacing: -0.15em;}
#dmstc_body li p.info_td_end{float:left; width:93px; text-align:center;}
#dmstc_body li p.info_td_situation{float:right; width:64px; text-align:center; letter-spacing: -0.15em;}
#dmstc_body li em.info_td_start{float:left; width:93px; text-align:center;display: block;}
#dmstc_body li em.info_td_port{float:left; width:73px; text-align:center; letter-spacing: -0.15em;display: block;}
#dmstc_body li em.info_td_end{float:left; width:93px; text-align:center;display: block;}
#dmstc_body li em.info_td_situation{float:right; width:64px; text-align:center; letter-spacing: -0.15em;display: block;}
#dmstc_body li em.info_td_situation span{ display: block;}
#dmstc_body li em.info_td_situation span.pc_red{}
#dmstc_body li em.info_td_situation span.pc_blue{}
#dmstc_body li a:hover,
#dmstc_body li a:active,
#dmstc_body li a:focus{ background: #e1e7ec;}
#dmstc_body li .sr-only{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}


/* 실시간으로 교체 */
.dmstc_roll_con li{color:#666666; font-weight:normal !important; padding:2px 0 !important;}
.dmstc_roll_con li em.info_td_port2{float:left; width:73px; text-align:center;display: block;  letter-spacing: -0.03em;}
.dmstc_roll_con li em.info_td_start2{float:left; width:93px; text-align:center;  letter-spacing: -0.01em; display: block;}
.dmstc_roll_con li em.info_td_end2{float:right; width:93px; text-align:center;display: block;}
.dmstc_roll_con li em.info_td_situation2{float:left; width:64px; text-align:center;  letter-spacing: -0.08em; display: block;}
.dmstc_roll_con li em.info_td_situation2 span{ display: block;}
.dmstc_roll_con li em.info_td_situation2 span.pc_red{}
.dmstc_roll_con li em.info_td_situation2 span.pc_blue{}
.dmstc_roll_con li .sr-only{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}



#intrl_body li{color:#666666; font-weight:normal; padding:2px 0;}
/* p추후 삭제 */
#intrl_body li p.info_td_start{float:left; width:97px; text-align:center;}
#intrl_body li p.info_td_port{float:left; width:97px; text-align:center;}
#intrl_body li p.info_td_situation{float:right; width:131px; text-align:center;}
#intrl_body li em.info_td_start{float:left; width:97px; text-align:center; display: block;}
#intrl_body li em.info_td_port{float:left; width:97px; text-align:center;display: block;}
#intrl_body li em.info_td_situation{float:right; width:131px; text-align:center;display: block;}
#intrl_body li a:hover,
#intrl_body li a:active,
#intrl_body li a:focus{ background: #e1e7ec;}

#intrl_body li .sr-only{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}

.info_board_box .info_tab_control {position:absolute; top:53px; right:0; width:35px; height:147px;}
.index_cont_right {position:relative; float:right; width:360px;}
.popup_area {position:relative; width:358px; height:248px; overflow:hidden; border:1px solid #c8d1db;}
.popup_area .popup_img {width:5000px;}
.popup_area .popup_img li {float:left; width: 358px; height: 248px;}
.popup_area .popup_img li a{outline-offset: -2px;}
.popup_area .popup_img li img {width:358px; height:248px;}
.popup_area .popup_control {position:absolute; right:0; bottom:0; width:127px;}
.popup_area .popup_control a {float:left; outline-offset: -2px;}
.popup_area .popup_control .popup_paging {float:right; margin:0; width:40px; height:30px; background:url(../../images/index/bg_popup_count.png) no-repeat;}
.popup_area .popup_control .popup_paging p {color:#aeaeae; text-align:center; margin-top:10px;}
.popup_area .popup_control .popup_paging p span{color:#fff; font-weight:bold;}
.service_wrap {position:relative; margin-top:10px; width:1100px; height:135px; overflow:hidden;}
.service_wrap .service {float:left; width:360px; height:135px;}
.service_wrap .service_cont {height:63px; padding:13px 20px 0 20px; border-left:1px solid #c8d1db; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db;}
.service_wrap .service_cont li {width:149px; float:left; line-height:26px; letter-spacing:-1px; padding-left:10px; background:url(../../images/index/bu_arrow.gif) no-repeat 0 8px;}
.short1 {position:relative; margin-top:10px; width:360px; height:190px; overflow:hidden;}
.short1 a { display: block; float: left; width: 50%; height: 100%; } /* 2018.02 추가 */
.short2 {position:relative; margin-top:10px; float:left; width:360px; height:160px; overflow:hidden;}
.short3 {position:relative; margin:10px 0 0 10px; float:left; width:360px; height:160px; overflow:hidden;}
.short4 {position:relative; margin:10px 0 0 10px; float:left; width:360px; height:160px; overflow:hidden;}
.short_02 {position:relative; margin-top:10px; width:360px; height:190px; }
.short_02 a{ display: inline-block; font:0/0 arial;}
.short_02 a:nth-child(1){ position: absolute;top:0px; left:0px; }
.short_02 a:nth-child(2){ position: absolute;top:0px; left:180px; }
.short_02 a:nth-child(3){ position: absolute;top:95px; left:0px; }
.short_03 {position:relative; margin-top:10px; width:360px; height:190px; }
.short_03 a{ display: inline-block; font:0/0 arial;outline-offset: -2px;}
.short_03 a:nth-child(1){ position: absolute;top:0px; left:0px; }
.short_03 a:nth-child(2){ position: absolute;top:0px; left:180px; }
.short_03 a:nth-child(3){ position: absolute;top:95px; left:0px; }
.short_03 a:nth-child(4){ position: absolute;top:95px; left:180px; }
.banner_wrap{position:relative; width:100%; padding-top:10px; overflow:hidden;}
.banner_wrap .banner{overflow:hidden; position:relative; width:1098px; height:50px; margin:0 auto; padding:9px 0; border:1px solid #c8d1db;}
.banner_wrap .banner .banner_list {width:960px; margin:0 0 0 124px; overflow:hidden;}
.banner_wrap .banner .banner_list ul {width:5000px;}
.banner_wrap .banner .banner_list ul li {float:left; width:140px;  height:50px; margin:0 10px;}
.banner_wrap .banner .banner_list ul li a{outline-offset: -2px;}
.banner_wrap .banner .banner_btn {position:absolute; top:22px; left:24px; background-color:#fff;}
.banner_wrap .banner .banner_btn a{float:left; padding-right:5px;outline-offset: -2px;}
/* footer */
#footer_wrap {width:100%; height:120px; z-index:10; min-width: 1100px;}
#footer_wrap .fnb_mn_wrap {height:38px; background:#f4f6f8; border-top:1px solid #c8d1db; border-bottom:1px solid #c8d1db; color:#586272;}
#footer_wrap .fnb_mn_wrap .fnb_mn {width:1100px; margin:0 auto;}
#footer_wrap .fnb_mn_wrap .fnb_mn .fnb li {float:left; padding:14px 0 0 20px;}
#footer_wrap .fnb_mn_wrap .fnb_mn .fnb li.fnb_first {padding-left:0;}
#footer_wrap .fnb_mn_wrap .fnb_mn .fnb li.fnb_first a {font-weight:bold; letter-spacing:-1px; color:#426eb7;}
#footer_wrap .fnb_mn_wrap .fnb_mn .fnb li.fnb_rss {padding-left:30px; background:url(../../images/common/bg_fnb_rss.gif) no-repeat 20px 15px;}
#footer_wrap .fnb_mn_wrap .fnb_mn .fnb li {float:left; padding:14px 0 0 18px;}
#footer_wrap .fnb_mn_wrap .fnb_mn .fnb li a{ letter-spacing: -0.1em;}
.fnb_mn_wrap .site_link_wrap {width:380px; height:38px; float:right; border-left:1px solid #c8d1db; }
.fnb_mn_wrap .site_link_wrap .site_link {position:relative; width:190px; height:38px; float:left; z-index:9;}
.fnb_mn_wrap .site_link_wrap .site_link h3 {line-height:38px; padding-left:10px; font-size:12px; font-weight:normal; background:url(../../images/common/bg_site_link_more.gif) no-repeat right top;}
.fnb_mn_wrap .site_link_wrap .site_link h3 a {display:block; color:#586272; text-decoration:none; }
.fnb_mn_wrap .site_link_wrap .site_link .drop_in {position:absolute; top:-187px; left:0; width:188px; height:185px; background-color:#fff; border-left:1px solid #c8d1db; border-top:1px solid #c8d1db; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db; z-index:9;}
.fnb_mn_wrap .site_link_wrap .site_link .drop_in .site_list {width:188px; height:162px; margin-top:23px;}
.fnb_mn_wrap .site_link_wrap .site_link .drop_in .site_list ul {font-size:12px; line-height:20px; height:140px; padding:11px 0; overflow-y:scroll; }
.fnb_mn_wrap .site_link_wrap .site_link .drop_in .site_list ul li {padding-left:10px;}
.fnb_mn_wrap .site_link_wrap .site_link .drop_in .site_list ul li a {color:#767676;}
.fnb_mn_wrap .site_link_wrap .site_link .site_close {position:absolute; top:0; left:0; width:190px; }
#footer {position:relative; width:100%; background-color:#f4f6f8;}
#footer .site_info_wrap{position:relative;  width:1100px; height:180px; margin:0 auto; overflow:hidden;}
#footer .site_info_wrap .site_info {width:660px; float:left; margin-top:21px; line-height:20px; font-size:11px; color:#586272; }
#footer .site_info_wrap .site_info address span {padding-left:11px; }
#footer .btn_mark {float:left; margin-top:10px;}
#footer .btn_sns {position:absolute; top:24px; right:0;}
#footer .btn_sns a{float:left; padding-left:5px;}
#quick_wrap {bottom:0; left:0; width:100%; background:#586272; z-index:10;}
#quick_wrap .quick_mn_wrap {position:relative; width:1100px; height:100px; margin:0 auto;  overflow:hidden;}
#quick_wrap .quick_mn_wrap .quick_title{position:absolute; top:0; left:0; display:block; width:140px; height:100px; background:url(../../images/common/quick_sp.gif) no-repeat 0px -100px;}
#quick_wrap .quick_mn_wrap .quick_title span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_wrap .quick_mn_wrap p.option {position:absolute; top:49px; left:20px;}
#quick_wrap .quick_mn_wrap p.option a{ display: block; width:100px; height:31px; background:url(../../images/common/quick_sp.gif) no-repeat -240px -120px;}
#quick_wrap .quick_mn_wrap p.option a span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_wrap .quick_mn_wrap .quick_mn {margin-left:140px; overflow:hidden;}
#quick_wrap .quick_mn_wrap .quick_mn li {float:left;}

#quick_wrap .quick_mn_wrap .quick_mn li{background:url(../../images/common/quick_sp.gif) no-repeat 0px 0px; width: 120px; height:100px; display: inline-block;}
#quick_wrap .quick_mn_wrap .quick_mn li a span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_wrap .quick_mn_wrap .quick_mn li a{ display: block; height: 100px; outline-offset: -2px;}

#quick_wrap .quick_mn_wrap .quick_mn .q_mn1{ background-position:0px 0px; }
#quick_wrap .quick_mn_wrap .quick_mn .q_mn22{ background-position:-120px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn23{ background-position:-240px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn16{ background-position:-360px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn24{ background-position:-480px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn26{ background-position:-600px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn13{ background-position:-720px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn14{ background-position:-1920px 0px;}

#quick_wrap .quick_mn_wrap .quick_mn .q_mn2{ background-position:-840px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn3{ background-position:-960px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn4{ background-position:-1080px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn5{ background-position:-1200px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn6{ background-position:-1320px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn7{ background-position:-1440px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn8{ background-position:-1560px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn9{ background-position:-1680px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn11{ background-position:-1800px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn15{ background-position:-2040px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn17{ background-position:-2160px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn18{ background-position:-2280px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn19{ background-position:-2400px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn21{ background-position:-2520px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn25{ background-position:-2640px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn27{ background-position:-2760px 0px;}
#quick_wrap .quick_mn_wrap .quick_mn .q_mn29{ background-position:-2880px 0px;}




#quick_on_wrap {position:fixed; bottom:0; left:0; width:100%; z-index:1003; background:url(../../images/common/bg_quick_on.gif) repeat left top;}
#quick_on_wrap .quick_mn_on_wrap {position:relative; width:962px; height:170px; margin:0 auto; padding:20px 69px; overflow:hidden;}
#quick_on_wrap .quick_mn_on_wrap  .quick_title{display: inline-block; width:283px; height:15px; background:url(../../images/common/quick_sp.gif) no-repeat -360px -127px;}
#quick_on_wrap .quick_mn_on_wrap  .quick_title span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on {width:959px; margin-top:20px; border:1px solid #79818e; overflow:hidden;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn {width:5000px; }
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn li {float:left; width:119px; border-right:1px solid #79818e; overflow:hidden; }

#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn label{background:url(../../images/common/quick_sp.gif) no-repeat 0px 0px; display: inline-block; width: 120px; height: 100px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn label span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn1 label{ background-position:0px 0px; }
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn22 label{ background-position:-120px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn23 label{ background-position:-240px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn16 label{ background-position:-360px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn24 label{ background-position:-480px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn26 label{ background-position:-600px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn13 label{ background-position:-720px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn14 label{ background-position:-1920px 0px;}

#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn2 label{ background-position:-840px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn3 label{ background-position:-960px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn4 label{ background-position:-1080px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn5 label{ background-position:-1200px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn6 label{ background-position:-1320px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn7 label{ background-position:-1440px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn8 label{ background-position:-1560px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn9 label{ background-position:-1680px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn11 label{ background-position:-1800px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn15 label{ background-position:-2040px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn17 label{ background-position:-2160px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn18 label{ background-position:-2280px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn19 label{ background-position:-2400px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn21 label{ background-position:-2520px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn25 label{ background-position:-2640px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn27 label{ background-position:-2760px 0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn .q_mn29 label{ background-position:-2880px 0px;}


#quick_on_wrap .quick_mn_on_wrap .quick_mn_on .quick_mn li p {text-align:center; border-top:1px solid #79818e; padding:6px; background:#47505e;}

#quick_on_wrap .quick_mn_on_wrap .btn_quick_prev {position:absolute; top:100px; left:27px;}
#quick_on_wrap .quick_mn_on_wrap .btn_quick_prev a{ display: inline-block; width: 15px; height: 25px; background:url(../../images/common/quick_sp.gif) no-repeat -720px -120px;}
#quick_on_wrap .quick_mn_on_wrap .btn_quick_prev a span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_on_wrap .quick_mn_on_wrap .btn_quick_next {position:absolute; top:100px; right:27px;}
#quick_on_wrap .quick_mn_on_wrap .btn_quick_next a{ display: inline-block; width: 15px; height: 25px; background:url(../../images/common/quick_sp.gif) no-repeat -840px -120px;}
#quick_on_wrap .quick_mn_on_wrap .btn_quick_next a span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_save {position:absolute; top:13px; right:142px;}
#quick_on_wrap .quick_mn_on_wrap .quick_save a{ display: inline-block; width: 100px; height: 31px; background:url(../../images/common/quick_sp.gif) no-repeat -960px -120px;}
#quick_on_wrap .quick_mn_on_wrap .quick_save a span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_on_wrap .quick_mn_on_wrap .quick_close {position:absolute; top:13px; right:69px;}
#quick_on_wrap .quick_mn_on_wrap .quick_close a{ display: inline-block; width: 71px; height: 31px; background:url(../../images/common/quick_sp.gif) no-repeat -1080px -120px;}
#quick_on_wrap .quick_mn_on_wrap .quick_close a span{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}

/*main*/
#main_container{padding-top:130px; background:url(../../images/main/bg_main_container.gif) repeat-x 0 130px; min-width: 1100px;}
#main_container .main_wrap{overflow:hidden; width:1100px; margin:0 auto; padding-bottom:40px;}
/*snb*/
#snb{float:left; width:250px; margin:40px 0 0 0;}
#snb h2 {font-size:30px; color:#134e87; padding:45px 0 45px 0; height:45px; background:url(../../images/main/bg_sub_title.gif) repeat-x left bottom; font-weight:normal; letter-spacing:-3px; font-family:"맑은 고딕",Malgun Gothic,Gulim,"굴림",Dotum,"돋움",AppleGothic,Sans-serif,"Verdana";}
#snb ul li a{display:block; width:230px; height:20px; padding:13px 0 12px 20px; font-size:13px; color:#586272; font-weight:bold; line-height:20px; background:url(../../images/main/bg_snb_off.gif) no-repeat left top;}
/*2depth*/
#snb ul li a:hover{text-decoration:none; font-weight:bold; color:#fff; background:url(../../images/main/bg_snb_on.gif) no-repeat left top;}
#snb ul li a.on{text-decoration:none; font-weight:bold; color:#fff; background:url(../../images/main/bg_snb_on.gif) no-repeat left top;}
/*3depth*/
#snb ul li ul {margin:0; border:none; padding:5px 10px 10px 0; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db; border-left:1px solid #c8d1db; background:#f7f9fa;}
#snb ul li ul li {padding:3px 0 3px 0;}
#snb ul li ul li a{ display:block; font-size:12px; margin:0; padding:0; font-weight:normal; line-height:23px; padding-left:25px; color:#666; text-decoration:none; background:url(../../images/main/bu_square_off.gif) no-repeat 17px 10px; border:none;}
#snb ul li ul li a:hover{color:#1868b3; font-weight:bold; letter-spacing:-1px; text-decoration:none; background:url(../../images/main/bu_square_on.gif) no-repeat 17px 10px; border:none;}
#snb ul li ul li a.on {color:#1868b3; font-weight:bold; letter-spacing:-1px; text-decoration:none; background:url(../../images/main/bu_square_on.gif) no-repeat 17px 10px; border:none;}
#snb ul li ul li p {font-weight:normal;}
#snb ul li ul li p a {width:180px; display:block; font-size:12px; margin:0; padding:0; line-height:22px; padding-left:35px; color:#666; text-decoration:none; background:url(../../images/main/bu_bar.gif) no-repeat 25px 10px; border:none;}
#snb ul li ul li p a:hover{color:#666; text-decoration:underline; background:url(../../images/main/bu_bar.gif) no-repeat 25px 10px; border:none;}
#snb ul li ul li p a.on {color:#666;  text-decoration:underline; background:url(../../images/main/bu_bar.gif) no-repeat  25px 10px; border:none;}
/* contents */
#contents{position:relative; float:right; width:800px;}
#contents #location{position:absolute; top:15px; right:0;}
#contents #location a{font-size:12px; color:#666666;}
#contents #location a.position{font-weight:bold; color:#134e87; text-decoration: underline;}
#con_header h3{padding:37px 0 47px 0; margin:40px 0 0 0; font-family:"맑은 고딕",Malgun Gothic,Gulim,"굴림",Dotum,"돋움",AppleGothic,Sans-serif,"Verdana"; font-size:38px; color:#333333; letter-spacing:-4px; font-weight:normal; background:url(../../images/main/bg_con_line.gif) repeat-x left bottom;}
#con_header h3 .qrcode_01{font: 0/0 arial;vertical-align: middle;margin: -8px 0 0 13px; display: inline-block;}
#con_header .btn_sns_area {position:absolute; top:120px; right:0px;}
.print_content {position:absolute; top:60px; right:0px;} /* 151202 YSRU 추가 */
#auto_complete {position:absolute; top:55px; right:0; width:188px; background:#fff; height:auto; overflow:hidden; border-left:1px solid #c6d0e4; border-right:1px solid #c6d0e4; border-bottom:1px solid #c6d0e4; z-index:200;}
#auto_complete ul li {height:30px; line-height:30px; padding-left:8px;}
#auto_complete ul li:hover {background:#f9f9f9;}
#auto_complete ul li a {width:100%; height:30px; display:block; text-decoration:none; color:#666;}
.auto_complete_dim{position: fixed;  top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/contents/bg_dim_layer.png) repeat left top; display:none;}
#con_body {width:800px; padding:30px 0 0 0; line-height:18px;}
.page_manage {position:relative; border:1px solid #c8d1db; margin-top:40px;}
.page_manage .page_manage_title {font-size:13px; font-weight:bold; color:#424a57; padding:12px 20px; border-bottom:1px dashed #c8d1db;}
.page_manage .page_manage_date {position:absolute; top:13px; right:20px; font-size:12px; font-weight:normal;}
.page_manage .satis_cont {padding:10px 20px;}
.page_manage .satis_cont input {vertical-align:middle;}
.page_manage .satis_cont label {vertical-align:middle; margin-right:5px;}
.page_manage .inp_manage {width:280px; height:28px; line-height:28px; margin-left:10px; border:1px solid #c8d1db;}
.page_manage .page_info {height:35px; background:#757e9b; overflow:hidden;}
.page_manage .page_info li {width:33%; float:left; line-height:35px; text-align:center; color:#fff; border-left:1px dotted #586272;}
.page_manage .page_info li.first {}
.page_manage .page_info li a {color:#fff;}
.page_manage .page_info2 {height:35px; background:#f7f7f7; overflow:hidden; border-top:1px solid #c8d1db; }
.page_manage .page_info2 li {width:33%; float:left; line-height:35px; text-align:center; color:#666; border-left:1px dotted #c8d1db;}
.page_manage .page_info2 li.first {}
.chatbot_wrap{ width:1200px; margin: 0 auto; position: relative;}
.chatbot_wrap .chat_poz{ position: absolute; right:36px; display: block; }
.chatbot_wrap .chat_poz .chat_fix{ position: fixed; bottom:230px; z-index: 100;  }
.chatbot_wrap .chat_poz .chat_fix a{display: inline-block;}
#ipa_map .buttons { position:absolute;top:0;left:0;z-index:1000;padding:5px; }
#ipa_map .buttons .control-btn { margin:0 5px 5px 0; }
/* #ipa_map {height: 600px;} */
.control-btn {margin: 0; color: #555;padding: 2px 6px;background: #fff;border: solid 1px #333;cursor: pointer;-webkit-border-radius: 5px;  /*  outline: 0 none; */   border-radius: 5px;box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.5) !important;}
.control-btn:focus{ outline: 2px solid #000;}
.control-on {background-color: #2780E3;color: #FFF;}  

.dim_wrap_01 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../../images/contents/bg_dim_layer.png) repeat left top; z-index:1002; display: none;}
.dim_wrap_02 {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../../images/contents/bg_dim_layer.png) repeat left top; z-index:1100; display: none;}
.must_zindex{z-index: 1003 !important;}

/* 메인 비주얼 */
#container_wrap .main_visual .main_visual_inner { background-size: auto 100%; background:url(../../images/index/main_bg3.jpg) no-repeat center 0px; height: 236px; position: relative; overflow: hidden; }
#container_wrap .main_visual .main_visual_inner img { position: absolute; top: 0; left: 50%; margin-left: -1000px; }





/* 개인정보처리방침 */
.box_group{}
.box_list{}
.box_list li{ display:inline-block; width:23.3%; margin: 0 5px 10px 5px; vertical-align: top;}
.box_list li .box_alink{width:100%; height: 90px; box-sizing: border-box; padding: 15px 15px 10px 15px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22, 71, 170, 0.2); display:block; text-align:center; position:relative; 
border: 1px solid #ffffff; }
.box_txt{font-family: "맑은 고딕", Malgun Gothic; font-size: 12px; font-weight: bold; margin:5px 0 0 0; display:block;}
.box_list li .box_alink:hover,
.box_list li .box_alink:active, 
.box_list li .box_alink:focus { color:#333; text-decoration: none; }

.box_explain{ color:#c50b0b; margin:10px 0 0 0;}
.boxlayer{position: absolute; box-sizing: border-box; border-radius:10px; background-color: #f9f9f9; border: 1px solid #1647aa; width: 200px; z-index: 999; display:block;}
.boxlayer .title_01{width: 100%; box-sizing: border-box; padding:10px 10px 10px 10px; background-color: #1647aa; border-radius:9px 9px 0 0; display:block; color:#ffffff; }
.boxlayer_in{ width: 100%; box-sizing: border-box; padding: 15px 15px; text-align:left; display: block;}
.boxlayer_in em{ display:block; width:auto; margin:0px; vertical-align:top;}
.boxlayer_in em .s_tit{ display:block; padding:10px 0 0 0; font-weight:bold;}
.boxlayer_in em:first-of-type .s_tit{ padding:0;}