/* mobile common css file */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{font-family:"Noto Sans KR",/*"Nanum Gothic",*/ sans-serif}

*:focus,*:focus{outline:none}
html,body{height:100%;}
p{margin:0; font-style:normal;}
ul{padding-left:0}
li{list-style:none}
div ul li{display: inline; color:#4b4b4b;}
textarea{resize: none;text-align: left!important}
a,a:link,a:visited{color:inherit;text-decoration:none}
a:hover{color:#41b74b}
.cursor{cursor:pointer}

/*mobile common*/
.m_fontsize{font-size:2.3em;}
.ft-white{color:#ffffff !important;}
.ft-green{color:#41b74b !important;}
.none{display: none;}

/* header */
#header{
	position:fixed; 
	top:0; 
	z-index:999; 
	width:100%; 
	height:140px; 
	background-color:white; 
	background-image:none; 
	border-bottom:1px solid #E5E5E5; 
}

#header .header-wrap{position:relative; width:100%; height:140px;}
#header .logo{position:absolute; padding-top: 40px; padding-left:50px;}
#header .header-hamburger{position: absolute; top: 40px; right: 2.857em;}

/* sidebar */
#sidebar-wrapper {
	position: absolute;
	background: #2E2F32;
	margin-left: auto;
	overflow-x: hidden;
	overflow-y: auto;
	transition: width 0.5s ease;
	z-index: 1000;
	&::-webkit-scrollbar {display: none;}
}
#sidebar-wrapper #hamburger-close{background:url(/appimages/mobile/button/btn_menu_close_off.png); width: 43px; height: 43px; background-repeat: no-repeat; border: none;}
#sidebar-wrapper .sidebar-nav{padding-top: 2em; padding-bottom: 2em;}
#sidebar-wrapper .sidebar-nav:nth-child(n+2){border-top:4px solid #48494c;}
#sidebar-wrapper .sidebar-nav li:nth-child(n+2){font-weight: 200;}
#sidebar-wrapper .sidebar-nav li:first-child{font-weight: 500;}
#sidebar-wrapper .sidebar-nav li{font-size: 3em; color: #E1E1E1;}
#sidebar-wrapper .sidebar-nav li.ft-green{color:#41b74b;}
.overlay-hamburger {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.4);z-index: 1;}

/* footer */
.top_footer {position:relative; background:#383b40; margin-top: -1px;}
.top_footer>p{ color: #959595; text-align: center; padding-top: 40px; padding-bottom: 40px; font-size: 2.1em; line-height: 1.7;}
.top_footer>p img{padding: 0px 5px 0px 5px;}

#footer {height:150px; margin:0 auto; background:#2f3135;}
#footer p.copyright {text-align:center; font-size:2em; padding-top:51px; color:#878787; font-weight:300;}


/* main */
#partner {margin-top:30px; border:1px solid #dedede; text-align:center; }
#partner div{margin-top:50px; margin-bottom: 50px;}

#article01 section{width:19.5em; height:13em; text-align:center; border:1px solid #dedede;}
#article01 section>img{margin-top:27%;}
#article01 > div{text-align:center; display:block; margin:10px 0px 30px 0px; color:#343235; font-size: 1.9em;}

/* slider */
#carousel-example-generic .item ul li{position: absolute; top: 0; left: 0; right: 0;}

/* own service */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background:#31b44a; color:#ffffff;}
.tab-pane .logo{ 	text-align: center;	margin-bottom: 30px; }
.service-tab .nav li{ border-right:2px solid #cfcfcf; }

.service .carousel{ position:relative; bottom:630px; right: 280px;}
.service .carousel-mobile img{ position:relative; left:300px; bottom:75px;}

.service .title{ font-style:normal; font-size: 3.5em; margin-top: 30px;    font-weight: 400;    text-align: center; }
.service .text{ font-size:2.4em; margin-bottom: 50px; font-style:normal; line-height: 170%; }
.service .content .service .text{	line-height: 160%;	font-size:2.3em;	color:#1b1b1b;
									font-style: normal;	margin-bottom: 50px;	}
.service .info{	font-size:2.3em;	text-align:center;	color:#7b7b7b;	margin: 10px 0px 50px 0px;	}

.tab-content .feature{ margin-top: 50px; }
.tab-content .feature .subtitle{		font-size:2.5em;	color:#000000;	 font-weight: 500;
									margin-bottom: 20px;	font-style: normal;	}
.tab-content .feature .text{	line-height: 160%;	font-size:2.3em;	color:#6e6e6e;	font-style: normal; }


/* slider iphone position */
.carousel-mobile{ position:relative; background-size: 100%; padding-top: 120px; height:600px; 
				margin-bottom:100px; background-repeat: no-repeat; }
img.iphone{  position: absolute; left:50%; top:6.8%;
     -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

/* slide indicators */
.carousel-indicators li {  background-color: #999;  background-color: rgba(70,70,70,.25);	}
.carousel-indicators .active {  background-color: red;	} 

/* service-fintech*/
.fintech-tabs{ padding-top:50px; padding-bottom: 60px; }
.fintech-tabs .row a{ padding-top:30px; padding-bottom:30px; font-size:2.6em; border-bottom:2px solid #cdcdcd; border-right: 2px solid #cdcdcd; color:grey;  }
.fintech-tabs .row a.active{ background-color: #41b74b; color: #ffffff;  }


/* service-toomoda */
.toomoda-tabs{ padding-top:50px; padding-bottom: 60px;}
.toomoda-tabs .row a{ padding-top:30px; padding-bottom:30px; font-size:2.6em; border:2px solid #cdcdcd; color:grey;  }
.toomoda-tabs .row a.active{background-color: #41b74b; color: #ffffff;}

/* service-player */
.player-tabs{padding-top:50px; padding-bottom:60px;}
.player-tabs .row a{padding-top:30px; padding-bottom:30px; font-size:2.6em; border:2px solid #cdcdcd; color:grey; }
.player-tabs .row a.active{background-color: #41b74b; color: #ffffff;}

/* slider controller 수정 */
.carousel-mobile .mobile-glyph-left{top:30%; left: 50%; position: absolute;}
.carousel-mobile .mobile-glyph-right{top:30%; right: 50%; position: absolute;}
.carousel-mobile a.carousel-right{ left:84.8%;}
.carousel-mobile .carousel-inner{ width:32%; margin:0 auto; }

/* request */
/* request-service */
.rq-svc {	font-size:2.3em;	color:#000000; }
.rq-svc .fs-title{	font-size:1.5em;	font-weight: 400; margin-bottom:0.3em; }
.rq-svc .fs-subtitle{	font-size: 1.0em;	font-weight: 300; }
.rq-svc .fs-text{color:#4b4b4b; font-weight: 400;	line-height: 180%;	margin-top:8px; }
.rq-svc p.explain-text span{ position:absolute; text-align: left; color:#4b4b4b; font-size:0.95em;}

.dev-design{ margin-top: 2.2em; }
.dev-design .dev-design-title{ color:#31b44a; font-size: 1.4em; font-weight: 500; margin-bottom: 0.5em; margin-top: -30px;}
.dev-design .dev-design-content{ font-size:1.1em; font-weight: 300;  width:100%; line-height: 160%;}

/* request-major */
.major #division{margin: 0 20px;}
.major .word-wrap{margin-bottom:0px}
.major .fs-text{margin-top:10px; line-height: 1.7}
.major .fs-title{font-size: 50px;}
.major .major-wrap{padding-top: 20px; padding-bottom: 40px;}
.major-wrap .row{padding-bottom: 40px}
.major-wrap .major-img{padding-left: 0px; padding-right: 0px;}
.major-wrap .major-img > img{width:244px;height:244px;float:left}
.major-wrap .content{padding:10px 0px 0px 15px}
.major-wrap .content .title{color:#343235; font-weight:500; font-size:2.8em}
.major-wrap .content .info{color:#7b7b7b; margin:3px 0px 10px; font-size:2.3em}
.major-wrap .content .text{color:#343235; font-weight:300; font-size:2.2em}

.list-wrap{display:inline-block; border-bottom:1px solid #dedede; padding:30px 0px; }
.list-wrap img{float:left}
.list-wrap .content{display:table;padding-left:50px}
.list-wrap .content .info{color:#a1a1a1; font-size:15px; margin-top:3px; font-weight:300}
.list-wrap .content .text{color:#a1a1a1; font-size:14px; color:#a1a1a1; font-weight:300; margin-top:10px; line-height:1.5}
.info{color:#7b7b7b; font-weight:300;}
.fs-text > span{color:#2b2b2b;}

/* request-process */
.process{width:100%; background-size:100% 77.5%; margin-top:70px; background-position:0px 6.78em; background-repeat:no-repeat; background-image:url(/appimages/mobile/process/process_map.png)}
.process ul{text-align: center;}
.process li{display:inline-block; width:30%; height: 32.8em; vertical-align:top; line-height: 1;}
.process img{margin-bottom: 4.2em}
.process .title{font-size:1.8em; font-weight:600; margin-bottom:10px; color:#2b2b2b;}
.process .text{color:#2b2b2b; line-height:1.6; font-size: 1.8em}
ul.dev-process{text-align:center;}
ul.dev-process .fs-subtitle{margin-top:6.5rem; font-size: 2.7em;}
ul.dev-process .text{font-size: 3.5rem; margin-top:20px; line-height:1.6; font-weight:300;}
ul.dev-process > li{color:#fff;}
div.box-process{background:url(/appimages/web/process/process_box.png); margin-top:7rem;}
div.box-process > div{color:#fff; padding:2.5em 3.5em; width: 100%; display: inline-flex;}
div.box-process > div > div{margin-right:4em;}
div.box-process > div > span{line-height:1.6; font-weight:300; letter-spacing: 3; font-size: 3rem;}

/* request-portfolio */
.portfolio-tabs{padding-top: 50px; padding-bottom: 60px}
.portfolio-tabs .row div{padding-top:2.1em; padding-bottom:2.1em;text-align: center;border-top:2px solid #cdcdcd; border-left:2px solid #cdcdcd;}
.portfolio-tabs .row div:last-child{border-right:2px solid #cdcdcd;}
.portfolio-tabs .row:last-child{border-bottom:2px solid #cdcdcd;}
.portfolio-tabs .row div a{font-size: 2.1em;}
.portfolio-tabs .row .selected{background:#41b74b; color:#ffffff;}
.portfolio-exceed{display: none;}

#grid-img{width: 100%}
.btn-more{margin-top: 2.1em; background-color: #343235; color: white; width: 100%; text-align: center; height: 8.5em; padding-top: 2.1em; padding-bottom: 2.1em;}
.btn-more p{font-size: 2.3em;}

/* request-portfolio-detail */
.pf-opt .fs-title{font-size: 3em;}
.pf-opt .fs-subtitle{padding: 20px 0px 20px 0px;}
.pf-opt .pf-opt-tab{padding-top: 60px;}
.pf-opt .pf-opt-tab .row{border-bottom: 1px solid; border-color: #a1a1a1; padding-bottom: 20px; padding-top: 20px;}
.pf-opt .pf-opt-tab .row:first-child{border-top: 1px solid; border-color: #a1a1a1;}
.pf-opt .pf-opt-tab .row .col-xs-3{color:#41b74b; padding-left: 0px;}

.btn-portfolio{width:90px; height:90px; background-repeat:no-repeat; background-position:50% 50%; background-color:white; border:3px solid #dedede}
.btn-portfolio.prev{background-image: url(/appimages/mobile/button/btn_portfolio_prev_off.png); border-right:0px}
.btn-portfolio.prev:active{background-image: url(/appimages/mobile/button/btn_portfolio_prev_on.png); background-color: #41b74b; border:1px solid #31b44a;}
.btn-portfolio.next{background-image: url(/appimages/mobile/button/btn_portfolio_next_off.png)}
.btn-portfolio.next:active{background-image: url(/appimages/mobile/button/btn_portfolio_next_on.png); background-color: #41b74b; border:1px solid #31b44a;}
.btn-close{width:90px; height:90px; border:0; border-radius:100%; background-color:#dedede; background-image:url(/appimages/mobile/button/btn_portfolio_close.png); background-position:50% 50%; background-repeat:no-repeat}
.btn-close:active{background-color:#41b74b; background-image:url(/appimages/mobile/button/btn_portfolio_close.png); background-position:50% 50%; background-repeat:no-repeat}
.detail-view-img{ text-align: center; }
.detail-view-img img{ width: 100%; margin:0px 0px 50px 0px}

/* request- history */
.history{margin-bottom: 4.6em}
.history .row:not(:last-child){margin-bottom: 2.1em }
.history .row div{padding-right: 0px; padding-left: 0px; font-size: 2.1em;}
.history .row .text{color: #333}
.history .row .platform{color:#7b7b7b;}
.history .row a:hover, .history .row a:hover .text, .history .row a:hover .platform{color: #41b74b;}

hr.title-line{width:4em; margin:1.8em auto; border-top:2px solid #4b4b4b}
hr.content-line{ width:100%; border-top:2px solid #e5e5e5; }


/* request-request */
#request_form .fs-subtitle{ font-size:2.5em;  }
#request_form .request-row{width:100%;	font-size: 2.1em; border:2px solid #dedede; border-top:initial; color:#676767;}
#request_form .request-row .rq-key{ border-right:2px solid #e6e6e6; font-weight: 400;
									background-color: #f1f1f1; padding:30 30 30 30; text-align: center; font-size: 1.2em;}
#request_form .request-row .rq-value{ padding-top:30px; padding-bottom:30px; padding-left:40px; border:1px;}

/* company */
.business-wrap{background-color:white; text-align:center}
.business-wrap .rep .explan-title{font-size:4.3rem; margin:0px 0px 19px 0px; color:#343235; font-weight: bold;}
.business-wrap .rep .explan-title p{font-size: 3.8rem; font-weight: 400;}
.business-wrap .rep .explan{color:#4b4b4b; margin:0 auto; font-size:2.5em; line-height:1.5; text-align:center;}
.title-wrap{margin-bottom:0px}
.title-wrap .text{font-size:2.4em; line-height:1.8; border-bottom:2px solid #dedede;
				 padding-bottom:25px; margin:25px 0px 50px 0px; font-weight:400; color:#4b4b4b; }
.word-wrap{width:100%; margin-top:35px; margin-bottom:60px;}
.word-wrap > div > div{color:#4b4b4b;}

/* recruit-team */
.team-wrap{padding-bottom:0px !important}
.team-wrap .content-wrap{width:auto}
.team-wrap .title-wrap{width:100%; margin:0 auto}

.team-wrap > .content-wrap > .word-wrap > .fs-subtitle{ margin-bottom:50px; color:#2b2b2b; 
														font-weight:500; font-size:3.2em;}
.team-wrap > .content-wrap > .word-wrap > .fs-text{color:#1b1b1b; margin-top:5px;}

ul.person_list{ text-align: center; }
ul.person_list li{display:inline-block; color:#4b4b4b;    margin-bottom: 60px;}
ul.person_list li:nth-child(odd){  margin-right: 2.7em;  }
ul.person_list li:nth-child(even){ padding-left:35px; }

ul.person_list li .img_person{display:block; margin-bottom:30px;}
ul.person_list li .line{margin:-20px 4px 0px;}
ul.person_list > li > span{font-size:2.8em; font-weight: 500;}

/* recruit-welfare */
.welfare .wf-row{ border:2px solid #dedede;	padding:50px;	border-bottom-width: 0px;	}
.welfare .wf-row .image{  float:left;	margin-right:50px;	margin-bottom:130px;	}
.welfare .wf-row .info .title{ font-size: 2.5em;	color:#000000;	font-weight:500;	}
.welfare .wf-row .info .text{	font-size: 2.3em;	color:#4b4b4b;	line-height: 160%;	font-weight: 400; }

/* recruit-recruitment */
.recruitment-wrap .fs-title{ font-size:3.4em; font-weight:500; text-align: center; margin-bottom: 30px; }
.recruitment-wrap .competent{ font-size:2.4em;}
.recruitment-wrap .competent .plus img{padding-top: 85px; margin-left: 30px;}
.recruitment-wrap .competent .competent-piece{ float:left; text-align: center;}
.recruitment-wrap .competent .competent-piece .title{ margin-top: 20px; margin-bottom: 10px;}
.recruitment-wrap .competent .competent-piece .subtitle{ margin-bottom: 10px; }
.recruitment-wrap .competent .competent-piece .title, .recruitment-wrap .competent .competent-piece .subtitle
{ color:#000000; font-weight: 500;  }

.recruitment-wrap .recruit-row { border-bottom:2px solid #cdcdcd;}
.recruitment-wrap .recruit-row .recruit-type{width:20%; color:#303030; font-size: 2.45em; font-weight: 500; padding:80px 0.7em 80px 0.7em; background-color:#f1f1f1;}
.recruitment-wrap .recruit-row .recruit-type-content { width:75%; color:#303030; font-weight:400;
													font-size:2.35em; padding-top:25px; padding-left:50px; }

.recruit-process .rc-step-row{border-bottom: 1px solid #ffffff; border-top:1px solid #ffffff; }

.recruit-process .rc-step{ width:20%; background-color:#31b44a; padding:55 0 65 0;  }
.recruit-process .rc-step span{ font-size:2.5em; color:#ffffff; font-weight: 400; }
.recruit-process .rc-step p{ font-size:3.5em; color:#ffffff; font-weight: 400; margin-top: -10px; }

.recruit-process .rc-step-content{ width:80%; height: 231px; background-color: #f1f1f1; font-size: 2.1em; }
.recruit-process .rc-step-content p{ font-weight: 500; color: #303030; font-size: 1.2em; }
.recruit-process .rc-step-content span{ color:4b4b4b; }

.notice-board .fs-title{ font-size: 3.5em; font-weight: 500; color:#ffffff;}
.notice-board .fs-subtitle{ font-size:2.5em; color:#ffffff; margin-bottom: 50px; }

.notice-board .notice-row{width:100%; border-top:2px solid #ffffff;  }
.notice-board .notice-row .notice{ float:left; width:78%; font-size: 1.5em; padding:30 0 30 0; color:#ffffff; 
								font-weight: 300;}
.notice-board .notice-row .notice p{ font-size:1.7em;  }
.notice-board .notice-row .notice span{ font-size:1.5em;   }
.notice-board .notice-row .notice-button{ width:21%; color:#ffffff; background-color:#31b44a;  font-size:2.2em; 
											margin-top:20px;margin-bottom: 15px; padding-top:20px;
											padding-bottom: 15px; border-radius: 10px; font-weight: 300; }

/* contact */
.contact-info p{ font-weight: 500; font-size:1.2em; margin-bottom: 20px; margin-top: 30px;}
.contact-info .part .text{ margin-left:60px; }

/* wrap */
.content-yield{padding-top:140px}
.content-yield.no-menu{padding-top:140px}
.banner-wrap{position:relative; width:100%; height:350px; overflow: hidden}
.banner-wrap .banner{height:100%; min-width: 100%;}
.banner-wrap .title{position:absolute; top:140px; left:50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%)}
.container-wrap{width:100%; padding: 80px 50px 100px}
.content-wrap{width:100%; margin:0 auto;}
.content-wrap .fs-text{font-size: 3.4rem;}

/*bootstrap*/
.glyphicon_left{ background:url(/appimages/mobile/button/btn_prev_white_off.png); width:30px; height:58px; top:45%; left:30px; position:absolute;}
.glyphicon_left:active{background:url(/appimages/mobile/button/btn_prev_white_on.png);}
.glyphicon_right{ background:url(/appimages/mobile/button/btn_next_white_off.png); width:30px; height:58px; top:45%; right:30px; position:absolute;}
.glyphicon_right:active{background:url(/appimages/mobile/button/btn_next_white_on.png);}
.business_glyphicon_left{ background:url(/appimages/mobile/button/btn_prev_grey_off.png); width:30px; height:58px; top:45%; left:0px; position:absolute;}
.business_glyphicon_left:active{background:url(/appimages/mobile/button/btn_prev_grey_on.png);}
.business_glyphicon_right{ background:url(/appimages/mobile/button/btn_next_grey_off.png); width:30px; height:58px; top:45%; right:0px; position:absolute;}
.business_glyphicon_right:active{background:url(/appimages/mobile/button/btn_next_grey_on.png);}

/* bootstrap override */
.carousel-mobile ol.carousel-indicators { bottom:-12%; }
.carousel-inner > .item > img{margin: 0 auto;}
.carousel-img {	width: 100%; height: 400px;	background-size: cover; }
.main-slide1.carousel-control{bottom: 380px}
.carousel-control.left{background-image : none;}
.carousel-control.right{background-image : none;}
.carousel-caption{position: static; color: #1b1b1b; text-shadow: none;}
.btn-default{border: 0;}
.btn-group-lg>.btn, .btn-lg{font-size: 2.5em;}
.row{margin-right: 0px; margin-left: 0px;}
.col-xs-6{ width:49%; }
.nav>li>a:focus, .nav>li>a:hover{background-color: inherit; color: #41b74b;}