@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 





.cont_sitemap{}
.cont_sitemap .sitemap_lst:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li{position:relative; padding:35px 0; border-top:1px solid #e2e2e2; line-height:1.4;}
.cont_sitemap .sitemap_lst > li:before{content:''; display:inline-block; position:absolute; top:-1px; left:0; width:10%; height:3px;/* background:#ffb71b;*/ background: #e3d4af;}
.cont_sitemap .sitemap_lst > li:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li > a{ width:25%; font-weight:800; font-size:1.625em; letter-spacing:-1px;}
.cont_sitemap .sitemap_lst > li > ul { display:flex; flex-wrap:wrap; margin-top:20px;}
.cont_sitemap .sitemap_lst > li > ul > li{ width:20%; padding:0 15px 15px 0; font-weight:600; font-size:1.1em;}
.cont_sitemap .sitemap_lst > li > ul > li > a{display:flex; padding:0 10px 0 15px; height:56px; line-height:1.2; align-items:center; /*border:1px solid #f0daaa;*/ border:1px solid #e3d4af;}
.cont_sitemap .sitemap_lst > li > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 6px; background:url(../images/common/blank_b.png) no-repeat; vertical-align:baseline; opacity:.7;}
.cont_sitemap .sitemap_lst > li > ul > li > ul{margin:12px 0 0 15px;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li{position:relative; margin:5px 0; padding-left:8px; font-weight:400; font-size:0.85em;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#6097c1;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 6px; background:url(../images/common/blank_b.png) no-repeat; vertical-align:baseline; opacity:.4;}



.sub_top_ex { margin-bottom:100px;}
.sub_top_ex .tit { max-width:1350px; margin:0 auto; padding:60px 0; word-break: keep-all;}
.sub_top_ex .tit strong { font-size:90px; font-weight:300; letter-spacing: -0.04em; margin-right:20px;}
.sub_top_ex .tit strong span {font-size:90px; font-weight:bold;}
.sub_top_ex .tit em { display:inline-block; font-size:30px; font-weight:500; position:relative; top:-3px;}
.sub_top_ex .bg {height:560px;  overflow:hidden; position:relative;}
.sub_top_ex .bg:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/content/sub_t_01_01.png) no-repeat center top; background-size:cover; animation:sub_bg 3s forwards; background-attachment: fixed; background-size:cover; }
@keyframes sub_bg{
	0%{ transform:scale(1.2); filter: blur(10px);}
 	100%{transform:scale(1); filter: blur(0px); }
}

.sub_top_ex .bg.type2:before {background-image:url(../images/content/sub_t_02_01.png);} 
.sub_top_ex .bg.type3:before {background-image:url(../images/content/sub_t_03_01.png);}
.sub_top_ex .bg.type4:before {background-image:url(../images/content/sub_t_04_01.png);} 
.sub_top_ex .bg.type5:before {background-image:url(../images/content/sub_t_05_01.png);} 
.sub_top_ex .bg.type6:before {background-image:url(../images/content/sub_t_06_01.png);} 
.sub_top_ex .bg.type7:before {background-image:url(../images/content/sub_t_07_01.png);} 
.sub_top_ex .bg.type8:before {background-image:url(../images/content/sub_t_08_01.png);} 
.sub_top_ex .bg.type9:before {background-image:url(../images/content/sub_t_09_01.png);} 
.sub_top_ex .bg.type10:before {background-image:url(../images/content/sub_t_10_01.png);} 
.sub_top_ex .bg.type11:before {background-image:url(../images/content/sub_t_11_01.png);} 
.sub_top_ex .bg.type12:before {background-image:url(../images/content/sub_t_12_01.png);} 
.sub_top_ex .bg.type13:before {background-image:url(../images/content/sub_t_13_01.png);} 
.sub_top_ex .bg.type14:before {background-image:url(../images/content/sub_t_14_01.png);} 
.sub_top_ex .bg.type15:before {background-image:url(../images/content/sub_t_15_01_240221.png);} 
.sub_top_ex .bg.type16:before {background-image:url(../images/content/sub_t_16_01.png);} 
.sub_top_ex .bg.type17:before {background-image:url(../images/content/sub_t_17_01.png);} 

@media (max-width: 580px){
.sub_top_ex .bg:before {background-image:url(../images/content/mobile_content/watch.png);} 
.sub_top_ex .bg.type2:before {background-image:url(../images/content/mobile_content/repair.png);} 
.sub_top_ex .bg.type3:before {background-image:url(../images/content/mobile_content/goods.png);} 
.sub_top_ex .bg.type4:before {background-image:url(../images/content/mobile_content/gold.png);} 
.sub_top_ex .bg.type5:before {background-image:url(../images/content/mobile_content/voucher.png);}
.sub_top_ex .bg.type6:before {background-image:url(../images/content/mobile_content/mobile.png);} 

.sub_top_ex .bg.type8:before {background-image:url(../images/content/mobile_content/iphone.png);} 
.sub_top_ex .bg.type9:before {background-image:url(../images/content/mobile_content/notebook.png);} 
.sub_top_ex .bg.type10:before {background-image:url(../images/content/mobile_content/camera.png);} 
.sub_top_ex .bg.type11:before {background-image:url(../images/content/mobile_content/tablets.png);} 
.sub_top_ex .bg.type12:before {background-image:url(../images/content/mobile_content/other.png);} 
.sub_top_ex .bg.type13:before {background-image:url(../images/content/mobile_content/all2.png);} 
.sub_top_ex .bg.type14:before {background-image:url(../images/content/mobile_content/all1.png);} 
.sub_top_ex .bg.type15:before {background-image:url(../images/content/mobile_content/buy.png);} 
.sub_top_ex .bg.type16:before {background-image:url(../images/content/mobile_content/franchise.png);} 
.sub_top_ex .bg.type17:before {background-image:url(../images/content/mobile_content/dadenda.png);} 
}

.sub_top_ex .bg.type14 a strong {color:#41ff95;}
.sub_top_ex .bg.type13 strong {color:#ffffff;}
.sub_top_ex .bg.type13 div {color:#ffffff;}
.sub_top_ex .bg a {color:#fff;}
.sub_top_ex .bg div {max-width:1350px; margin:0 auto; padding-top:80px; color:#fff; position:relative; z-index:5;}
.sub_top_ex .bg div strong {font-size:55px; display:block; margin-bottom:20px;}
.sub_top_ex .bg div span {font-size:24px;}
.sub_top_ex .bg div em {font-size:30px; display:block; margin-top:190px; color:#bbc1d2; font-weight:500;}
.sub_top_ex .bg.type2 div em {color:#b6c8d0;}
.sub_top_ex .bg.type3 div em {color:#f7fbbc;}
.sub_top_ex .bg.type4 div em {color:#7fadaf;}
.sub_top_ex .bg.type5 div em {color:#afa07f;}
.sub_top_ex .bg.type6 div em {color:#8f9789;}
.sub_top_ex .bg.type7 div em {color:#b2aac8;}
.sub_top_ex .bg.type8 div em {color:#afa07f;}
.sub_top_ex .bg.type9 div em {color:#bebeeb;}
.sub_top_ex .bg.type10 div em {color:#a0c5bc;}
.sub_top_ex .bg.type11 div em {color:#bfa9be;}
.sub_top_ex .bg.type12 div em {color:#dc7fa3;}
.sub_top_ex .bg.type13 div em {color:#ee5b5b;}
.sub_top_ex .bg.type14 div em {color:#41ff95;}
.sub_top_ex .bg.type15 div em {color:#aac8b4;}
.sub_top_ex .bg.type16 div em {color:#b4ffe4;}
.sub_top_ex .bg.type17 div em {color:#f9baa6;}

.visualzone .nav button {background:none; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; position:absolute; top:50%; margin-top:-20px; }
.visualzone .nav button i {font-size:24px;}
.visualzone .nav button.prev {left:30px;}
.visualzone .nav button.next {right:30px;}

.conT2 {font-size:48px; margin-bottom:36px; font-weight:bold; line-height:1.2; margin-top:100px;}
.conT3 { font-size:36px; line-height:1.2; margin-bottom:29px; margin-top:100px;}

.lst_type1 {display:flex; gap:30px; margin-bottom:64px;}
.lst_type1 li {width:100%; /*height:250px;*/ height: auto; background:url(../images/content/type_bg_01_1.png) no-repeat center center; background-size:cover; border-radius:0 20px 20px 20px; overflow:hidden; padding:50px 10px; color:#fff; text-align:center;}
.lst_type1 a{color: #fff}
.lst_type1 li:nth-child(2) {background-image:url(../images/content/type_bg_01_2.png);}
.lst_type1 li:nth-child(3) {background-image:url(../images/content/type_bg_01_3.png);}
.lst_type1 li:nth-child(4) {background-image:url(../images/content/type_bg_01_4.png);}
.lst_type1 li strong {display:block; font-size:36px;}
.lst_type1 li strong:after {content:''; display:block; width:44px; height:2px; background:#fff; margin:12px auto 17px; }


/*상품권테이블*/
.giftcard_table table{text-align: center}
.giftcard_table table th:nth-child(2), .giftcard_table table td:nth-child(2){color:#193db4 !important}
.giftcard_table table th:nth-child(3), .giftcard_table table td:nth-child(3){color:#d96d22 !important}


/*상품권테이블 세로 스크롤*/
.tableWrapper {    width: 100%;    height: 600px;       overflow: auto;}
.userListTable {    width: 100%;    border: 0px;   margin: 0;  border-collapse: collapse;}
.userListTable th {    position: sticky;    top: 0px;   }


.tableWrapper::-webkit-scrollbar {  width: 8px;  height: 8px;  background: #ffffff;  margin-top: 30px}    
.tableWrapper::-webkit-scrollbar-thumb {  border-radius: 3.5px;  background-color: #ced4da;}    
.tableWrapper::-webkit-scrollbar-thumb:hover {  background-color: #adb5bd;}    
.tableWrapper::-webkit-scrollbar-track {  background: #ffffff;}




/*선불요금제 테이블*/
.table_wrap table{text-align: center}

.box_type1 { height:186px; background:url(../images/content/box_bg_01_1.png) no-repeat right bottom; background-size:cover; border-radius:0 20px 20px 20px; color:#fff; display:flex; flex-direction: column; justify-content: center; padding-left:130px;}
.box_type1 strong { font-size:48px; display:block; line-height:1.2;}
.box_type1 span { font-size:30px;}


.p_lst01 {display:flex; gap:30px; flex-wrap:wrap;  justify-content: space-between; }
.p_lst01 li { width:24%; max-width:315px; margin-bottom:15px; text-align:center;}
.p_lst01 li strong {display:block; font-size:24px; margin:20px 0 0px; line-height:1.2;}
.p_lst01 li span { font-size:18px; color:#d85100; font-weight:500;}

.p_lst01.type2 li {text-align:left;}
.p_lst01.type2 li span {color:#405184;}
 
.p_lst01.type3 li {position:relative;}
.p_lst01.type3 li:before {content:''; display:block; border:10px solid transparent; border-right-color:#333; border-bottom-color:#333; position:absolute; right:-20px; top:50%; margin-top:-10px; transform:rotate(-45deg);}
.p_lst01.type3 li:last-child:before {display:none;}

.p_lst01.type3.col5 li { width:18.1%;}

.txt001 {font-size:28px; letter-spacing:-0.06em;}
.txt002 {font-size:21px;}
.txt002 strong {font-size:21px;}
.p_lst02 {display:flex; gap:30px; flex-wrap:wrap;  justify-content: space-between; }
.p_lst02 li { width:49%; max-width:660px; margin-bottom:15px;}
.p_lst02 li strong {display:block; font-size:30px; margin:20px 0 6px; line-height:1.2;}
.p_lst02 li span { font-size:24px;  font-weight:400; display:block; line-height:1.3;}

.p_lst03 {display:flex; gap:30px; flex-wrap:wrap;  justify-content: space-between; }
.p_lst03 li { width:32.3%; max-width:430px;}



.video_ex {position:relative; left:50%; transform: translateX(-50%); width:100vw; margin:100px 0;}
.video_ex img {width:100%;}


.video_box {position:relative; left:50%; transform: translateX(-50%); width:100vw; margin:100px 0; height:600px;}


.ex_txt1 {padding-left:86px; background:url(../images/content/ex_ico01.png) no-repeat 10px 6px;}
.ex_txt1 strong {display:block; font-size:24px; margin-bottom:10px;}

.ex_txt3 {padding-left:86px; padding-bottom:30px; background:url(../images/content/ex_ico03.png) no-repeat 10px 6px;}
.ex_txt3 strong {display:block; font-size:24px; margin-bottom:20px;}


.txt002 + .ex_txt1 {margin-top:40px;}
.hr {height:1px; background:#aaa; margin-top:100px;}
.ex_txt2 {padding-left:116px; background:url(../images/content/ex_ico02.png) no-repeat 0px 10px; font-size:20px; position:relative; margin-top:30px !important;}
.ex_txt2:before {content:''; display:block; width:1px; background:#ccc; position:absolute; left:96px; top:5px; height:90px;}
.ex_txt2 strong {display:block; font-size:22px; color:#5a657b; margin-bottom:3px;}

.qna_wrap {display:flex; justify-content:space-between; margin-top:100px;  overflow:hidden; gap:30px; margin-right:-30px;}
.qna_wrap .qna_box { width:calc(100%); border-top:2px solid #111; margin:0;}
.qna_wrap .qna_box a { display:flex; align-items:center; height:96px; border-bottom:1px solid #ccc; position:relative; padding-left:80px; font-weight:bold; font-size:19px;}
.qna_wrap .qna_box a:before {content:''; display:block; width:22px; height:22px; background:url(../images/content/qna_ico.png) no-repeat center center; position:absolute; right:30px; top:50%; margin-top:-11px; transform: rotateX(180deg); transition: 0.3s;}
.qna_wrap .qna_box a.on:before {transform: rotateX(0deg);}
.qna_wrap .qna_box a strong { position:absolute; left:10px; top:50%; transform: translateY(-50%); font-size:40px; color:#1947ba; }
.qna_wrap .qna_box .txt {padding:30px 30px 30px 90px; background:#f2f3f5; position:relative; font-size:18px; font-weight:500; line-height:1.5; display:none;}
.qna_wrap .qna_box .txt:first-child {display:block;}
.qna_wrap .qna_box .txt strong { display:block; background:#1947ba; width:46px; height:46px; border-radius:50px; text-align:center; line-height:46px; color:#fff; font-size:26px; position:absolute; left:24px; top:30px;}
.qna_wrap .qna_box.n2 a strong { color:#c3b386;}
.qna_wrap .qna_box.n2 .txt {background:#f4f4f3;}
.qna_wrap .qna_box.n2 .txt strong {background:#c3b386;}



.gold_date { font-size:20px; margin:-10px 0 22px;}
.lst_gold {display:flex; gap:30px;}
.lst_gold li { height:404px; background:url(../images/content/gold_bg.png) no-repeat; background-size:cover; width:100%; text-align:center; position:relative; padding:9px;}
.lst_gold li:before {content:''; display:block; position:absolute; left:6px; top:6px; right:6px; bottom:6px; border:3px solid #ffba07;}
.lst_gold li .tit { display:block; padding:40px 0 30px; border-bottom:1px solid #5f5f5f;}
.lst_gold li .num01 {display:block; font-size:60px; font-weight:bold; color:#fff; line-height:1.2; margin:60px 0 20px; }
.lst_gold li .num01 em {font-size:36px; font-weight:normal;}
.lst_gold li .ud {display:block; width:15px; height:13px; overflow:hidden; margin:0 auto; text-indent:-999px; font-size:0px;}
.lst_gold li .ud.up {background:url(../images/content/gold_ico01.png) no-repeat;}
.lst_gold li .ud.down {background:url(../images/content/gold_ico02.png) no-repeat;}
.lst_gold li .num02 {display:block; margin-top:4px; color:#fff; font-size:24px;}


.phone {height:419px; background:url(../images/content/phone_bg.png) no-repeat; border-radius:0 20px 20px 20px; overflow:hidden; padding:60px 0 0 47%;}
.phone h3 {color:#fff; font-size:42px; line-height:1.2; margin-bottom:16px;}
.phone strong {display:block; font-size:18px; color:#464d6a; line-height:1.2; font-weight:400;}
.phone div {text-align:right; padding-right:75px; margin-top:90px;}
.phone div a {display:inline-block; width:250px; height:62px; line-height:62px; font-weight:bold; border-radius:62px; background:#fff; text-align:center; font-size:20px; margin-left:50px; position:relative; background:#fff url(../images/content/phone_ico.png) no-repeat 90% center; }

.phone1 {height:419px; background:url(../images/content/phone1_bg.png) no-repeat; border-radius:0 20px 20px 20px; overflow:hidden; padding:60px 0 0 47%;}
.phone1 h3 {color:#fff; font-size:42px; line-height:1.2; margin-bottom:16px;}
.phone1 strong {display:block; font-size:18px; color:#fff; line-height:1.2; font-weight:400;}
.phone1 div {text-align:right; padding-right:75px; margin-top:90px;}
.phone1 div a {display:inline-block; width:250px; height:62px; line-height:62px; font-weight:bold; border-radius:62px; background:#fff; text-align:center; font-size:20px; position:relative; background:#fff url(../images/content/phone_ico.png) no-repeat 90% center; }


.phone_wrap {display: flex; justify-content: space-between; gap:1%;  }
.phone_wrap > div{width: 49%}
.phone_wrap .box_01{height:419px; background:url(../images/content/phone_box01_bg.png) no-repeat; border-radius:0 20px 20px 20px; overflow:hidden; padding:30px 30px 0;}
.phone_wrap .box_01 strong, .phone_wrap .box_02 strong{color: #b57c96}
.phone_wrap .box_02{height:419px; background:url(../images/content/phone_box02_bg.png) no-repeat; border-radius:0 20px 20px 20px; overflow:hidden; padding:30px 30px 0 0px; text-align: right}

.phone_wrap .box_01 .btn{text-align: left !important;}
.phone_wrap .box_02 .btn{text-align: right !important; padding-right:0}



.iphone_txt { font-size:36px; margin:-10px 0 28px;}
.iphone_txt strong {font-weight:bold; font-size:36px;}
.iphone_price {margin-top:100px;}



.loc_box .conT1 {font-size:60px; line-height:1.2; margin-bottom:30px;}
.loc_box .txt01 {font-size:36px; font-weight:600;}
.loc_box .txt02 {font-size:24px;}

.tabs {display:flex; flex-wrap:wrap; margin:60px 0;}
.tabs li a { display:block; width:220px; height:80px; line-height:80px; font-size:28px; text-align:center; margin-right:1px; background:#e7e7e7; font-weight:500;}
.tabs li a.on {background:#4b5d9f; color:#fff;}
.loc_box0 {display:flex; gap:50px; margin-bottom:94px;}
.loc_box0 .left {width:50%;}
.loc_box0 .right {width:50%; border-top:2px solid #333; border-bottom:3px solid #333;}
.loc_box0 .right .lst {border-bottom:1px solid #333;}
.loc_box0 .right .lst li {height:70px; display:flex; align-items: center; border-bottom:1px solid #333; position:relative; padding-left:70px; font-size:19px;}
.loc_box0 .right .lst li:before {content:''; display:block; width:29px; height:31px; background:url(../images/content/loc_ico01.png) no-repeat; position:absolute; left:20px; top:50%; margin-top:-16px;}
.loc_box0 .right .lst li:nth-child(2):before {background-image:url(../images/content/loc_ico02.png);}
.loc_box0 .right .lst li:nth-child(3):before {background-image:url(../images/content/loc_ico03.png);}
.loc_box0 .right .lst li:nth-child(4):before {background-image:url(../images/content/loc_ico04.png);}
.loc_box0 .right .lst li:nth-child(5):before {background-image:url(../images/content/loc_ico05.png);}
.loc_box0 .right .lst li strong {display:inline-block; width:120px; font-size:19px;}
.loc_box0 .right .lst li span {font-size:19px;}
.loc_box0 .right .bot {display:flex; justify-content: space-between; /*padding:126px 30px 0;*/  padding:25px 30px 0;}
.loc_box0 .right .bot h2 {font-size:24px; padding:6px 0 0 35px; font-weight:500;}
.loc_box0 .right .bot div {display:flex; gap:8px; flex-wrap:wrap; justify-content: space-between; width:410px;}
.loc_box0 .right .bot div span {display:block; width:130px; height:48px; line-height:48px; font-size:19px; text-align:center; border-radius:60px; color:#fff; background:#4b5d9f;}

.info_box {margin-top:50px;}

.root_daum_roughmap {width:100% !important; height:620px; border-bottom:1px solid #d2d2d2;}



.col_box {display:flex; margin-bottom:60px;}

.col_box > div {width:50%;}
.col_box.right {flex-direction: row-reverse;}
.col_box .txt strong {display:block; font-size:30px; font-weight:600;}
.col_box .txt span {display:block; padding-left:45px; margin-bottom:20px;}


.lst001 li {margin-bottom:40px; font-size:18px; padding-left:35px;}
.lst001 li strong {display:block; font-size:24px; margin-bottom:4px; margin-left:-35px;}






@media (max-width: 1349px){
    .sub_top_ex {margin-bottom:60px; }
    .sub_top_ex .tit {margin:0 30px; padding:30px 0;}
    .sub_top_ex .tit strong {font-size:60px;}
    .sub_top_ex .tit strong span {font-size:60px;}
    .sub_top_ex .tit em {font-size:21px;}
    .sub_top_ex .bg {height:400px;}
    .sub_top_ex .bg div {margin:0 30px; padding-top:50px;}
    .sub_top_ex .bg div strong {font-size:45px;}
    .sub_top_ex .bg div span { font-size:20px;}
    .sub_top_ex .bg div em {margin-top:100px; font-size:22px;}
    .sub_top_ex .bg div eem {margin-top:50px; font-size:22px;}
    
    .conT2 {margin:60px 0 20px; font-size:40px;}

    .lst_type1 {gap:10px; margin-bottom:40px;}
    .lst_type1 li strong {font-size:24px;}
    .box_type1 {padding-left:40px;}
    .box_type1 strong {font-size:36px;}
    .box_type1 span {font-size:24px;}

    .p_lst01 {gap:0;}
    .p_lst02 {gap:0;}
    .p_lst03 {gap:0;}
    .p_lst03 li {margin-bottom:20px;}
   
    .phone { padding:30px 30px 0 30%;}
    .loc_box0 .right .bot {padding:20px;     gap: 20px;}
    .loc_box0 .right .bot div {justify-content: flex-start;}

    .p_lst01.type3 li:before {display:none;}


}
@media (max-width: 1023px){
    .lst_gold li .num01 {font-size:40px;}
    .lst_gold li .num01 em {font-size:20px;}

    .loc_box .conT1 {font-size:40px; margin-bottom:20px;}
    .loc_box .txt01 {font-size:20px;}
    .loc_box .txt02 {font-size:17px;}
    .tabs {justify-content: space-between;}
    .tabs li { width:24%;}
    .tabs li a {width:auto; }


    .loc_box0 { display:block;}
    .loc_box0 .left {width:auto;}
    .root_daum_roughmap , .root_daum_roughmap .wrap_map {height:400px !important;}
    .loc_box0 .right {width:auto;}
    
    
    .phone_wrap {display: flex; flex-wrap: wrap}
    .phone_wrap > div{width: 100%}
    .phone_wrap .box_01{    text-align: center;    padding: 50px 20px;    height: auto;   background-size: cover; background:url(../images/content/phone_box01_bg.png) no-repeat center/cover; width: 100%}
    .phone_wrap .box_01 strong, .phone_wrap .box_02 strong{color: #b57c96}
    .phone_wrap .box_01 .btn, .phone_wrap .box_02 .btn{ text-align: center !important;    margin: 30px auto;    padding: 0;}
    .phone_wrap .box_02{    text-align: center;    padding: 50px 20px;    height: auto;    background-size: cover; background:url(../images/content/phone_box02_bg.png) no-repeat center/cover; width: 100%}
   
 }
@media (max-width: 767px){
    .sub_top_ex {margin-bottom:40px;}
    .sub_top_ex .tit {margin:0 15px; padding:20px 0;}
    .sub_top_ex .tit strong {font-size:36px; margin-right:10px;}
    .sub_top_ex .tit strong span {font-size:36px;}
    .sub_top_ex .tit em {font-size:20px;}

    .sub_top_ex .bg {height:280px;}
    .sub_top_ex .bg div {margin:0 15px; padding-top:30px;}
    .sub_top_ex .bg div strong {font-size:30px;}
    .sub_top_ex .bg div span {font-size:16px; word-break: keep-all;}
    .sub_top_ex .bg div span br {display:none;}
    .sub_top_ex .bg div em {font-size:17px; margin-top:20px;}
    .visualzone .nav button.prev {left:6px; opacity:.7;top:90%;}
    .visualzone .nav button.next {right:6px; opacity:.7; top:90%;}

    .conT2 {font-size:32px; margin:40px 0 20px;}

    .lst_type1 {display:block;}
    .lst_type1 li {height:auto; padding:20px 10px; margin-top:15px; border-radius:10px;}
    .lst_type1 li strong:after {margin:6px auto; height:1px; width:30px;}
    .box_type1 {padding:20px 15px; height:auto; border-radius:10px;}
    .box_type1 strong {font-size:22px; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
    .box_type1 span {font-size:16px;text-shadow:1px 1px 1px rgba(0,0,0,0.5); line-height:1.2;}

    .video_ex {margin:50px 0;}
    .video_box {margin:50px 0; height:300px;}

    .p_lst01 li {width:49%;}
    .p_lst01 li strong {font-size:20px; margin-top:15px;}
    .p_lst01 li span {font-size:16px;}
    .p_lst02 li strong {font-size:20px; margin-top:15px;}
    .p_lst02 li span {font-size:16px;}
    .p_lst03 li {width:49%; margin-bottom:15px;}



    .p_lst01.type3.col5 li {width:49%;}
    .txt001 , .txt002 , .txt001 strong , .txt002 strong {font-size:17px;}
    .ex_txt2 , .ex_txt2 strong {font-size:17px;}


    .iphone_price {margin-top:50px;}
    .iphone_txt {font-size:18px;}
    .iphone_txt strong {font-size:18px;}
    
    .conT3 {font-size:32px; margin:40px 0 20px;}
    .ex_txt1 {font-size:16px; padding-left:44px; background-size:35px auto; background-position:left 5px;}

    .qna_wrap {display:block; margin:0;}
    .qna_wrap .qna_box + .qna_box {margin-top:30px;}
    .qna_wrap .qna_box a {font-size:16px; height:60px; padding-left:30px;}
    .qna_wrap .qna_box a strong {font-size:20px; left:8px;}
    .qna_wrap .qna_box a:before {background-size:16px; right:10px;}
    .qna_wrap .qna_box .txt { padding:20px 20px 20px 40px; font-size:15px;}
    .qna_wrap .qna_box .txt strong {font-size:16px; width:24px; height:24px; left:10px; top:20px; line-height:24px;}


    .gold_date {font-size:17px;}
    .lst_gold {display:block;}
    .lst_gold li {height:auto; padding-bottom:30px;}
    .lst_gold li + li {margin-top:20px;}
    .lst_gold li .tit {padding:16px 0;}
    .lst_gold li .tit img {height:40px;}
    .lst_gold li .num01 {margin:22px 0 10px;}
    .userListTable th { font-size:16px; padding:10px;}
    .userListTable td {font-size:15px; padding:10px;}
    .phone { text-align:center; padding:50px 20px; height:auto; background-size:cover;}
    .phone h3 {font-size:24px; text-shadow:0 3px 3px rgba(0,0,0,0.5);}
    .phone strong {font-size:18px; text-shadow:0 3px 3px rgba(0,0,0,0.5); color:#fff;}
    .phone div {text-align:center; margin:30px auto; padding:0;}

    .tabs {margin:40px 0 25px;}
    .tabs li {width:24.4%;}
    .tabs li a {font-size:17px; height:60px; line-height:60px;}

    .root_daum_roughmap , .root_daum_roughmap .wrap_map {height:300px !important;}
    .loc_box0  {margin-bottom:40px;}
    .loc_box0 .right .lst li {padding-left:40px;}
    .loc_box0 .right .lst li:before {left:0;}
    .loc_box0 .right .lst li strong {font-size:17px; width:80px; min-width:80px;}
    .loc_box0 .right .lst li span {font-size:16px; line-height:1.3;}
    .loc_box0 .right .bot {display:block; padding:20px 0;}
    .loc_box0 .right .bot h2 {font-size:20px; padding:0 0 20px;}
    .loc_box0 .right .bot div {width:auto;}
    .loc_box0 .right .bot div span {/*width:100px;*/ width:  130px; height:40px; line-height:40px; font-size:17px;}

    .col_box {display:block;}
    .col_box > div {width:auto;}
    .col_box .img {margin-bottom:20px;}

    .col_box .txt strong {font-size:20px;}
    .col_box .txt span { padding-left:20px; font-size:16px;}

    .phone div a {margin-left:0; margin-bottom: 1rem;}

    .phone1 {padding: 20px 0 0 10%;}
    .phone1 div {margin-top: 30px;}

}




/* 서브 타이틀 */
.sub_content_box{width:100%;}
.sub_content_box h2.st_title{position:relative;  max-width:1500px; margin:0 auto; padding:70px 0; text-align:center; font-size:50px; font-weight:700; word-break:keep-all; letter-spacing:-0.04em; display:none;}







/* 공통 */
.max1400{width:95%; max-width:1400px; margin:0 auto;}

.tab_dg, .tab_dg02{display:flex; flex-wrap:wrap; margin:0 -1%;}
.tab_dg li{flex:1; margin:0 1%;}
.tab_dg li a{display:block; padding:20px 0; text-align:center; color:#333; font-size:20px; font-weight:500; background:#f3f3f3;}

.tab_dg02 li{flex:1; margin:0 1%; padding:20px 0; text-align:center; color:#333; font-size:20px; font-weight:500; background:#f3f3f3; cursor:pointer;}

.tab_dg02 li.on{color:#fff; background:#00a1de;}
.tab_dg li.on a{color:#fff; background:#00a1de;}

.tab_menu_box {display:none;}
.tab_menu_box02{display:none;}


.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_80{margin-bottom:80px !important;}


.main_title{position:relative; padding-left:23px; line-height:140%; font-size:28px; font-weight:600; color:#333;}
.main_title::before{content:""; position:absolute; left:0; top:0; width:15px; height:15px; border:5px solid #00a1de; border-radius:50%;}

.sub_title{position:relative; padding-left:20px; line-height:120%; font-size:23px; color:#00a1de; font-weight:600;}
.sub_title::before{content:""; position:absolute; left:0; top:15px; width:12px; height:2px; background:#00a1de;}


.list_box li{position:relative; margin-top:15px; padding-left:15px; line-height:140%; font-size:17px; word-break:keep-all;}
.list_box li::before{content:""; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background:#333;}
.list_box li:first-child{margin-top:0;}
.list_box li span.block_skin{margin-right:10px;}


.gray_box{padding:30px; line-height:120%; word-break:keep-all; font-size:17px; font-weight:400; color:#333; background:#f3f3f3;}

.nlist_box{margin:0; padding-left:15px;}
.nlist_box li{margin-top:15px; line-height:140%; font-size:17px;}
.nlist_box li:first-child{margin-top:0;}

.line_box{padding:20px; border:1px solid #ddd; border-radius:5px;}

.block_box{font-size:17px; word-break:keep-all;}

/*버튼*/
.down_btn{display:inline-block; padding:5px 15px; line-height:100%; font-weight:500; color:#fff; background:#00a1de; border-radius:20px;}


.table_from01{width:100%; border-top:2px solid #333; border-bottom:1px solid #ddd; border-callapse:separate; border-spacing:0;}
.table_from01 thead tr th{padding:20px; font-size:17px; border-left:1px solid #ddd; background:#f3f3f3;}
.table_from01 thead tr th:first-child{border-left:0;}
.table_from01 tbody tr th{padding:20px; font-size:17px; font-weight:500; color:#333; text-align:center; background:#f3f3f3; border-top:1px solid #ddd;}
.table_from01 tbody tr td{padding:20px; font-size:17px; font-weight:500; color:#333; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.table_from01 tbody tr td:first-child{border-left:0;}


.table_from02{width:100%; min-width:640px; border-top:2px solid #333; border-bottom:1px solid #ddd; border-callapse:separate; border-spacing:0;}
.table_from02 thead tr th{padding:20px; font-size:17px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f3f3f3;}
.table_from02 thead tr th:last-child{border-right:0;}
.table_from02 tbody tr th{padding:20px; font-size:17px; font-weight:500; color:#333; text-align:center; background:#f3f3f3; border-top:1px solid #ddd;}
.table_from02 tbody tr td{padding:20px; font-size:17px; font-weight:500; color:#333; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.table_from02 tbody tr td:last-child{border-right:0;}

.font_s15{font-size:15px !important;}

.red_color{color:#f13737;}

.img_100 img{width:100%; max-width:100%;}





/* 메뉴 */
.menu {clear: both;}
.menu * {box-sizing: border-box;}
.menu .wrap {position: relative; width:60%; margin: 0 auto; box-sizing: border-box; max-width:1200px;}
.menu ul,.menu li {list-style: none;margin: 0;padding: 0;}
.menu a,.menu a:hover,.menu a:link,.menu a:active {text-decoration: none; color: inherit;}
.lnb {position: relative;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#193968', endColorstr='#00acd4')";}
.lnb .lnb_depth1{width: 100%;}
.lnb .lnb_depth1 >li{display: inline-block;width:20%;text-align: center; font-size:17px; letter-spacing:-0.5pt}
.lnb .lnb_depth1 >li a{padding:30px 0 50px;display: inline-block;color: #393939 }
.lnb .lnb_depth1 >li a:hover {color: #45688f;}
.lnb .lnb_depth2 {display:none;position: absolute;top:100px;z-index:100;left: 0;width: 100%;background: #fff;border-bottom: 1px solid #ddd;font-size: 1em;}
.lnb:hover .lnb_depth2{display: block;}
.lnb .lnb_depth2 .wrap >ul {display: block;height:200px;}
.lnb .lnb_depth2 .wrap >ul >li {display: inline-block;text-align: center;width:20%;line-height: 2em;border-left: 1px dotted #ddd;padding:0;box-sizing: border-box;-ms-filter: "box-sizing:border-box";float: left;height: 100%}
.lnb .lnb_depth2 .wrap >ul >li:first-child {border-left:0;}
.lnb .lnb_depth2 .wrap >ul >li ul li a {padding: 3px 0;display: block;box-sizing: border-box;-ms-filter: "box-sizing:border-box";}
.lnb .lnb_depth2 .wrap >ul >li a:hover {background: #689cd4;color: #fff;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli{position: relative;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_3dul{display: none;position: absolute;top:-1px;left:199px;width:100%;background-color: #fff;z-index: 9999;border: 1px solid #ddd;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli:hover .gnb_3dul{display: block;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_3dul .gnb_3dli:hover{background-color: #689cd4;color: #fff;}



.sub_menu_box p a i{vertical-align:middle;}


.tbl_wrap {width:100%; overflow:auto;}





 @media (max-width: 1280px){
    .cont_sitemap .sitemap_lst > li > ul > li{width:25%;}
 }



 @media (max-width: 1023px){
	.cont_sitemap .sitemap_lst > li > ul > li{width:33.33%;}
    .cont_sitemap .sitemap_lst > li > ul > li > a {font-size:15px; padding:0 4px 0 10px;}
    .cont_sitemap .sitemap_lst > li > ul > li > ul > li a {font-size:15px;}
 }



 @media (max-width: 767px){
	.cont_sitemap .sitemap_lst > li > ul > li{width:50%;}
    .cont_sitemap .sitemap_lst > li > ul > li > a {height:44px;}
    .sub_top_ex .tit {}
}


@media (max-width: 520px){
    .box_ipso .box {display:block; margin-bottom:20px;}
    .box_ipso .box h3 {display:block; background:none; text-align:left; width:auto; margin-bottom:10px; padding:0;}
    .box_ipso .box .right {width:auto; padding:16px;}

    .support {display:block;}
    .support li {width:auto; height:auto; min-height:200px; margin-bottom:20px;}

    .bank_info span {float:none; width:100%;}
    .gallery_lst2 li { margin-bottom:15px; font-size:15px;}

}