html,body {
	font-family:Nanum Gothic;
	letter-spacing: 1px;
	width: 100%;
	height: 100%;
}

html, body, td, a, select, input, div, form, textarea, center, option, pre, p, blockquote, br {font-family:Nanum Gothic;}
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Nanum Gothic;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;font-family:Nanum Gothic;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;font-family:Nanum Gothic;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:Nanum Gothic;font-size:inherit;font-weight:inherit; border:1px solid #a0a0a0}
input,textarea,select{*font-size:100%;}
input[type=checkbox], input[type=radio] {margin:0 !important; line-height:normal;font-family:Nanum Gothic;}
.clear{width:100% !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;display:block !important;float:none !important;clear:both !important;overflow:hidden !important;}

.content {width:100%; height:100%; max-width:1280px; padding: 0 40px; margin:0 auto; text-align:left;}
.sub_title {font-size:25px; color:#1e1e1e; font-weight:400; margin-bottom:50px;}

.txt_l {text-align:left !important;}

/* main */
.m_img_wrap, .sub_wrap {width:100%; max-width:1280px;  margin:0 auto; position:relative; top:20% ; padding-bottom: 80px;}
.m_img_wrap img {max-width:1280px; width:100%; margin:0 auto;}
.m_img_wrap img.m_icon {max-width:1280px; width:100%; margin:30px auto 0;}

.main_icon {width:100%; text-align:center; max-width:1280px; position:relative; margin-top:150px;}
.main_icon a { margin-right:31px;}
.main_icon img { width:22%;}
.icon_right {margin-right:0 !important;}
.m_title01 {color:#fff; font-size:29px; font-weight:600; margin-bottom:-4px;}
.m_title01 span {background:#1d1c1b; padding:7px 10px;}
.m_title02 {color:#fff; font-size:71px; font-weight:600; }
.m_title02 span {color:#f5dc52;}
.m_title03 {border-left:1px solid #fff; padding-left:13px; color:#fff; font-size:22px; font-weight:600;}
.main_title {position:relative;}


/* guide */
.guide_txt img, .guide_box {float:left; margin-top:40px;}
.guide_txt img {margin-right:10px;}
.guide_box {border-left:2px solid #c6c6c6; max-height:76px; padding-left:12px;}
.guide_txt {clear:both; }
.guide_txt02 {font-size:19px !important; margin-top:0 !important}
.guide_txt03 {font-size:15px !important; margin-top:-21px !important; line-height:21px;}

.api_txtwrap {background:url(../images/guide_line_r.png) left center no-repeat; float:left; width:40%; padding-left:8%; margin-left:-7px; }
.api_txtwrap02 {background:url(../images/guide_line_l.png) right center no-repeat; float:left; width:48%; padding-right:8%; margin-right:-7px; position:relative}
.api_imgwrap img {float:left; width:60%; max-width:650px;}
.api_imgwrap img.bd_none {float:left; width:52%; border:none; max-width:557px; padding-bottom:40px;}
.api_txt {width:100%; background:#f4f4f4; border:1px solid #dddddd; padding:15px;}
.api_txt p.m_top0 {margin-top:0 !important}
.api_txt p {margin-bottom:0 !important}
.api_imgwrap {padding-top:40px; width:100%; clear:both;}

.guidetab_wrap02 {display:none;}
.container-fluid03 h2 {
	font-weight: normal;
	font-size: 23px;
	font-weight:600;
	margin-bottom:20px;
	margin-top:15px;
}


/* 이용 신청 */
.application_link {font-size:22px; font-weight:600; color:#024a73; margin-top: 7px; margin-bottom:14px; position:relative; float:right;}
.application_link a {color:#858585 !important; text-decoration:none !important; margin-right:5px; font-size:16px} 
.application_link img {margin-top:-3px;}
table {background:#fff !important; width:100%; border:1px solid #dbdbdb; font-size:17px; font-weight:600; text-align:center; clear:both}
table tr {height:45px; padding:5px 10px;}
table tr th {background:#242424; color:#fff;  font-weight:normal; text-align:center; font-weight:600;}
table tr td {border:1px solid #dbdbdb;}
table tr td span {font-weight:normal}
.tr_pd td {padding:13px }

.a_link {float:left;}
.cr_btn {float:left;}
.cr_btn:hover .cb_view{display:block;}
.cr_btn .cb_view{display:none; position:absolute; top:29px; right:-9px;}
.cr_btn .cb_view .tooltip_mb {display:none;}
.btn_box {width:100%; text-align:center; clear:both; margin-top:0;}
.btn_box a, .btn_box a:hover {color:#fff !important; text-decoration:none !important}
a .btn_application, a:hover .btn_application {font-size:31px; color:#fff !important; background:#e4433c; border-radius:5px; padding:10px 27px; text-align:center; margin-top: 30px; text-decoration:none !important; font-weight:600;}


/* faq */
#faq .sub_title {color:#fff;}
.container-fluid {
  height: 100%;
  width:100% !important;
  max-width:1280px !important;
  padding-bottom: 50px;
   z-index:100;
   margin:0 !important;
   padding:0 !important;
}

.container-fluid .row {margin:0px !important;}

/* faq panel */
.acc_title { font-size:17px; font-weight:600; color:#fff; margin-top:10px; text-align:left;}
.panel_faq {
  padding: 0px;
}

.panel,
.flip {
  padding: 10px 15px;
  text-align: left;
  border: 0px;
}

.panel {
  background-color:#fff !important;
  display: none;
  margin-top:-7px !important;
  font-size:13px;
  margin-bottom:10px !important;
  line-height:21px; 
  padding:15px 38px;
  border-radius:0 !important;
}

.flip {
  background-color:#000;
  color: #fff;
  font-weight:600;
  cursor:pointer;
  margin-bottom:7px;
  font-size:16px;
  height:37px;
  line-height:16px;
  border-top:1px solid #323232;
  border-bottom:1px solid #323232;
}

.flip:hover {
  color: #fff;
}

.flip img {margin-top:-4px;}

.email_btn {text-align:center;}
a.btn_email {background:#e4433c; border-radius:5px; line-height:50px; color:#fff; font-weight:600; margin:0 auto; padding:12px 50px; font-size:17px; text-decoration:none;}
a.btn_email:hover {text-decoration:none; color:#fff;}


/* 서비스 안내 */
ol.tab_api li {width:120px; height:33px; background:#dddddd; float:left; margin-right:3px; font-size:17px; text-align:center; line-height:33px;}
ol.tab_api li a {color:#595959; text-decoration:none;}
ol.tab_api li.active, ol.tab_api li.active a {color:#fff !important; background:#707070; text-decoration:none;}
.tabapi_container {background:#f4f4f4; clear:both}

.service_tab01 {float:left; width:47%; height:100%; min-height:400px;}
.service_tab02 {float:right; width:48%; height:100%; min-height:400px;}
.tab_api_content {padding:13px; min-height:200px;}
.tab_api_content img {width:100%;}
.tab_api_content p {font-size:15px; font-weight:normal; text-align:center; color:#595959; margin-bottom:0px !important}
.stab_content {background:url(../images/service_back.png) bottom left no-repeat; background-color:#fff}
.tab_bgf {background:#fff;}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	width: 100%;
	position:relative;
	top:0px;
	padding-bottom:9px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 31px;
	border-left: none;
	background: #fff;
	overflow: hidden;
	position: relative;
	width:195px;
	text-align:center;
	margin-right:5px;
	
}
ul.tabs li a {
	text-decoration: none;
	color: #595959;
	display: block;
	font-size: 1.2em;
	outline: none;
	line-height:50px;
	width:100%;
	height:100%;
	font-weight:600;
	font-size:18px;
	border:1px solid #d6d6d6;
}
ul.tabs li a:hover {
	background: #f4ad47;
	color:#fff;
	border:1px solid #ed9921;
}	
html ul.tabs li.active a:hover, html ul.tabs li.active a, html ul.tabs02 li.active a:hover, html ul.tabs02 li.active a{
	background: #f4ad47;
	border:1px solid #ed9921;
	color:#fff !important;
}

.tab_container {
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	position:relative;
	margin-top:15px;
	padding:40px 50px 40px 50px;
	min-height:450px;
}

.tab_content, .tab_content02 {
	font-size: 1.2em;
	clear:both
}
.tab_content h2, .tab_content02 h2 {
	font-weight: normal;
	font-size: 25px;
	font-weight:600;
	margin-bottom:20px;
}
.tab_content h3 a, .tab_content02 h3 a{
	color: #254588;
}

ul.tabs02 {
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	width: 100%;
	position:relative;
	top:0px;
	padding-bottom:9px;
}
ul.tabs02 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 31px;
	border-left: none;
	background: #fff;
	overflow: hidden;
	position: relative;
	width:195px;
	text-align:center;
	margin-right:5px;
}
ul.tabs02 li a {
	text-decoration: none;
	color: #595959;
	display: block;
	font-size: 1.2em;
	outline: none;
	line-height:50px;
	width:100%;
	height:100%;
	font-weight:600;
	font-size:18px;
	border:1px solid #d6d6d6;
}
ul.tabs02 li a:hover {
	background: #f4ad47;
	color:#fff;
	border:1px solid #ed9921;
}	
html ul.tabs02 li.active a:hover, html ul.tabs li.active a  {
	background: #f4ad47;
	border:1px solid #ed9921;
	color:#fff !important;
}
.tab_container02 {
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	position:relative;
	margin-top:15px;
	padding:40px 50px 40px 50px;
	min-height:450px;
	max-height:550px; 
	overflow-y:auto;
}

.tab_content p, .tab_content02 p {margin-top: 10px; margin-bottom:30px; font-size:16px;}

.api_img {width:140px; float:left; margin-right:35px; display:block}
.api_img img {border:none; margin-bottom:4px; }
.api_img p {text-align:center; font-size:16px; font-weight:600; margin-top:0;}
.api_active {border:2px solid #ffcc66 !important; border-radius:18px;}

.api_img01 {background:#f4f4f4; width:100%; margin:0 auto; clear:both; padding:20px; text-align:center;}


/*서비스 mobile*/
.container-fluid02 h2 {
	font-weight: normal;
	font-size: 23px;
	font-weight:600;
	margin-bottom:20px;
	margin-top:15px;
}

.container-fluid02 ol.tab_api02 li {width:85px; height:33px; background:#dddddd; float:left; margin-right:3px; font-size:17px; text-align:center; line-height:33px;}
.container-fluid02 ol.tab_api02 li a {color:#595959; text-decoration:none;}
.container-fluid02 ol.tab_api02 li.active, ol.tab_api02 li.active a {color:#fff !important; background:#707070; text-decoration:none;}
.container-fluid02 .tabapi_container03 {background:#f4f4f4; clear:both;padding:15px; margin-bottom:30px;}
.container-fluid02 .tabapi_container03 img {width:100%;}
.container-fluid02 .service_tab02 {margin-top:10px;}
.container-fluid02 .tabapi_container03 p {text-align:center; margin-top:6px;}



/* 팝업 */
.pop_wrap table tr {height:38px;}

.mw_login1{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:1000;display:none;}
.mw_login1.open{display:block}
.mw_login1 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#login1{width:320px;height:570px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#login1.g_login1 .g_login1{display:block}
#login1 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-86px;right:-315px;cursor:pointer;}

.mw_login2{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:1000;display:none;}
.mw_login2.open{display:block}
.mw_login2 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#login2{width:320px;height:537px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#login2.g_login2 .g_login2{display:block}
#login2 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-86px;right:-315px;cursor:pointer;}

.mw_popup{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%}
.mw_popup.open{display:block}
.mw_popup .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#popup{width:320px;height:500px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#popup.g_popup .g_pVopup{display:block}
#popup .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-47px;right:-314px;cursor:pointer;}
#popup .und{width:100%;height:31px;margin:5px 0 0;padding:0;position:relative;display:block;cursor:pointer;}
#popup .und .close{width:65px;height:31px;margin:0 !important;right:0;}
#popup .und .btn1{top:10px !important;left:120px !important;}
#popup .und .btn2{top:10px !important;left:200px !important;}

.mw_pop1{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:10000;display:none;}
.mw_pop1.open{display:block}
.mw_pop1 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop1{width:320px;height:230px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop1.g_pop1 .g_pop1{display:block}
#pop1 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-122px;right:-316px;cursor:pointer;}
#pop1 .und .close{width:100%;height:50px;margin:0;padding:0;border:0;background:#2b3f5c;text-align:center;text-decoration:none !important;font-size:18px;color:#fff;line-height:50px;overflow:visible;position:absolute;left:0;top:250px;display:block;cursor:pointer;}

.mw_pop2{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop2.open{display:block}
.mw_pop2 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop2{width:320px;height:350px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop2.g_pop2 .g_pop2{display:block}
#pop2 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-175px;right:-316px;cursor:pointer;}
#pop2 .und .close{width:60px;height:30px;margin:0;padding:0;border:0;background:#2b3f5c;text-align:center;text-decoration:none !important;font-size:16px;color:#fff;line-height:30px;overflow:visible;position:absolute;left:43%;;top:300px;display:block;cursor:pointer;}

.mw_pop3{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop3.open{display:block}
.mw_pop3 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop3{width:430px;height:570px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop3.g_pop3 .g_pop3{display:block}
#pop3 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-80px;right:-420px;cursor:pointer;}


.mw_pop4{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop4.open{display:block}
.mw_pop4 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop4{width:320px;height:400px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop4.g_pop4 .g_pop4{display:block}
#pop4 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-69px;right:-317px;cursor:pointer;}


.mw_pop5{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop5 .pop_wrap .content_div {height:245px;}
.mw_pop5.open{display:block}
.mw_pop5 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop5{width:430px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop5.g_pop5 .g_pop5{display:block}
#pop5 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-87px;right:-316px;cursor:pointer;}

.mw_pop6{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop6 .pop_wrap .content_div {height:234px;}
.mw_pop6.open{display:block}
.mw_pop6 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop6{width:430px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop6.g_pop6 .g_pop6{display:block}
#pop6 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-80px;right:-420px;cursor:pointer;}

.mw_pop7{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%; }
.mw_pop7 .pop_wrap .content_div {height:265px;}
.mw_pop7 .pop_wrap {width:328px;}
.mw_pop7.open{display:block}
.mw_pop7 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop7{width:320px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop7.g_pop7 .g_pop7{display:block}
#pop7 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-68px;right:-316px;cursor:pointer;}

.mw_pop8{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop8.open{display:block}
.mw_pop8 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop8{width:320px;height:570px;margin:-110px 0 0 -160px;padding:0;background:#fff;position:absolute;top:27%;left:50%;}
#pop8.g_pop8 .g_pop8{display:block}
#pop8 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-47px;right:-316px;cursor:pointer;}
#pop8 .pop_wrap .content_div02{
	background-color:#fff;
	padding: 20px 25px;
	color:#333;
	font-size:15px;
	height:478px;
	overflow-y:scroll;
	text-align:left;
}
#pop8 .title_div {background:#071428; color:#fff; padding:18px 20px;}
#pop8 .pop_wrap .content_div02 .pop_ti04 {text-align:left;}
#pop8 .pop_wrap .pop_ti01 {font-size:18px;}
.terms01 {margin-bottom:20px;}
.terms01 strong {font-weight:600; font-size:15px;}
.terms02 strong {font-weight:600; font-size:14px;}
.terms02 p {margin-top: 8px;}
.terms02 span {font-size:13px;}
.terms02 {padding-left:14px;}

.mw_pop9{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:10000;display:none;}
.mw_pop9.open{display:block}
.mw_pop9 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop9{width:430px;height:183px;margin:-150px 0 0 -245px;padding:0;background:#fff;position:absolute;top:30%;left:50%;}
#pop9.g_pop9 .g_pop9{display:block}
#pop9 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-29px;right:-420px;cursor:pointer;}
#pop9 .und .close{width:100%;height:50px;margin:0;padding:0;border:0;background:#2b3f5c;text-align:center;text-decoration:none !important;font-size:18px;color:#fff;line-height:50px;overflow:visible;position:absolute;left:0;top:250px;display:block;cursor:pointer;}


.mw_pop10{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_pop10.open{display:block}
.mw_pop10 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop10{width:430px;height:400px;margin:-150px 0 0 -245px;padding:0;background:#fff;position:absolute;top:30%;left:50%;}
#pop10.g_pop10 .g_pop10{display:block}
#pop10 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-70px;right:-420px;cursor:pointer;}
#pop10 .title_div {background:#071428; color:#fff;}

.mw_pop11{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;z-index:10000;display:none;}
.mw_pop11.open{display:block}
.mw_pop11 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#pop11{width:430px;height:148px;margin:-150px 0 0 -245px;padding:0;background:#fff;position:absolute;top:30%;left:50%;}
#pop11.g_pop11 .g_pop11{display:block}
#pop11 .close{width:25px;height:25px;margin:25px;padding:0;border:0;background:transparent;text-decoration:none !important;overflow:visible;position:absolute;top:-29px;right:-420px;cursor:pointer;}
#pop11 .und .close{width:100%;height:50px;margin:0;padding:0;border:0;background:#2b3f5c;text-align:center;text-decoration:none !important;font-size:18px;color:#fff;line-height:50px;overflow:visible;position:absolute;left:0;top:250px;display:block;cursor:pointer;}


.mw_pop7 table tr td, .mw_login1 table tr td, .mw_login2 table tr td, .mw_popup table tr td, .mw_pop1 table tr td, .mw_pop2 table tr td, .mw_pop3 table tr td, .mw_pop4 table tr td, .mw_pop5 table tr td, .mw_pop6 table tr td, .mw_pop7 table tr td, .mw_pop8 table tr td, .mw_pop9 table tr td, .mw_pop10 table tr td, .mw_pop11 table tr td {font-weight:600; font-size:15px;}




.clear{width:100% !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;display:block !important;float:none !important;clear:both !important;overflow:hidden !important;}




.pop_back{
	width: 100%;
	height: 100%;
	background-color:#000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: absolute;
	z-index: 99;
	display: none;
}

.pop_back.on{display: block;}

.pop_wrap{
	width: 320px;
	height: 570px;
	color: #fff;
	position: absolute;
	z-index: 999;
}

.pop_wrap .close_btn{
	position:relative;
	cursor: pointer;
}

.pop_wrap .title_div{padding:20px 20px 10px;color:#333;}
.pop_wrap .title_div02{padding:30px 20px 30px;color:#ededed; background:#071428;}
.pop_wrap .title_div03{padding:20px 20px 10px;color:#ededed; background:#071428;}
.pop_wrap .pop_ti01{font-size:16px;font-weight:600;line-height:22px;}
.pop_wrap .pop_ti02{font-size:26px;font-weight:600;line-height:32px; margin-bottom:3px;}
.pop_wrap .pop_ti03{text-align:center;font-size:38px;font-weight:600;line-height:48px;}
.pop_wrap .pop_ti04{text-align:center;font-size:16px;font-weight:600;line-height:22px;}
.pop_wrap .pop_ti05{font-size:13px;font-weight:600;line-height:20px;}
.pop_wrap .pop_ti06{font-size:23px;font-weight:600;line-height:20px;}

.pop_wrap .sti_div1{
	padding:11px 20px;
	font-size:15px;
	text-align:left;
	line-height:24px;
	background-color:#071428;
}
.pop_wrap .sti_div2{
	padding:15px 20px;
	font-size:15px;
	text-align:left;
	line-height:24px;
	background-color:#6888ba;
}
.pop_wrap .sti_div1 a, .pop_wrap .sti_div2 a, .pop_wrap .sti_div3 a{color:#fff;}
.pop_wrap .sd_ti{margin:0 0 5px; font-size:17px; font-weight:600; line-height:23px;}
.pop_wrap .sd_ti a {font-size:14px; margin-left:18px; text-decoration:underline}
.pop_wrap .sd_sti{color:#fff; font-size:12px; font-weight:600; letter-spacing:0.7px;}
.sd_sti input {vertical-align:middle}

.pop_wrap .content_div{
	background-color:#fff;
	padding: 20px 15px;
	color:#333;
	font-size:15px;
}
.pop_wrap .table_div table{width:100%;margin:0 0 15px; border:none; text-align:left}
.pop_wrap .table_div table tr td{height:38px; border:none;}
.pop_wrap .table_div input{margin-top:-14px; margin-bottom:18px;}
.pop_wrap .table_div table tr.title_tr td{padding-left:15px;}
.pop_wrap .table_div table tr td.text2{width:185px;}
.pop_wrap .table_div table tr.text2 td, .pop_wrap .table_div table tr.text2 td input{width:177px;margin:2px 0;}
.table_div table tr.text2 td input {border:1px solid #a0a0a0; height:31px;}

.pop_wrap .box_div1{margin:10px 0;padding:10px 0;background-color:#dcdcdc;border:1px solid #c7c7c7;text-align:center;font-size:20px;font-weight:500;line-height:28px;}
.pop_wrap .box_div2{margin:0 0 10px;padding:10px 0;background-color:#dcdcdc;border:1px solid #c7c7c7;text-align:center;font-size:20px;font-weight:500;line-height:28px;}
.pop_wrap .box_div3{margin:0 0 10px;padding:10px 0;background-color:#2b3f5c;border:1px solid #c7c7c7;text-align:center;font-size:20px;font-weight:500;line-height:28px;}

.pop_wrap textarea{
	width: 360px;
    height: 270px;
    padding: 10px;
    resize: none;
}

.pop_wrap .p{
	text-align:left;
	font-size:12px;
	color: #ff2000;
	line-height:20px;
	letter-spacing:0;
}

.p_bk{
	text-align:left;
	font-size:12px;
	color: #272727;
	line-height:20px;
	letter-spacing:0;	
	margin-top:5px;
}

.pop_wrap .btn_div{
	margin-top:15px;
	text-align:center;
}

.pop_wrap .btn_div img{
	margin:0 5px;
	cursor:pointer;
}

.login_btn {border:none;}
.login_box input {width:auto !important; float:left; margin:4px 4px 0 0 !important;}
.login_box {clear:both; margin:-12px 0 10px 86px;}
.login_btn02 {margin-left:8px; text-decoration:underline; color:#024a73;}
.login_btn02:hover {text-decoration:underline; color:#024a73;}
.login_txt {font-weight:600; font-size:22px; margin-bottom:18px;margin-top:10px;}
.login_txt02 {font-weight:600;}

/* footer */
.footer {width:100%; height:98px; background:#000;}
.footer_section {width:100%; max-width:1280px;margin:0 auto;padding:0 16px;}
.footer_left {float:left; padding:30px 0 30px 0; width:20%}
.footer_right {float:right; color:#ececec; font-size:13px; font-weight:400; width:80%; padding:27px 0; text-align:left;}
.f_contact {margin-bottom:6px;}
a.f_mail {color:#ececec; text-decoration:none;}
.h_login {border:2px solid #5e5e5e; border-radius:6px !important; padding:3px 10px !important; position:relative; top:-5px; }
.h_login:hover {color:#fff !important;}
.title_div {font-size:15px; font-weight:600;}



/* mypage */
.mypage_info {font-size:19px; font-weight:normal; margin-bottom:10px;}
.mypage_info strong, .mypage_list strong {font-weight:600;}
.sub_title02 {font-size:23px; color:#1e1e1e; font-weight:800; margin-bottom:30px; clear:both}
.mypage_list {background:#fbfbfb; border-top:1px solid #c2c4c6; border-bottom:1px solid #c2c4c6; padding:20px;}
.mypage_left {width:49%; float:left; margin-bottom:60px; }
.mypage_left ul li, .mypage_right ul li {font-size:17px; height:50px; line-height:50px;}
.mypage_right {width:49%; float:right; margin-bottom:60px;}

.mypage_btn01 {margin-top:10px; text-align:center;}

.mypage_table {width:100%; border-top:1px solid #c2c4c6; border-bottom:1px solid #c2c4c6; border-left:none; border-right:none; color:#1e1e1e;}
.mypage_table th {background:#fbfbfb; border:none; color:#1e1e1e;}
.mypage_table td {border:none; font-weight:normal}
.m_table_tr {border-top:1px solid #dddedf; border-bottom:1px solid #dddedf; }

.mypage_table02 {width:100%; border-top:1px solid #c2c4c6; border-bottom:1px solid #c2c4c6; border-left:none; border-right:none; color:#1e1e1e; font-size:15px;}
.mypage_table02 tr {border-top:1px solid #dddedf; border-bottom:1px solid #dddedf;}
.mypage_table02 th {background:#fbfbfb; border:none; color:#1e1e1e;}
.mypage_table02 td {border:none; font-weight:normal; text-align:left; padding-left:15px;}
.mypage_mobile {display:none;}


.navbar-default .navbar-nav > .active > a.mypage, .navbar-default .navbar-nav > .active > a.mypage:focus, .navbar-default .navbar-nav > .active > a.mypage:hover { background:#071428; color:#fff; padding:5px 14px; margin-top:10px; margin-left:4px;}

.m_bg {display:none;}

.servicetab_wrap02 {display:none}

/* media query */
@media all and (max-width:1280px){
	.api_img01 img {width:100%;}
	.m_bg {display:none;}
}
@media all and (max-width:1024px){.m_bg {display:none;}}
@media all and (max-width:980px){
	.intro-section {padding-top:50px !important;}
	.intro-section .content {padding:0 30px !important}
	.content {padding:0 10px;}
	ul.tabs {max-width:100%; background:none; }
	ul.tabs li {width:163px; height:50px; margin-right:10px; margin-bottom:8px; text-align:center;}
	ul.tabs li a {padding:1px 20px;}
	.tab_container {clear:both; left:0; width:100%; padding:20px}
	ul.tabs li.tab_title a {padding-top:3px}
	ul.tabs02 {max-width:100%; background:none; }
	ul.tabs02 li {width:163px; height:50px; margin-right:10px; margin-bottom:8px; text-align:center;}
	ul.tabs02 li a {padding:1px 20px;}
	.tab_container02 {clear:both; left:0; width:100%;}
	ul.tabs li.tab_title a {padding-top:3px}
	.api_img01 img {width:100%;}
	.mypage_info strong, .mypage_list strong {line-height:11px;}
	.mypage_left ul li, .mypage_right ul li {height:auto;}
	.mypage_left {width:100%; clear:both; margin-bottom:30px;}
	.mypage_right {width:100%; clear:both;}
	.footer_right {width:74%;}
	.navbar-nav > li {margin-left:0 !important}
	.api_img img {width:100%;}
	.api_img {width:103px; margin-right:17px;}
	
	html {background:#fbfbfb}
	
	}
@media all and (max-width:768px){
	.mypage_right .mypage_list span {display:block;}
	.key {font-size:15px; min-width:300px; overflow:auto; display:block}
	.mypage_info {font-size:17px;}
	.mypage_left ul li, .mypage_right ul li {font-size:15px;}
	.mypage-section {padding-bottom:0 !important; height:auto;}
	.blank {display:none}
	.mypage_mobile {display:block}
	.mypage_web {display:none;}
	.intro-section {background-image:url(../images/main_img_m.png) !important; background-attachment:inherit !important; margin-top:50px;}
	.faq-section {background-image:url(../images/faq_img_m.png) !important; background-attachment:local !important;}
	.services-section, .guide-section {height:auto !important}
	.guide-section, .services-section {padding-top:80px !important; padding-bottom:100px !important;}
	.guidetab_wrap01 {display:none;}
	.guidetab_wrap02 {display:block;}
	.main_icon {display:none;}
	.m_title01 {font-size:19px;} .m_title02 {font-size:55px; } .m_title03 {font-size:16px; margin-top:10px;}
	.main_bg img {display:none;}
	.m_bg {display:block !important}
	/*.main_icon {margin-top:25px;}
	.main_icon span {display:block; margin-bottom:30px;}
	.main_icon span img {width:23%;}*/
	.n_bar {display:none !important;}
	.login {padding:0 !important; margin:0 !important;}
	.navbar-default .navbar-nav > .active > a.mypage, .navbar-default .navbar-nav > .active > a.mypage:focus, .navbar-default .navbar-nav > .active > a.mypage:hover {margin-left:0 !important;}
	.footer_left, .footer_right {width:100%; text-align:center;}
	.footer_right {padding-top:0;}
	.footer {height:201px;}
	.f_contact span {display:block;}
	.a_link {font-size:19px; clear:both;}
	.cr_btn .cb_view .tooltip_web {display:none;}
	.cr_btn .cb_view {display:block; position:relative; top:3px; left:0;}
	.application_link img {display:none;}
	.ac-container input:checked ~ article.ac-small {height:auto;}
	.ac-container article p {line-height:23px;}
	.ac-container label {letter-spacing:0; font-size:15px; line-height:21px;}
	.api_img01 {padding:0; background:none; margin-top:20px; padding-bottom:30px;}
	 .services-section {padding-top:100px !important;}
	.faq-section{padding-top:100px !important; height:auto !important}
	.application-section{padding-top:0px !important; margin-bottom:260px;}
	 /*.faq-section {margin-bottom:240px; }
	.footer {margin-top:240px;}*/
	.m_img_wrap, .sub_wrap {padding-bottom:80px; top:18%;}
	.sub_title {font-size:23px; margin-bottom:30px;}
	#login1, #pop8, #login2, #popup {height:400px; }
	#login1 .pop_wrap .content_div, #login2 .pop_wrap .content_div {height:216px; overflow-x:hidden; overflow-h:scroll;}
	#pop8 .pop_wrap .content_div02 {height:342px; overflow-x:hidden; overflow-h:scroll;}
	#popup .pop_wrap .content_div {height:320px; overflow-x:hidden; overflow-h:scroll;}
	.stab_content {background:none; height:auto !important; min-height:50px !important; margin-bottom:20px;}
	.service_tab01, .service_tab02 {width:100%; height:auto !important; min-height:auto !important}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background:#000; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#e4433c !important;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#fff; cursor:pointer}
	.guide_box {border:none; padding-left:0; margin-top:5px; max-height:none; height:auto; padding-bottom:20px;}
	.guide_txt03 {margin-top:10px !important;}
	.servicetab_wrap01 {display:none}
	
	
	.servicetab_wrap02 {display:block; clear:both;}
	
	.container-fluid02 {
	  height: 100% !important;
	  width:100% !important;
	  max-width:1280px !important;
	  padding-bottom: 50px;
	   z-index:100;
	   margin:0 !important;
	   padding:0 !important;
	}
	
	.container-fluid02 .row02 {margin:0px !important; height:100%;}
	
	/* faq panel */
	.panel_faq02 {
	  padding: 0px;
	}
	
	.panel02,	.flip02 {
	  padding: 10px 15px;
	  text-align: left;
	  border: 0px;
	}
	
	.panel02 {
	  background-color:#fff !important;
	  display: none;
	  margin-top:-7px !important;
	  margin-bottom:10px !important;
	  padding:15px 20px;
	  border-radius:0 !important;
	  max-height:300px; 
	  overflow-y:auto;
	}
	
	/*.flip02 {
	  background-color:#f4ad47;
	  color:#fff;
	  font-weight:600;
	  cursor:pointer;
	  margin-bottom:7px;
	  font-size:16px;
	  height:37px;
	  line-height:16px;
	  border:1px solid #ed9921;
	  clear:both;
	}
	
	.flip02:hover {
	  color: #fff;
	}*/
	
	.flip02 {
		background:#fff;
		border:1px solid #d6d6d6;
		font-weight:600;
		cursor:pointer;
	    margin-bottom:7px;
	    font-size:16px;
	    height:37px;
	    line-height:16px;
		clear:both;
		color:#595959;
	}
	
	.flip02:hover, .flip02.active {
	  color: #fff;
	  background-color:#f4ad47;
	  border:1px solid #ed9921;
	}
	
	.cr_btn .cb_view .tooltip_mb {display:block; position:relative; top:0; left:0; background:#f4f4f4; border:1px solid #ddd; padding:10px; font-size:12px; color:#858585; margin-top:-10px; font-weight:400;  clear:both;}
	.btn_box {margin-top:30px;}
	a .btn_application, a:hover .btn_application {font-size:23px;}
	.application_link {float:none; }
	.api_imgwrap img, .api_imgwrap img.bd_none {width:100%;}
	.api_txtwrap {width:100%; background:none; padding-left:0; margin-left:0; margin-top:10px;}
	.api_txtwrap02 {width:100%; background:none; padding-right:0; margin-right:0; margin-top:10px; padding-bottom:20px;}
	.api_imgwrap {padding-top:0;}
	.api_imgwrap img.bd_none {padding-bottom:0; margin-top:20px;}
	
	.container-fluid03 {
	  height: 100% !important;
	  width:100% !important;
	  max-width:1280px !important;
	  padding-bottom: 50px;
	   z-index:100;
	   margin:0 !important;
	   padding:0 !important;
	}
	
	.container-fluid03 .row03 {margin:0px !important; height:100%;}
	
	/* faq panel */
	.panel_faq03 {
	  padding: 0px;
	}
	
	.panel03,	.flip03 {
	  padding: 10px 15px;
	  text-align: left;
	  border: 0px;
	}
	
	.panel03 {
	  background-color:#fff !important;
	  display: none;
	  margin-top:-7px !important;
	  margin-bottom:10px !important;
	  padding:15px 20px;
	  border-radius:0 !important;
	  max-height:300px; 
	  overflow-y:auto;
	}
	
	/*.flip03 {
	  background-color:#f4ad47;
	  color:#fff;
	  font-weight:600;
	  cursor:pointer;
	  margin-bottom:7px;
	  font-size:16px;
	  height:37px;
	  line-height:16px;
	  border:1px solid #ed9921;
	  clear:both;
	}
	
	.flip03:hover {
	  color: #fff;
	}*/
	
	.flip03 {
		background:#fff;
		border:1px solid #d6d6d6;
		font-weight:600;
		cursor:pointer;
	    margin-bottom:7px;
	    font-size:16px;
	    height:37px;
	    line-height:16px;
		clear:both;
		color:#595959;
	}
	
	.flip03:hover, .flip03.active {
	  color: #fff;
	  background-color:#f4ad47;
	  border:1px solid #ed9921;
	}
}
@media all and (max-width:480px){
	ul.tabs li {width:100%;}
	ul.tabs02 li {width:100%;}
	}
@media all and (max-width:419px){}