@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 메인
	연관단어 : Main

////////////////////////////////////////////////////////////////////////////// */
#main .visual{
	position:relative; z-index:0; width:100%; height:590px;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
#main .visual .move{width:100%; height:100%; position:absolute;}
#main .visual .move ul li{overflow:hidden; position:absolute; left:100%; top:0; width:100%; height:100%;
}
#main .visual .move ul li:first-child{left:0;}
#main .visual .move ul li:after{content:""; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background-image: url(../../images/rus/layout/main_pattern.png); background-repeat:repeat; opacity:0.5; -webkit-opacity:0.5;}
#main .visual .move li{content:""; display:block; width:100%; height:100%; position:absolute; right:0; top:0; background-size:cover !important;}

/* #main .visual .move li.slide1{background:url(../../images/rus/layout/main_bg03.jpg) no-repeat center 50%;}
#main .visual .move li.slide2{background:url(../../images/rus/layout/main_bg01.jpg) no-repeat center 50%;}
#main .visual .move li.slide3{background:url(../../images/rus/layout/main_bg02.jpg) no-repeat center 50%;} */

#main .visual .move ul li .txts{position:relative; z-index:50; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%;}
#main .visual .move ul li .txts .cell{display:table-cell; width:100%; height:100%; padding:0 90px; text-align:center; vertical-align:middle;}
#main .visual .move ul li .txts .cell strong,
#main .visual .move ul li .txts .cell p,
#main .visual .move ul li .txts .cell strong span{text-align:center; color:#fff;}
#main .visual .move ul li .txts .cell strong{
	display: block; line-height:57px; padding-bottom:10px; font-size:55px; font-weight:500; text-shadow:4px 2px 12px rgba(0,0,0,0.4);
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#main .visual .move ul li .txts .cell strong span{display: inline-block;}
#main .visual .move ul li .txts .cell p{
	font-size:26px; text-shadow:4px 1px 8px rgba(0,0,0,0.3);
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

#main .visual .control ul{
	bottom:80px; text-align:center;
	transition:bottom 0.3s ease;
	-webkit-transition:bottom 0.3s ease;
}
#main .visual .control ul li a{
	width:14px; height:14px; background-color:#fff; box-shadow:none;
	border-radius:7px;
	-webkit-border-radius:7px;
	transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
}
#main .visual .control ul li a.on{
	width:42px; background-color:#17aa85;
	border-radius:30px;
	-webkit-border-radius:30px;
}

#main .visual .control a.btn_play,
#main .visual .control a.btn_stop{
	bottom:85px; left:50%; right:auto; width:10px; height:12px; margin-left:55px; background-position:center center; border:none;
	transition:bottom 0.3s ease;
	-webkit-transition:bottom 0.3s ease;
}
#main .visual .control a span{background-repeat:no-repeat; background-position:center center;}
#main .visual .control a.btn_play{background-image: url(../../images/rus/layout/main_play.png);}
#main .visual .control a.btn_stop{background-image: url(../../images/rus/layout/main_stop.png);}

#main .visual .control a.btn_left{
	left:5%;
	transition:left 0.3s ease;
	-webkit-transition:left 0.3s ease;
}
#main .visual .control a[class*="btn_"]span{background-position:center center;}
#main .visual .control a.btn_left span{background:url(../../images/rus/layout/main_arrow.png) no-repeat center center !important;}
#main .visual .control a.btn_right{
	right:5%;
	transition:right 0.3s ease;
	-webkit-transition:right 0.3s ease;
}
#main .visual .control a.btn_right span{background:url(../../images/rus/layout/main_arrow.png) no-repeat center center; transform:rotate(180deg);}
#main #content .titles{
	display: block; line-height:36px; font-weight:700; font-size:33px; letter-spacing:-1px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#cont_01{
	width:100%; height:auto; padding:70px 0 75px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#cont_01 .titles{padding-bottom:36px; text-align:center; display:none !important;}
#cont_01 .bx ul li{
	float:left; width:33.33%; height:auto; box-sizing:border-box;
	transition:width 0.3s ease, padding 0.3s ease;
	-webkit-transition:width 0.3s ease, padding 0.3s ease;
}
#cont_01 .bx ul li:first-child{padding-right:27px;}
#cont_01 .bx ul li:nth-child(2){padding:0 13px;}
#cont_01 .bx ul li:nth-child(3){padding-left:27px;}
#cont_01 .bx ul li a{
	position:relative; display:block; width:100%; height:100%; padding:45px; background-image: url(../../images/rus/layout/cont01_pattern.png); background-repeat:repeat; box-sizing:border-box;
	transition:box-shadow 0.3s ease;
	-webkit-transition:box-shadow 0.3s ease;
}
#cont_01 .bx ul li:first-child a{background-color:#31384b;}
#cont_01 .bx ul li:nth-child(2) a{background-color:#045494;}
#cont_01 .bx ul li:nth-child(3) a{background-color:#209477;}
#cont_01 .bx ul li a:after{
	content:""; position:absolute; bottom:45px; right:45px; width:61px; height:61px; background-repeat:no-repeat; background-position:center center;
	transition:width 0.3s ease, height 0.3s ease;
	-webkit-transition:width 0.3s ease, height 0.3s ease;
}
#cont_01 .bx ul li:first-child a:after{background-image: url(../../images/rus/layout/cont01_img01.png);}
#cont_01 .bx ul li:nth-child(2) a:after{background-image: url(../../images/rus/layout/cont01_img02.png);}
#cont_01 .bx ul li:nth-child(3) a:after{background-image: url(../../images/rus/layout/cont01_img03.png);}
#cont_01 .bx ul li a strong,
#cont_01 .bx ul li a span.txts{color:#fff;}
#cont_01 .bx ul li a strong{
	display: block; line-height:27px; padding-bottom:15px; font-size:25px; font-weight:500;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#cont_01 .bx ul li a span.txts{
	display: block; min-height:65px; line-height:20px; padding-bottom:35px; font-size:17px; font-weight:300;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#cont_01 .bx ul li a .more{
	display: block; width:80px; height:30px; line-height:26px; background-color:#fff; background-repeat:no-repeat; background-position:center center; border:1px solid #fff; font-size:16px; text-align:center; vertical-align:middle; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#cont_01 .bx ul li a .more:after{
	content:""; display: inline-block; width:10px; height:10px; margin-left:5px; vertical-align:middle;
	transition:background-image 0.3s ease;
	-webkit-transition:background-image 0.3s ease;
}
#cont_01 .bx ul li:first-child a .more:after{background-image: url(../../images/rus/layout/cont01_more01.png);}
#cont_01 .bx ul li:nth-child(2) a .more:after{background-image: url(../../images/rus/layout/cont01_more02.png);}
#cont_01 .bx ul li:nth-child(3) a .more:after{background-image: url(../../images/rus/layout/cont01_more03.png);}
#cont_01 .bx ul li:first-child a .more{color:#31384b;}
#cont_01 .bx ul li:nth-child(2) a .more{color:#045494;}
#cont_01 .bx ul li:nth-child(3) a .more{color:#209477;}
#cont_01 .bx ul li a:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
#cont_01 .bx ul li a:hover .more{background-color:transparent; color:#fff;}
#cont_01 .bx ul li a:hover .more:after{background-image: url(../../images/rus/layout/cont01_more_ov.png);}

#cont_02 .graybx{overflow: hidden; position:relative; background-color:#e5e5e5; background-image: url(../../images/rus/layout/report_bg.jpg); background-repeat:no-repeat; background-position:left bottom; padding:60px 0;}
#cont_02 .graybx:after{
	content:""; position:absolute; bottom:0; left:50%; z-index:0; display: block; width:527px; height:218px; margin-left:-600px; background-image: url(../../images/rus/layout/report_book.png);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#cont_02 .graybx .report,
#cont_02 .graybx .services{float:left; box-sizing:border-box;}
#cont_02 .graybx .report{overflow: hidden; position:relative; width:65%; padding-right:30px;}
#cont_02 .graybx .report .titles{padding-right:55px;}
#cont_02 .graybx .report .downs{
	float:right; position:relative; z-index:10; margin-top:60px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#cont_02 .graybx .report .downs ul li{width:280px; padding-bottom:12px;}
#cont_02 .graybx .report .downs ul li a{
	display: block; width:100%; height:100%; padding:15px 45px 15px 30px; background-color:#494949; background-image: url(../../images/rus/layout/report_down.png); background-repeat:no-repeat; background-position:center right 30px; font-size:17px; font-weight:300; color:#fff; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#cont_02 .graybx .report .downs ul li a:hover{background-color:#141414;}
#cont_02 .graybx .report .more{position:absolute; top:0; right:30px; width:35px; height:35px; background-color:#969696;}
#cont_02 .graybx .report .more a{
	overflow: hidden; display: block; width:100%; height:100%; background-image: url(../../images/rus/layout/more_btn.png); background-repeat:no-repeat; background-position:center center; text-indent:-2000px; transform:rotate(0deg);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
}
#cont_02 .graybx .report .more a:hover{transform:rotate(180deg);}
#cont_02 .graybx .services{width:35%; padding-left:30px;}
#cont_02 .graybx .services .titles{padding-bottom:25px;}
#cont_02 .graybx .services .ser_lst ul li{width:100%; height:auto; padding-bottom:12px;}
#cont_02 .graybx .services .ser_lst ul li:last-child{padding-bottom:0;}
#cont_02 .graybx .services .ser_lst ul li a{position:relative; display: block; width:100%; height:100%; line-height:23px; padding:18px 57px 18px 30px; background-color:#fff; font-size:19px; font-weight:500; box-sizing:border-box;}
#cont_02 .graybx .services .ser_lst ul li a:after{
	content:""; position:absolute; top:50%; right:30px; width:17px; height:17px; margin-top:-9px; background-image: url(../../images/rus/layout/service_arrow.png);
	transition:right 0.4s ease;
	-webkit-transition:right 0.4s ease;
}
#cont_02 .graybx .services .ser_lst ul li a:hover{text-decoration:underline; color:#045494;}
#cont_02 .graybx .services .ser_lst ul li a:hover:after{right:20px;}
#cont_02 .movies{
	width:100%; height:auto; padding:70px 0;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#cont_02 .movies .titles{padding-bottom:27px; position:relative; z-index:5;}
#cont_02 .movies .frame{
	display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:305px; background:url(../../images/rus/layout/movie_bg.jpg) no-repeat center top; background-size:cover;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
#cont_02 .movies .frame .cell{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#cont_02 .movies .frame .cell .titles{text-align:center; color:#fff;}
#cont_02 .movies .frame .cell .control {position:relative; z-index:10; opacity:0.8; -webkit-opacity:0.8;}
#cont_02 .movies .frame .cell .control a{
	overflow: hidden; display:inline-block; width:58px; height:58px; background-color:#fff; background-size:100% auto; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#cont_02 .movies .frame .cell .control a.play {background-image: url(../../images/rus/layout/movie_play.png);}
#cont_02 .movies .frame .cell .control a.pause {background-image: url(../../images/rus/layout/movie_pause.png); display:none;}
#cont_02 .movies .frame .cell .control.on a.play {display:none;} 
#cont_02 .movies .frame .cell .control.on a.pause {display:inline-block;}
#cont_02 .movies .frame .cell .modal_movie {position:fixed; width:100%; height:100%; left:0; top:0; z-index:990; display:none; opacity:0; -webkit-opacity:0;}
#cont_02 .movies .frame .cell .modal_movie:after {content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:1;}
#cont_02 .movies .frame .cell .modal_movie .inner {position:relative; z-index:10; max-width:1200px; margin:0 auto; background:#000; top:50%;}
#cont_02 .movies .frame .cell .modal_movie .inner video {width:100%;}
#cont_02 .movies .frame .cell .modal_movie .inner .close_btn {display:block; position:absolute; right:0; top:0; z-index:10; width:50px; height:50px; background:#000 url(../../images/rus/layout/mob_close_ico.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}

#cont_03{width:100%; height:auto; padding:70px 0; background-image: url(../../images/rus/layout/cont03_bg.jpg); background-position:center center; background-size:cover;}
#cont_03 .bx ul{overflow: hidden;}
#cont_03 .bx ul li{
	float:left; width:33.33%; height:135px; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#cont_03 .bx ul li:first-child{padding-right:13px;}
#cont_03 .bx ul li:nth-child(2){padding:0 13px;}
#cont_03 .bx ul li:nth-child(3){padding-left:13px;}
#cont_03 .bx ul li a{
	position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%; background-color:rgba(0,157,133,0.7);
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}
#cont_03 .bx ul li a .cell{display:table-cell; width:100%; height:100%; padding:0 60px; text-align:center; vertical-align:middle;}
#cont_03 .bx ul li a .cell .cell_wr{position:relative; display: inline-block; padding-left:60px; text-align:center;}
#cont_03 .bx ul li a .cell strong{
	display: inline-block; line-height:24px; padding-left:15px; font-weight:500; font-size:20px; text-align:left; color:#fff;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#cont_03 .bx ul li a .cell .icons{overflow: hidden; position:absolute; top:50%; left:0; display: block; width:51px; height:51px; margin-top:-25px; text-indent:-2000px; background-repeat:no-repeat;}
#cont_03 .bx ul li:first-child a .cell .icons{background-image: url(../../images/rus/layout/cont03_img01.png);}
#cont_03 .bx ul li:nth-child(2) a .cell .icons{background-image: url(../../images/rus/layout/cont03_img02.png);}
#cont_03 .bx ul li:nth-child(3) a .cell .icons{background-image: url(../../images/rus/layout/cont03_img03.png);}
#cont_03 .bx ul li a:hover{background-color:rgba(0,87,168,0.7);}

#banner{padding:65px 0 70px; background-color:#e5e5e5;}
#banner .titles{padding-bottom:40px; text-align:center;}
#banner .move_wr{position:relative; width:100%; box-sizing:border-box;}
#banner .mob1,
#banner .mob2 {display:none;}
#banner .move{overflow: hidden; position:relative; width:100%; height:80px;}
#banner .move ul{position:absolute; top:0; left:0; width:20000px;}
#banner .move ul li{float:left; padding:0 20px 0 0; box-sizing:border-box; width:305px;}
#banner .move ul li a{
	display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:80px; background-color:#fff; border:1px solid #fff; box-sizing:border-box;
	transition:border 0.3s ease;
	-webkit-transition:border 0.3s ease;
}
#banner .move ul li a .cell{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#banner .move ul li a .cell img {max-width:80%;}
#banner .move ul li a:hover{border:1px solid #17aa85;}
#banner .control {position:absolute; right:0; top:-70px; background:#fff;}
#banner .control a{overflow: hidden; display: block; width:30px; height:30px; border:1px solid #cbcbcb; float:left; text-indent:-2000px; margin-left:-1px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#banner .control a.btn_left {background:url(../../images/rus/layout/banner_prev.png) no-repeat center center;}
#banner .control a.btn_right {background:url(../../images/rus/layout/banner_next.png) no-repeat center center;}
#banner .control a.btn_play {background:url(../../images/rus/layout/banner_play.png) no-repeat center center; display:none;}
#banner .control a.btn_stop {background:url(../../images/rus/layout/banner_stop.png) no-repeat center center;}
#banner .control a:hover,
#banner .control a:active {position:relative; z-index:5; border:1px solid #a4a4a4;}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0101
	연관단어 : CEO's Message

