@charset "euc-kr";

/* ¼¼°èÁöµµ µ¶µµÃ¼/ À̼ø½Åü ÆùÆ®  font-family: 'East Sea Dokdo', cursive; */
@import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap');
@font-face {font-family: 'YiSunShinDotumM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/YiSunShinDotumM.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

.map_dokdo {font-family: 'GmarketSansBold'; font-size:2.4em;}
.map_count {font-family: 'GmarketSansBold'; font-size:1.9em; color:#4c4c4c}


#mi_sub{ width:1300px; min-height:700px; margin:0 auto; }
img.img_100 {width:100%;}
img.img_80 {width:80%;}
img.img_70 {width:70%;}
img.img_60 {width:60%;}
.shadow {box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.border_e {border:1px solid #eee; padding: 5% 5%; box-sizing: border-box; }
.border_d {border:1px solid #ddd; padding: 5% 5%; box-sizing: border-box; }
.border_3 {border:1px solid #ddd; padding: 3% 3%; box-sizing: border-box; }

.ver_m img {vertical-align: middle;}
.share_ic {max-width:20px; vertical-align: middle; margin:0 3px;}

/* sub °øÅë css ÀÛ¾÷  */
#Sub_Cont h3{ font-size:20px; font-weight: 600; padding-bottom:5px; margin:20px 0 5px 0; padding:0 0 0 24px;
                 font-family: 'NanumGothic','³ª´®°íµñ', sans-serif;
                 background:url("./../design_image/sub/h_icon_01.png") no-repeat 0px 6px;}
#Sub_Cont .middot_2{ margin:8px 0 0 0; padding:0 0 0 16px; background:url("./../design_image/common/sub/icon1_2.gif") no-repeat 3px 8px; line-height:1.8; }

/* ¸ðµç ¸®½ºÆ® */
#Sub_Cont ul.list {padding:0px 0 11px 0px;}
#Sub_Cont ul.list li { margin:7px 0 0 0; padding:0 0 0px 16px; background:url("./../design_image/common/sub/icon1_3.gif") no-repeat 3px 14px; line-height:1.8; }
#Sub_Cont ul.list2 {padding:0px 0 11px 0px;}
#Sub_Cont ul.list2 li { margin:7px 0 0 0; padding:0 0 0px 16px; background:url("./../design_image/common/sub/icon1_2.gif") no-repeat 3px 11px; line-height:1.8; }



/* ÅÜ ¼³Á¤ */
.tab {display:block; margin-top:10px; overflow:hidden; margin-bottom:20px;padding-left:0;}
.tab li {list-style:none; background:none; padding-left:0;}
.tab.w10 li{float:left; width:10%;}
.tab.w14 li{float:left; width:14.28%;}
.tab.w16 li{float:left; width:16.5%;}
.tab.w20 li{float:left; width:20%;}
.tab.w25 li{float:left; width:25%;}
.tab.w33 li{float:left; width:33.3%;}
.tab.w50 li{float:left; width:50%;}
.tab li a {display: block; background:#eee; color: #555; font-size:15px; line-height:40px; margin-left:2px; margin-bottom:2px;
                    text-align:center; padding:5px; } 
.tab li.on a{background:#3f83c3; color:#fff; } 
.tab li a:hover {background:#3f83c3; color:#fff; cursor:pointer; } 
    




/* ¼­ºêÆäÀÌÁö °æ·Î µðÀÚÀÎ */
#AdminModifyMenu-box {clear:both; position:relative; text-align:right; background:#edeff1; padding:30px 35px; margin:50px 0px; width:100%; box-sizing:border-box;}
#AdminModifyMenu a { display:inline-block; padding:5px 15px; margin: 5px 0px; background:#1f3e79; color:#fff; font-size:13px; 
	border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;}

#AdminModifyMenu .AdminModifyMenu-close { display:inline-block; padding:5px 8px; margin: 5px 0px; background:#7b7b7b; color:#fff;
	border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;}



/* »ó´Ü À̹ÌÁö ÀÛ¾÷ */
#sub-top {height: 300px; }
#top-1{background:url('../design_image/sub/svisual_img1.jpg') no-repeat center; background-size:cover; text-align:center; display: inline-block;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px; 
    transition: 0.5s; transform: translateY(30px);}
#top-2{background:url('../design_image/sub/svisual_img2.jpg') no-repeat center;text-align:center;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px;}
#top-3{background:url('../design_image/sub/svisual_img3.jpg') no-repeat center;text-align:center;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px;}
#top-4{background:url('../design_image/sub/svisual_img4.jpg') no-repeat center;text-align:center;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px;}
#top-5{background:url('../design_image/sub/svisual_img5.jpg') no-repeat center;text-align:center;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px;}
#top-6{background:url('../design_image/sub/svisual_img6.jpg') no-repeat center;text-align:center;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px;}
#top-7{background:url('../design_image/sub/svisual_img7.jpg') no-repeat center;text-align:center;
    width:100%;padding-top:100px;z-index:-1; box-sizing: border-box; height: 300px;}



    #svisual_layout{ min-width:1300px; width:100%; text-align:center; display:inline-block; box-sizing:border-box;}
    #svisual_layout .svisual_wrap{ width:100%; height:300px; background:none; background-size:cover; text-align:center; display:inline-block; overflow:hidden; 
                                    position:relative; box-shadow: 5px 1px 5px rgba(0,0,0,0.2);}    
    #svisual_layout .svisual_wrap .title{ width:400px;  display:inline-block; position:absolute; top:50%; left:50%; z-index:1; 
                                        font-size:15px; color:#fff; line-height:22px; letter-spacing:14px; padding:40px 0;   
                                         font-family: 'NanumSquare', serif;                                      
                                         transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
                                          -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
    #svisual_layout .svisual_wrap .title:before{ width:100%; height:100%; content:""; border:1px solid #fff; box-sizing:border-box; opacity:0.3; position:absolute; top:0; left:0;}
    #svisual_layout .svisual_wrap .title:after{ width:42px; height:9px; background-color:#00aeef; content:""; position:absolute; top:6px; left:-12px;
                                                 transform: rotate( -45deg );}
    #svisual_layout .svisual_wrap .title strong{ width:100%;  font-weight:500; font-size:45px; color:#fff; text-align:center; 
        line-height:50px; word-break:keep-all; letter-spacing:0px; padding-top:5px; display:inline-block; position:relative;}
    #svisual_layout .svisual_wrap img{ width:100%; position:absolute; top:0; left:0; z-index:0;}
    
  

/* ¼­ºê¿ÞÂÊ ¸Þ´º ÀÛ¾÷ ------------------------------------------------------------------------------*/
#sub-contents-left{float:left;display:block; width:230px; margin-top:25px; margin-bottom: 250px; }

