@charset "utf-8";

.list_txt {margin: 20px 0 30px;}
.list_txt li {border-top: dotted 1px #dedede;padding: 15px 0;position:relative;}
.list_txt li strong {display: inline-block;position: relative;padding: 0 5px; color: #382d70;font-size: 18px;font-weight: 600;}
.list_txt li strong:after {display: block;position: absolute;bottom: 0;left: 0; width: 100%;height: 10px;background: rgba(255,81,81,0.2);content: "";}
.list_txt li span {display: block;margin-top: 8px;}

@media all and (min-width:768px) {
.list_txt li {padding-left:15px;}
.list_txt li:after {display: block;clear: both;content: "";}
.list_txt li strong {float: left;}
.list_txt li span {float: right;width: 80%;}
}

/* Mobile */
/*sub01*/

/*sub02*/
em.num {display: inline-block;width: 24px;height: 24px;margin-left: 4px;line-height: 24px;font-style: normal;font-weight: 500;background: #382d70;color: #fff;border-radius: 100%;text-align: center;}

.mw_link ul:after {display: block;clear: both;content: "";}
.mw_link li {float: left;width: calc(50% - 10px); margin: 0 5px 20px;}
.mw_link li a {display: block;position: relative;height: 162px; padding: 30px 0; background: #f4f4f8;border: 1px solid #dedede;text-align: center;font-weight: 500;}
.mw_link li a:hover, .mw_link li a:focus {background: #fff;border-color: #382d70;color: #4931c3;}
.mw_link li a:after {display: block;position: absolute;top: 30px;left: 50%;transform: translate(-50%);width: 60px;height: 60px;background: url("/images/01_potal/contents/sub02/mw_icon.png") no-repeat;content: "";}
.mw_link li:nth-child(1) a:after {background-position: center 0;}
.mw_link li:nth-child(2) a:after {background-position: center -60px;}
.mw_link li:nth-child(3) a:after {background-position: center -120px;}
.mw_link li:nth-child(4) a:after {background-position: center -180px;}
.mw_link li:nth-child(5) a:after {background-position: center -240px;}
.mw_link li:nth-child(6) a:after {background-position: center -300px;}
.mw_link li:nth-child(7) a:after {background-position: center -360px;}
.mw_link li:nth-child(8) a:after {background-position: center -901px;}
.mw_link li:nth-child(9) a:after {background-position: center -420px;}
.mw_link li:nth-child(10) a:after {background-position: center -480px;}
.mw_link li:nth-child(11) a:after {background-position: center -540px;}
.mw_link li:nth-child(12) a:after {background-position: center -600px;}
.mw_link li:nth-child(13) a:after {background-position: center -660px;}
.mw_link li:nth-child(14) a:after {background-position: center -720px;}
.mw_link li:nth-child(15) a:after {background-position: center -780px;}
.mw_link li:nth-child(16) a:after {background-position: center -840px;}
.mw_link li a span {display: block;padding-top: 80px;}

.heonjang .list_txt {margin-bottom: 30px;}
.heonjang .list_txt li {margin-bottom: 12px;padding-top: 20px; border-top: 1px solid #eaeaf6;}
.heonjang .list_txt li:after {display: block;clear: both;content: "";}
.heonjang .list_txt li strong {position: relative;float: left;width: 90px;}
.heonjang .list_txt li strong em {display: block;margin: 0 0 0 10px;font-size: 28px;color: #4931c3;font-weight: 600;}
.heonjang .list_txt li strong:after {display: block;position: absolute;top: 0;left: 0; width: 24px;height: 24px;border-radius: 100%;content: "";background: #f4f4f8;z-index: -1;}
.heonjang .list_txt li span {float: left;width: calc(100% - 90px);}

/*sub03*/
.link_box.sebu .basic_btn a {border-radius:10px;text-align: center;}
.link_box.sebu .basic_btn a span {font-size: 15px;}
.link_box.sebu .basic_btn a span em {display: block;margin-bottom: 4px; font-style: normal;font-size: 18px;font-weight: 500;}

/*sub04*/
.industry_map .right {padding: 20px; border: 1px solid #dedede;text-align: center;}
.industry_map .right img {width: 100%;max-width: 275px;}

.market .basic_box img {display: block;width: 100%;max-width: 320px;margin: 0 auto;}
.market .basic_box .txt {margin-top: 20px;}
.market .basic_box .txt .tit {margin-bottom: 6px;font-size: 20px;font-weight: 600;color: #4931c3;}
.market .info_box {margin-top: 20px;}
.market .info_box .tit {display: block;margin-bottom: 6px; font-size: 20px;font-weight: 600; color: #4931c3;}
.market .market_box img {display: block;width: 100%;margin: 0 auto;border-radius: 10px;}


/*sub05*/
.lyrics dd {margin-bottom: 20px;}

.symbol .mark_box {padding: 60px 0; border: 1px solid #dedede; text-align: center;background: url("/images/01_potal/contents/sub05/symbol_bg.gif");}
.symbol .mark_box img {width: 60%; max-width: 254px;}

.history h4 {padding: 0;background: none;color: #cf4747;text-align: center;}
.history .his_box {position: relative;}
.history .his_box:before {display: block;position: absolute;left: 15px;width: 1px;height: 100%;content: "";background: #fbcbcb;z-index: -1;}
.history .his_box>div {position: relative;padding-left: 35px;margin-bottom: 50px;}
.history .his_box>div:before {display: block;position: absolute;top: 0;left: 9px;width: 7px;height: 7px;border-radius: 100%;border: 3px solid #fbcbcb;content: "";background: #f25252;}
.history .his_box h5 {padding: 0;margin: 0 0 10px 0;color: #382d70;background: none;}
.history .his_box li strong {display: block;margin: 16px 0 4px; padding-left: 16px;background: url("/images/common/h6.png") no-repeat left center;color: #4931c3;font-size:18px;}
.history .his_box li span, .history .his_box ul ul {display: block;padding: 12px;border-radius: 3px;background: #f4f4f8;}
.history .his_box ul ul li {margin-bottom: 8px; padding-left: 9px;background: url("/images/common/li03.gif") no-repeat left 10px;}

.org {position: relative;padding: 20px;border: 1px dotted #dedede;}
.org h4, .org h5 {padding: 0;margin: 20px auto 0 auto;width: 180px;height: 60px;background: none;border-radius: 10px;overflow: hidden;}
.org h4 a, .org h5 a {display: block;line-height: 60px;color: #fff;font-size: 20px;text-align: center;}
.org h5 a {font-weight: 500;}
.org>div>ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;}
.org>div>ul>li {margin: 20px 0;width: 47%;}
.org li div {border: 1px solid #c7c8cd;border-radius: 10px;overflow: hidden;height: 255px;}
.org li div>a {display: block;padding: 20px;font-size: 16px;font-weight: 500;color: #46495a;text-align: center;}
.org>div ul ul {padding: 20px 15px;background: #fff;font-size: 15px;}
.org>div li li {padding-left: 12px;background: url("/images/common/li01.gif") no-repeat left center;}
.org01 {position: relative;}
.org01 h4, .org01 h5 {margin-bottom: 50px;}
.org01 h4 a {background: #4542c1;}
.org01 h5 a {background: #382d70;}
.org01>ul>li div {border-color: #c7c4d7;}
.org01>ul>li div a, .org01 .link_none strong {background: #f3f3ff;}
.org01 .link_none {width: 100%;}
.org01 .link_none strong {display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #c7c8cd;border-radius: 10px;font-size: 16px;color: #46495a;margin: 0 auto;}
.org01:before {display: block;content:'';position: absolute;top: 0;left: 50%;z-index:-1;transform: translateX(-50%);width: 1px;height: 210px;background: #b1adc2;}
.org01:after {display: block;/* content:''; */position: absolute;top: 210px;left: 50%;z-index:-1;transform: translateX(-50%);width:140px;height: 1px;background: #898989;}
.org02 h5 a {background: #46495a;}
.org02>ul>li div a {background: #f4f4f8;}
.org03 h4 {background: #1561d2;color: #fff;text-align: center;line-height: 60px;width: 220px;}
.org03 h5 {border: 3px solid #4892ff;background: #fff;}
.org03 h5 a {margin-top: -3px; color: #1561d2;}
.org03>div>ul {margin: 10px 0 0 0; display: flex; justify-content: center; gap: 5px;}
.org03>div>ul>li {width: 48%;}
.org03>div>ul>li div {border-color: #b8cff1;}
.org03>div>ul>li div a {background: #eff6ff;}
.org04 h4 {background: #009193;color: #fff;text-align: center;line-height: 60px;}
.org04>div {margin: 20px 0;}
.org04>div ul {padding: 20px;border: 1px solid #b2dede;border-radius: 10px;font-size: 0;}
.org04>div ul li {display: inline-block;width: calc(50% - 4px); margin: 2px;}
.org04>div ul li a {display: block;padding: 6px 0; background: #edf7f6;color: #006061;font-size: 16px;font-weight: 500;text-align: center;border-radius: 3px;}
.org04 ul li div {border-color: #b2dede;}
.org04 ul li div a {background: #edf7f6;}
.org05 h4 {background-color: #d70542;}
.org a:hover, .org a:focus {text-decoration: underline;}

.call .tit {position: relative;padding:20px;margin:20px 0 10px;background:#f4f4f8;}
.call .tit h5 {margin:0;}
.call .tit p {margin-top: 8px;font-size: 15px;}
.call .tit a {display: block;position: absolute;top: 20px;right: 20px;padding: 3px 12px; background: #382d70;color: #fff;border-radius: 20px;text-align: center;}
.call .tit a:hover, .call .tit a:focus {background: #f25252;}

.floor .toggle>div {padding: 0;}
.floor .floor_box {background: #fff9f9;}
.floor .map_img {position: relative;background: url("/images/01_potal/contents/sub05/map_bg.gif") #fff;border-bottom: 1px solid #dedede;}
.floor .map_img img {width: 100%;}
.floor .map_img a {display: block;position: absolute;bottom: 0;right: 0;padding: 10px 10px 10px 40px;background: url("/images/common/img_view.png") no-repeat 10px center #382d70;color: #fff;}
.floor .floor_box ul {padding: 20px 20px;}
.floor .floor_box ul:after {display: block;clear: both;content: "";}
.floor .floor_box li {float: left;width: 50%;margin: 6px 0;font-weight: 400;}
.floor .floor_box li span {display: inline-block;}

.bus_time ul {margin-left: 25px;}
.bus_time li {display: inline-block;}
.bus_time li span {display: block;padding: 3px 10px;border: 1px dashed #ccc;}

/*archive*/
.archive .img_view {border-top: 1px solid #46495a;border-bottom: 1px solid #dedede;}
.archive .img_big li {padding: 20px 40px;text-align: center;}
.archive .img_big li img {border: 1px solid #dedede;}
.archive .cap_box {background: #fff9f9;padding: 20px; text-align: left;}
.archive .cap_box dl * {background: none;padding-left: 0;margin-left: 0;}

/*sub06*/
.buseo_info {margin-bottom: 20px; border-top: 1px solid #4931c3;border-bottom: 1px solid #dedede;background: #f4f4f8}
.buseo_info h4 {padding: 16px 0;margin: 0;font-size: 20px;text-align: center;background: none;}
.buseo_info>ul {margin: 0 12px 12px; padding: 20px 12px;background: #fff;border-radius: 10px;}
.buseo_info>ul>li:first-child {margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px dotted #dedede;}
.buseo_info>ul>li:after {display: block;clear: both;content: "";}
.buseo_info li strong {display: block;float: left;width: 42px;color: #4931c3;}
.buseo_info li ul {float: left;width: calc(100% - 42px);}
.buseo_info li li {padding-left: 10px;background: url("/images/common/li01.gif") no-repeat 0 7px;font-size: 15px;}

/* Tablet */
@media all and (min-width:768px) {
.mw_link li {width: calc((100% - 30px)/3);}
.mw_link li a {height: 180px; font-size: 18px;}

.heonjang .list_txt li {padding: 20px 0 0 12px;}

.industry_map .right {float: right;margin-top: 50px;padding: 70px 50px;}
.industry_map .left {float: left;}
.industry_map:after {display: block;clear: both;content: "";}

.market .basic_box img {float: left;width: auto;max-width: none; margin-right: 30px;}
.market .basic_box .txt {margin-top: 0;}
.market .basic_box div:after, .market .market_box:after {display: block;clear: both;content: "";}
.market .market_box img {float: right;width: auto;max-width: 35%;}
.market .market_box .list_txt {float: left;width: 63%;}
.market .market_box .list_txt span {width: 72%;}

.lyrics dl {width: 80%;margin: 0 auto;}
.lyrics dl:after {display: block;clear: both;content: "";}
.lyrics dt {float: left;width: 20%;text-align: center;}
.lyrics dd {float: left;width: 80%;}

.symbol .mark_box {padding: 100px 0;}
.weori .img {text-align: center;}
.weori .img img {display: inline-block;float: none;margin-right: 0;}

/*.photo_view.archive .img_big img {height: auto;max-height: 480px;image-rendering:-webkit-optimize-contrast;}*/


.org>div>ul>li {width: 30%;}
.org li div {border: 1px solid #c7c8cd;border-radius: 10px;overflow: hidden;}
.org01:before {height: 300px;}
.org03>div>ul>li {width: 30%;}
.org04>div ul li {width: calc(25% - 4px);}

.call .tit h5, .call .tit p {display: inline-block;}
.call .tit p {margin: 4px 0 0 8px;}
	
.floor .floor_box li {width: 25%;}

.buseo {margin-left: -1%;}
.buseo:after {display: block;clear: both;content: "";}
.buseo_info {float: left;width: 49%; margin: 0 0 1% 1%;}
.buseo_info li ul {height: 180px;overflow-y: auto;}
}

/* Desktop */
@media all and (min-width:1023px) {
.basic_step2.line2 li strong, .basic_step2.line2 li span {height:80px;}

.mw_link li {width: calc((100% - 80px)/4); margin: 0 10px 20px;}
.mw_link li a {height: 205px;padding: 40px 0;}
.mw_link li a:after {top: 40px;}
.mw_link li a span {padding-top: 100px;}

.lyrics dt {width: 30%;}
.lyrics dd {width: 70%;}

.weori .img {float: left;width: 54%}
.weori .txt {float: right;width: 45%;}

.history .his_box {margin-bottom: 80px;}
.history .his_box:before {left: 50%;}
.history .his_box>div {width: 50%;}
.history .his_box .left_box {padding: 0 30px 0 0;}
.history .his_box .left_box:before {left: auto;right: -7px;}
.history .his_box .left_box h5 {text-align: right;}
.history .his_box .left_box strong {padding: 0 16px 0 0;text-align: right;background-position: right center;}
.history .his_box .right_box {margin-left: 50%;padding-left: 30px;}
.history .his_box .right_box:before {left: -6px;}

.org>div>ul>li {width: 16%;}
.org>.org01>ul{gap: 30px;}
.org>.org01>ul>li {width: 18%;}
.org03>div {display: inline-block;width: 32.9%;}
.org03>div>ul>li {width: 47%;}

.floor .map_img {text-align: center;}
.floor .map_img img {width: auto;}
.floor .map_img a {display: none;}
	
.buseo_info {width: 32.3333%;}
}


/*search*/
.sub_search{padding:0 0 40px 0;position:relative;text-align:center}
.sch_sel{border:1px solid #fff;width:45%}
.sch_txt{border:1px solid #fff;width:52%;font-size:16px}
.sch_bar{border:4px solid #382d70;display:inline-block;width:70%;height: 50px;padding: 10px 0 0;}
.sch_schin{display:inline-block;margin:10px 0 0 0;}
.sch_schin * {vertical-align: middle;}
.sc_btn{background:#382d70;color:#fff;cursor:pointer;width:20%;height:50px;font-size:16px;text-align:center}

.sch_tab li{width: 50%;}
.sch_tab li a {text-align: center;}

.sch_more{background:#f4f4f8;padding:15px 10px;margin:15px 0 0 0}
.sch_more li * {vertical-align: middle;}
.sch_more li strong{display:block;color:#000;margin:0 0 10px 0}
.sch_more label{margin:0 10px 0 3px}

.sch_left{padding-bottom:50px}

.sch_box{padding:50px 0;text-align:center;border:1px solid #dedede;}
.sch_box p{font-size:24px;font-weight:600;color:#382d70;margin-bottom:20px}
.sch_box li{margin-top:10px} 
.sch_result{padding: 15px;border: 1px solid #dedede;text-align: center;}
.sch_result strong{color:#cf4747}

.sch_left .sch_col .tit{padding:20px;margin:40px 0 20px 0;background:#f4f4f8;}
.sch_left .sch_col .tit h4{margin:0;display:inline;font-size:20px}
.sch_left .sch_col .tit .num{display:inline;margin:0 0 0 10px;vertical-align: middle;}
.sch_left .sch_col .tit .num strong{color:#cf4747;vertical-align: baseline;}
.sch_left li strong a:hover, .sch_left li strong a:focus{text-decoration:underline}
.sch_left em.sc_point{background:#97ffad;font-style:normal}
.sch_left .sch_col .basic_table {min-width: 100%;}
.sch_left .sch_col .more{text-align:right;margin:20px 0 50px 0}
.sch_left .sch_col .more a{padding:0 10px 0 0;color:#4931c3;text-decoration:underline}
.sch_left .sch_col .more a:hover, .sch_left .sch_col .more a:focus {color: #f25252;}

.sch_pagelist li{padding:0 0 20px 16px;margin:0 0 20px 0;border-bottom:1px solid #dedede}
.sch_pagelist li a{color:#46495a}
.sch_pagelist li a:hover, .sch_pagelist li a:focus {text-decoration: underline;}

.sch_conlist li{border-bottom:1px solid #dedede;padding:0 0 20px 0;margin:0 0 20px 0;font-size:15px;line-height:1.5em}
.sch_conlist li strong{font-size:18px;vertical-align: middle;}
.sch_conlist li strong a{color:#46495a}
.sch_conlist li>span{display:block;margin:5px 0}
.sch_conlist li>span.sch_local{color:#4931c3}

.sch_imglist{padding-bottom:20px;border-bottom:1px solid #dedede;}
.sch_imglist:after{display: block; clear: both; content: "";}
.sch_imglist li{float:left;width:100%;text-align:center;margin:20px 0 0 0}
.sch_imglist li a{display:block}
.sch_imglist li img, .sch_imglist li video{width:100%;border:1px solid #dedede;}
.sch_imglist li span{display:block;margin-top:24px;font-size:14px;color:#717171}
.sch_imglist li strong{display:block;color:#333;font-size:18px;margin:0 0 5px 0;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.sch_imglist li a:hover strong, .sch_imglist li a:focus strong {text-decoration: underline;}

.sch_right div{border:1px solid #dedede;padding:20px;margin:0 0 10px 0}
.sch_right h4{border-bottom:1px solid #dedede;padding:0 0 10px 0;margin:0 0 10px 0;font-size:18px;background:none;color:#333;}
.sch_right h4 span{color:#cf4747;}
.sch_right div li{line-height:1.5em;margin:0 0 10px 0}
.sch_right div li:last-child{margin-bottom:0;}
.sch_right .best_sch li span{display:inline-block;width: 24px;padding:2px 0;margin-right:5px; background:#4931c3;color:#fff;text-align:center;font-size: 14px;}
.sch_right .best_sch li a{display:inline-block;padding:2px 0;}

.sch_right a:hover, .sch_right a:focus {text-decoration: underline;}


@media all and (min-width:768px) {
.sch_bar {width: 60%;}
.sch_sel {width: 25%;}
.sch_txt {width: 70%;}

.sch_tab li{width: 25%;}

.sch_imglist li{width:50%;}
.sch_imglist li a{width: 90%;margin: 0 auto;}
.sch_imglist li img{height: 240px;}
.sch_imglist li video{height: 190px;}
}

@media all and (min-width:1023px){
.sch_bar {width: 68%;}
.sch_tab li{width: 12.5%;}
.sch_con:after {display: block;clear: both;content: "";}
.sch_left{float: left;width: 75%;}
.sch_imglist li img{height: 227px;}
.sch_imglist li video{height: 172px;}
.sch_right{float: right;width: 22%;}
}

/*login*/
.login_box {padding: 30px 20px;border-top: 2px solid #46495a;border-bottom: 1px solid #ccc;background: #f4f4f8;}
.login_box .hp {padding-bottom: 30px;margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.login_box h4 {background: none;padding: 0;margin: 0;}
.login_box p {margin: 20px 0;}
.login_box p br {display: none;}
.login_box a {display: inline-block;padding: 8px 30px; background: #382d70; border-radius: 20px;color: #fff;}
.login_box a:hover, .login_box a:focus {background: #f25252;}
@media all and (min-width:768px) {
.login_box {padding: 40px 0;}
.login_box:after {display: block;clear: both;content: "";}
.login_box div {position: relative;float: left;width: 50%;padding: 180px 30px 0!important;text-align: center;}
.login_box .hp {margin-bottom: 0; border: none;border-right: 1px solid #ccc;}
.login_box div:after {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%);width: 150px;height: 150px;content: "";}
.login_box div.hp:after{background: url("/images/01_potal/contents/sub07/login_hp.png") no-repeat;}
.login_box div.ipin:after{background: url("/images/01_potal/contents/sub07/login_ip.png") no-repeat;}
.login_box p br {display: block;}
}           



/* 영상정보처리기기 */                           
.video_privacy h4{position: relative;background:none;padding: 0 0 0 89px;}
.video_privacy h4:before{content:'';display:block;position: absolute;left: 0;width:40px;height:40px;background:url('/upload_data/board_data/BBS_0000008/178450978366221.png') no-repeat;background-position: 50% -58px;}
.video_privacy h4:after{content:'';display:block;position: absolute;top: -2px;left: 40px;width:40px;height:40px;background:url('/upload_data/board_data/BBS_0000008/178450978366221.png') no-repeat;background-position: 50% -103px;}

.video_privacy_table td{text-align:left;}
.video_privacy h5{position: relative;padding: 0 0 0 46px;background:none;}
.video_privacy h5:before{content:'';display:block;position: absolute;top: -5px;left: 0;width: 36px;height: 36px;background: url('/upload_data/board_data/BBS_0000008/178450978366221.png') no-repeat;}
.video_privacy #tab1:before{background-position: 50% -16px;}
.video_privacy #tab2:before{background-position: 50% -59px;}
.video_privacy #tab3:before{background-position: 50% -152px;}
.video_privacy #tab4:before{background-position: 50% -200px;}
.video_privacy #tab5:before{background-position: 50% -200px;}
.video_privacy #tab6:before{background-position: 50% -248px;}
.video_privacy #tab7:before{background-position: 50% -200px;}
.video_privacy #tab8:before{background-position: 50% -200px;}
.video_privacy #tab9:before{background-position: 50% -297px;}
.video_privacy #tab10:before{background-position: 50% -344px;}          

.video_privacy_box{margin-bottom: 30px;padding:30px;border-radius:10px;border:1px #e1e1e1 solid;}
.video_privacy_box div{position:relative; padding-left:60px;}
.video_privacy_box div:before{content:'';display: inline-block;position: absolute;top: 0;left: 0;width:50px;height:50px;background:url('/upload_data/board_data/BBS_0000008/178450996635266.png') no-repeat;}

.video_privacy_table td{display:block;}
.video_privacy_table td a{display: block;position: relative;padding: 0 0 0 43px;font-size: 15px;}
.video_privacy_table td a:before{content:'';display:block;position: absolute;top: -5px;left: 0;width: 36px;height: 36px;background: url('/upload_data/board_data/BBS_0000008/178450978366221.png') no-repeat;}
.video_privacy_table .tab1:before{background-position: 50% -16px;}
.video_privacy_table .tab2:before{background-position: 50% -59px;}
.video_privacy_table .tab3:before{background-position: 50% -152px;}
.video_privacy_table .tab4:before{background-position: 50% -200px;}
.video_privacy_table .tab5:before{background-position: 50% -200px;}
.video_privacy_table .tab6:before{background-position: 50% -248px;}
.video_privacy_table .tab7:before{background-position: 50% -200px;}
.video_privacy_table .tab8:before{background-position: 50% -200px;}
.video_privacy_table .tab9:before{background-position: 50% -297px;}
.video_privacy_table .tab10:before{background-position: 50% -344px;}

@media all and (min-width:1023px) {
.video_privacy_table td{display:table-cell;}	
}