////////////////////////////////////////////////////////////////////////////// */
#sub0101 .bx01 strong,
#sub0101 .bx01 p,
#sub0101 .bx02 p,
#sub0101 .sign p{
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0101 .bx01 .txts,
#sub0101 .bx02,
#sub0101 .sign p{
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub0101{}
#sub0101 .bx01{
	position:relative; width:100%; height:auto; background-color:#bec5d5; background-image: url(../../images/rus/content/ceo_bg.jpg); background-repeat:no-repeat; background-position:right center; background-size:cover;
	transition:background-position 0.3s ease;
	-webkit-transition:background-position 0.3s ease;
}
#sub0101 .bx01 .txts{position:relative; z-index:10; width:100%; padding:140px 0; box-sizing:border-box;}
#sub0101 .bx01 strong{display: block; line-height:40px; padding-bottom:45px; font-size:38px; font-weight:700; color:#003b84; margin-right:40%;}
#sub0101 .bx01 strong span{display: block; color:#007561;}
#sub0101 .bx01 p{line-height:30px; padding-right:45%; font-size:21px; font-weight:300;}
#sub0101 .bx01 img{
	position:absolute; bottom:0; right:0; z-index:0; width:598px;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}

#sub0101 .bx02{padding:50px 0; border-bottom:1px solid #d9d9d9;}
#sub0101 .bx02 p{line-height:28px; padding-bottom:38px; font-size:18px; font-weight:300;}
#sub0101 .bx02 [class*="txt0"]{
	float:left; width:50%; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0101 .bx02 .txt01{padding-right:25px;}
#sub0101 .bx02 .txt02{padding-left:25px;}
#sub0101 .bx02 .txt01 p:last-child,
#sub0101 .bx02 .txt02 p:last-child{padding-bottom:0;}

