object {width:100%}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,input,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-family:'pretendard',serif;
	position:relative;
	box-sizing:border-box;
	font-weight: 500;
}
html,body {
	font-family:"pretendard",sans-serif;
	-webkit-font-smoothing:antialiased;
	height:100vh;
	color:var(--clr2);
	box-sizing:border-box;
}
body {
	*word-break:break-all;
	-ms-word-break:break-all;
	-webkit-text-size-adjust:100% !important;
	-moz-text-size-adjust:100% !important;
	-ms-text-size-adjust:100% !important;
	line-height:1;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:500;
	color: var(--clr2)
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
a,a:link,a:active,a:visited,a:hover {
	text-decoration:none;
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	-o-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	transition:all 250ms ease;
	color:var(--clr2)
}
button {
	font-family:"pretendard",sans-serif;
	border:0px;
	color:var(--clr2);
	background-color:transparent;
	cursor:pointer;
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	-o-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	transition:all 250ms ease;
}
button:hover {
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	-o-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	transition:all 250ms ease;
}
textarea {
	font-family:"pretendard",sans-serif;
	box-sizing:border-box;
	padding:10px
}
input::placeholder,textarea::placeholder {
	color:#999;
	font-weight:400;
	font-size:15px;
}
option:focus,button:focus {
	outline:none;
}

:hover {
	transition:all 250ms ease;
}
* {
	font-size:16px;
}
:root {
	--clr1:#26444f;
	--clr2:#3b3b3b;
	--clr3:#0f917c;

}

#article>.kor{
   background:url(../img/kor_back.jpg) top center no-repeat;
}
#article>.eng{
   background:url(../img/eng_back.jpg) top center no-repeat;
}


#poster {
	width:1200px;
	height:1663px;

	display:flex;
	align-items: end;
	margin:0 auto;
	overflow: hidden;
}
#poster .contents {
	width:100%;
}
#poster>.eng{
	padding:0px 100px 80px 100px;
}
#poster>.kor{
	padding:0px 100px 80px 100px;
}
#poster .contents .boxwrap{
	display:flex;
	justify-content: space-between;
	gap: 10px;
	margin-bottom:10px;
}
#poster .contents .flex{
	display:flex;
	gap:10px;
}
#poster .contents .wd100 {
	width:100%;
}
#poster .contents .wd33 {
	width:calc(100% / 3);
}
#poster .contents .wd50 {
	width:calc(100% / 2);
}
#poster .contents .wd30 {
	width:30%;
}
#poster .contents .wd40 {
	width:40%;
}
#poster .contents .wd60 {
	width:60%
}
#poster .contents .wd70 {
	width:70%
}
#poster .contents .box{
	background: #fff;
	border-radius: 10px;
	padding:30px;
	transition: all 250ms ease;

}
#poster .contents .col{
	display:flex;
	justify-content:flex-start;
	flex-direction: column;
}
#poster .contents .col>h1{
	margin-bottom:10px;
} 
#poster .contents .start
{
	align-items:flex-start;
}
#poster .contents .center
{
	align-items:center;
}  
#poster .contents .start>p
{
	text-align: left!important;
}    
#poster .contents .row{
	display:flex;
	align-items: center;
	justify-content:flex-start;
	flex-direction:row;
}
#poster .contents .row>.icon{
	margin-right:20px;
}
#poster .contents .col>.icon{
	margin-bottom:15px;
}
#poster .contents .box .icon {
	width:75px;
	height:75px;
	background: var(--clr3);
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-image: url(../img/sim_b.png);
	background-size:210px;
	background-repeat: no-repeat;
}
#poster .contents .box .st1 {
	background-position: 3px 3px;
}
#poster .contents .box .st2 {
	background-position: -69px 0px;
}
#poster .contents .box .st3 {
	background-position: -137px 0px;
}
#poster .contents .box .st4 {
	background-position:  3px -67px;
}
#poster .contents .box .st5 {
	background-position:  -66px -67px;
}
#poster .contents .box .st6 {
	background-position:  -137px -67px;
}
#poster .contents .box .st7 {
	background-position:   3px -137px;
}
#poster .contents .box h1{
	color:var(--clr1);
	font-size:20px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;

}
#poster .contents .box h1 p{
	text-align: left;
	line-height: 1.2;
	font-size:16px;
	margin-top:8px;
}
#poster .contents .spc_be{
	justify-content: space-between;
	display:flex;
	width: calc(100% - 100px);
	;
}
#poster .contents .box .edit{
	text-align: center!important;
}
#poster .contents .box p{

	
}
#poster .contents .box button{
	position:absolute;
	right:10px;
	top:10px;
	color:#bebebe;
	font-size:20px;
}
.callcnt {
	display:flex;
	justify-content: flex-start;
	margin-top:10px;
}
.weblink{
	height:58px;
}
.callcnt>div {
	color:#fff;
	padding:10px 30px;
	text-align: center;
	font-size:18px
}
.callcnt a {
	color:#fff
}
.callcnt>div:nth-child(1){
	
	background:#107766;
	border-radius: 7px 0px 0px 7px;
}
.callcnt>div:nth-child(2){
	background:#0f917c;
	border-radius: 0px 7px 7px 0px;
}
.language {
	width:1200px;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	padding:10px 0px;
	margin:0 auto;
	padding-top:124px
}
.language>button{
	border-radius: 7px;
	width:130px;
	background: #f7f7f7;
	border:1px solid #dadbdd;
	padding:15px 20px;
	font-weight: 500;
	color:#597283;
}
.language>button:hover{
	background: #649ceb;
	border-color:#649ceb;
	color:#fff;
}
.language>.active{
	color:#649ceb;
	border-color:#649ceb;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
	background: #fff;
}
.box:hover{
	box-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
	cursor: pointer;
	transform: translateY(-5px);
}

