@charset "UTF-8";

.header_top{background-color:#ffce00; box-shadow: 0px 2px 8px rgba(0,0,0,0.2); padding:10px 0; line-height:46px;}
.header_top:after{content:""; display:block; clear:both;}
	.logo{float:left; vertical-align:middle;width:160px;}
	.logo a img{width:90%}

	.top_call{display:inline-block; color:#3a2020; font-weight:bold; font-size:20px; float:left;margin-top:5px}
		.top_call img{display:none;}
		.top_call a{color:#3a2020;}
	.yellowid{display:inline-block; color:#361604;  font-family: 'notokr-bold'; float:right; font-size:18px;}
	.yellowid img{ margin-right:5px; vertical-align:middle;}
	
	.qrcode{float:right; display:inline-block; vertical-align:middle; margin-left:10px;}
	.qrcode img{ /* width:50px; height:50px; */ }


.header_wrap{border-bottom:1px solid #dadada; padding:10px 0; background:#fff; }
.header_wrap:after{content:""; display:block; clear:both;}
	
	
	/* 기존
	.header_title{display:inline-block; font-size:28px; font-family: 'notokr-regular';  margin-left:0%; letter-spacing:-1px; vertical-align:middle; margin-top:8px}
	.header_title strong{font-weight:normal; font-family: 'notokr-bold';}
	*/

	.header_title{display:inline-block; font-size:20px; font-family: 'notokr-regular';  margin-left:0%; letter-spacing:-1px; vertical-align:middle; margin-top:8px}
	.header_title strong{font-weight:bold; font-family: 'notokr-bold'; color:#ff6600}


	.common_nav{float:right; margin-top:15px;}
	.common_nav li{float:left; margin-right:15px;}
	.common_nav li a{color:#000; font-size:14px; font-family: 'notokr-regular';}
	
	
	
	
	/* 기존 
	.header_lte{margin-right:20px;}
	.header_lte:hover span{color:#e20000;}
	.header_lte_on{background:#e20000;color:#fff !important;padding:5px 10px; }

	.header_wifi:hover span{color:#00bff3;}
	.header_wifi_on{background:#00bff3;color:#fff !important;padding:5px 10px}
	*/


	.header_lte{margin-right:20px; font-size:18px; margin-left:30px; }
	.header_lte:hover span{color:#e20000;}
	.header_lte_on{ background:#e20000;color:#fff !important;padding:5px 10px; }

	.header_wifi:hover span{color:#00bff3;  font-size:18px;}
	.header_wifi_on{background:#00bff3;color:#fff !important;padding:5px 10px}





	.google_tran {float:right; margin-top:13px;}
	.google_tran select{border:1px solid #ccc; background:url(../../_images/common/select_arrow01.png) no-repeat 90% center;}

.header_bottom{background-color:#fafafa; /*min-height:60px; /*line-height:60px;*/ position:relative; padding:12px 0 12px 0px; border-bottom:2px solid #000; }
.header_bottom:after{content:""; display:block; clear:both;}

	.scroll_nav{display:inline; }
	.scroll_nav li{display:inline-block; margin-right:10px;}
	.scroll_nav li.mr2{display:inline-block; margin-right:1% !important;}
	.scroll_nav li:last-child{margin-right:0;}
	.scroll_nav li a {color:#000; font-size:16px; font-family: 'notokr-light';}

	.header_btn{float:right;}
	.header_btn li{display:inline-block; height:30px; line-height:30px; padding:0 15px; background-color:#c0c0c0;}
	.header_btn li:last-child{background-color:#00bff3;}
	.header_btn li.bg1{background-color:#e20000}
	.header_btn li.bg2{background-color:#00bff3}

	.header_btn2{float:right;line-height:0px; margin: -3px 0 22px;}
	.header_btn2 li{display:inline-block; height:30px; line-height:30px; padding:0 15px; background-color:#c0c0c0;}
	.header_btn2 li:last-child{background-color:#00bff3;}
	.header_btn2 li.bg1{background-color:#00bff3;}
	.header_btn2 li a{color:#fff; font-size:15px; font-family: 'notokr-medium'; display:block; cursor:pointer;}
	
	.header_btn2 li.m_menu{display:none}
	

	.header_btn li a{color:#fff; font-size:15px; font-family: 'notokr-medium'; display:block; cursor:pointer;}
	.mobile_menu_btn{display:none;}

.header_bottom.header_fixed{position:fixed; top:0; left:0; width:100%; z-index:9999;}
.header_wrap.header_fixed{position:fixed; top:0; left:0; width:100%; z-index:9999;}


/***2017-07-27**********/
.header_bottom .content_wrap:after{content:""; display:block; clear:both;}
.Extension{border:3px solid #01bff3; padding:4px 5px; font-weight:bold; color: #198ccf;}


@media only screen and (max-width:1436px){
.header_bottom{padding: 12px 0 12px;}
.header_btn2{margin: 14px 0 12px;}
}


@media only screen and (max-width:1200px) {
.Extension{position:absolute; right:35px; top:8px;}
.download_contract{position:absolute; left:34px; bottom:15px;}
.header_btn2{margin: 39px -1px 12px;}
}

@media all and (max-width:1148px) {
.header_btn2{margin: 20px -1px 12px;}
.header_title { font-size:24px; }
}

@media all and (max-width:1120px) {
 .header_btn2{margin: 39px -1px 12px;}
 .header_title { margin-top:15px;  }

}

@media only screen and (max-width:1056px) {
.header_btn2{margin: 18px 3px 12px;}
}

@media only screen and (max-width:959px){
.Extension{display:none;}
.header_btn2{margin: -7px 3px 5px;}
.header_title { margin-top:7px;  }
}


/***2017-07-27**********/


footer{background-color:#313131; padding:40px 0 30px;}
.top_btn{width:60px; height:60px; position:fixed; bottom:112px; right:6%; background:url(../../_images/common/top_btn.png) #000 no-repeat center center; cursor:pointer; display:none;z-index: 1}

.footer_logo{display:inline-block; vertical-align:middle; padding-right:20px; font-size:32px; color:#fff;  font-family: 'notokr-bold';}
.footer_call{display:inline-block; vertical-align:middle; color:#fff; font-size:25px; padding-right:20px;}
	.footer_call img{margin-right:5px; vertical-align:middle;}
.ag_list{display:inline-block; vertical-align:middle;}
	.ag_list li{display:inline-block;}
	.ag_list li:first-child{ margin-right:25px;  padding-right:25px; border-right:1px solid #fff; line-height:10px;}
	.ag_list li a{color:#fff; font-size:17px; font-weight:600;}

.company_info{font-size:15px; color:#aaa; margin-top:25px; display:inline-block; width:calc(100% - 170px);}
	.company_info span{display:inline-block; margin-right:15px; padding-right:15px; border-right:1px solid #aaa; line-height:10px;}
	.company_info span:last-child{margin-right:0; padding-right:0; border-right:none;}
.sns_ico{float:right; margin-top:25px;}
	.sns_ico:after{content:""; display:block; clear:both;}
	.sns_ico li{float:left; margin-right:30px;}
	.sns_ico li:last-child{margin-right:0;}


.copy{color:#676767; font-size:12px;}

/*--------------------------------------------------------------------------------------------*/

@media only screen and (max-width:13710px) {
	.company_info span {line-height: 20px;}
}

@media only screen and (max-width:1250px) {
.header_wrap{}
	.scroll_nav li{display:inline-block; margin-right:1%;}
	.header_btn li{padding:0 6px;}
	.common_nav li{margin-right:6px;}
}

@media only screen and (max-width:1120px) {

.header_top{}
	.logo img{width:147px;}
	.header_title{font-size:20px;  margin-left:1%;}

.header_wrap{}
	.scroll_nav{width:calc(100% - 307px);}
	.scroll_nav li{display:inline-block; margin-right:1%;}
	.scroll_nav li.mr2{display:inline-block; margin-right:0% !important;}

.header_bottom{}
}

@media only screen and (max-width:975px) {
.header_wrap{}
.scroll_nav li{display:inline-block; margin-right:1%;}
.common_nav li a { font-size:13px; }


}

/*--------------------------------------------------------------------------------------------*/
@media only screen and (min-width:960px) {
	.mobile_menu{display:none;}
}

@media only screen and (max-width:959px) {

.header_wrap{}
	.common_nav{display:none;}
	.google_tran{margin-top:0;}

.header_bottom{}
	.scroll_nav{display:none;}

	.mobile_menu_btn{display:inline-block;}

	.mobile_menu{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(1,191,243,1); z-index:9999; display:none; overflow-y:scroll; padding-bottom:30px;}
	.mobile_close_btn{width:92%; margin:0 auto; text-align:right;}
	.mobile_close_btn img{cursor:pointer;}
	.mobile_menu ul{width:92%; margin:0 auto;}
	.mobile_menu li { border-bottom:1px dotted #efefef; padding:7px;}
	.mobile_menu li a{color:#fff; font-size:18px; font-family: 'notokr-medium'; display:block;}

.header_btn2 li:last-child{display:none;}
.header_btn2 li.m_menu{display:block}
	.header_btn2 li.m_menu{height:30px; line-height:30px; padding:0 0px; background-color:#fafafa}
	.header_btn2 li.m_menu span a{color:#198ccf; font-size:16px; font-family:'notokr-medium';}
	.header_btn2 li.m_menu span{float:left;padding-right:8px;}
	.header_btn2 li.m_menu span.img_btn{border:3px solid #01bff3; padding:3px 8px; background:#fcff3e;}
	.header_btn2 li.m_menu span.img_btn img{width:15px; height:auto; margin-bottom:3px;}


footer{}
.footer_logo{padding-right:10px;}
.footer_call {padding-right:10px;}
.footer_call img{width:22px;}

.ag_list li:first-child{padding-right:10px; margin-right:10px; }
.ag_list li a {font-weight:normal;}
}


/*-------테블릿-------------------------------------------------------------------------------------*/
@media only screen and (max-width:767px) {

footer{}
.top_btn{bottom:16px;}
.ag_list{display:block; margin-top:15px;}
.ag_list li a{font-size:15px;}
.company_info{font-size:14px; width:100%; margin-top:15px;}
.sns_ico{float:inherit; margin-top:15px; margin-bottom:10px;}

}



/*-------모바일-------------------------------------------------------------------------------------*/
@media only screen and (max-width:640px) {
.m_dis_none{display:none;}

.header_top{}
	.top_call{font-size:18px; font-family: 'notokr-bold'; }
		.top_call img{display:inline-block; width:25px;}
	.yellowid img{width:100px; }

.header_wrap{}
	.google_tran{display:none;}

.header_bottom{}

.header_wifibg{background-color:#fafafa;height:108px}

.header_btn2{line-height:0px; margin-top: -6px;}
.header_btn2 li:nth-child(4){display:block;clear:both;margin-top:3px}
.header_btn2 li:nth-child(5){display:block;clear:both;margin-top:3px}


footer{}
.top_btn{bottom:16px; border-radius:50%; width:45px; height:45px; background-size:20px;}
.footer_logo img{width:104px;}
.footer_call{font-size:18px;}
.footer_call img{width:16px;}
.company_info span{line-height:inherit; border-right:none; margin-right:0; font-size:13px;}
}

@media only screen and (max-width:480px) {
.header_top{}
	.yellowid img{width:82px; vertical-align:middle;}
	.yellowid{font-size:15px;}

.header_wrap{}
	.logo img{width:119px;}
	.header_title{font-size:18px;  line-height:40px;}
	.header_lte{margin-right:5px;}
}

@media only screen and (max-width:400px) {
.header_top{line-height:28px;}
	.qrcode{float:inherit; display:block; text-align:right;}
	.qrcode img{width:35px; height:35px;}
	.header_title{font-size:14px; line-height:40px;}


}



@media only screen and (max-width:350px) {
.header_wrap{}
	.header_btn li a{font-size:13px;}
}






/************************* 2017.12.27 해외와이파이 추가 **********************************/
ul.form-group li { position:relative; }
span.hp_check {position:absolute;  right:0px; top:0px; z-index:100; font-size:14px;  width:20%; height:42px; line-height:42px; text-align:center; background:#666; color:#fff; }
p.hp_check_num {position:relative;  padding-left:20.5%; margin-top:5px; }
span.hp_check2 {position:absolute;  right:0px; top:0px; z-index:100; font-size:14px;  width:20%; height:42px; line-height:42px; text-align:center; background:#e20000; color:#fff; }
p.hp_check_num input { background:#f5f5f5; }

input.ltewifi_radio { width:20px; height:20px; margin-right:4px; }
p.ltewifi_guide {margin-left:20.5%; border:0px solid #ddd; margin-top:7px;   }

span.gtext { font-size:13px; color:#ff6600; }

ul.paytotal { border:2px solid #999; padding:20px; background:#f6f6f6; margin-top:20px; }
.agr_text p { background:#fff; }

li.tttma { border-top:1px solid #ddd; text-align:right; padding-top:10px; font-size:24px; }
li.tttma  > span.tit { font-size:24px; color:#000; }
span.pay_cost { margin-left:20px; }

p.ltewifi_guide span.ti { display:block; font-size:15px; color:#ff6600; }
p.ltewifi_guide span.plan_text { font-size:13px; padding-top:5px;  }

span.jjum { font-size:16px; padding-right:0px; padding-bottom:0px;}

p.ltewifi_guide2 { margin-left:20.5%; border:0px solid #ddd; margin-top:10px; padding-bottom:7px; font-size:13px;  border-bottom:1px solid #d4d4d4; }
span.btngo { background:#999; padding:0 10px; }
span.btngo a { font-size:13px; color:#fff;}


/************************* 2018.01.06  상단 조정 *********************************/
.top_gnb { display: inline-block; color: #3a2020; font-weight: bold; font-size: 20px; float: left;  margin-top: 5px; }




@media only screen and (max-width:530px) {
	p.header_title { font-size:18px; text-align:center; } 
	p.header_title a img { max-width:30px; }
}


@media only screen and (max-width:440px) {
	p.header_title { font-size:16px; text-align:center;} 
	p.header_title a img { max-width:25px; }
}


@media only screen and (max-width:390px) {
	p.header_title { font-size:14px; text-align:center;} 
	p.header_title a img { max-width:25px; }
}


















/* start : 팝업 */
/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:15%; left:10%; width:100%; height:100%; z-index:10000;}
.modal-fixed-pop-wrapper.on {display:block;}
.modal-fixed-pop-inner{position:absolute; display:table; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.modal-close-btn{position:absolute; top:1.1rem; right:1rem; color:#fff;}
.modal-close-btn i{font-size:3.8rem;}
.modal-close-btn i:hover {color:#fff;}

#mainPop_layer {overflow:hidden; overflow-y:hidden !important;}

/* 이미지 팝업 CSS */
.modal-fixed-pop-wrapper .img-modal-content {position: relative; width:500px; max-width:500px; z-index:100000;}
.modal-fixed-pop-wrapper .img-modal-inner {width:100%;}
.modal-fixed-pop-wrapper .img-modal-inner a {display:block;  width: 100%; height: 100%; }
.modal-fixed-pop-wrapper .img-modal-inner a img {max-width:100%;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box {height:50px; display:flex; background-color: #f7f7f7; }
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn {position:relative; width:50%; font-size:18px; font-weight:400; color: #111;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn:before {position:absolute; content:""; right: 0; top:0; width:1px; height:100%; background-color:#d6d6d6;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn:last-of-type:before {display:none;}
.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn:hover {background-color:#333; color:#fff;}
.modal-fixed-pop-wrapper .swiper-pagination {width:auto !important; left:auto !important; right:30px !important; bottom:15px !important;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet {width:10px !important; height:10px !important;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet {background-color:#dcdcdc;}
.modal-fixed-pop-wrapper .swiper-pagination-bullet-active {background-color:#333; width:25px !important; border-radius:10px !important;}
.modal-fixed-pop-wrapper .img100 {width:100%;}

@media screen and (max-width:980px) {
	.modal-fixed-pop-wrapper{background-color:rgba(0,0,0,0.5);}
	.modal-fixed-pop-wrapper .img-modal-content {margin:0 auto;}
	.modal-fixed-pop-wrapper {width:100%; height:100%; top:0; left:0;}
	.modal-fixed-pop-inner {width:100%; height:100%;}
}
@media screen and (max-width:540px) {
	.modal-fixed-pop-wrapper .img-modal-content {width:calc(100% - 40px); max-width:calc(100% - 40px);}
	.modal-fixed-pop-wrapper .img-modal-inner .img-btn-box .img-modal-close-btn {font-size:14px;}
}