#sub0101 .sign{
	position:relative; margin-top:50px;
	transition:margin-top 0.3s ease;
	-webkit-transition:margin-top 0.3s ease;
}
#sub0101 .sign img{
	position:absolute; top:0; right:0;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub0101 .sign p{line-height:24px; padding-top:55px; font-size:22px; font-weight:300; text-align:right; color:#2b4d8c;}
#sub0101 .sign p span{display: block;}

@media screen and (max-width: 1280px){
	#sub0101 .bx01{background-position:right 30% center;}
	#sub0101 .bx01 .txts{padding:90px 0;}
	#sub0101 .bx01 strong{line-height:36px; padding-bottom:35px; font-size:34px;}
	#sub0101 .bx01 p{padding-right:43%;}
	#sub0101 .bx01 img{right:20px; width:460px;}

	#sub0101 .bx02 .txt01{padding-right:15px;}
	#sub0101 .bx02 .txt02{padding-left:15px;}

	#sub0101 .sign p{line-height:21px; font-size:19px;}
}
@media screen and (max-width: 1240px){
	#sub0101 .sign img{right:20px;}
}
@media screen and (max-width: 1023px){
	#sub0101 .bx01 .txts{padding:70px 0;}
	#sub0101 .bx01 strong{line-height:32px; padding-bottom:25px; font-size:30px;}
	#sub0101 .bx01 p{line-height:26px; padding-right:45%; font-size:20px;}
	#sub0101 .bx01 img{width:380px;}

	#sub0101 .sign{margin-top:45px;}
	#sub0101 .sign p{line-height:20px; font-size:18px;}
}
@media screen and (max-width: 850px){
	#sub0101 .bx01{background-position:right 40% center;}
	#sub0101 .bx01 .txts{padding:40px 0;}
	#sub0101 .bx01 strong{line-height:29px; padding-bottom:15px; font-size:26px;}
	#sub0101 .bx01 p{line-height:23px; padding-right:45%; font-size:18px;}
	#sub0101 .bx01 img{width:290px;}
	
	#sub0101 .bx02 p{line-height:24px; padding-bottom:20px; font-size:17px;}

	#sub0101 .sign p{line-height:18px; font-size:16px;}
}
@media screen and (max-width: 650px){
	#sub0101 .bx01{background-image:none;}
	#sub0101 .bx01 .txts{padding:35px 0 190px 0;}
	#sub0101 .bx01 strong{line-height:27px; padding-bottom:15px; font-size:22px; margin-right:0;}
	#sub0101 .bx01 p{line-height:21px; padding-right:0; font-size:16px;}
	#sub0101 .bx01 img{width:250px;}
	
	#sub0101 .bx02{padding:40px 0;}
	#sub0101 .bx02 [class*="txt0"]{float:none; display:inline; width:100%;}
	#sub0101 .bx02 .txt01{padding-right:0;}
	#sub0101 .bx02 .txt02{padding-left:0;}
	#sub0101 .bx02 p{line-height:20px; font-size:16px;}
	#sub0101 .bx02 .txt01 p:last-child,
	#sub0101 .bx02 .txt02 p:first-child{display:inline;}
	#sub0101 .bx02 .txt02 p:first-child{padding-bottom:0;}
	#sub0101 .bx02 .txt02 p:nth-child(2){padding:20px 0;}
	
	#sub0101 .sign{margin-top:35px;}
	#sub0101 .sign p{line-height:17px; padding-top:45px; font-size:15px;}
	#sub0101 .sign img{width:170px;}
}
@media screen and (max-width: 480px){
	#sub0101 .bx01 strong span{display: inline;}
	#sub0101 .bx02{padding:30px 0;}
	#sub0101 .sign{margin-top:25px;}
	#sub0101 .sign p{padding-top:35px;}
	#sub0101 .sign img{width:130px;}
}
@media screen and (max-width: 380px){
	#sub0101 .sign p span{display:inline;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0102
	연관단어 : Introduction

////////////////////////////////////////////////////////////////////////////// */
#sub0102 .bx01 ul li,
#sub0102 .bx02 .txts{
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub0102{}
#sub0102 strong{display: block; line-height:36px; font-size:30px; font-weight:500;}
#sub0102 .bx01{margin-top:-20px; margin-bottom:40px;}
#sub0102 .bx01 ul li{display:table; table-layout:fixed; word-wrap:break-word; position:relative; padding:50px 0 50px 210px; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}

#sub0102 .bx01 ul li:nth-child(4){border-bottom:0;}
#sub0102 .bx01 ul li .cell{display:table-cell; width:100%; height:100%;}
#sub0102 .bx01 ul li .icons{
	position:absolute; top:50%; left:0; width:164px; height:164px; margin-top:-82px; background-repeat:no-repeat; background-position:center center; border:3px solid #dedede; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0102 .bx01 ul li:first-child .icons{background-image: url(../../images/rus/content/intro_icon01.png);}
#sub0102 .bx01 ul li:nth-child(2) .icons{background-image: url(../../images/rus/content/intro_icon02.png);}
#sub0102 .bx01 ul li:nth-child(3) .icons{background-image: url(../../images/rus/content/intro_icon03.png);}
#sub0102 .bx01 ul li:nth-child(4) .icons{background-image: url(../../images/rus/content/intro_icon04.png);}

#sub0102 .bx02{position:relative; width:100%; height:450px; margin-bottom:94px; background-image: url(../../images/rus/content/intro_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sub0102 .bx02:after{content:""; position:absolute; bottom:0; left:50%; width:575px; height:360px; margin-left:-595px; background-image: url(../../images/rus/content/intro_graph.png); background-repeat:no-repeat; background-position:center bottom; background-size:100%;}
#sub0102 .bx02 .txts{
	float:right; width:520px; height:auto; margin-top:60px; padding:55px; background-color:#0561a2; box-shadow:10px 10px 20px rgba(0,0,0,0.2); box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0102 .bx02 .txts strong{display: block; padding-bottom:25px; color:#fdff77;}
#sub0102 .bx02 .txts p{color:#fff;}

#sub0102 .bx02 .graph_txt{position:absolute; bottom:50px; left:0;}
#sub0102 .bx02 .graph_txt p{line-height:30px; font-size:21px; font-weight:300;}
#sub0102 .bx02 .graph_txt p.blue{font-weight:400;}

#sub0102 .bx03{padding-top:100px;}
#sub0102 .bx03 strong{padding-bottom:18px;}
#sub0102 .bx03 img{width:100%; margin-top:30px;}

@media screen and (max-width: 1240px){
	#sub0102 .bx01 ul li{padding:50px 0 50px 184px;}
	#sub0102 .bx02 .graph_txt{left:20px;}

}
@media screen and (max-width: 1240px) and (min-width:1024px){
	#sub0102 .bx02:after{left:20px; width:47%; margin-left:0;}
}
@media screen and (max-width: 1120px){
	#sub0102 .bx02 .txts{width:480px; margin-top:40px; padding:45px 50px;}
	#sub0102 .bx02 .graph_txt{bottom:55px; left:20px;}
	#sub0102 .bx02 .graph_txt p{line-height:21px; font-size:17px;}
}
@media screen and (max-width: 1023px){
	#sub0102 .bx02{background-position:bottom left 25%;}
	#sub0102 .bx02{height:auto; margin-bottom:0; padding-bottom:360px;}
	#sub0102 .bx02:after{width:500px; margin-left:-250px;}
	#sub0102 .bx02 .txts{width:100%; margin-top:20px;}
	#sub0102 .bx02 .graph_txt{bottom:-415px;}
}
@media screen and (max-width: 900px){
	#sub0102 .bx01{margin-top:-25px; margin-bottom:30px;}
	#sub0102 .bx01 ul li{padding:35px 0 35px 170px;}
	#sub0102 .bx01 ul li .icons{width:150px; height:150px; margin-top:-75px; background-size:45%;}
	#sub0102 strong{line-height:32px; font-size:26px;}
	
	#sub0102 .bx02 .txts strong{padding-bottom:20px;}
	#sub0102 .bx03{padding-top:80px;}
	#sub0102 .bx03 strong{padding-bottom:13px;}
}
@media screen and (max-width: 650px){
	#sub0102 .bx01{margin-top:-15px; margin-bottom:20px;}
	#sub0102 .bx01 ul li{padding:25px 0 25px 140px;}
	#sub0102 .bx01 ul li .icons{width:120px; height:120px; margin-top:-60px; border:2px solid #dedede;}
	#sub0102 strong{line-height:24px; font-size:22px;}
	
	#sub0102 .bx02:after{width:310px; margin-left:-155px; background-image:url(../../images/rus/content/intro_graph2.png);}
	#sub0102 .bx02 .txts{padding:35px 30px;}
	#sub0102 .bx02 .txts strong{padding-bottom:13px;}
	#sub0102 .bx02 .graph_txt{bottom:-410px;}
	#sub0102 .bx02 .graph_txt p{line-height:17px; font-size:15px;}
	#sub0102 .bx03{padding-top:70px;}
	#sub0102 .bx03 strong{padding-bottom:8px;}
}
@media screen and (max-width: 500px){
	#sub0102 .bx01 ul li{padding:25px 0;}
	#sub0102 .bx01 ul li:first-child{padding:0 0 25px 0;}
	#sub0102 .bx01 ul li .icons{display: none;}
	
	#sub0102 .bx02{padding-bottom:300px;}
	#sub0102 .bx02:after{width:260px; margin-left:-130px;}
	#sub0102 .bx02 .graph_txt{bottom:-345px;}
}
@media screen and (max-width: 395px){
	#sub0102 .bx02 .graph_txt{bottom:-365px;}
	#sub0102 .bx03{padding-top:95px;}
}
@media screen and (max-width: 389px){
	#sub0102 .bx02 .graph_txt{bottom:-380px;}
	#sub0102 .bx03{padding-top:105px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0103
	연관단어 : Mission & Vision

////////////////////////////////////////////////////////////////////////////// */
#sub0103 .bx02 .value ul,
#sub0103 .bx03 .list ul li,
#sub0103 .bx03 .direct .line strong,
#sub0103 .stg_lst > ul > li,
#sub0103 .stg_lst > ul > li .stg_tt{
	transition:width 0.3s ease, height 0.3s ease;
	-webkit-transition:width 0.3s ease, height 0.3s ease;
}
#sub0103 .bx02 .value ul li,
#sub0103 .bx02 .value ul li .li_wr strong{
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub0103 .bx02 .txtbx ul li strong,
#sub0103 .bx02 .value .tt,
#sub0103 .bx03 .direct .line strong{
	font-size:30px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0103 .bx02 .value ul li .li_wr strong,
#sub0103 .bx03 .list ul li .cell p,
#sub0103 .stg_lst > ul > li .stg_tt strong,
#sub0103 .stg_lst .list ul li{
	font-size:20px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

#sub0103{}
#sub0103 .bx01{margin-bottom:50px;}
#sub0103 .bx01 h5{font-weight:300; text-align:center;}
#sub0103 .bx01 p{text-align:center;}

#sub0103 .bx02{width:100%; height:auto; background-image: url(../../images/rus/content/mission_bg.png); background-repeat:no-repeat; background-position:center center;}
#sub0103 .bx02 .txtbx ul li{width:100%; height:auto; padding:60px 30px; box-sizing:border-box;}
#sub0103 .bx02 .txtbx ul li:first-child{margin-bottom:30px; background-color:#ecf2f7; border:2px solid #d1d9df;}
#sub0103 .bx02 .txtbx ul li:first-child strong{color:#0a6baf;}
#sub0103 .bx02 .txtbx ul li:first-child p{color:#507086;}
#sub0103 .bx02 .txtbx ul li:last-child{background-color:#f0f6f7; border:2px solid #c8d7da;}
#sub0103 .bx02 .txtbx ul li:last-child strong{color:#1f998f;}
#sub0103 .bx02 .txtbx ul li:last-child p{color:#466267;}
#sub0103 .bx02 .txtbx ul li strong,
#sub0103 .bx02 .txtbx ul li p{display: block; text-align:center;}
#sub0103 .bx02 .txtbx ul li strong{padding-bottom:10px;}
#sub0103 .bx02 .txtbx ul li p{line-height:30px; font-size:23px; font-weight:300;}

#sub0103 .bx02 .value{margin-top:50px; text-align:center;}
#sub0103 .bx02 .value .tt{display: block; padding-bottom:25px; text-align:center;}
#sub0103 .bx02 .value ul{overflow: hidden; display: inline-block; width:1165px;}
#sub0103 .bx02 .value ul li{float:left; padding-right:4%; box-sizing:border-box;}
#sub0103 .bx02 .value ul li:last-child{padding-right:0;}
#sub0103 .bx02 .value ul li .li_wr{
	width:250px; height:250px; background-color:#fff; border:3px solid #ebebeb;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0103 .bx02 .value ul li .li_wr strong{display: block; line-height:22px; padding-top:65px; padding-bottom:10px;}
#sub0103 .bx02 .value ul li .li_wr img{width:105px;}

#sub0103 .bx03{margin-top:50px;}
#sub0103 .bx03 .direct{width:100%; padding:10px; background-image: url(../../images/rus/content/mission_gra.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; box-sizing:border-box;}
#sub0103 .bx03 .direct .line{width:100%; height:100%; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
#sub0103 .bx03 .direct .line strong{display: block; height:170px; line-height:170px; text-align:center; color:#fff;}
#sub0103 .bx03 .list{width:100%;}
#sub0103 .bx03 .list ul{overflow: hidden;}
#sub0103 .bx03 .list ul li{float:left; display:block; width:25%; height:170px; margin-top:30px; box-sizing:border-box;}
#sub0103 .bx03 .list ul li:first-child{padding-right:10px;}
#sub0103 .bx03 .list ul li:nth-child(2),
#sub0103 .bx03 .list ul li:nth-child(3){padding:0 10px;}
#sub0103 .bx03 .list ul li:last-child{padding-left:10px;}
#sub0103 .bx03 .list ul li .cell{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%; padding:0 30px; background-color:#e7edf1; border:2px solid #c8d7da; text-align:center; vertical-align:middle; box-sizing:border-box;}
#sub0103 .bx03 .list ul li .cell p{display:table-cell; line-height:20px; vertical-align:middle; text-align:center;}

#sub0103 .stg_lst{position:relative; width:100%; height:auto; padding-top:70px;}
#sub0103 .stg_lst:before{content:""; position:absolute; top:13px; left:50%; width:122px; height:45px; margin-left:-61px; background-image: url(../../images/rus/content/mission_arrow.png); background-repeat:no-repeat; background-position:center center;}
#sub0103 .stg_lst > ul > li{position:relative; width:100%; height:140px; margin-bottom:20px; padding-left:323px; box-sizing:border-box;}
#sub0103 .stg_lst > ul > li:last-child{margin-bottom:0;}
#sub0103 .stg_lst > ul > li .stg_tt{position:absolute; top:0; left:0; width:325px; height:100%; background-color:#009a83;}
#sub0103 .stg_lst > ul > li .stg_tt strong{display: block; padding:54px 0; text-align:center; font-weight:400; color:#fff;}
#sub0103 .stg_lst > ul > li .stg_tt strong span{
	display: inline-block; margin-left:12px; width:32px; height:32px; line-height:32px; background-color:#fff; vertical-align:middle; font-weight:500; color:#009a83;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub0103 .stg_lst .list{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%; padding:0 40px; border:2px solid #eee; box-sizing:border-box;}
#sub0103 .stg_lst .list ul{display:table-cell; width:100%; height:100%; vertical-align:middle;}
#sub0103 .stg_lst .list ul li{line-height:25px; padding-left:0; font-weight:300;}

#sub0103 .stg_lst.task .stg_tt{background-color:#096bae;}
#sub0103 .stg_lst.task .stg_tt strong span{color:#096bae;}
#sub0103 .stg_lst.task > ul > li{height:190px;}
#sub0103 .stg_lst.task > ul > li .stg_tt strong{padding:79px 0;}

@media screen and (max-width: 1240px){
	#sub0103 .bx02 .value ul{width:955px;}
	#sub0103 .bx02 .value ul li{padding-right:30px;}
	#sub0103 .bx02 .value ul li .li_wr{width:210px; height:210px;}
	#sub0103 .bx02 .value ul li .li_wr strong{padding-top:50px; padding-bottom:5px;}
}
@media screen and (max-width: 1023px){
	#sub0103 .bx02{background-size:80%;}
	#sub0103 .bx02 .value ul{width:845px;}
	#sub0103 .bx02 .value ul li{padding-right:20px;}
	#sub0103 .bx02 .value ul li:first-child,
	#sub0103 .bx02 .value ul li:nth-child(2){margin-bottom:20px;}
	#sub0103 .bx02 .value ul li .li_wr{width:190px; height:190px;}
	#sub0103 .bx02 .value ul li .li_wr strong{padding-top:45px;}
	#sub0103 .bx02 .value ul li .li_wr img{width:90px;}
	
	#sub0103 .bx03 .list ul li{height:205px;}
	#sub0103 .bx03 .list ul li .cell{padding:0 15px;}

	#sub0103 .stg_lst > ul > li{padding-left:298px;}
	#sub0103 .stg_lst > ul > li .stg_tt{width:300px;}
	#sub0103 .stg_lst .list{padding:0 20px;}
	#sub0103 .stg_lst.task > ul > li{height:160px;}
	#sub0103 .stg_lst.task > ul > li .stg_tt strong{padding:63px 0;}
	#sub0103 .stg_lst.task > ul > li{height:225px;}
	#sub0103 .stg_lst.task > ul > li .stg_tt strong{padding:96px 0;}
}
@media screen and (max-width: 900px){
	#sub0103 .bx02 .txtbx ul li strong{padding-bottom:5px;}
	#sub0103 .bx02 .txtbx ul li p{line-height:24px; font-size:20px;}
	#sub0103 .bx02 .txtbx ul li strong,
	#sub0103 .bx02 .value .tt,
	#sub0103 .bx03 .direct .line strong{line-height:29px; font-size:27px;}
	#sub0103 .bx02 .value ul li .li_wr strong,
	#sub0103 .bx03 .list ul li .cell p,
	#sub0103 .stg_lst > ul > li .stg_tt strong,
	#sub0103 .stg_lst .list ul li{font-size:18px;}
	#sub0103 .bx02 .value ul li .li_wr strong{line-height:20px;}
	
	#sub0103 .bx01{margin-bottom:35px;}
	#sub0103 .bx02 .value ul{width:415px;}
	#sub0103 .bx02 .txtbx ul li{padding:40px 20px;}
	#sub0103 .bx02 .txtbx ul li:first-child{margin-bottom:20px;}
	#sub0103 .bx02 .value{margin-top:35px;}
	#sub0103 .bx02 .value ul li:nth-child(2){padding-right:0;}
	#sub0103 .bx03{margin-top:35px;}
	#sub0103 .bx03 .direct .line strong{height:130px; line-height:130px;}
	#sub0103 .bx03 .list ul li .cell{padding:20px;}
	#sub0103 .stg_lst > ul > li{height:160px;}
	#sub0103 .stg_lst > ul > li .stg_tt strong{padding:64px 0;}
}
@media screen and (max-width: 750px){
	#sub0103 .bx03 .list ul li{width:100%; height:auto; margin-top:10px; padding:0 !important;}

	#sub0103 .stg_lst .list{padding:15px 20px; border-width:1px;}
	#sub0103 .stg_lst .list ul,
	#sub0103 .stg_lst.task .list ul{display:block;}
	#sub0103 .stg_lst > ul > li,
	#sub0103 .stg_lst.task > ul > li{height:auto; margin-bottom:10px; padding-left:0; padding-top:37px;}
	#sub0103 .stg_lst > ul > li .stg_tt{width:100%; height:auto;}
	#sub0103 .stg_lst > ul > li .stg_tt strong,
	#sub0103 .stg_lst.task > ul > li .stg_tt strong{padding:10px 0;}
	#sub0103 .stg_lst > ul > li .stg_tt strong span{width:20px; height:20px; line-height:20px; margin-top:-3px; margin-left:7px; font-size:15px;}
}
@media screen and (max-width: 650px){
	#sub0103 .bx02 .txtbx ul li strong,
	#sub0103 .bx02 .value .tt,
	#sub0103 .bx03 .direct .line strong{line-height:26px; font-size:24px;}
	#sub0103 .bx02 .value ul li .li_wr strong,
	#sub0103 .bx03 .list ul li .cell p,
	#sub0103 .stg_lst > ul > li .stg_tt strong,
	#sub0103 .stg_lst .list ul li{font-size:16px;}
	
	#sub0103 .bx01{margin-bottom:30px;}
	#sub0103 .bx02 .txtbx ul li{padding:30px 20px; border-width:1px !important;}
	#sub0103 .bx02 .txtbx ul li p{line-height:20px; font-size:15px;}
	#sub0103 .bx02 .value ul li .li_wr{border-width:1px;}
	#sub0103 .bx02 .value ul li .li_wr strong{line-height:18px;}
	#sub0103 .bx03{margin-top:30px;}
	#sub0103 .bx03 .direct .line strong{height:100px; line-height:100px;}
	#sub0103 .bx03 .list ul li .cell{border-width:1px;}
	#sub0103 .stg_lst > ul > li{padding-top:37px;}
}
@media screen and (max-width: 480px){
	#sub0103 .bx02 .value ul{width:285px;}
	#sub0103 .bx02 .value ul li:first-child,
	#sub0103 .bx02 .value ul li:nth-child(3){padding-right:10px;}
	#sub0103 .bx02 .value ul li:first-child,
	#sub0103 .bx02 .value ul li:nth-child(2){margin-bottom:10px;}
	#sub0103 .bx02 .value ul li .li_wr{width:130px; height:130px;}	
	#sub0103 .bx02 .value ul li .li_wr strong{line-height:15px; padding-top:35px; padding-bottom:0; font-size:14px;}
	#sub0103 .bx02 .value ul li .li_wr img{width:60px;}
	
	#sub0103 .bx03 .direct .line{padding:30px 0; box-sizing:border-box;}
	#sub0103 .bx03 .direct .line strong{height:auto; line-height:24px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0104
	연관단어 : Organization

////////////////////////////////////////////////////////////////////////////// */
#sub0104 .organ .bx1 .ceo,
#sub0104 .organ .bx1,
#sub0104 .organ .bx1 .list ul li ul li p,
#sub0104 .organ .bx1 .list > ul > li .mainbx,
#sub0104 .organ .bx2,
#sub0104 .organ .bx2 .mainbx,
#sub0104 .organ .bx2 ul li,
#sub0104 .office > ul > li,
#sub0104 .office ul li .mainbx,
#sub0104 .office ul li ul li{
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#sub0104{}
#sub0104 .organ{overflow: hidden; margin-top:90px; margin-bottom:95px;}
#sub0104 .organ .bx1,
#sub0104 .organ .bx2{float:left; box-sizing:border-box;}
#sub0104 .organ .bx1{width:80%; height:auto; padding-right:20px;}
#sub0104 .organ .bx1 .ceo,
#sub0104 .organ .bx1 .vice{position:relative; width:380px; height:70px; padding:5px; box-shadow:5px 5px 20px rgba(0,0,0,0.3); box-sizing:border-box;}
#sub0104 .organ .bx1 .ceo:after,
#sub0104 .organ .bx1 .vice:after{content:""; position:absolute; bottom:-55px; left:50%; width:2px; height:55px; margin-left:-1px; background-color:#cbccce;}
#sub0104 .organ .bx1 .ceo strong,
#sub0104 .organ .bx1 .vice strong{display: block; width:100%; height:100%; line-height:60px; border:1px solid rgba(255,255,255,0.3); font-weight:400; font-size:20px; text-align:center; color:#fff; box-sizing:border-box;}

#sub0104 .organ .bx1 .ceo{margin:0 auto 55px auto; background-color:#025899;}

#sub0104 .organ .bx1 .vice{position:relative; width:380px; height:70px; margin:0 auto 110px auto; padding:5px; background-color:#018c77; box-shadow:5px 5px 20px rgba(0,0,0,0.3); box-sizing:border-box;}
#sub0104 .organ .bx1 .vice:before{content:""; position:absolute; bottom:-65px; left:50%; z-index:10; width:21px; height:21px; margin-left:-10px; background-image: url(../../images/rus/content/organ_img.png); background-repeat:no-repeat; background-position:center center; background-size:100%;}

#sub0104 .organ .bx1 .list{}
#sub0104 .organ .bx1 .list ul:after{content:""; display: block; clear:both;}
#sub0104 .organ .bx1 .list > ul > li{position:relative; float:left; width:25%; padding-right:20px; box-sizing:border-box;}
#sub0104 .organ .bx1 .list > ul > li:before{content:""; position:absolute; top:-55px; left:50%; width:2px; height:55px; background-color:#cbccce;}
#sub0104 .organ .bx1 .list > ul > li:after{content:""; position:absolute; top:-55px; left:0; width:100%; height:2px; background-color: #cbccce;}
#sub0104 .organ .bx1 .list > ul > li:first-child:after{content:""; position:absolute; top:-55px; left:50%; width:50%;}
#sub0104 .organ .bx1 .list > ul > li:last-child:after{content:""; position:absolute; top:-55px; left:0; width:50%;}
#sub0104 .organ .bx1 .list > ul > li:last-child{padding-right:0;}
#sub0104 .organ .bx1 .list > ul > li .mainbx{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:130px; padding:5px; background-color:#6878a2; box-sizing:border-box;}
#sub0104 .organ .bx1 .list > ul > li .mainbx .cell{display:table-cell; width:100%; height:100%; padding:10px; text-align:center; vertical-align:middle; box-sizing:border-box;}
#sub0104 .organ .bx1 .list > ul > li .mainbx .cell strong{line-height:19px; font-weight:300; font-size:17px; color:#fff;}
#sub0104 .organ .bx1 .list ul li ul li{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:130px; margin-top:10px; background-color:#dde3ec;}
#sub0104 .organ .bx1 .list ul li ul li.subbx{background-color:#fff; border:3px solid #485393; box-sizing:border-box;}
#sub0104 .organ .bx1 .list ul li ul li.subbx p{font-weight:400; color:#485393;}
#sub0104 .organ .bx1 .list ul li ul li p{display:table-cell; width:100%; height:100%; line-height:17px; padding:10px; text-align:center; vertical-align:middle; font-size:15px; font-weight:300;}

#sub0104 .organ .bx2{width:20%; margin-top:110px; padding-left:20px;}
#sub0104 .organ .bx2 .mainbx{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100px; padding:5px; background-color:#6878a2; box-sizing:border-box;}
#sub0104 .organ .bx2 .mainbx .cell{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#sub0104 .organ .bx2 .mainbx .cell strong{line-height:19px; font-weight:300; font-size:17px; color:#fff;}
#sub0104 .organ .bx2 ul li{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:80px; margin-top:10px; background-color:#dde3ec;}
#sub0104 .organ .bx2 ul li.subbx{background-color:#fff; border:3px solid #485393; box-sizing:border-box;}
#sub0104 .organ .bx2 ul li.subbx p{font-weight:400; color:#485393;}
#sub0104 .organ .bx2 ul li p{display:table-cell; width:100%; height:100%; line-height:17px; padding:10px; text-align:center; vertical-align:middle; font-size:15px; font-weight:300;}

#sub0104 .office .cell{display:table-cell; width:100%; height:100%; padding:10px; vertical-align:middle; text-align:center; box-sizing:border-box;}

#sub0104 .office > ul{overflow: hidden;}
#sub0104 .office > ul > li{float:left; width:33.33%; padding-right:10px; box-sizing:border-box;}
#sub0104 .office ul li .mainbx{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:80px; line-height:19px; border:3px solid #485393; font-size:17px; color:#154575; box-sizing:border-box;}

#sub0104 .office ul li ul li{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:80px; margin-top:10px; background-color:#e4e9f0; line-height:17px; font-size:15px; font-weight:300; color:#535866;}
#sub0104 .office ul li ul li.subbx{background-color:#fff; border:3px solid #485393; font-weight:400; color:#485393; box-sizing:border-box;}

@media screen and (max-width: 1023px){
	#sub0104 .organ .bx1{padding-right:15px;}
	#sub0104 .organ .bx2{padding-left:15px;}
}
@media screen and (max-width: 900px){
	#sub0104 .organ{margin-top:80px; margin-bottom:60px;}
	#sub0104 .organ .bx1{padding-right:10px;}
	#sub0104 .organ .bx2{padding-left:10px;}
	#sub0104 .organ .bx1 .ceo,
	#sub0104 .organ .bx1 .vice{height:55px;}
	#sub0104 .organ .bx1 .ceo:after,
	#sub0104 .organ .bx1 .vice:after{bottom:-50px; height:50px;}
	#sub0104 .organ .bx1 .vice:before{bottom:-55px;}
	#sub0104 .organ .bx1 .ceo strong,
	#sub0104 .organ .bx1 .vice strong{line-height:43px; font-size:19px;}

	#sub0104 .organ .bx1 .ceo{margin:0 auto 50px auto;}
	#sub0104 .organ .bx1 .vice{margin:0 auto 95px auto;}

	#sub0104 .organ .bx1 .list > ul > li:before{top:-50px; height:50px;}
	#sub0104 .organ .bx1 .list > ul > li:after,
	#sub0104 .organ .bx1 .list > ul > li:first-child:after,
	#sub0104 .organ .bx1 .list > ul > li:last-child:after{top:-50px;}

	#sub0104 .organ .bx2{margin-top:85px;}

	#sub0104 .organ .bx1 .list > ul > li{padding-right:10px;}
}
@media screen and (max-width: 750px){
	#sub0104 .organ{position:relative; margin-top:50px; margin-bottom:40px;}
	#sub0104 .organ:after{content:""; position:absolute; top:0; left:30px; display: block; width:2px; height:100%; background-color:#cbccce;}
	#sub0104 .organ .bx1,
	#sub0104 .organ .bx2{float:none;}
	#sub0104 .organ .bx1 .list > ul > li .mainbx,
	#sub0104 .organ .bx2 .mainbx{height:auto;}
	#sub0104 .organ .bx1 .list > ul > li .mainbx .cell,
	#sub0104 .organ .bx2 .mainbx .cell{padding:15px 10px;}
	
	#sub0104 .organ .bx1 .ceo,
	#sub0104 .organ .bx1 .vice{z-index:11; width:100%; margin:0 auto 40px auto;}
	#sub0104 .organ .bx1 .ceo:after,
	#sub0104 .organ .bx1 .vice:before,
	#sub0104 .organ .bx1 .vice:after{display: none;}

	#sub0104 .organ .bx1{width:100%; padding-right:0;}
	#sub0104 .organ .bx1 .list{padding-left:50px; padding-top:280px;}
	#sub0104 .organ .bx1 .list > ul > li{float: none; width:100%; margin-bottom:30px; padding-right:0;}
	#sub0104 .organ .bx1 .list > ul > li:last-child{margin-bottom:0;}
	#sub0104 .organ .bx1 .list > ul > li:after,
	#sub0104 .organ .bx1 .list > ul > li:before{display: none;}

	#sub0104 .organ .bx1 .list > ul > li .mainbx{position:relative; z-index:10; width:100%;}
	#sub0104 .organ .bx1 .list > ul > li .mainbx:before{content:""; position:absolute; top:50%; left:-20px; display:block; width:20px; height:2px; background-color: #cbccce;}

	#sub0104 .organ .bx1 .list ul li ul{width:100%;}
	#sub0104 .organ .bx1 .list ul li ul li{position:relative; z-index:10;}
	#sub0104 .organ .bx1 .list ul li ul li,
	#sub0104 .organ .bx2 ul li{height:auto;}
	#sub0104 .organ .bx1 .list ul li ul li p,
	#sub0104 .organ .bx2 ul li p{display:block; padding:15px 10px; box-sizing:border-box;}
	
	#sub0104 .organ .bx2{position:absolute; top:190px; left:0; z-index:10; width:100%; margin-top:0; padding-left:50px;}
}
@media screen and (max-width: 650px){
	#sub0104 .office > ul > li{float:none; width:100%; padding-right:0;}
	#sub0104 .office ul li .mainbx{height:auto; padding:15px 10px;}
	#sub0104 .office ul li ul{margin:10px 0;}
	#sub0104 .office ul li ul li{display:block; height:auto; padding:20px 10px; box-sizing:border-box;}
	#sub0104 .office .cell{display: block; padding:0; text-align:center;}
}
@media screen and (max-width: 480px){
	#sub0104 .organ:after{left:15px;}
	#sub0104 .organ .bx1 .list{padding-left:30px;}
	#sub0104 .organ .bx1 .list > ul > li .mainbx:before{left:-15px; width:15px;}
	#sub0104 .organ .bx2{padding-left:30px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0105
	연관단어 : Publications

////////////////////////////////////////////////////////////////////////////// */
#sub0105{}
#sub0105 ul{overflow: hidden;}
#sub0105 ul li{
	float:left; width:50%; height:auto; box-sizing:border-box;padding:10px;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}

#sub0105 ul li .li_wr{width:100%; height:100%; padding:60px 50px; background-color:#ededed; box-sizing:border-box;}
#sub0105 ul li .book{
	position:relative; width:335px; height:auto; margin:0 auto; background-repeat:no-repeat; background-size:100%; box-shadow:5px 5px 15px rgba(0,0,0,0.2);
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub0105 ul li .book em{
	position:absolute; top:0; left:0; display: block; width:110px; height:35px; line-height:33px; background-color:#00a38a; font-size:17px; font-weight:300; font-style:normal; text-align:center; color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0105 ul li .book img{width:100%;}
#sub0105 ul li .li_wr strong{display: block; line-height:27px; padding:40px 0 20px; font-weight:500; font-size:25px; text-align:center;}

#sub0105 ul li .pub_btn{text-align:center;}

/*#sub0105 ul li .pub_btn{overflow: hidden;}
#sub0105 ul li .pub_btn a{position:relative; float:left; width:50%; text-align:left;}
#sub0105 ul li .pub_btn a:first-child{width:49%; margin-right:1px;}
#sub0105 ul li .pub_btn a.btn.down:after{position:absolute; top:50%; right:30px; margin-left:0; margin-top:-7px;}*/

@media screen and (max-width: 1130px){
	#sub0105 ul li:first-child{padding-right:10px;}
	#sub0105 ul li:last-child{padding-left:10px;}
	#sub0105 ul li .li_wr{padding:40px 30px;}
}
@media screen and (max-width: 1023px){
	#sub0105 ul li .book{width:260px;}
	#sub0105 ul li .book em{width:90px; font-size:16px;}
	#sub0105 ul li .pub_btn a.btn.down{padding:0 20px;}
	#sub0105 ul li .pub_btn a.btn.down:after{right:20px;}
	#sub0105 ul li .li_wr strong{line-height:25px; padding:30px 0 15px; font-size:23px;}
	#sub0105 ul li .pub_btn a.btn{height:45px; line-height:43px; font-size:15px;}
}
@media screen and (max-width: 900px){
	#sub0105 ul li .li_wr strong{padding:23px 0 12px; font-size:20px;}
	#sub0105 ul li .book{width:200px;}
	#sub0105 ul li .book em{width:80px; height:30px; line-height:30px; font-size:14px;}
}
@media screen and (max-width: 900px) and (min-width: 700px){
	#sub0105 ul li .pub_btn a{width:100% !important;}
}
@media screen and (max-width: 700px){
	#sub0105 ul li .li_wr{padding:30px;}
	#sub0105 ul li .book{width:200px;}
	#sub0105 ul li{float:none; width:410px; margin:0 auto; padding:0 !important;}
	#sub0105 ul li:first-child{margin-bottom:20px;}
}
@media screen and (max-width: 480px){
	#sub0105 ul li{width:100%;}
	#sub0105 ul li .book{width:170px;}
	#sub0105 ul li .book em{width:70px; height:25px; line-height:25px; font-size:12px;}
	#sub0105 ul li .pub_btn a{width:100% !important;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0106
	연관단어 : Location

////////////////////////////////////////////////////////////////////////////// */
#sub0106 .info ul li strong,
#sub0106 .info ul li p{
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0106 .info,
#sub0106 .info ul li .li_wr,
#sub0106 .info ul li strong{
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub0106{}
#sub0106 .bx01{overflow: hidden; width:100%; height:460px;}
#sub0106 .maps{overflow: hidden; position:relative; float:left; width:60%; height:100%; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;}
#sub0106 .maps#type1 {background-image: url(../../images/rus/content/map_img.jpg);}
#sub0106 .maps#type2 {background-image: url(../../images/rus/content/map_img_kor.jpg);}
#sub0106 .maps#type3 {background-image: url(../../images/rus/content/map_img_global.jpg);}
#sub0106 .maps .control {position:absolute; right:20px; top:20px; z-index:10; background-color:#fff; border:1px solid #959595; cursor:default; box-sizing:border-box;}
#sub0106 .maps .control a {display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; cursor:default; text-align:center;}
#sub0106 .maps .control a.minus{background-image: url(../../images/rus/content/map_minus_no.png);}
#sub0106 .maps .control a.plus{background-image: url(../../images/rus/content/map_plus_no.png);}
#sub0106 .maps .control a.minus.on{background-image: url(../../images/rus/content/map_minus.png); cursor:pointer;}
#sub0106 .maps .control a.plus.on{background-image: url(../../images/rus/content/map_plus.png); cursor:pointer;}
#sub0106 .maps .control .pointer{padding:10px 0; border-top:1px solid #959595; border-bottom:1px solid #959595; box-sizing:border-box;}
#sub0106 .maps .control .pointer li{width:14px; height:20px; margin:0 auto; background-color:#e0e0e0;}
#sub0106 .maps .control .pointer li.on{background-color:#0a599b;}

#sub0106 .info{float:left; width:40%; height:100%; padding:50px 30px; background-color:rgba(3,73,132,1); box-sizing:border-box;}
#sub0106 .info ul{overflow: hidden; display: block; height:100%;}
#sub0106 .info ul li{display:table; table-layout:fixed; word-wrap:break-word; position:relative; width:100%; height:33.33%; box-sizing:border-box;}
#sub0106 .info ul li .li_wr{display:table-cell; width:100%; height:100%; padding-left:112px; vertical-align:middle; box-sizing:border-box;}
#sub0106 .info ul li:last-child .li_wr{padding-right:0;}
#sub0106 .info ul li .icons{
	overflow: hidden; position:absolute; top:50%; left:0; width:92px; height:92px; margin-top:-46px; background-color:#fff; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0106 .info ul li:first-child .icons{background-image: url(../../images/rus/content/map_icon01.png);}
#sub0106 .info ul li:nth-child(2) .icons{background-image: url(../../images/rus/content/map_icon02.png);}
#sub0106 .info ul li:last-child .icons{background-image: url(../../images/rus/content/map_icon03.png);}
#sub0106 .info ul li strong{display:block; line-height:28px; padding-bottom:8px; font-size:18px; font-weight:400; color:#ffee30;}
#sub0106 .info ul li p{display:block; line-height:23px; font-size:17px; font-weight:300; color:#fff;}
#sub0106 .info ul li:last-child p{word-break:break-all;}

@media screen and (max-width: 950px){
	#sub0106 .info{padding:30px 20px;}
	#sub0106 .info ul li .li_wr{padding-left:100px;}
	#sub0106 .info ul li .icons{width:80px; height:80px; margin-top:-40px; background-size:44%;}
}
@media screen and (max-width: 900px){
	#sub0106 .bx01{height:400px;}

	#sub0106 .info ul li .li_wr{padding-left:80px;}
	#sub0106 .info ul li .icons{width:64px; height:64px; margin-top:-32px;}
	#sub0106 .info ul li strong{line-height:24px; padding-bottom:5px; font-size:17px;}
	#sub0106 .info ul li p{line-height:19px; font-size:16px;}
}
@media screen and (max-width: 750px){
	#sub0106 .info ul li strong{line-height:21px; padding-bottom:3px; font-size:16px;}
	#sub0106 .info ul li p{line-height:17px; font-size:15px;}
}
@media screen and (max-width: 650px){
	#sub0106 .bx01{height:auto;}
	
	#sub0106 .maps{float: none; width:100%; height:300px;}
	#sub0106 .info{float: none; width:100%; height:auto; padding:20px;}
	#sub0106 .info ul{height:auto;}
	#sub0106 .info ul li{height:90px;}
	#sub0106 .info ul li .li_wr{padding:20px 20px 20px 74px;}
}
@media screen and (max-width: 500px){
	#sub0106 .maps{background-size:auto 300px;}
	#sub0106 .maps#type2{background-image:url(../../images/rus/content/map_img_kor_m.jpg);}
	#sub0106 .maps .control{right:0; top:auto; bottom:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0201
	연관단어 : Overview

////////////////////////////////////////////////////////////////////////////// */
#sub0201{}
#sub0201 .bx01 .tt{
	display: block; line-height:35px; padding-bottom:3px; font-size:33px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0201 .bx01 .tp{
	line-height:35px; padding-bottom:45px; font-size:30px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0201 .bx01 .tt,
#sub0201 .bx01 .tp{text-align:center; color:#004080;}

#sub0201 .bx01_vi{
	display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:375px; padding:0 30% 0 65px; background-color:#12607e; background-image: url(../../images/rus/content/over_bg01.jpg); background-repeat:no-repeat; background-position:right center; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0201 .bx01_vi .cell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
#sub0201 .bx01_vi strong{
	display: block; line-height:32px; padding-bottom:18px; font-size:30px; font-weight:500; color:#fdff3e;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0201 .bx01_vi p{color:rgba(255,255,255,0.7);}
#sub0201 .bx01_vi strong,
#sub0201 .bx01_vi p{text-align:left;}

#sub0201 .bx02 ul li{width:100%; height:auto; margin-top:60px;}
#sub0201 .bx02 ul li:first-child{margin-top:65px;}
#sub0201 .bx02 ul li .gbx{
	position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:auto; height:250px; padding:40px 45px 40px 257px; background-color:#eceef2; box-sizing:border-box;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub0201 .bx02 ul li .gbx .cell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
#sub0201 .bx02 ul li .gbx .icons{
	display: block; position:absolute; top:50%; left:45px; width:167px; height:167px; margin-top:-83px; background-color:#fff; background-repeat:no-repeat; background-position:center center;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0201 .bx02 ul li:first-child .gbx .icons{background-image: url(../../images/rus/content/over_icon01.png);}
#sub0201 .bx02 ul li:nth-child(2) .gbx .icons{background-image: url(../../images/rus/content/over_icon02.png);}
#sub0201 .bx02 ul li:nth-child(3) .gbx .icons{background-image: url(../../images/rus/content/over_icon03.png);}

@media screen and (max-width: 1023px){
	#sub0201 .bx01_vi{background-position:right 90% center;}
}
@media screen and (max-width: 900px){
	#sub0201 .bx01 .tt{line-height:30px; font-size:28px;}
	#sub0201 .bx01 .tp{line-height:26px; padding-bottom:30px; font-size:24px;}
	#sub0201 .bx01_vi{height:300px; padding:0 35% 0 45px; background-position:right 80% center;}
	#sub0201 .bx01_vi strong{line-height:28px; padding-bottom:15px; font-size:26px;}
	
	#sub0201 .bx02 ul li{margin-top:40px;}
	#sub0201 .bx02 ul li:first-child{margin-top:45px;}
	#sub0201 .bx02 ul li .gbx{padding:30px 30px 30px 200px;}
	#sub0201 .bx02 ul li .gbx .icons{left:30px; width:140px; height:140px; margin-top:-70px; background-size:45%;}
}
@media screen and (max-width: 650px){
	#sub0201 .bx01 .tt{line-height:24px; font-size:24px;}
	#sub0201 .bx01 .tp{line-height:22px; padding-bottom:20px; font-size:20px;}
	#sub0201 .bx01_vi{height:auto; padding:35px 30px; background-image:none;}
	#sub0201 .bx01_vi strong{line-height:25px; padding-bottom:12px; font-size:23px;}
	
	#sub0201 .bx02 ul li{margin-top:30px;}
	#sub0201 .bx02 ul li:first-child{margin-top:35px;}
	#sub0201 .bx02 ul li .gbx{padding:30px 30px 30px 160px;}
	#sub0201 .bx02 ul li .gbx .icons{left:30px; width:100px; height:100px; margin-top:-50px;}
}
@media screen and (max-width: 500px){
	#sub0201 .bx02 ul li .gbx{height:auto; padding:30px;}
	#sub0201 .bx02 ul li .gbx .cell{display:block;}
	#sub0201 .bx02 ul li .gbx .icons{display: none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0201
	연관단어 : Overview_tab02

////////////////////////////////////////////////////////////////////////////// */
#sub0201 #tab02 .bx01_vi{padding:0 45% 0 65px; background-color:#a19369; background-image: url(../../images/rus/content/over_bg02.jpg);}
#sub0201 #tab02 .bx02 ul li:first-child .gbx .icons{background-image: url(../../images/rus/content/over2_icon01.png);}
#sub0201 #tab02 .bx02 ul li:nth-child(2) .gbx .icons{background-image: url(../../images/rus/content/over2_icon02.png);}
#sub0201 #tab02 .bx02 ul li:nth-child(3) .gbx .icons{background-image: url(../../images/rus/content/over2_icon03.png);}

@media screen and (max-width: 1023px){
	#sub0201 #tab02 .bx01_vi{background-position:right 80% center;}
}
@media screen and (max-width: 900px){
	#sub0201 #tab02 .bx01_vi{height:300px; padding:0 35% 0 45px; background-position:right 80% center;}
}
@media screen and (max-width: 650px){
	#sub0201 #tab02 .bx01_vi{height:auto; padding:35px 30px; background-image:none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0201
	연관단어 : Overview_tab03

////////////////////////////////////////////////////////////////////////////// */
#sub0201 #tab03 .bx01_vi{padding:0 45% 0 65px; background-color:#12865a; background-image: url(../../images/rus/content/over_bg03.jpg);}
#sub0201 #tab03 .bx02 ul li:first-child .gbx .icons{background-image: url(../../images/rus/content/over3_icon01.png);}
#sub0201 #tab03 .bx02 ul li:nth-child(2) .gbx .icons{background-image: url(../../images/rus/content/over3_icon02.png);}
#sub0201 #tab03 .bx02 ul li:nth-child(3) .gbx .icons{background-image: url(../../images/rus/content/over3_icon03.png);}

@media screen and (max-width: 1023px){
	#sub0201 #tab03 .bx01_vi{background-position:right 35% center;}
}
@media screen and (max-width: 900px){
	#sub0201 #tab03 .bx01_vi{height:300px; padding:0 30% 0 45px; background-position:right 35% center;}
}
@media screen and (max-width: 650px){
	#sub0201 #tab03 .bx01_vi{height:auto; padding:35px 30px; background-image:none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0201
	연관단어 : Overview_tab04

////////////////////////////////////////////////////////////////////////////// */
#sub0201 #tab04 .bx01_vi{padding:0 40% 0 65px; background-color:#83a0b5; background-image: url(../../images/rus/content/over_bg04.jpg);}
#sub0201 #tab04 .bx02 ul li:first-child .gbx .icons{background-image: url(../../images/rus/content/over4_icon01.png);}
#sub0201 #tab04 .bx02 ul li:nth-child(2) .gbx .icons{background-image: url(../../images/rus/content/over4_icon02.png);}
#sub0201 #tab04 .bx02 ul li:nth-child(3) .gbx .icons{background-image: url(../../images/rus/content/over4_icon03.png);}

@media screen and (max-width: 1023px){
	#sub0201 #tab04 .bx01_vi{background-position:right 60% center;}
}
@media screen and (max-width: 900px){
	#sub0201 #tab04 .bx01_vi{height:300px; padding:0 35% 0 45px; background-position:right 60% center;}
}
@media screen and (max-width: 650px){
	#sub0201 #tab04 .bx01_vi{height:auto; padding:35px 30px; background-image:none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0202
	연관단어 : The Role of Cadastre

////////////////////////////////////////////////////////////////////////////// */
#sub0202{}
#sub0202 .bx01{
	margin-bottom:100px;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}
#sub0202 .ttbx{margin-bottom:70px;}
#sub0202 .ttbx strong{text-align:center;}
#sub0202 img{display: block; margin:0 auto;}

@media screen and (max-width: 950px){
	#sub0202 img{width:100%;}
}
@media screen and (max-width: 900px){
	#sub0202 .bx01{margin-bottom:80px;}
	#sub0202 .ttbx{margin-bottom:55px;}
}
@media screen and (max-width: 650px){
	#sub0202 .bx01{margin-bottom:50px;}
	#sub0202 .ttbx{margin-bottom:30px;}
}
@media screen and (max-width: 480px){
	#sub0202 .bx01{margin-bottom:35px;}
	#sub0202 .ttbx{margin-bottom:20px;}
	#sub0202 .ttbx strong{text-align:left;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0203
	연관단어 : Cadastral surveying

////////////////////////////////////////////////////////////////////////////// */
#sub0203{}
#sub0203 p{text-align:center;}

#sub0203 li{width:100%; height:auto; margin-top:30px; padding:55px 70px; background-color:#f0f6f5; box-sizing:border-box;}
#sub0203 li:first-child{margin-top:60px;}
#sub0203 li p{text-align:left;}

@media screen and (max-width: 900px){
	#sub0203 li{margin-top:20px; padding:40px 50px;}
	#sub0203 li:first-child{margin-top:40px;}
}
@media screen and (max-width: 650px){
	#sub0203 li{margin-top:10px; padding:30px;}
	#sub0203 li:first-child{margin-top:30px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0204
	연관단어 : 3D Cadastial Spatial info

////////////////////////////////////////////////////////////////////////////// */
#sub0204 .bx01 .imgbx ul li .txts .cell p,
#sub0204 .imgbx2 ul li .txts p{ position:relative; z-index:10;
	line-height:20px; font-size:17px; text-align:center; color:#fff;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0204 .imgbx ul li,
#sub0204 .imgbx2 ul li{
	transition:height 0.3s ease, width 0.3s ease;
	-webkit-transition:height 0.3s ease, width 0.3s ease;
}

#sub0204{}
#sub0204 .imgbx{margin-top:40px;}
#sub0204 .imgbx ul{overflow: hidden;}
#sub0204 .imgbx ul li{float:left;position:relative;width:25%;height: 520px;padding-bottom:260px;background-color:#00957c;box-sizing:border-box;}
#sub0204 .imgbx ul li.bg_b{padding-top: 260px;padding-bottom:0;background-color:#00529b;}

#sub0204 .imgbx ul li .photos{overflow: hidden;position:absolute;bottom:0;left:0;width:100%;height: 260px;background-repeat:no-repeat;background-position:center center;background-size:cover;text-indent:-2000px;}
#sub0204 .imgbx ul li.bg_b .photos{top:0; bottom:auto;}
#sub0204 .imgbx ul li:first-child .photos{background-image: url(../../images/rus/content/3d_img0101.jpg);}
#sub0204 .imgbx ul li:nth-child(2) .photos{background-image: url(../../images/rus/content/3d_img0102.jpg);}
#sub0204 .imgbx ul li:nth-child(3) .photos{background-image: url(../../images/rus/content/3d_img0103.jpg);}
#sub0204 .imgbx ul li:last-child .photos{background-image: url(../../images/rus/content/3d_img0104.jpg);}

#sub0204 .imgbx ul li .txts{position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%;}
#sub0204 .imgbx ul li .txts .cell{display:table-cell; width:100%; height:100%; padding:0 15px; vertical-align:middle; text-align:center; box-sizing:border-box;}

#sub0204 .bx02,
#sub0204 .bx03,
#sub0204 .bx04{
	margin-top:95px;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}

#sub0204 .imgbx2{margin-top:40px;}
#sub0204 .imgbx2 ul{overflow: hidden;}
#sub0204 .imgbx2 ul li{float:left; position:relative; width:50%; height:220px; background-color:#00957c;}
#sub0204 .imgbx2 ul li.bg_b{background-color:#00529b;}
#sub0204 .imgbx2 ul li .photos{overflow: hidden; width:50%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; text-indent:-2000px;}

#sub0204 .imgbx2 ul li .txts{display:block; position:absolute; top:0; right:0; width:50%; height:100%;}
#sub0204 .imgbx2 ul li .txts .cell{position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%; padding:0 25px; vertical-align:middle; text-align:center; box-sizing:border-box;}
#sub0204 .imgbx2 ul li .txts .cell p{display:table-cell; width:100%; vertical-align:middle; text-align:center;}

#sub0204 .imgbx ul li .txts:after,
#sub0204 .imgbx2 ul li .txts .cell:after{content:""; position:absolute; width:42px; height:42px;}

#sub0204 .imgbx ul li .txts:after{bottom:-21px; left:50%; display: block; margin-left:-21px; background-image: url(../../images/rus/content/3d_arrow01.png); background-repeat:no-repeat;}
#sub0204 .imgbx ul li.bg_b .txts:after{top:-21px; bottom:auto; background-image: url(../../images/rus/content/3d_arrow02.png);}
#sub0204 .imgbx2 ul li .txts .cell:after{top:50%; left:-21px; width:42px; height:42px; margin-top:-21px; background-image: url(../../images/rus/content/3d_arrow01.png);}
#sub0204 .imgbx2 ul li.bg_b .txts .cell:after{background-image: url(../../images/rus/content/3d_arrow02.png);}

#sub0204 .bx03 .imgbx2 ul li .photos{position:absolute; top:0; right:0;}
#sub0204 .bx03 .imgbx2 ul li .txts{position:static;}
#sub0204 .bx03 .imgbx2 ul li .txts .cell:after{right:-21px; left:auto;}

#sub0204 .bx02 .imgbx2 ul li:first-child .photos{background-image: url(../../images/rus/content/3d_img0201.jpg);}
#sub0204 .bx02 .imgbx2 ul li:last-child .photos{background-image: url(../../images/rus/content/3d_img0202.jpg);}
#sub0204 .bx03 .imgbx2 ul li:first-child .photos{background-image: url(../../images/rus/content/3d_img0302.jpg);}
#sub0204 .bx03 .imgbx2 ul li:last-child .photos{background-image: url(../../images/rus/content/3d_img0301.jpg);}
#sub0204 .bx04 .imgbx2 ul li:first-child .photos{background-image: url(../../images/rus/content/3d_img0401.jpg);}
#sub0204 .bx04 .imgbx2 ul li:last-child .photos{background-image: url(../../images/rus/content/3d_img0402.jpg);}

@media screen and (max-width: 900px){
	#sub0204 .bx02,
	#sub0204 .bx03,
	#sub0204 .bx04{margin-top:70px;}
	#sub0204 .bx01 .imgbx ul li .txts .cell p,
	#sub0204 .imgbx2 ul li .txts p{line-height:19px; font-size:17px;}
	#sub0204 .imgbx,
	#sub0204 .imgbx2{margin-top:23px;}
}
@media screen and (max-width: 750px){
	#sub0204 .imgbx ul li{width:50%; height:420px;}
	#sub0204 .imgbx ul li .photos {height:210px;}
	#sub0204 .imgbx2 ul li{width:100%;}
	#sub0204 .imgbx ul li{padding-bottom:210px;}
	#sub0204 .imgbx ul li.bg_b{padding-top:210px;}
	
}
@media screen and (max-width: 650px){
	#sub0204 .bx02,
	#sub0204 .bx03,
	#sub0204 .bx04{margin-top:45px;}
	#sub0204 .bx01 .imgbx ul li .txts .cell p,
	#sub0204 .imgbx2 ul li .txts p{line-height:18px; font-size:15px;}
	#sub0204 .imgbx, #sub0204 .imgbx2{margin-top:18px;}
	#sub0204 .imgbx ul li{height:380px;}
	#sub0204 .imgbx ul li{padding-bottom:190px;}
	#sub0204 .imgbx ul li.bg_b{padding-top:190px;}
	#sub0204 .imgbx ul li .photos{height:190px;}
	#sub0204 .imgbx2 ul li{height:190px;}
}
@media screen and (max-width: 480px){
	#sub0204 .imgbx2 ul li .txts .cell{padding:0 20px;}
	#sub0204 .bx01 .imgbx ul li .txts .cell p,
	#sub0204 .imgbx2 ul li .txts p{padding:15px 0;}
	
	#sub0204 .imgbx ul li {width:auto; float:none; height:auto; padding:0 !important; margin-top:10px;}
	#sub0204 .imgbx ul li .photos {background-size:100% auto; background-position:center top; position:relative; left:auto; top:auto;}
	#sub0204 .imgbx ul li .txts:after {display:none;}
	
	#sub0204 .imgbx2 ul li {height:auto; margin-top:10px;}
	#sub0204 .imgbx2 ul li .photos {background-size:100% auto; background-position:center top; position:relative; left:auto; top:auto; width:auto; height:190px;}
	#sub0204 .imgbx2 ul li .txts { width:auto; position:relative; top:auto; right:auto; height:auto;}
	
	#sub0204 .bx03 .imgbx2 ul li .photos {background-size:100% auto; background-position:center top; position:relative; left:auto; top:auto; width:auto; height:190px;}
}
@media screen and (max-width: 400px){
	#sub0204 .imgbx ul li .photos,
	#sub0204 .imgbx2 ul li .photos,
	#sub0204 .bx03 .imgbx2 ul li .photos {height:150px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0205
	연관단어 : Actual Condition Survey on Coastal Area

////////////////////////////////////////////////////////////////////////////// */
#sub0205 .imgbx,
#sub0205 .grabx,
#sub0205 .imgbx ul li .photos,
#sub0205 .grabx .line{
	transition:margin 0.3s ease, padding 0.3s ease;
	-webkit-transition:margin 0.3s ease, padding 0.3s ease;
}
#sub0205 .imgbx ul li{
	transition:width 0.3s ease, height 0.3s ease;
	-webkit-transition:width 0.3s ease, height 0.3s ease;
}

#sub0205{}

#sub0205 .imgbx{margin-top:60px;}
#sub0205 .imgbx ul:after{content:""; display: block; clear:both;}
#sub0205 .imgbx ul li{position:relative; float:left; width:33.33%; height:310px; box-sizing:border-box;}
#sub0205 .imgbx ul li .photos:after{content:""; position:absolute; bottom:30px; left:50%; width:58px; height:35px; margin-left:-29px; background-image: url(../../images/rus/content/cada_arrow.png); background-repeat:no-repeat; background-position:center center;}
#sub0205 .imgbx ul li:first-child{padding-right:15px;}
#sub0205 .imgbx ul li:nth-child(2){padding:0 15px;}
#sub0205 .imgbx ul li:last-child{padding-left:15px;}
#sub0205 .imgbx ul li .photos{width:100%; height:230px; padding:0 35px; background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing:border-box;}
#sub0205 .imgbx ul li:first-child .photos{background-image: url(../../images/rus/content/cada_img01.jpg);}
#sub0205 .imgbx ul li:nth-child(2) .photos{background-image: url(../../images/rus/content/cada_img02.jpg);}
#sub0205 .imgbx ul li:last-child .photos{background-image: url(../../images/rus/content/cada_img03.jpg);}
#sub0205 .imgbx ul li .photos .txts{position:relative; width:100%; height:100%;}
#sub0205 .imgbx ul li .photos .txts p{position:absolute; bottom:0; left:0; width:100%; height:100px; padding:20px; background-color:#fff; text-align:center; box-sizing:border-box;}

#sub0205 .imgbx.btm{}
#sub0205 .imgbx.btm ul li .photos:after{top:-30px; transform:rotate(180deg);}
#sub0205 .imgbx.btm ul li .photos .txts p{top:0; bottom:auto;}
#sub0205 .imgbx.btm ul li:first-child .photos{background-image: url(../../images/rus/content/cada_img04.jpg);}
#sub0205 .imgbx.btm ul li:nth-child(2) .photos{background-image: url(../../images/rus/content/cada_img05.jpg);}
#sub0205 .imgbx.btm ul li:last-child .photos{background-image: url(../../images/rus/content/cada_img06.jpg);}

#sub0205 .grabx{
	width:100%; height:auto; padding:20px; background-image:url(../../images/rus/content/mission_gra.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover; box-sizing:border-box;
	border-radius:10px;
	-webkit-border-radius:10px;
}
#sub0205 .grabx .line{
	width:100%; height:100%; padding:40px 110px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#sub0205 .grabx strong{display: block; line-height:35px; font-size:30px; font-weight:400; text-align:center; color:#fff;}

@media screen and (max-width: 1023px){
	#sub0205 .imgbx ul li:first-child{padding-right:15px;}
	#sub0205 .imgbx ul li:nth-child(2){padding:0 5px;}
	#sub0205 .imgbx ul li:last-child{padding-left:15px;}
	#sub0205 .imgbx ul li .photos{padding:0 25px;}
	#sub0205 .imgbx ul li .photos:after{bottom:22px;}

	#sub0205 .imgbx.btm{margin-top:0;}
	#sub0205 .imgbx.btm ul li{height:auto; padding:75px 15px 0 !important;}
	#sub0205 .imgbx.btm ul li .photos:after{top:22px;}
	#sub0205 .imgbx.btm ul li .photos .txts p{top:auto; bottom:0;}
}
@media screen and (max-width: 900px){
	#sub0205 .imgbx{margin-top:40px;}
	#sub0205 .imgbx ul li{height:280px;}
	#sub0205 .imgbx ul li .photos{height:200px;}
	#sub0205 .grabx{padding:15px;}
	#sub0205 .grabx .line{padding:35px 60px;}
	#sub0205 .grabx strong{line-height:29px; font-size:25px;}
}
@media screen and (max-width: 750px){
	#sub0205 .imgbx ul li{height:250px;}
	#sub0205 .imgbx ul li .photos{padding:0 20px;}
	#sub0205 .imgbx ul li .photos .txts p{line-height:18px; padding:15px; font-size:16px;}
}
@media screen and (max-width: 650px){
	#sub0205 .imgbx{margin-top:30px;}
	#sub0205 .imgbx ul li{float:none; width:100%; height:auto; margin-bottom:30px;}
	#sub0205 .imgbx ul li:first-child,
	#sub0205 .imgbx ul li:nth-child(2),
	#sub0205 .imgbx ul li:last-child{padding:0;}
	#sub0205 .imgbx ul li:last-child{margin-bottom:60px;}
	#sub0205 .imgbx ul li .photos:after{bottom:-45px; width:46px; margin-left:-23px; background-size:100%;}
	#sub0205 .imgbx ul li:nth-child(2) .photos:after,
	#sub0205 .imgbx ul li:first-child .photos:after{display: none;}
	#sub0205 .imgbx ul li .photos .txts p{top:120px; height:auto;}

	#sub0205 .imgbx.btm ul li{padding:0 15px !important;}
	#sub0205 .imgbx.btm ul li:first-child{margin-top:60px;}
	#sub0205 .imgbx.btm ul li:last-child{margin-bottom:0;}
	#sub0205 .imgbx.btm ul li:first-child .photos:after{display: block;}
	#sub0205 .imgbx.btm ul li:nth-child(2) .photos:after,
	#sub0205 .imgbx.btm ul li:last-child .photos:after{display: none;}
	#sub0205 .imgbx.btm ul li .photos:after{top:-45px;}
	
	#sub0205 .grabx{padding:10px;}
	#sub0205 .grabx .line{padding:20px 40px;}
	#sub0205 .grabx strong{line-height:25px; font-size:21px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0206
	연관단어 : Actual Condition Survey on Coastal Area

////////////////////////////////////////////////////////////////////////////// */
#sub0206 .ttbx,
#sub0206 .process > ul > li,
#sub0206 .process > ul > li .li_wr,
#sub0206 .process ul li strong{
	transition:padding 0.3s ease, margin 0.3s ease;
	-webkit-transition:padding 0.3s ease, margin 0.3s ease;
}
#sub0206 .process > ul > li,
#sub0206 .process > ul > li .li_wr img{
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub0206 .process ul li strong,
#sub0206 .process ul li ul li{
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

#sub0206{}
#sub0206 .ttbx{margin-bottom:50px;}

#sub0206 .process{width:100%; margin-top:30px;}
#sub0206 .process > ul > li{float:left; width:33.33%; height:auto; box-sizing:border-box;}
#sub0206 .process > ul > li:first-child{padding-right:25px;}
#sub0206 .process > ul > li:nth-child(2){padding:0 15px;}
#sub0206 .process > ul > li:last-child{padding-left:25px;}
#sub0206 .process > ul > li .li_wr{
	position:relative; width:100%; min-height:365px; padding:45px 40px 116px 40px; box-sizing:border-box;
	transition:min-height 0.3s ease;
	-webkit-transition:min-height 0.3s ease;
}
#sub0206 .process > ul > li:first-child .li_wr{background-color:#1985b7;}
#sub0206 .process > ul > li:nth-child(2) .li_wr{background-color:#0e8b9e;}
#sub0206 .process > ul > li:last-child .li_wr{background-color:#01947d;}
#sub0206 .process > ul > li .li_wr:after{content:""; position:absolute; top:50%; right:-20px; width:40px; height:40px; margin-top:-20px; background-repeat:no-repeat; background-position:center center;}
#sub0206 .process > ul > li:first-child .li_wr:after{background-image: url(../../images/rus/content/actual_arrow01.png);}
#sub0206 .process > ul > li:nth-child(2) .li_wr:after{background-image: url(../../images/rus/content/actual_arrow02.png);}
#sub0206 .process ul li strong{display: block; line-height:24px; padding-bottom:20px; font-size:22px; font-weight:500; color:#f3ff31;}
#sub0206 .process ul li ul li{line-height:20px; font-size:17px; font-weight:300; color:#fff; margin-bottom:5px;}
#sub0206 .process ul li ul li:first-child{padding-bottom:10px;}
#sub0206 .process > ul > li .li_wr img{position:absolute; bottom:30px; right:45px;}

@media screen and (max-width:1240px){
	#sub0206 .process > ul > li .li_wr{min-height:410px;}
}
@media screen and (max-width:1023px){
	#sub0206 .process > ul > li .li_wr{min-height:421px; padding:35px 30px 116px 30px;}
	#sub0206 .process > ul > li:first-child{padding-right:20px;}
	#sub0206 .process > ul > li:nth-child(2){padding:0 10px;}
	#sub0206 .process > ul > li:last-child{padding-left:20px;}
	#sub0206 .process > ul > li .li_wr img{right:30px;}
}
@media screen and (max-width:900px){
	#sub0206 .ttbx{margin-bottom:40px;}
	#sub0206 .process > ul > li .li_wr img{width:50px;}
	#sub0206 .process ul li strong{padding-bottom:13px;}
	#sub0206 .process ul li strong {line-height:20px; font-size:22px;}
	#sub0206 .process ul li ul li{line-height:18px; font-size:16px;}
	#sub0206 .process ul li ul li:first-child{padding-bottom:6px;}
}
@media screen and (max-width:750px){
	#sub0206 .process > ul > li{float:none; width:100%; padding:0 !important; margin-bottom:30px;}
	#sub0206 .process > ul > li:last-child{margin-bottom:0;}
	#sub0206 .process > ul > li .li_wr{min-height:auto; padding:25px 30px 85px 30px;}
	#sub0206 .process > ul > li .li_wr:after{top:auto; bottom:-20px; left:50%; right:auto; margin-left:-20px;}
	#sub0206 .process > ul > li .li_wr img{bottom:25px;}
}
@media screen and (max-width:650px){
	#sub0206 .ttbx{margin-bottom:30px;}
	#sub0206 .process{margin-top:20px;}
	#sub0206 .process > ul > li{margin-bottom:20px;}
	#sub0206 .process > ul > li .li_wr{min-height:auto; padding:25px 30px 75px 30px;}
	#sub0206 .process > ul > li .li_wr:after{bottom:-15px;}
	#sub0206 .process > ul > li .li_wr img{width:40px;}
	#sub0206 .process ul li strong{padding-bottom:10px;}
	#sub0206 .process ul li strong {line-height:22px; font-size:20px;}
	#sub0206 .process ul li ul li{line-height:17px; font-size:15px;}
	#sub0206 .process ul li ul li:first-child{padding-bottom:4px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0207
	연관단어 : Actual Condition Survey on Coastal Area

////////////////////////////////////////////////////////////////////////////// */
#sub0207 .txtbx,
#sub0207 .process > ul > li,
#sub0207 .process > ul > li .li_wr,
#sub0207 .process ul li strong{
	transition:padding 0.3s ease, margin 0.3s ease;
	-webkit-transition:padding 0.3s ease, margin 0.3s ease;
}
#sub0207 .process > ul > li,
#sub0207 .process > ul > li .li_wr img{
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub0207 .process ul li strong,
#sub0207 .process ul li ul li{
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

#sub0207{}
#sub0207 .ttbx{margin-bottom:50px;}

#sub0207 .process{width:100%; margin-top:30px;}
#sub0207 .process > ul > li{float:left; width:33.33%; height:auto; box-sizing:border-box;}
#sub0207 .process > ul > li:first-child{padding-right:25px;}
#sub0207 .process > ul > li:nth-child(2){padding:0 15px;}
#sub0207 .process > ul > li:last-child{padding-left:25px;}
#sub0207 .process > ul > li .li_wr{
	position:relative; width:100%; min-height:481px; padding:45px 40px 116px 40px; box-sizing:border-box;
	transition:min-height 0.3s ease;
	-webkit-transition:min-height 0.3s ease;
}
#sub0207 .process > ul > li:first-child .li_wr{background-color:#1985b7;}
#sub0207 .process > ul > li:nth-child(2) .li_wr{background-color:#0e8b9e;}
#sub0207 .process > ul > li:last-child .li_wr{background-color:#01947d;}
#sub0207 .process > ul > li .li_wr:after{content:""; position:absolute; top:50%; right:-20px; width:40px; height:40px; margin-top:-20px; background-repeat:no-repeat; background-position:center center;}
#sub0207 .process > ul > li:first-child .li_wr:after{background-image: url(../../images/rus/content/actual_arrow01.png);}
#sub0207 .process > ul > li:nth-child(2) .li_wr:after{background-image: url(../../images/rus/content/actual_arrow02.png);}
#sub0207 .process ul li strong{display: block; line-height:24px; padding-bottom:20px; font-size:22px; font-weight:500; color:#f3ff31;}
#sub0207 .process ul li ul li{line-height:20px; font-size:17px; font-weight:300; color:#fff; margin-bottom:5px;}
#sub0207 .process ul li ul li:last-child{padding-bottom:0;}
#sub0207 .process > ul > li .li_wr img{position:absolute; bottom:30px; right:45px;}

@media screen and (max-width:1240px){
	#sub0207 .process > ul > li .li_wr{min-height:620px;}
}
@media screen and (max-width:1023px){
	#sub0207 .process > ul > li .li_wr{min-height:630px; padding:35px 30px 97px 30px;}
	#sub0207 .process > ul > li:first-child{padding-right:20px;}
	#sub0207 .process > ul > li:nth-child(2){padding:0 10px;}
	#sub0207 .process > ul > li:last-child{padding-left:20px;}
	#sub0207 .process > ul > li .li_wr img{right:30px;}
}
@media screen and (max-width:900px){
	#sub0207 .ttbx{margin-bottom:40px;}
	#sub0207 .process > ul > li .li_wr{min-height: 615px;}
	#sub0207 .process > ul > li .li_wr img{width:50px;}
	#sub0207 .process ul li strong{padding-bottom:13px;}
	#sub0207 .process ul li strong {line-height:22px; font-size:22px;}
	#sub0207 .process ul li ul li{line-height:18px; font-size:16px;}
	#sub0207 .process ul li ul li:first-child{padding-bottom:6px;}
}
@media screen and (max-width:750px){
	#sub0207 .process > ul > li{float:none; width:100%; padding:0 !important; margin-bottom:30px;}
	#sub0207 .process > ul > li:last-child{margin-bottom:0;}
	#sub0207 .process > ul > li .li_wr{min-height:auto; padding:25px 30px 85px 30px;}
	#sub0207 .process > ul > li .li_wr:after{top:auto; bottom:-20px; left:50%; right:auto; margin-left:-20px;}
	#sub0207 .process > ul > li .li_wr img{bottom:25px;}
}
@media screen and (max-width:650px){
	#sub0207 .ttbx{margin-bottom:30px;}
	#sub0207 .process{margin-top:20px;}
	#sub0207 .process > ul > li{margin-bottom:20px;}
	#sub0207 .process > ul > li .li_wr{min-height:auto; padding:25px 30px 75px 30px;}
	#sub0207 .process > ul > li .li_wr:after{bottom:-15px;}
	#sub0207 .process > ul > li .li_wr img{width:40px;}
	#sub0207 .process ul li strong{padding-bottom:10px;}	
	#sub0207 .process ul li strong {line-height:22px; font-size:20px;}
	#sub0207 .process ul li ul li{line-height:17px; font-size:15px;}
	#sub0207 .process ul li ul li:first-child{padding-bottom:4px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0208
	연관단어 : Road Name-based Address

////////////////////////////////////////////////////////////////////////////// */
#sub0208{}

#sub0208 .imgbx,
#sub0208 .scheme,
#sub0208 .imgbx ul li{
	transition:margin 0.3s ease, padding 0.3s ease;
	-webkit-transition:margin 0.3s ease, padding 0.3s ease;
}
#sub0208 .imgbx{margin:40px 0 85px 0;}
#sub0208 .imgbx ul{overflow: hidden;}
#sub0208 .imgbx ul li{
	float:left; position:relative; width:50%; height:220px; padding-left:25%; background-color:#00957c; box-sizing:border-box;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub0208 .imgbx ul li.bg_b{background-color:#00529b;}
#sub0208 .imgbx ul li .photos{overflow: hidden; position:absolute; top:0; left:0; width:50%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; text-indent:-2000px;}
#sub0208 .imgbx ul li:first-child .photos{background-image: url(../../images/rus/content/road_img01.jpg);}
#sub0208 .imgbx ul li:last-child .photos{background-image: url(../../images/rus/content/road_img02.jpg);}

#sub0208 .imgbx ul li .txts{position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%;}
#sub0208 .imgbx ul li .txts .cell{position:relative; display:table-cell; width:100%; height:100%; padding:0 15px; vertical-align:middle; text-align:center; box-sizing:border-box;}
#sub0208 .imgbx ul li .txts p{
	line-height:24px; font-size:20px; text-align:center; color:#fff;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

#sub0208 .imgbx ul li .txts:after{content:""; position:absolute; top:50%; left:-21px; display: block; width:42px; height:42px; margin-top:-21px; background-image: url(../../images/rus/content/3d_arrow01.png); background-repeat:no-repeat;}
#sub0208 .imgbx ul li.bg_b .txts:after{background-image: url(../../images/rus/content/3d_arrow02.png);}

#sub0208 .scheme{width:100%; height:auto; margin-top:50px; padding:70px 0; background-color:#f5f5f5;}
#sub0208 .scheme img{width:100%;}

@media screen and (max-width: 900px){
	#sub0208 .imgbx{margin:30px 0 60px 0;}
	#sub0208 .imgbx ul li .txts p{line-height:22px; font-size:18px;}
	#sub0208 .scheme{margin-top:40px; padding:50px 0;}
}
@media screen and (max-width: 750px){
	#sub0208 .imgbx ul li{width:100%; padding-left:50%;}
	#sub0208 .imgbx ul li .txts p{line-height:22px; font-size:18px;}
}
@media screen and (max-width: 650px){
	#sub0208 .imgbx{margin:25px 0 35px 0;}
	#sub0208 .imgbx ul li{height:190px;}
	#sub0208 .imgbx ul li .txts p{line-height:18px; font-size:14px;}
	#sub0208 .scheme{margin-top:25px; padding:35px 0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0209
	연관단어 : Road Name-based Address

////////////////////////////////////////////////////////////////////////////// */
#sub0209 .bxlst,
#sub0209 .bxlst ul li,
#sub0209 .bxlst ul li .li_wr,
#sub0209 .qnabx ul li,
#sub0209 .qnabx .ques,
#sub0209 .qnabx .ans{
	transition:margin 0.3s ease, padding 0.3s ease;
	-webkit-transition:margin 0.3s ease, padding 0.3s ease;
}
#sub0209 .bxlst ul li,
#sub0209 .bxlst ul li .icons{
	transition:width 0.3s ease, height 0.3s ease;
	-webkit-transition:width 0.3s ease, height 0.3s ease;
}

#sub0209{}
#sub0209 .bxlst{margin-top:25px; margin-bottom:70px;}
#sub0209 .bxlst ul{overflow: hidden;}
#sub0209 .bxlst ul li{float:left; width:33.33%; height:auto; padding-right:20px; box-sizing:
	border-box;}
#sub0209 .bxlst ul li:last-child{padding-right:0;}
#sub0209 .bxlst ul li .li_wr{
	position:relative; width:100%; min-height:425px; padding:40px 55px; background-color:#f4f4f4; box-sizing:border-box;
	transition:min-height 0.3s ease;
	-webkit-transition:min-height 0.3s ease;
}
#sub0209 .bxlst ul li .icons{
	width:164px; height:164px; margin:0 auto; background-color:#fff; background-repeat:no-repeat; background-position:center center; border:3px solid #dedede; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub0209 .bxlst ul li:first-child .icons{background-image: url(../../images/rus/content/resur_icon01.png);}
#sub0209 .bxlst ul li:nth-child(2) .icons{background-image: url(../../images/rus/content/resur_icon02.png);}
#sub0209 .bxlst ul li:last-child .icons{background-image: url(../../images/rus/content/resur_icon03.png);}
#sub0209 .bxlst ul li p{min-height:95px; padding-top:15px; text-align:center;}
#sub0209 .bxlst ul li .tril{position:absolute; bottom:40px; left:0; display: block; width:100%; line-height:28px; padding:0 55px; font-size:28px; font-weight:300; text-align:center; box-sizing:border-box;}
#sub0209 .bxlst ul li .tril span{font-weight:500; color:#1285c1;}

#sub0209 .qnabx{width:100%; height:auto;}
#sub0209 .qnabx ul li{margin-bottom:40px;}
#sub0209 .qnabx .ques{position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:100%; min-height:76px; padding:20px 25px 20px 95px; background-color:#494d5d; box-sizing:border-box;}
#sub0209 .qnabx .ques:after{content:""; position:absolute; top:16px; left:25px; width:45px; height:45px; background-image: url(../../images/rus/content/ques_icon.png);}
#sub0209 .qnabx .ques .cell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
#sub0209 .qnabx .ques .cell p{line-height:26px; font-size:24px; color:#fff;}
#sub0209 .qnabx .ans{position:relative; background-color:#f4f4f4; padding:40px 25px 40px 95px; box-sizing:border-box;}
#sub0209 .qnabx .ans:after{content:""; position:absolute; top:40px; left:25px; width:45px; height:45px; background-image: url(../../images/rus/content/ans_icon.png);}
#sub0209 .qnabx .ans p{}
#sub0209 .qnabx .ans em{position:relative; display: block; line-height:18px; margin-top:13px; padding-left:13px; font-size:18px; font-style:normal; font-weight:300; color:#0078b6;}
#sub0209 .qnabx .ans em span{position:absolute; top:6px; left:0;}

@media screen and (max-width: 1280px){
	#sub0209 .bxlst ul li .li_wr{min-height:480px;}
}
@media screen and (max-width: 1023px){
	#sub0209 .bxlst ul li .li_wr{min-height:390px; padding:30px 25px;}
	#sub0209 .bxlst ul li .icons{width:130px; height:130px; background-size:40%;}
	#sub0209 .bxlst ul li:last-child .icons{background-size:30%;}
	#sub0209 .bxlst ul li .tril{bottom:30px; padding:0 25px;}
}
@media screen and (max-width: 900px){
	#sub0209 .bxlst{margin-top:20px; margin-bottom:50px;}
	#sub0209 .bxlst ul li .tril{line-height:26px; font-size:26px;}

	#sub0209 .qnabx .ques{padding:20px 20px 20px 85px;}
	#sub0209 .qnabx .ques:after{left:20px;}
	#sub0209 .qnabx ul li{margin-bottom:30px;}
	#sub0209 .qnabx .ques .cell p{line-height:24px; font-size:22px;}
	#sub0209 .qnabx .ans{padding:30px 20px 30px 85px;}
	#sub0209 .qnabx .ans:after{top:30px; left:20px;}
	#sub0209 .qnabx .ans em{line-height:17px; margin-top:10px; padding-left:11px; font-size:17px;}
	#sub0209 .qnabx .ans em span{top:4px;}
}
@media screen and (max-width: 750px){
	#sub0209 .bxlst ul li .icons{width:100px; height:100px; border:2px solid #dedede;}
	#sub0209 .bxlst ul li p{padding-top:10px;}
	#sub0209 .bxlst ul li .tril{line-height:23px; font-size:23px;}
}
@media screen and (max-width: 650px){
	#sub0209 .bxlst{margin-top:15px; margin-bottom:30px;}
	#sub0209 .bxlst ul li{float:none; width:100%; margin-bottom:20px; padding-right:0;}
	#sub0209 .bxlst ul li:last-child{margin-bottom:0;}
	#sub0209 .bxlst ul li .li_wr{min-height:auto;}
	#sub0209 .bxlst ul li p{min-height:auto;}
	#sub0209 .bxlst ul li .tril{position:static; margin-top:5px;}

	#sub0209 .qnabx .ques{padding:20px 20px 20px 78px;}
	#sub0209 .qnabx .ques:after{width:38px; height:38px; background-size:100%;}
	#sub0209 .qnabx ul li{margin-bottom:20px;}
	#sub0209 .qnabx .ques .cell p{line-height:21px; font-size:19px;}
	#sub0209 .qnabx .ans{padding:20px 20px 20px 78px;}
	#sub0209 .qnabx .ans:after{top:20px; width:38px; height:38px; background-size:100%;}
	#sub0209 .qnabx .ans em{margin-top:7px; line-height:15px; font-size:15px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0301
	연관단어 : Global Business

////////////////////////////////////////////////////////////////////////////// */
#sub0301{}
#sub0301 .ttbx{margin-bottom:55px;}
#sub0301 .ttbx h5,
#sub0301 .ttbx p{text-align:center;}

@media screen and (max-width: 900px){
	#sub0301 .ttbx{margin-bottom:45px;}
}
@media screen and (max-width: 650px){
	#sub0301 .ttbx{margin-bottom:30px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0302
	연관단어 : Project Details

////////////////////////////////////////////////////////////////////////////// */
#sub0302 .country ul li{
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0302 .photos,
#sub0302 h4,
#sub0302 .country ul li{
	transition:padding 0.3s ease, margin 0.3s ease;
	-webkit-transition:padding 0.3s ease, margin 0.3s ease;
}

#sub0302{}
#sub0302 .photos{width:100%; height:auto; padding:60px 75px; background-color:#d9e1e6; box-sizing:border-box;}
#sub0302 h4{padding-bottom:60px; color:#004080;}
#sub0302 .photos img{width:100%;}

#sub0302 .country{margin-top:40px;}
#sub0302 .country ul li strong{font-weight:500;}
#sub0302 .country ul li span{font-weight:300;}

@media screen and (max-width: 1023px){
	#sub0302 .photos{padding:50px 65px;}
	#sub0302 h4{padding-bottom:50px;}
}
@media screen and (max-width: 900px){
	#sub0302 .photos{padding:40px 50px;}
	#sub0302 h4{padding-bottom:40px;}
	#sub0302 .country{margin-top:30px;}
}
@media screen and (max-width: 650px){
	#sub0302 .photos{padding:25px 20px;}
	#sub0302 h4{padding-bottom:30px;}
}
@media screen and (max-width: 480px){
	#sub0302 h4{line-height:24px; font-size:22px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0303
	연관단어 : Global Networking

////////////////////////////////////////////////////////////////////////////// */
#sub0303 .ttbx p{text-align:center;}
#sub0303 h5{margin-top:70px;}
#sub0303 .ptobx .txts ul li{font-weight:300;}

@media screen and (max-width: 900px){
	#sub0303 h5{margin-top:50px;}
}
@media screen and (max-width: 650px){
	#sub0303 h5{margin-top:40px;}
}
@media screen and (max-width: 480px){
	#sub0303 h5{margin-top:30px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0304
	연관단어 : International Conference

////////////////////////////////////////////////////////////////////////////// */
#sub0304 .list ul li,
#sub0304 .list ul li .bx{
	transition:margin 0.3s ease, padding 0.3s ease;
	-webkit-transition:margin 0.3s ease, padding 0.3s ease;
}
#sub0304{}
#sub0304 .list{}
#sub0304 .list ul li{width:100%; height:auto; min-height:395px; margin-bottom:40px; padding:70px; background-color:#f0f2f7; box-sizing:border-box;}
#sub0304 .list ul li .bx{position:relative; width:100%; height:auto; padding-left:362px; box-sizing:border-box;}
#sub0304 .list ul li .photos{
	position:absolute; top:0; left:0; width:312px; height:auto; background-color:#fff;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#sub0304 .list ul li .photos img{width:100%;}

@media screen and (max-width: 1023px){
	#sub0304 .list ul li{padding:50px;}
}
@media screen and (max-width: 900px){
	#sub0304 .list ul li{margin-bottom:30px; padding:40px;}
	#sub0304 .list ul li .bx{padding-left:290px;}
	#sub0304 .list ul li .photos{width:250px;}
}
@media screen and (max-width: 750px) and (min-width: 651px){
	#sub0304 .list ul li .photos{width:150px;}
}
@media screen and (max-width: 750px){
	#sub0304 .list ul li{margin-bottom:20px; padding:30px;}
	#sub0304 .list ul li .bx{padding-left:180px;}
}
@media screen and (max-width: 650px){
	#sub0304 .list ul li{padding:30px;}
	#sub0304 .list ul li h5,
	#sub0304 .list ul li p{text-align:center;}
	#sub0304 .list ul li .bx{padding-left:0;}
	#sub0304 .list ul li .photos{position:static; width:200px; margin:0 auto 10px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0305
	연관단어 : Invitational Training Program

////////////////////////////////////////////////////////////////////////////// */
#sub0305 .country ul li{
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#sub0305 .txtbx,
#sub0305 .country,
#sub0305 .country ul li{
	transition:padding 0.3s ease, margin 0.3s ease;
	-webkit-transition:padding 0.3s ease, margin 0.3s ease;
}

#sub0305{}
#sub0305 .ttbx{margin-bottom:70px;}
#sub0305 .ttbx p{text-align:center;}
#sub0305 .country{margin-top:40px;}
#sub0305 .country ul li strong{font-weight:500;}
#sub0305 .country ul li span{font-weight:300;}

@media screen and (max-width: 900px){
	#sub0305 .ttbx{margin-bottom:50px;}
	#sub0305 .country{margin-top:30px;}
}
@media screen and (max-width: 650px){
	#sub0305 .ttbx{margin-bottom:30px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0401
	연관단어 : Corporate Culture of Sharing

////////////////////////////////////////////////////////////////////////////// */
#sub0401 .organ .leader,
#sub0401 .organ .social,
#sub0401 .organ .member,
#sub0401 .organ .twobx ul li,
#sub0401 .organ .list ul li,
#sub0401 .imgbx,
#sub0401 .imgbx ul,
#sub0401 .imgbx ul li .photos img{
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#sub0402{}
#sub0401 .ttbx{margin-bottom:50px;}
#sub0401 .ttbx h5,
#sub0401 .ttbx p{text-align:center;}

#sub0401 .organ{position:relative; margin-top:35px;}
#sub0401 .organ:after{content:""; position:absolute; top:190px; left:50%; width:50%; height:2px; background-color:#cbccce;}
#sub0401 .organ:before{content:""; position:absolute; top:440px; left:0; width:50%; height:2px; background-color:#cbccce;}
#sub0401 .organ .leader{position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:450px; height:110px; margin:0 auto; padding:6px; background-color:#025899; box-shadow:5px 5px 20px rgba(0,0,0,0.3); box-sizing:border-box;}
#sub0401 .organ .leader:after{content:""; position:absolute; top:110px; left:50%; width:2px; height:520px; margin-left:-1px; background-color:#cbccce;}
#sub0401 .organ .leader:before{content:""; position:absolute; top:180px; left:50%; z-index:50; width:22px; height:22px; margin-left:-11px; background-image: url(../../images/rus/content/organ_img.png); background-repeat:no-repeat; background-position:center center;}
#sub0401 .organ .leader p{display:table-cell; width:100%; height:100%; border:1px solid rgba(255,255,255,0.3); text-align:center; vertical-align:middle; line-height:17px; padding:0 10px; font-size:17px; color:#fff;}
#sub0401 .organ .social,
#sub0401 .organ .member{display:table; table-layout:fixed; word-wrap:break-word; width:350px; height:80px; padding:6px; background-color:#6878a2; box-sizing:border-box;}
#sub0401 .organ .social p,
#sub0401 .organ .member p{display:table-cell; width:100%; height:100%; line-height:17px; padding:0 10px; text-align:center; vertical-align:middle; font-size:17px; font-weight:300; color:#fff;}
#sub0401 .organ .social{position:relative; z-index:10; float:right; margin:40px 0;}
#sub0401 .organ .member{position:relative; z-index:10; margin:0 auto 50px auto;}

#sub0401 .organ .twobx{position:relative; z-index:10;}
#sub0401 .organ .twobx ul li{position:relative; display:table; table-layout:fixed; word-wrap:break-word; width:390px; height:80px; margin-bottom:35px; background-color:#fff; border:3px solid #485393; box-sizing:border-box;}
#sub0401 .organ .twobx ul li:first-child:after{content:""; position:absolute; bottom:-53px; left:50%; width:2px; height:50px; background-color:#e4e4e4;}
#sub0401 .organ .twobx ul li p{display:table-cell; width:100%; height:100%; line-height:17px; padding:0 10px; font-size:17px; text-align:center; vertical-align:middle; font-weight:400; color:#154575;}

#sub0401 .organ .list{}
#sub0401 .organ .list ul{overflow: hidden;}
#sub0401 .organ .list ul li{position:relative; float:left; width:20%; height:auto; margin-top:45px; padding-right:10px; box-sizing:border-box;}
#sub0401 .organ .list ul li:before{content:""; position:absolute; top:-45px; left:50%; width:2px; height:45px; margin-left:-1px; background-color:#cbccce;}
#sub0401 .organ .list ul li:after{content:""; position:absolute; top:-45px; left:0; width:100%; height:2px; background-color:#cbccce;}
#sub0401 .organ .list ul li:first-child:after{left:50%; width:50%;}
#sub0401 .organ .list ul li:last-child:after{width:50%;}
#sub0401 .organ .list ul li p{width:100%; height:100%; padding:30px; background-color:#dde3ec; line-height:17px; font-size:15px; text-align:center; font-weight:300; box-sizing:border-box;}

#sub0401 .imgbx{margin-top:65px;}
#sub0401 .imgbx ul{overflow: hidden; width:100%; height: auto; margin-top:25px;}
#sub0401 .imgbx ul li{
	float:left; width:50%; height:285px; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0401 .imgbx ul li:first-child{padding-right:15px;}
#sub0401 .imgbx ul li:nth-child(2){padding-left:15px;}
#sub0401 .imgbx ul li .photos{
	overflow: hidden; position:relative; width:100%; height:100%; border-radius:0 100px 0 0;
	-webkit-border-radius:0 100px 0 0;
}
#sub0401 .imgbx ul li .photos img{position:absolute; top:0; left:50%; width:590px; margin-left:-295px;}

@media screen and (max-width: 1023px){
	#sub0401 .organ .list ul li p{padding:20px;}	
}
@media screen and (max-width: 900px){
	#sub0401 .ttbx{margin-bottom:35px;}
	
	#sub0401 .organ{margin-top:30px;}
	#sub0401 .organ:after{top:180px; left:30px;}
	#sub0401 .organ:before{top:400px; left:30px;}
	#sub0401 .organ .leader{width:100%;}
	#sub0401 .organ .leader:after{left:30px; height:500px;}
	#sub0401 .organ .leader:before{top:170px; left:30px;}
	#sub0401 .organ .member:after{left:30px;}
	
	#sub0401 .organ .social{width:390px; margin:30px 0;}
	#sub0401 .organ .member{width:100%; margin:0 auto 30px auto;}
	#sub0401 .organ .member:after{bottom:-300px; height:300px;}

	#sub0401 .organ .twobx{min-height:200px;}
	#sub0401 .organ .twobx ul{position:absolute; top:0; right:0;}
	#sub0401 .organ .twobx ul li{margin-bottom:15px;}

	#sub0401 .organ .list ul li{float:none; width:100%; height:auto; margin-top:10px; padding-right:0;}
	#sub0401 .organ .list ul li:before,
	#sub0401 .organ .list ul li:after{display: none;}

	#sub0401 .imgbx{margin-top:50px;}
	#sub0401 .imgbx ul{margin-top:18px;}
	#sub0401 .imgbx ul li{height:240px;}
	#sub0401 .imgbx ul li:first-child{padding-right:10px;}
	#sub0401 .imgbx ul li:nth-child(2){padding-left:10px;}
}
@media screen and (max-width: 650px){
	#sub0401 .ttbx{margin-bottom:25px;}
	#sub0401 .organ{margin-top:25px;}
	#sub0401 .imgbx{margin-top:35px;}
	#sub0401 .imgbx ul{margin-top:13px;}
	#sub0401 .imgbx ul li{height:200px;}
}
@media screen and (max-width: 550px){
	#sub0401 .organ:after{left:15px;}
	#sub0401 .organ:before{left:15px;}
	#sub0401 .organ .leader:after,
	#sub0401 .organ .leader:before{left:15px;}
	#sub0401 .organ .social,
	#sub0401 .organ .twobx ul li{width:250px;}
	#sub0401 .organ .member:after{left:15px;}

	#sub0401 .imgbx{margin-top:25px;}
	#sub0401 .imgbx ul li{float:none; width:100%; height:200px; margin-bottom:10px; padding:0 !important;}
	#sub0401 .imgbx ul li:last-child{margin-bottom:0;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0402
	연관단어 : Social Volunteer Work

////////////////////////////////////////////////////////////////////////////// */
#sub0402 .imgbx,
#sub0402 .imgbx ul,
#sub0402 .imgbx ul li .photos img{
	transition:margin 0.3s ease, padding 0.3s ease;
	-webkit-transition:margin 0.3s ease, padding 0.3s ease;
}

#sub0402{}
#sub0402 .ttbx h5,
#sub0402 .ttbx p{text-align:center;}

#sub0402 .imgbx{margin-top:65px;}
#sub0402 .imgbx ul{overflow: hidden; width:100%; height: auto; margin-top:25px;}
#sub0402 .imgbx ul li{
	float:left; width:50%; height:285px; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub0402 .imgbx ul li:first-child{padding-right:15px;}
#sub0402 .imgbx ul li:nth-child(2){padding-left:15px;}
#sub0402 .imgbx ul li .photos{
	overflow: hidden; position:relative; width:100%; height:100%; border-radius:0 100px 0 0;
	-webkit-border-radius:0 100px 0 0;
}
#sub0402 .imgbx ul li .photos img{position:absolute; top:0; left:50%; width:590px; margin-left:-295px;}

@media screen and (max-width: 900px){
	#sub0402 .imgbx{margin-top:50px;}
	#sub0402 .imgbx ul{margin-top:18px;}
	#sub0402 .imgbx ul li{height:240px;}
	#sub0402 .imgbx ul li:first-child{padding-right:10px;}
	#sub0402 .imgbx ul li:nth-child(2){padding-left:10px;}
}
@media screen and (max-width: 650px){
	#sub0402 .imgbx{margin-top:35px;}
	#sub0402 .imgbx ul{margin-top:13px;}
	#sub0402 .imgbx ul li{height:200px;}
}
@media screen and (max-width: 550px){
	#sub0402 .imgbx{margin-top:25px;}
	#sub0402 .imgbx ul li{float:none; width:100%; height:200px; margin-bottom:10px; padding:0 !important;}
	#sub0402 .imgbx ul li:last-child{margin-bottom:0;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : sub0403
	연관단어 : Overseas Volunteer Work

////////////////////////////////////////////////////////////////////////////// */
#sub0403 .kotra,
#sub0403 .kotra ul li,
#sub0403 .bgbx strong,
#sub0403 .bgbx p,
#sub0403 .bgbx{
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#sub0403{}
#sub0403 .bgbx{width:100%; height:auto; padding:120px 0; background-image: url(../../images/rus/content/volunteer_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sub0403 .bgbx strong,
#sub0403 .bgbx p{text-align:center;}
#sub0403 .bgbx strong{display: block; line-height:32px; padding-bottom:25px; font-size:30px; font-weight:500; color:#fff83b;}
#sub0403 .bgbx p{line-height:27px; font-size:25px; font-weight:300; color:#fff;}

#sub0403 h5{margin-top:70px;}

#sub0403 .ptobx{min-height:auto; margin-top:90px;}
#sub0403 .ptobx .ptlay{min-height:250px;}
#sub0403 .ptobx .txts ul li{font-weight:300;}

#sub0403 .kotra{width:1185px; height:auto; margin:50px auto 0 auto;}
#sub0403 .kotra ul{overflow: hidden;}
#sub0403 .kotra ul li{
	position:relative; float:left; width:210px; height:210px; margin-left:-15px; border-width:15px; border-style:solid; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub0403 .kotra ul li:nth-child(even){z-index:0; border-color:#8cc2db;}
#sub0403 .kotra ul li:nth-child(odd){z-index:10; border-color:#1985b7;}
#sub0403 .kotra ul li:first-child{margin-left:0;}
#sub0403 .kotra ul li .circle{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%;}

#sub0403 .kotra ul li .cell{display:table-cell; width:100%; height:100%; vertical-align: middle; text-align:center;}
#sub0403 .kotra ul li strong{display:block; line-height:20px; padding-top:15px; font-size:20px; font-weight:700;}


@media screen and (max-width: 1280px){
	#sub0403 .kotra{width:960px;}
	#sub0403 .kotra ul li{width:170px; height:170px; margin-left:-12px; border-width:12px;}
}
@media screen and (max-width: 1023px){
	#sub0403 .kotra{width:840px;}
	#sub0403 .kotra ul li{width:148px; height:148px; margin-left:-10px; border-width:10px;}
	#sub0403 .kotra ul li strong{line-height:18px; font-size:18px;}
}
@media screen and (max-width: 900px){
	#sub0403 h5{margin-top:50px;}

	#sub0403 .bgbx{padding:100px 0;}
	#sub0403 .bgbx strong{line-height:30px; padding-bottom:18px; font-size:28px;}
	#sub0403 .bgbx p{line-height:25px; font-size:23px;}

	#sub0403 .ptobx{margin-top:153px;}
	#sub0403 .ptobx.pt_l .photos,
	#sub0403 .ptobx.pt_r .photos{top:-104px; width:400px; margin-left:-200px;}
	#sub0403 .ptobx.pt_l .ptlay,
	#sub0403 .ptobx.pt_r .ptlay{padding:144px 45px 40px 45px;}

	#sub0403 .kotra{width:425px; margin:30px auto 0 auto;}
	#sub0403 .kotra ul li:nth-child(4){margin-left:0;}
	#sub0403 .kotra ul li strong{line-height:17px; padding-top:8px; font-size:17px;}
}
@media screen and (max-width: 650px){
	#sub0403 h5{margin-top:35px;}

	#sub0403 .bgbx{padding:40px 0;}
	#sub0403 .bgbx strong{line-height:23px; padding-bottom:10px; font-size:21px;}
	#sub0403 .bgbx p{line-height:20px; font-size:18px;}
	#sub0403 .ptobx.pt_l .photos,
	#sub0403 .ptobx.pt_r .photos{width:340px; margin-left:-170px;}

	#sub0403 .kotra{width:425px; margin:20px auto 0 auto;}
}
@media screen and (max-width: 500px){
	#sub0403 .kotra{width:253px;}
	#sub0403 .kotra ul li{width:130px; height:130px; border-width:8px;}
	#sub0403 .kotra ul li:nth-child(odd){margin-left:0;}
	#sub0403 .kotra ul li:nth-child(even){margin-left:-8px;}
	#sub0403 .kotra ul li .cell img{width:35px;}
	#sub0403 .kotra ul li strong{line-height:15px; font-size:15px; padding-top:6px;}
}
@media screen and (max-width: 480px){
	#sub0403 .ptobx{margin-top:110px;}
	#sub0403 .ptobx.pt_l .ptlay,
	#sub0403 .ptobx.pt_r .ptlay{padding:92px 30px 25px 30px;}
	#sub0403 .ptobx.pt_l .photos,
	#sub0403 .ptobx.pt_r .photos{top:-67px; width:220px; margin-left:-110px;}
}