.sel_lang {
   position:absolute; 
   right:25px; 
   top:10px; 
   border:1px solid #ddd; 
   border-radius:4px; 
   padding:5px 10px; 
   width:200px
   background: url(../images/common/select_arr.png) no-repeat 95% 50%;
   }
.flxal {display:flex; justify-content: space-between; align-items: center; padding-bottom:20px; flex-direction:colume}
.sel_langu {padding-left:10px}
.sel_langu>select{border:1px solid #3b3b3b; width:200px; padding:5px 10px; border-radius:25px}
.ob_birs_kr {position:absolute; right:140px; top:100px;}
.ob_birs_eng {position:absolute; right:110px; top:140px;}
        .move_01{ animation: move_01 0.8s infinite ease-in-out alternate;}
        .move_02{ animation: move_02 1.2s infinite ease-in-out alternate;}
        .move_03{ animation: move_03 1.8s infinite ease-in-out alternate;}
        .move_04{ animation: move_04 23s infinite linear; animation-delay:0s}
        .move_05{ animation: move_05 16s infinite linear; animation-delay:9s}
        .move_06{ animation: move_06 24s infinite linear; animation-delay:1.5s}
        .move_07{ animation: move_07 24s infinite linear; animation-delay:4s}
        .move_08{ animation: move_08 24s infinite linear; animation-delay:6s}
        .move_09{ animation: move_09 15s infinite linear; animation-delay:8s}
        @keyframes move_01{
          from{transform: translatey(0px);}
          to{transform: translatey(-15px);}
        }
        @keyframes move_02{
          from{transform: translatey(0px);}
          to{transform: translatey(-15px);}
        }
        @keyframes move_03{
          from{transform: translatey(0px);}
          to{transform: translatey(-10px);}
        }
        @keyframes move_04{
          from{transform: translatex(0px);}
          to{transform: translatex(1300px);}
        }
        @keyframes move_05{
          from{transform: translatex(0px);}
          to{transform: translatex(1300px);}
        }
        @keyframes move_06{
          from{transform: translatex(0px);}
          to{transform: translatex(1300px);}
        }
        @keyframes move_07{
          from{transform: translatex(0px);}
          to{transform: translatex(1300px);}
        }
        @keyframes move_08{
          from{transform: translatex(0px);}
          to{transform: translatex(1300px);}
        }
        @keyframes move_09{
          from{transform: translatex(0px);}
          to{transform: translatex(1300px);}
        }
        .ob_abs {position: absolute;}
        .bridge {top: 582px; left: 0px;}
        .people {top: 304px; right: 20px;}
        .car {bottom:979px; left:-100px;}