#sub-title, #sub-title-1, #sub-title-2,
#sub-title-3, #sub-title-4, #sub-title-5,
#sub-title-6, #sub-title-7 , #sub-title-8   {background:#1c568c; color:#fff; width:230px; height:150px; font-size:20px;line-height:150px; text-align:center; box-sizing:border-box;}


#ul-sub-menu .li_sub_menu{width: 100%;	font-size:18px;	color:#084883; float:left; border-left: 1px solid #ccc; border-right: 1px solid #ccc;	}
.li_sub_menu ul  li {padding-top: 10px;			padding-left: 12px;		}
.li_sub_menu  ul li a{	 color: #424242 ; display:block; }
.li_sub_menu  ul li a img{vertical-align:middle; }
.li_sub_menu  ul li a:hover{ color: #fff; font-weight: bold;}
.li_sub_menu  ul li:hover a{color:#fff; }

#ul-sub-menu ul:after{content:"";display:block;clear:both}
#ul-sub-menu .mi_menu_on .one_dep {    display: block;    color: #fff;    font-size: 16px;    padding: 0;	font-weight: normal;}

#ul-sub-menu .mi_menu_on .menu_on {background:#f9fafb; padding-top:0px; padding-left:10px; border-bottom:none; height:45px; line-height:45px; 
    border-left:1px solid #ccc; border-right:1px solid #ccc;}
#ul-sub-menu .mi_menu_on .menu_on:hover {background:#1f3e79; }

#ul-sub-menu .mi_menu_off .one_dep {  padding-left: 5px;    display: block;    color: #424242;    font-size: 16px;    padding: 0;}
#ul-sub-menu .mi_menu_off {	border-bottom: 1px solid #ccc; background-color:#fff; }

#ul-sub-menu .mi_menu_off:hover {	background-color:#1f3e79;	height: auto;   padding-left: 0;   text-indent: 24px; box-sizing:border-box;
border-bottom: 1px solid #ccc; border-left:none; border-right: none;	 	position:relative;  }
#ul-sub-menu .mi_menu_off:hover a {color:#ffffff; }


#sub-left-menu ul:after{content:"";		display:block;		clear:both}		
#sub-left-menu{text-align: left; width: 100%; box-sizing: border-box; font-size: 15px;    color: #424242;}
#sub-left-menu li { width: 100%;    border-bottom: 1px solid #ccc;    height: 50px;    padding-left: 24px;    box-sizing: border-box;
                font-size: 15px;    font-weight: 500;    line-height: 50px;    background-color: #eeeeee;}
#sub-left-menu li .mi_sub_m li{padding-left:0;background-color: #fff;    border-bottom: 0;	padding-top: 0;}
#sub-left-menu li .mi_sub_m ul:after{content:"";display:block;clear:both}
#sub-left-menu li .mi_sub_m{float:left; width:100%}

/* ¼­ºê¿ÞÂÊ ¸Þ´º ÀÛ¾÷ ³¡ ------------------------------------------------------------------------------*/


/* ¼­ºê¿À¸¥ÂÊ ÀÛ¾÷ ------------------------------------------------------------------------------*/

#Sub_Cont{ width:100%; height:auto;  padding:20px 5px 50px 5px; box-sizing:border-box;}

#sub-contents-center{width: 1000px; padding: 0px 0 80px 0;    margin: 0 auto;    float:right;  text-align:left; }
#sub-contents-center h1{ width: 100%; font-size: 28px;     line-height: 30px;       padding:45px 0 5px 0;    margin: 0;	font-weight:bold;
                        font-family: 'NanumSquare', serif;  position: relative;}
#sub-content-text{width: 100%;    border-top: 1px solid #c5c5c5;    margin-top: 11px;    font-size: 15px;    padding-top: 20px;}

#sub-title p{width:100%; float:left; text-align:center;}
#sub-title .mi_bar{width:25px;height:4px;background:#fff;text-align:center;margin:38px 0 29px 147px;}
#sub-title:after{ content:"";display:block;clear:both;}

#ul-sub-menu .menu_open .mi_menu_on .one_dep {    color: #084883;    font-weight: 600;}
#ul-sub-menu .menu_open .mi_menu_off .one_dep {    color: #084883;}
#ul-sub-menu .mi_menu_on {	background-color:#1f3e79;	color:#fff; height: auto;   padding-left: 0;   text-indent: 24px; box-sizing:border-box;
			        	border-bottom: 1px solid #ccc; border-left:none; border-right: none;	 	position:relative; }
#ul-sub-menu .mi_menu_on:after{  content:""; display:block; width:8px; height:8px; border-left:2px solid #fff; border-top:2px solid #fff;
	                    position:absolute; top:20px; right:18px; transform:rotate(-227deg);}

.sub_contents_title{position: absolute; top: 55px; right: 0; display: inline-block; width: auto; height: 25px; font-weight: 300;
                 line-height: 25px; margin-bottom: 10px; text-align: right; font-size: 14px; font-family: "Nanum Gothic","³ª´®°íµñ","Malgun Gothic","¸¼Àº °íµñ","Noto Sans", sans-serif;}
 #BookInfoDetail .info_top ul li span{float: left;}
#sub-image { display:block; position: relative; width: 100%; height: 286px; }

#sub-contents-title .sub_ic_home{width: 15px; margin: 0 1px 0px 0; vertical-align: text-bottom;}


/* ¼­ºê¿À¸¥ÂÊ ÀÛ¾÷  ³¡------------------------------------------------------------------------------*/



/* Àλ縻 */
.greeting-left {float:left; width:35%; display:inline-block;}
.greeting-right{float:right; width:65%; display:inline-block; margin-top:20px; padding:0 6%; box-sizing: border-box;}
.greeting-right p {margin-bottom:20px; font-size:17px; line-height:1.6;}
.greeting-right .big_title{color:#005A98; font-size:1.9em !important; line-height: 1.5;
							 margin-bottom: 20px; }


/*¿¬Çõ*/
.his {color:#ff9900; padding-top:15px !important;}
.his span {color:#777;}

.history_wrap {position:relative;}
.history_wrap:before {display:block;position:absolute;left:228px; top:24px;bottom: 13px;width:1px;height:auto;background:#ccc;content:"";}
.history_wrap .col_b {position:relative;margin-left:230px; padding-left:240px;}
.history_wrap .col_b .year {position:absolute; left:-230px; top:0; color:#0c70b6; font-weight:bold; font-size:30px; }
.history_wrap .col_b .year span {display:block; position:relative;}
.history_wrap .col_b .year span:before {display:block; position:absolute;top:50%; right:-20px; width:8px; height:8px; margin-top:-4px;border-radius:50%; background:#ccc; content:"";}
.history_wrap .col_b .year span:after {display:block;position:absolute;top: 50%;right:-137px;width:125px;height:1px;background:#ccc;content:"";}
.history_wrap .col_b .con {margin:0 0 45px; padding:12px 0 0;}
.history_wrap .col_b .con .txt1 {position:absolute;top: 12px;left:115px;font-size:18px;color:#666;font-weight:bold;}
.history_wrap .col_b .con .txt1 span {display:block; position:relative;}
.history_wrap .col_b .con .txt1 span:before {display:block;position:absolute;top: 6px;left:-20px;width:12px;height:12px;
                                        border:2px solid #0c70b6;border-radius:50%;content:"";box-sizing:border-box;}
.history_wrap .col_b .con .txt1 span:after {display:block;position:absolute;left:-115px;top: 12px;width:95px;height:1px;background:#ccc;content:"";}
.history_wrap .col_b .con .txt2 p {margin:0; font-size:16px; color:#000; }

/* ¹Ì¼Ç ºñÀü */
.mis_state dt{margin-left:146px;padding-bottom:8px;font-size:24px;font-weight:normal}
.mis_state dd{margin-left:146px;padding-bottom:20px;font-size:14px;color:#666}
.mis_state strong{font-size:26px;font-weight:bold}


/* Á¶Á÷µµ */
.organ_li {display:inline-block; padding:1% 3%; box-sizing: border-box; text-align: left; }
.organ_li li {float:left; width:50%;}
.organ_li p {font-weight: bold;}
.organ_li::after{clear: both;}


/* ij¸¯ÅͼҰ³ */
.charic_1 dt{ width:25%; float: left;}
.charic_1 dd{ width:75%;  height:235px; float: left;}
.charic_1 dd p span {font-weight: bold; color:#0467c3; }
.charic_1 dd::after{clear: both; display:block; content: "";}
.charic_1:after{clear: both; display:block; content: "";}

.charic_2 dt{ width:25%; float: left;}
.charic_2 dd{ width:75%; height:240px;   float: left;}
.charic_2 dd p span {font-weight: bold; color:#0467c3; }
.charic_2 dd::after{clear: both; display:block; content: "";}
.charic_2:after{clear: both; display:block; content: "";}


/* Àü½Ã À̹ÌÁö Ŭ¸¯ À̺¥Æ® */
.lightbox {top:810px !important;}

/* Àü½ÃºÎºÐ */
.show_1,.show_2,.show_3,.show_4,.show_5,.show_6,.show_7,.show_8,.show_9 {border:1px solid #fff; box-sizing: border-box;  
    font-family: 'NanumSquare', serif;  }

/* ±ÛÀÚ ÆùÆ® ÁöÁ¤ */
.show_1 span,.show_2 span,.show_3 span,.show_4 span,.show_5 span,.show_6 span,.show_7 span,.show_8 span,.show_9 span  
{color:#fff; font-size: 1.8em; font-weight:bold; position: absolute; }

.show_1 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:16%; left:5.1%;}
.show_2 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:15%; left:10.1%;}
.show_3 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:15%; right:10.1%;}
.show_4 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:8%; left:10.1%;}
.show_5 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:8%; left:10.1%;}
.show_6 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:16%; right:10.1%;}
.show_7 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:16%; right:10.1%;}
.show_8 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:16%; right:11.1%;}
.show_9 p {color:#9a9a9a; font-size: 1.0em; font-weight:bold; position: absolute; top:15%; left:10.1%;}

.show_1 span {top:22%; left:5%;}
.show_2 span {top:22%; left:10%; }
.show_3 span {top:22%; right:10%; }
.show_4 span {top:14%; left:10%;}
.show_5 span {top:14%; left:10%;}
.show_6 span {top:27%; right:10%;}
.show_7 span {top:27%; right:10%;}
.show_8 span {top:22%; right:11%;}
.show_9 span {top:22%; left:10%; }


/* È£¹ö½Ã ½ºÆÇ º¸´õ°ª */
.all_showbox a:hover .show_1 span,.all_showbox a:hover .show_2 span,
.all_showbox a:hover .show_3 span,.all_showbox a:hover .show_4 span,
.all_showbox a:hover .show_5 span,.all_showbox a:hover .show_6 span,
.all_showbox a:hover .show_7 span,.all_showbox a:hover .show_8 span,
.all_showbox a:hover .show_9 span
 {padding-bottom:3px; border-bottom: 2px solid #fff; }

 /* °¢°¢ ¹è°æ »ö ÀÔÈ÷±â */
 .show_1::before, .show_2::before,
 .show_3::before, .show_4::before,
 .show_5::before, .show_6::before,
 .show_7::before, .show_8::before, 
 .show_9::before
 {background:#000; content: ""; position: absolute; top:0; left:0; width:100%; height: 100%; opacity: 0.5;}

/* È£¹ö½Ã ¹è°æ Å©±â °ª */
 .all_showbox a:hover .show_1::before, .all_showbox a:hover .show_2::before,
 .all_showbox a:hover .show_3::before, .all_showbox a:hover .show_6::before, 
 .all_showbox a:hover .show_7::before, .all_showbox a:hover .show_8::before, 
 .all_showbox a:hover .show_9::before
 { top:4%; left:1.5%; width:97%; height: 92%;}

 .all_showbox a:hover .show_4::before,
 .all_showbox a:hover .show_5::before{ top:2%; left:4%; width:92%; height: 96%; }


 .show_11{ background: url('../design_image/sub/sub_2-11.jpg') no-repeat center !important; background-size:cover;}
 .show_12{ background: url('../design_image/sub/sub_2-12.jpg') no-repeat center !important;background-size:cover;}
 .show_13{ background: url('../design_image/sub/sub_2-13.jpg') no-repeat center !important;background-size:cover;}
 .show_14{ background: url('../design_image/sub/sub_2-14.jpg') no-repeat top !important;background-size:cover;}      

 
.show_1 {width:100%; height:320px; float: left; position: relative; background: url('../design_image/sub/show/sub_2-1.jpg') no-repeat center;}
.show_2 {width:50%; height:300px; float: left; position: relative;   background: url('../design_image/sub/show/sub_2-2_new.jpg') no-repeat center;
        background-size:cover;}
.show_3 {width:50%; height:300px; float: left; position: relative;  background: url('../design_image/sub/show/sub_2-3.jpg') no-repeat center;
         background-size:cover;}
.show_4 {width:50%; height:400px; float: left; position: relative;  background: url('../design_image/sub/show/sub_2-4.jpg') no-repeat 29% 0%;
        background-size:cover;}
.show_5 {width:25%; height:400px; float: left; position: relative;  background: url('../design_image/sub/show/sub_2-5.jpg') no-repeat center;
        background-size:cover;}
.show_6 {width:50%; height:200px; float: left; position: relative;  background: url('../design_image/sub/show/sub_2-6.jpg') no-repeat center;  
       background-size:cover;}
.show_7 {width:50%; height:200px; float: left; position: relative;  background: url('../design_image/sub/show/sub_2-7_new.jpg') no-repeat center; 
        background-size:cover;}
.show_8 {width:50%; height:300px; float: left; position: relative; background: url('../design_image/sub/show/sub_2-8.jpg') no-repeat center;
		background-size:cover;}
.show_9 {width:50%; height:300px; float: left; position: relative; background: url('../design_image/sub/show/sub_2-9.jpg') no-repeat center;
		background-size:cover;}
.all_showbox::after {clear: both; display: block; content: "";}

/* À¯¹°¹Ú½º */
.relic_box {margin-top:20px; display: inline-block; border:1px solid #cccaca; padding: 3% 3%; box-sizing: border-box; width:100%; }
.relic_box img {float: left; margin-right: 2%;}
.relic_box p {margin-bottom:10px; margin-top: 20px;}
.relic_box p span{font-size:19px; font-weight:bold;}

.umulbook_box {background: #f9f9f9 ; border:1px solid #ddd; padding: 2% 3%; box-sizing:border-box;}
.umul_img {width:15%;}
.umul_book {width:80%; padding-left:30px; display: inline-block; text-align:justify; padding-top:1%; }





/* ¾ß¿ÜÀü½Ã ºÎºÐ */
.out_show_1 {width:100%; height:360px; float: left; position: relative; 
    background: url('../design_image/sub/show/sub2_3.jpg') no-repeat center;}
.out_show_2 {width:100%; height:360px; float: left; position: relative;   
    background: url('../design_image/sub/show/sub2_3-2.jpg') no-repeat center;
      background-size:cover;}

.out_show_1,
.out_show_2{border:1px solid #fff; box-sizing: border-box;  
            font-family: 'NanumSquare', serif;  }
.out_show_1 p {color:#b1b1b1; font-size: 1.0em; font-weight:bold; position: absolute; top:16%; left:5.1%;}
.out_show_2 p {color:#c5c5c5; font-size: 1.0em; font-weight:bold; position: absolute; top:15%; left:5.1%;}
.out_show_1 span,.out_show_2 span 
  {color:#fff; font-size: 1.8em; font-weight:bold; position: absolute; } 
  .out_show_1 span {top:21%; left:5%;}
  .out_show_2 span {top:20%; left:5%; }

/* ¾ß¿ÜÀü½Ã È£¹ö½Ã ½ºÆÇ º¸´õ°ª */
.all_showbox a:hover .out_show_1 span,
.all_showbox a:hover .out_show_2 span {padding-bottom:3px; border-bottom: 2px solid #fff; }
.out_show_1::before, .out_show_2::before
{background:#000; content: ""; position: absolute; top:0; left:0; width:100%; height: 100%; opacity: 0.5;}
.all_showbox a:hover .out_show_1::before,
.all_showbox a:hover .out_show_2::before { top:4%; left:1.5%; width:97%; height: 92%;}




/* ÀÚ·á½Ç ÀÚ·á±âÁõÀÛ¾÷ */
.one_box_all li {float: left; margin-right: 40px;}
span.one_box { width:120px; height: 120px; border:1px solid #10c7a7; text-align: center;  box-sizing: border-box; position: relative;
                display: table-cell; vertical-align: middle; border-radius: 120px 120px; padding: 1% 1%; margin-right: 1%;}
.one_box {margin-right: 20px;}
span.one_box::before {position: absolute; top:50%; right:-26px; width: 0; height: 0; content: ""; margin-top:-12px;
                border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #429e9d;}
.one_box_all li:last-child span:before {display:none;}


/* °ü¶÷¾È³» ÀÛ¾÷ */
.see_notice ul {border:1px solid #ddd; display: inline-block; width:100%; box-sizing: border-box; }
.see_notice li{width:50%; float: left; font-size: 18px;  padding:2% 5%;  box-sizing: border-box; position: relative;}
.see_notice li img {margin-right: 20px;}
.see_notice li p {display: inline-block;}
.see_notice li b{color:#00aeef;}
.see_notice li:first-child::after {content: ""; width:2px; height: 50px; background:#ddd; position: absolute; 
                                    right: 0; top:33px;}

.qr_box {width: 48%; border: 1px solid #ddd; box-sizing: border-box; margin: 0 auto;
      height: 275px; text-align: center;        } 
.qr_box2 {width: 48%; border: 1px solid #ddd; box-sizing: border-box; float: left; 
      height: 275px; text-align: center;       padding-top:30px; }
      
.qr_box0 {clear: both; content: "";  display: block; height: 275px;}

.etiquette li {width:50%; float: left; margin-bottom:15px; }
.etiquette li p { display: inline-block; margin-top:20px; padding-left: 15px;}

.etiquette::after  {clear: both; content: "";  display: block;}


/* ´ë°ü¾È³» ÀÛ¾÷ */
.one_box_all li {float: left; margin-right: 40px;}
span.one_box2 { width:100px; height: 99px; border:1px solid #10c7a7; text-align: center;  box-sizing: border-box; position: relative;
                display: table-cell; vertical-align: middle; border-radius: 120px 120px; padding: 1% 1%; margin-right: 1%;}
.one_box2 {margin-right: 20px;}
span.one_box2::before {position: absolute; top:50%; right:-26px; width: 0; height: 0; content: ""; margin-top:-12px;
                border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #429e9d;}

.lent_50 {width:47%; float: left; margin-right: 2%;}
.lent_50_2 {width:51%; float: left; margin-top:25px;}

/* ´ë°ü½Åû ÀÛ¾÷ */
.check-box-on {background:#118eff; border:1px solid #118eff; color:#fff !important; text-align:center; font-weight:bold; display:inline-block; width:160px; padding:10px 0; margin:0 4px 8px 0;}
.check-box-off {background:#fff; border:1px solid #118eff; color:#118eff; text-align:center; font-weight:bold; display:inline-block; width:160px; padding:10px 0; margin:0 4px 8px 0;}
.check-box-none {background:#f0f0f0; border:1px solid #e1e1e1; color:#a0a0a0; text-align:center; font-weight:bold; display:inline-block; width:160px; padding:10px 0; margin:0 4px 8px 0;}
.check-box-end {background:#cccccc; border:1px solid #cccccc; color:#333; text-align:center; font-weight:bold; display:inline-block; width:160px; padding:10px 0; margin:0 4px 8px 0;}
	
.floor_11{margin-top:40px; }
.floor_11 li{margin-bottom:20px; width:31.3%; float:left; border:1px solid #ddd; box-sizing: border-box; 
            margin-right: 20px; }
.floor_11 li h2 {text-align: center; font-size:18px; margin:10px 0;}
.floor_11 li p {padding:0 15px 15px;}
.floor_11 li p b{margin-right:10px;}


/* ½Ã¼³¾È³» ÀÛ¾÷*/
.floor_1{margin-top:40px; }
.floor_1 li{margin-bottom:20px; width:31.3%; float:left; border:1px solid #ddd; box-sizing: border-box; 
            margin-right: 20px; min-height: 442px;}
.floor_1 li h2 {text-align: center; font-size:18px; margin:10px 0;}
.floor_1 li p {padding:0 15px 15px;}
.floor_1 li p b{margin-right:10px;}



.floor_4{margin-top:40px; }
.floor_4 li{margin-bottom:20px; width:31.3%; float:left; border:1px solid #ddd; box-sizing: border-box; 
            margin-right: 20px; min-height: 360px;}
.floor_4 li h2 {text-align: center; font-size:18px; margin:10px 0;}
.floor_4 li p {padding:0 15px 15px;}
.floor_4 li p b{margin-right:10px;}

.floor_5{margin-top:40px; }
.floor_5 li{margin-bottom:20px; width:31.3%; float:left; border:1px solid #ddd; box-sizing: border-box; 
            margin-right: 20px; min-height: 477px;}
.floor_5 li h2 {text-align: center; font-size:18px; margin:10px 0;}
.floor_5 li p {padding:0 15px 15px;}
.floor_5 li p b{margin-right:10px;}
             

/* ½Ã¼³¾È³» dl dt ÀÛ¾÷ */
.floor_dl {padding:0 15px 15px;}
.floor_dl dl {overflow:hidden; line-height:24px;}
.floor_dl + .floor_dl {border-top:1px solid #d4d3d3;}
.floor_dl dl > dt {width: 26%; min-width:70px; float:left; font-size:15px; font-weight:bold; box-sizing:border-box; }
.floor_dl dl > dd {overflow:hidden;}




/* UN±º ÂüÀüÇöȲ ÀÛ¾÷ */
.map_all {position: relative;}
.mark {width: 35px; border:1px solid #fff;}/* ±¹±âÀÛ¾÷ */
.mark:hover {border:3px solid #fff;}
.map_all li div {display:none;}

.flag_c {color:#e04d07;}/* ÀüÅõÁö¿ø±¹ */
.mark_1 {position: absolute; top:279px; right:233px;}/* ¹Ì±¹ */
.mark_2 {position: absolute; top:244px; left:21px;}/* ¿µ±¹ */
.mark_3 {position: absolute; top:208px; right:257px;}/* ij³ª´Ù */
.mark_4 {position: absolute; top:284px; left:165px;}/* ÅÍÅ°  */
.mark_5 {position: absolute; top:455px; left:405px;}/* È£ÁÖ  */
.mark_6 {position: absolute; top:346px; left:384px;}/* Çʸ®ÇÉ  */
.mark_7 {position: absolute; top:346px; left:324px;}/* ű¹ */
.mark_8 {position: absolute; top:219px; left:52px;}/* ³×´ú¶õµå */
.mark_9 {position: absolute; top:381px; right:154px;}/* ÄÝ·Òºñ¾Æ */
.mark_10 {position: absolute; top:284px; left:122px;}/* ±×¸®½º  */
.mark_11 {position: absolute; top:522px; right:442px;} /* ´ºÁú·£µå  */
.mark_12 {position: absolute; top:367px; left:163px;}/* ¿¡Æ¼¿ÀÇÇ¾Æ  */
.mark_13 {position: absolute; top:256px; left:121px;} /* º§±â¿¡  */
.mark_14 {position: absolute; top:296px; left:54px;} /* ÇÁ¶û½º  */ 
.mark_15 {position: absolute; top:470px; left:126px;} /* ³²¾ÆÇÁ¸®Ä«°øÈ­±¹  */
.mark_16 {position: absolute; top:275px; left:4px;}  /* ·è¼ÀºÎ¸£Å© */

.flag_d {color:#639e21;}/* ÀÇ·áÁö¿ø±¹ */
.mark_17 {position: absolute; top:170px; left:108px;}  /* ½º¿þµ§ */
.mark_18 {position: absolute; top:228px; left:121px;}  /* µ§¸¶Å© */
.mark_19 {position: absolute; top:335px; left:264px;}  /* Àεµ */
.mark_20 {position: absolute; top:191px; left:72px;}  /* ³ë¸£¿þÀÌ */
.mark_21 {position: absolute; top:312px; left:91px;}  /* ÀÌÅ»¸®¾Æ */
.mark_22 {position: absolute; top:256px; left:164px;}  /* µ¶ÀÏ */


.map_explanation {border:1px solid #ddd; padding: 3% 3%; box-sizing: border-box; border-top:3px solid #e04d07;}
.map_explanation2 {border:1px solid #ddd; padding: 3% 3%; box-sizing: border-box; border-top:3px solid #639e21;}
.explan li {float: left; width: 33.33%; position: relative; margin-bottom:20px;}
.explan li::after {content:""; width:1px; height: 100px; background: #ddd; position: absolute; top: 0; right:34px; }
.explan li:last-child::after {content: none;}
.explan span {display: inline-block; float:right; margin-right:75px;}
.explan li b {font-size:17px;}
.explan::after {content:""; display:block; clear: both;}


.flag {width: 50px; }
/* ÀüÅõÀÇ·áÁö¿ø ÇÏ´Ü ±¹±â »çÀÌÁî */
.flag-2 {width: 80px; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); }
/* ¹°ÀÚÁö¿ø ÇÏ´Ü ±¹±â »çÀÌÁî */
.flag-3 {width: 80px; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); }
/* ¾ß¿ÜÀü½Ã °øÁ¸ÀDZ¤Àå ÇÏ´Ü ±¹±â»çÀÌÁî */
.flag-4 {width: 100px; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); }


.flag_title {position: relative; padding-left:13px;}
.flag_title::before {content: ""; width:7px; height:23px; background: #e04d07; position: absolute; top:7px; left:0; }
.flag_title2 {position: relative; padding-left:13px;}
.flag_title2::before {content: ""; width:7px; height:23px; background: #639e21; position: absolute; top:7px; left:0; }
.flag_title3 {position: relative; padding-left:13px;}
.flag_title3::before {content: ""; width:7px; height:23px; background: #f6931e; position: absolute; top:7px; left:0; }




.motab_see {display:none;}

.bottom_flag {margin-top:20px; }
.bottom_flag::after  {content:""; display:block; clear: both;}
.bottom_flag li {float:left; margin-right:36px; margin-bottom:15px; height: 96px;}
.bottom_flag li p {text-align: center; margin-top:5px;}



/* ±³À°½Åû ÀÛ¾÷ */
.apply_box {margin-top:30px;}
.apply_box::after {clear:both; content: ""; display:block;}
.apply_box1 {width:46%; float:left; margin-right:10px; }
.apply_box2 {width:52%; float:left; padding:3% 2%; box-sizing: border-box; border:1px solid #ddd; background: #fbfbfb;}




/* ±³À°½Åû ºÎºÐ */
.Y_content_li { position:relative}
.online_s_box{ width:100%;}
.online_s_box li{width:31.33%;margin:0 1% 2% 1%; float:left;}
 .online_s_box ul:after{ content:""; display:block; clear:both;}
 .online_s_box ul li a{display: block;    }
.online_s_box ul li .list_s_detail_img{ border: 1px solid #ddd;	margin-bottom:10px;}
  .online_s_box ul li a p img {width:100%; height: 100%;}
.online_s_box .iconAll{ margin-bottom:5px}
 .online_s_box .iconAll p{ float:left;  margin-right:5px; padding:2px 5px 5px 5px; }
 .online_s_box .iconAll:after{content:"";  display:block; clear:both;}
 .online_s_box .iconAll .cont{ background:#4c4d4d; color:#fff;}
 .online_s_box .iconAll .forW{ background:#818181; color:#fff;}
 .online_s_box .iconAll .state{ background:#fff; color:#121212;  border:1px solid #cacaca; padding:2px 5px 5px 5px;}
  .online_s_box ul li a strong{   display: block;	 margin: 10px 0 15px;	 height: 50px;	 color: #121212;
	 font-size: 17.5px; 	 font-weight: 600;	 line-height: 1.5;}

.list_title_box {border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 10px; padding:10px 0; }
.list_title_t {font-size:18px; font-weight: bold; margin-bottom:10px;}
.list_s_detail span	 {margin-right: 5px;	 color: #121212; font-weight:600 }

.list_s_detail p{ color:#757575;	font-weight:400; height: 220px;}
 .s_pager{text-align:center;}

 .online_s_table{margin:0}
 .online_s_table .online_table{border-top: 1px solid #a4a4a4;	 border-bottom:1px solid #ccc;	 display: table;
	 margin-bottom: 10px;	 width: 100%;	 border-collapse: separate;	 border-collapse: collapse;	 font-size: 14px;
	 text-align: center;	 margin-top: 10px;}

/* ±³À°½Åû ¹öÆ° ÀÛ¾÷ */
.edu_room {margin-top:5px; height: 60px;}
.edu_bt {display:inline-block; padding:2px 2px; text-align:center; font-size:13px; color:#fff; 
		margin-bottom:5px; min-width:55px; border-radius:2px;}
.edu_bt1 {background:#b4c7e7;}
.edu_bt2 {background:#5b9bd5;}
.edu_bt3 {background:#ffc000;}
.edu_bt4 {background:#92d050;}
.edu_bt5 {background:#0066ff;}
.edu_bt6 {background:#ff5050;}
.edu_bt7 {background:#7f7f7f;}
.edu_bt8 {background:#ff66cc;}
.edu_bt9 {background:#00b050;}
.edu_bt10 {background:#ff9933;}
.edu_bt11 {background:#9966ff;}

     
	 #XM_Reserve5 .online_table th, .online_table td{
	 padding: 10px 10px;
	 border-right: 1px solid #ccc;
		 border-bottom: 1px solid #ccc;
		 margin-left: -1px;
		 vertical-align: middle;
		 word-wrap: break-word;
		 word-break: keep-all;
		 color: #666;}
	 .online_table td:last-child{border-right: 0;}
		 .online_table th{    background-color: #f9f9f9; width:20% }
	 #XM_Reserve5 .online_table td
		 {padding: 10px;
		 margin-left: -1px;
		 vertical-align: middle;
		 word-wrap: break-word;
		 word-break: keep-all;
		 color: #666;
		 text-align:left}

			  .online_s_table .iconAll{ margin-bottom:5px}
	  .online_s_table .iconAll p{ float:left;
	  margin-right:5px;
	  padding:3px 5px;
	  }
	  .online_s_table .iconAll:after{content:"";
	  display:block;
	  clear:both;}
	 .gray_s_btn{font-size: 13px;
		 font-weight: 500;
		 color: #fff !important;
		 height: 30px;
		 line-height: 30px;
		 padding: 0 13px;
		 margin-left: 8px;
		 display: block;
		 background: #9c9c9c; float:left}
	 .blue_s_btn{font-size: 13px;
		 font-weight: 500;
		 color: #fff !important;
		 height: 30px;
		 line-height: 30px;
		 padding: 0 13px;
		 margin-left: 8px;
		 display: block;
		 background: #01adc5;float:left}
	 .TEXT_RIGHT{float: right;
		 margin: 10px 0 50px;}
	 .TEXT_RIGHT:after{ content:""; 
	 display:block;
	 clear:both;
	 }
	 .online_s_table .iconAll .state{ background:#fff; color:#121212;
	   border:1px solid #cacaca; padding:2px 4px;}

	 .online_s_table .iconAll .title{font-weight:bold; font-size:15px;}
	 .online_table_p{margin:0;}
	 #XM_Reserve5 .online_table_p th, .online_table_p td{
	 padding: 10px 10px;
	 border-right: 1px solid #ccc;
		 border-bottom: 1px solid #ccc;
		 margin-left: -1px;
		 vertical-align: middle;
		 word-wrap: break-word;
		 word-break: keep-all;
		 color: #666;}
	 .online_table_p td:last-child{border-right: 0;}
	 .online_table_p th{    background-color: #f9f9f9; width:20% }
	 #XM_Reserve5 .online_table_p th:last-child{border-right:0}
	 #XM_Reserve5 .online_table_p td
		 {padding: 10px;
		 margin-left: -1px;
		 vertical-align: middle;
		 word-wrap: break-word;
		 word-break: keep-all;
		 color: #666;
		 text-align:center}
	 .online_p_list{float:left;

	 margin:20px 0 50px 0}
	 .online_s_table .online_table_p{
		 border-top: 1px solid #a4a4a4;
		 border-bottom: 1px solid #ccc;
		 display: table;
		 margin-bottom: 10px;
		 width: 100%;
		 border-collapse: separate;
		 border-collapse: collapse;
		 font-size: 14px;
		 text-align: center;
		 margin-top: 10px;
	 }
	 .online_p_list h3
	 {margin: 20px 0;}

	 .online_table_p .btn_edit a{ font-size: 13px;
		 font-weight: 500;
		 color: #fff;
		 height: 30px;
		 line-height: 30px;
		 padding: 0 13px;
		 margin-left: 8px;
		 display: block;
		 background: #01adc5;
		 display:block}

	 .online_table_p .delete{text-decoration: line-through;}
	 .online_box_w{ padding:2%;
	 border: 1px solid #ddd;
	 font-size:14px;
	 line-height:18px;
	 }
	 .online_box_w h3{margin-bottom:10px}
	 .program_s_all{text-align: center;}
	 .program_s_title{font-weight:600;
	 font-size: 30px;
		 line-height: 50px;
		 color:#084883}
	 .program_s_text{    margin-left: 0px;
		 font-size: 14px;
		 color: #3e3e3e;
		 line-height: 18px;}
	 .program_s_area{width:450px;
	 margin:20px auto}
	 .program_s_area input{float: left;margin-bottom:10px;
		 width: 337px;
		 height: 32px;
		 line-height: 32px;
		 border: 1px solid #ccc;
		 text-indent: 10px;}
		 .program_s_area p{float: left;width:342px
		 }
		 .program_s_btn{float: left;
		 margin-top: 0px;
		 margin-left: 7px;
		 width: 95px;
		 background: #084883;
		 border: 1px solid #084883;
	  height: 76px;
		 line-height: 76px;
		 color: #fff;
		 text-align: center;}
		 .program_s_area:after{ content:"";
		 display:block;
		 clear:both;}















@media screen and (min-width:768px) and (max-width:3000px){
.top_login_mobile {display:none;}

}








/* ±âº»È­¸é ¸¶Áö¸·====================================================================================================================================================================================== */
/* ±âº»È­¸é ¸¶Áö¸·====================================================================================================================================================================================== */



/* 320 ¸ð¹ÙÀÏ »çÀÌÁî ½ÃÀÛ===================================================================================================================== */
@media screen and (min-width:320px)and (max-width:767px){
    .motab_see {display:block;}    
    .web_see {display: none;}
    .mark {display: none;}
	.tab.w16 li {width:32.5%;}

    /*¸ð¹ÙÀÏ ½ºÅ©·Ñ µðÀÚÀÎ  */
    .mb_scroll_01 {    position: relative;    padding-top: 0px;    width: 100%;}
    .mb_scroll_01{position:relative; overflow-x:auto;    margin: 0 0 15px;}
    .mb_scroll_01::-webkit-scrollbar{height:8px;}
    .mb_scroll_01::-webkit-scrollbar-track{background:#eee;}
    .mb_scroll_01::-webkit-scrollbar-thumb{background-color:#d2d4d2; border-radius:10px;}


    .mb_scroll{position:relative; overflow-x:auto;    margin: 0 0 15px;}
    .mb_scroll::-webkit-scrollbar{height:8px;}
    .mb_scroll::-webkit-scrollbar-track{background:#eee;}
    .mb_scroll::-webkit-scrollbar-thumb{background-color:#d2d4d2; border-radius:10px;}


    img.m_img {width:100% !important;}

    .top_login {display:none;}
	.top_login_mobile {top:30px; right:10px; float: right;padding-right:40px;padding-top:19px;}
    
    #mi_sub{ width:100%; }  
    #sub-contents-left{display: none; }
    #sub-content-text {margin-top:20px;}
    #sub-contents-center{ width: 100%; min-height: 600px;  text-align: left;padding: 20px 20px 30px 20px; border-right: 0;
            border-left: 0; box-sizing: border-box; position: relative; }
    #sub-contents-center h1{font-size: 24px; padding: 0; text-align: center; line-height: 23px;}

    .sub_contents_title{position: relative; width: 100%; line-height: 20px; margin-bottom: 5px; text-align: center;top: 10px;
                         font-size: 14px;right: 0; display: inline-block;height: 25px; }
    #sub-contents-title a{color:#121212; font-size:13px; }
    .share_ic {width: 18px !important; }
    #sub-contents-title a > img{width: 10px;     margin: 0 0 3px 0;	vertical-align: middle;}
    #sub-contents-title .hidden a{color:#01adc5}

    #svisual_layout {display:none;}
        
    .greeting-left {width:100%;}
    .greeting-right {width:100%;}


    /*  ¸ð¹ÙÀÏ ¿¬Çõ */
    .his {text-align: left !important;}
    .history_wrap {margin-top:-20px;}
    .sub010402 .con_wide .inner {height:250px}
    .history_wrap:before {top: 61px; left:0; bottom:40px;}
    .history_wrap .col_b {position:relative;margin-left:0;padding-left:50px;}
    .history_wrap .col_b .year {position:static; margin-top:45px; margin-left:-20px; }
    .history_wrap .col_b .year span:before,
    .history_wrap .col_b .year span:after {display:none;}
    .history_wrap .col_b .con {padding: 0 0 20px; margin-bottom:15px;}
    .history_wrap .col_b .con .txt1 {position:static;}
    .history_wrap .col_b .con .txt1 span:after {left:-50px; width:30px}

    /* ¹Ì¼Ç ºñÀü */
    .mis_state dt{margin-left:0px;padding-bottom:8px;font-size:24px;font-weight:normal}
    .mis_state dd{margin-left:0px;padding-bottom:20px;font-size:14px;color:#666}
  
    /* ¸ð¹ÙÀÏ Á¶Á÷µµ */
    .organ_li li { width:100%;}

    /* ¸ð¹ÙÀÏ Äɸ¯ÅÍ */
    .charic_1 dt, .charic_2 dt{ width:100%;}
    .charic_1 dd{ width:100%;  height:auto; padding-left: 0;}
    .charic_1 dd p{ margin-bottom:20px; }
    .charic_2 dd { width:100%;  height:auto; margin-bottom:20px; padding-left: 0;}

    /* ¸ð¹ÙÀÏ À¯¹° »çÁø */
    .relic_box img {display: block; float: none; margin:0 auto;}
    .relic_box span {display: block;}

    /* ¸ð¹ÙÀÏ °ü¶÷¾È³» */
    .see_notice li {width: 100%;}
    .see_notice li:first-child::after {content: none;}
    .see_notice li img{width:60px !important; }
    .see_notice li p {margin-top:15px !important;}

    .qr_box0 {display: inline-block; height: auto;}
    .qr_box {width:100%; height: auto; padding-bottom:20px;}
    .qr_box2 {width:100%; height: auto;padding-bottom:20px;}
    .qr_box img{width:40% !important}
    .qr_box2 img{width: 31% !important}
    .etiquette li {width:100%;}

    /* ¸ð¹ÙÀÏ ´ë°ü¾È³» ÀÛ¾÷ */
    .lent_50 {width:100%; float: none; }
    .lent_50_2 {width:100%; float:  none; margin-top:25px;}
    .check-box-end {width: 30.33%;}
	.check-box-off {width: 30.33%;}
     .check-box-on {width: 30.33%;}  
	 

    /* ¸ð¹ÙÀÏ ½Ã¼³¾È³» ÀÛ¾÷*/
    
    .floor_1{padding-top:35px; width:95% !important; margin:0 auto;}
    .floor_1 li{margin-bottom:10px; width:100%; border:1px solid #ddd; box-sizing: border-box; 
                min-height: auto;}
    .floor_4{padding-top:35px; width:80%; margin:0 auto;}
    .floor_4 li{margin-bottom:10px; width:100%; border:1px solid #ddd; box-sizing: border-box; 
                min-height: auto;}
    .floor_5{padding-top:35px; width:80%; margin:0 auto;}
    .floor_5 li{margin-bottom:10px; width:100%; border:1px solid #ddd; box-sizing: border-box; 
                min-height: auto;}
    
	/* ¸ð¹ÙÀÏ ÀÚÁÖÇÏ´ÂÁú¹® */
	.qna_title {display:none !important;}
	.qna_check {top:14px !important; right:5px !important;}

    /* ¸ð¹ÙÀÏ Àü½Ã ÀÛ¾÷ */
    .same_show p {display: none;}
    .show_1, .show_2, .show_3, .show_8, .show_9 {height: 200px;}
    .show_4, .show_5 { width: 50%; height: 200px;}

    .show_1 span, .show_2 span, .show_3 span, .show_4 span, .show_5 span, .show_6 span, .show_7 span, .show_8 span, .show_9 span
                 {font-size: 1.3em; top:10%; left:10%;}
     .show_1 span {left:5% !important;}
     .white_content > div {margin-top:25% !important}
     .white_content > div img {width:100% !important; height: 400px !important; }
    
	
	 

	
    /* ¸ð¹ÙÀÏ un±º ÂüÀüÇöȲ ÀÛ¾÷ */
    .map_all li div {display:block;}

    .explan_all li {margin-bottom:10px; }
    .explan li  {width:100%;}
    .explan li::after {content: none;}
    .explan span {margin-right:15px;}
    .map_dokdo {font-size:28px;}
    .map_count {font-size:1.2em; height:90px; overflow: hidden;}
    .digit-con span {font-size:1.7rem !important; }
    .number {line-height: 6 !important;}
    .map_explanation h2 {font-size:19px;}
    .flag-3 {width: 50px;}
    .bottom_flag li {margin-right:10px; }

    

}/* 320 ¸ð¹ÙÀÏ »çÀÌÁî ³¡===================================================================================================================== */






/* 768 1000 Áß°£»çÀÌÁî ½ÃÀÛ===================================================================================================================== */
@media screen and (min-width:769px) and (max-width:1050px){

.floor_1 li {width:48%} 


}


/* 768 Å×Çø´ »çÀÌÁî ½ÃÀÛ===================================================================================================================== */
@media screen and (min-width:768px) and (max-width:1200px){

    .motab_see {display:block;}
    .web_see {display: none;}
    .mark {display: none;}

    .top_login {top:36px; right:56px;}
    #headerin {height: 85px;}

    #mi_sub{ width:100%; }    
    #sub-contents-left{display: none; }
    #sub-contents-center{width: 100%; min-height: 600px; padding: 20px 20px 30px 20px; border-right: 0; border-left: 0; text-align: left; 
                         box-sizing: border-box; position: relative; }
    #sub-contents-center h1 { width: 100%; font-size: 28px; line-height: 30px;padding: 20px 0; margin: 0; }
    .sub_contents_title{top:50px;}
    #sub-title{ width: 100%; height: 135px;  background: #3b2356; color: #fff; text-align: center; font-size: 25px; font-weight: 600;
                 line-height: 25px; }
    #sub-title p{width:100%; float:left; text-align:center;}
    #sub-title .mi_bar{width:25px; height:4px; background:#fff; text-align:center; margin: 38px 0 29px 48%; left: 50%;}
    #sub-title:after{ content:""; display:block; clear:both;}
    
    #sub-content-text { width: 100%; border-top: 1px solid #c5c5c5; margin-top: 11px; font-size: 15px; padding-top: 20px; }
    
    /* #svisual_layout {width:100%; min-width:0px; height: 250px;  }    
    #svisual_layout .svisual_wrap{width:100%; height: 100%; }  
    #svisual_layout .svisual_wrap img{width:100%; height: 100%; }  
    */
    /* #svisual_layout{ min-width:1300px; width:100%; text-align:center; display:inline-block; box-sizing:border-box;}
    #svisual_layout .svisual_wrap{ width:100%; height:300px; background:none; background-size:cover; text-align:center; display:inline-block; overflow:hidden; position:relative;}
    
    #svisual_layout .svisual_wrap .title{ width:400px; font-size:15px; color:#fff; line-height:22px; letter-spacing:14px; padding:40px 0; display:inline-block; position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
    #svisual_layout .svisual_wrap .title:before{ width:100%; height:100%; content:""; border:1px solid #fff; box-sizing:border-box; opacity:0.3; position:absolute; top:0; left:0;}
    #svisual_layout .svisual_wrap .title:after{ width:38px; height:12px; background-color:#be0100; content:""; position:absolute; top:20px; left:-26px;}
    #svisual_layout .svisual_wrap .title strong{ width:100%; font-family:nmj; font-weight:300; font-size:45px; color:#fff; text-align:center; line-height:50px; word-break:keep-all; letter-spacing:0px; padding-top:5px; margin-left:-12px; display:inline-block; position:relative;}
    #svisual_layout .svisual_wrap img{ width:100%; position:absolute; top:0; left:0; z-index:0;}
    
     */
     #svisual_layout{ min-width:768px; width:100%; text-align:center; display:inline-block; box-sizing:border-box;} 
     #svisual_layout .svisual_wrap {overflow:hidden; height: 180px; }
     #svisual_layout .svisual_wrap img{height: auto;}
    
    /* ½Ã¼³¾È³» ¸®½ºÆ® */
     .floor_1 li{margin-right: 2%; min-height: 540px;}
     .floor_4 li{ width:49%; min-height: 500px; margin-right:0;}
     .floor_4 li:first-child { margin-right: 2%;}
     .floor_5 li{ width:48%; margin-right: 2%; min-height: 577px;}

    /* Å×ºí¸´ un±º ÂüÀüÇöȲ ÀÛ¾÷ */
    .map_all li div {display:block;}
    .explan_all li {margin-bottom:20px; }


	/* Å×ºí¸´ ½Åû ÀÛ¾÷ */
	 .search_re_box .search_re_ul{padding-left:5%;}
	 .search_re_box .search_re_ul li {margin-right:2%;}




}/* 768 Å×ºí¸´ »çÀÌÁî ³¡===================================================================================================================== */