@charset "utf-8";

@font-face {font-family:'Nanum Barun Gothic';
src:url(/inc/font/NanumBarunGothic.eot);
src:url(/inc/font/NanumBarunGothic.woff) format('woff');
src:url(/inc/font/NanumBarunGothic.ttf) format('truetype');}

@font-face {font-family:'Nanum Barun Gothic';
font-weight:700;
src:url(/inc/font/NanumBarunGothicBold.eot);
src:url(/inc/font/NanumBarunGothicBold.woff) format('woff');
src:url(/inc/font/NanumBarunGothicBold.ttf) format('truetype');}

html,body,form,div,p,dl,dt,dd,ul,ol,li,fieldset,table,th,td,h1,h2,h3,h4,h5,button,input{margin:0;padding:0;}
ul li, ol li {list-style:none}
a:link, a:visited, a:active {text-decoration:none; color:#444;}
em {font-style:normal;}
caption{overflow:hidden;width:100%;height:1px;height:0px;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px}
/*input[type=text] {height:136px; padding:0 40px; border:2px solid #666; border-radius:6px; font-size:48px; color:#888; line-height:140px;}
input.hLight {border-color:#222;}*/
input[type=text] {font-size:44px;}
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;max-height:999999px}
body, button {font-family:'Nanum Barun Gothic'; font-size:48px; color:#444; line-height:64px}
img {width:100%;}


select{display:block;width:100%;height:140px;padding-left:40px;border:2px solid #666; border-radius:6px;font-size:48px;font-weight:700;color:#222;background:#fff url(/inc/img/mobile/bg_select_open.gif) no-repeat 100% 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select:active {border-color:#02a1e3}
select:disabled{background-color:#f8f8f8;border-color:#dadada;color:#aaa;}

.overflowH{overflow:hidden !important}
.scroll_lock{overflow-y:hidden;/*position:fixed;*/}
.scroll_lock #header,.scroll_lock #content,.scroll_lock #footer{position:fixed; height:0; overflow-y:hidden}

#wrap {position:relative; width:100%; overflow:hidden;}
#header {position:relative; width:100%; height:194px; border-bottom:6px solid #02a1e3; overflow:hidden;}
#header .btn_menu {position:absolute; top:0; left:0; display:inline-block; overflow:hidden; width:182px; height:194px; margin-right:60px; background:#02a1e3 url(/inc/img/mobile/bg_menu.png) no-repeat 50% 50%; text-indent:-9999px;}
#header .btn_menu:active {background-color:#028ec9;}

#header>h1 {float:left; width:57%; padding:65px 0 0 234px; font-size:68px; color:#222; line-height:72px;}
#header>.logo {width:100%; padding:50px 0 0 0; text-align:center;}
#header>.logo>img {width:455px; height:90px;}
h2 {font-size:56px; font-weight:700; color:#222;}
h2>img {width:84px; height:84px; margin:-15px 20px 0 0; vertical-align:middle;}
h2>.dia {width:79px; height:92px;}
h3 {padding-left:27px; margin-top:70px; font-size:48px; font-weight:normal; background:url(/inc/img/mobile/bul_dot2.gif) no-repeat 0 20px;}
h3.stit {padding-left:0; font-size:48px; font-weight:700; color:#222; background:none;font-weight:normal; }
h2+h3 {margin-top:35px;}
h4 {font-size:44px;}

#header .button_box {position:absolute; top:0; right:0;}
#header .button_box>a {display:inline-block; width:154px; height:194px;}
#header .button_box>.btn_today {background:url(/inc/img/mobile/btn_today_off.png) no-repeat 50% 50%;}
#header .button_box>.btn_today:active {background:url(/inc/img/mobile/btn_today_on.png) no-repeat 50% 50%;}
#header .button_box>.btn_search {background:url(/inc/img/mobile/btn_search_off.png) no-repeat 50% 50%;}
#header .button_box>.btn_search:active {background:url(/inc/img/mobile/btn_search_on.png) no-repeat 50% 50%;}

#content {background-color:#f3f3f3;}
#content>.inner_box {padding:30px 0;}
#content>.inner_box.pop {padding-bottom:0;}
#content>.inner_box>div {padding:60px 40px 100px; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background-color:#fff;}

/*main contents*/
.rolling_banner{position:relative;height:600px;overflow:hidden}
.rolling_banner>ul>li{position:absolute;display:none; top:0; left:0; width:100%;}
.rolling_banner>ul>li.on{display:block;z-index:1;left:0}
.rolling_banner>ul>li.bfOn{display:block}
.rolling_banner>ul>li>a{display:block;width:100%;height:100%;}
.rolling_banner>ul>li>a>img{display:block;width:100%;height:100%;}
.rolling_banner .btn_left {position:absolute; top:50%; left:0; display:inline-block; width:110px; height:120px; margin-top:-60px; z-index:1;}
.rolling_banner .btn_right {position:absolute; top:50%; right:0; display:inline-block; width:110px; height:120px; margin-top:-60px; z-index:1;}
.rolling_banner>div{position:absolute;width:100%;height:0;line-height:29px;left:0;bottom:62px;text-align:center;z-index:1}
.rolling_banner>div>span{display:inline-block; width:30px; height:29px; line-height:29px; margin-left:20px; background:url(/inc/img/mobile/img_indicator.png) no-repeat 0 0;}
.rolling_banner>div>span:first-child {margin-left:0;}
.rolling_banner>div>span.on {background:url(/inc/img/mobile/img_indicator_on.png) no-repeat 0 0;}

.first_guide{position:relative;background:#fff;border-bottom:2px solid #d0d0d0;padding:60px 40px}
.first_guide>a{position:absolute;display:block;right:40px;top:50%;margin-top:-60px;width:120px;height:105px;line-height:105px;border:2px solid #ccc;border-radius:50%;font-size:90px;text-align:center;vertical-align:middle;padding-top:15px;}
.guide_list>li{line-height:64px;margin-top:50px;padding-right:164px;padding-left:37px; background:url('/inc/img/mobile/bul_dot.gif') no-repeat 0 25px;font-size:48px;color:#444}
.guide_list>li:first-child{margin-top:0}

.guide_list2 {width:100%; overflow:hidden; margin-top:30px; background-color:#fff;}
.guide_list2>li {float:left; width:25%; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background:url(/inc/img/mobile/bg_line.gif) repeat-y 0 0;}
.guide_list2>li:first-child {background:none;}
.guide_list2>li>a {display:block; width:100%; height:242px; padding-top:40px; text-align:center;}
.guide_list2>li>a>img {height:110px;}
.guide_list2>li:first-child>a>img {width:111px;}
.guide_list2>li:first-child+li>a>img {width:107px;}
.guide_list2>li:first-child+li+li>a>img {width:123px;}
.guide_list2>li:first-child+li+li+li>a>img {width:110px;}
.guide_list2>li>a>p {margin-top:10px; font-weight:700; color:#444;}
.guide_list2.other {margin-top:0;}
.guide_list2.other>li {width:33%;}
.guide_list2.other>li:first-child {width:34%;}
.guide_list2.other>li>a {padding-top:50px; height:260px;}

.guide_list3 {width:100%; overflow:hidden; margin-top:30px; background-color:#fff;}
.guide_list3>li {float:left; width:20%; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background:url(/inc/img/mobile/bg_line.gif) repeat-y 0 0;}
.guide_list3>li:first-child {background:none;}
.guide_list3>li>a {display:block; width:100%; height:242px; padding-top:40px; text-align:center;}
.guide_list3>li>a>img {height:110px;}
.guide_list3>li:first-child>a>img {width:111px;}
.guide_list3>li:first-child+li>a>img {width:107px;}
.guide_list3>li:first-child+li+li>a>img {width:123px;}
.guide_list3>li:first-child+li+li+li>a>img {width:110px;}
.guide_list3>li:first-child+li+li+li+li>a>img {width:110px;}
.guide_list3>li>a>p {margin-top:10px; font-weight:700; color:#444;}
.guide_list3.other {margin-top:0;}
.guide_list3.other>li {width:33%;}
.guide_list3.other>li:first-child {width:34%;}
.guide_list3.other>li>a {padding-top:50px; height:260px;}

.recom_product_list {width:100%; overflow:hidden; background-color:#fff;}
.recom_product_list>li {float:left; width:50%; border-bottom:2px solid #d0d0d0; background:url(/inc/img/mobile/bg_line.gif) repeat-y 0 0;}
.recom_product_list>li:first-child, .recom_product_list>li:first-child+li+li {background:none;}
.recom_product_list>li>a {display:block; height:135px; padding:100px 0 0 288px; font-size:48px; font-weight:700; color:#444;}
.recom_product_list>li:first-child>a {background:url(/inc/img/mobile/icon_recom_product1.png) no-repeat 47px 50%;}
.recom_product_list>li:first-child+li>a {background:url(/inc/img/mobile/icon_recom_product2.png) no-repeat 47px 50%;}
.recom_product_list>li:first-child+li+li>a {background:url(/inc/img/mobile/icon_recom_product3.png) no-repeat 47px 50%;}
.recom_product_list>li:first-child+li+li+li>a {background:url(/inc/img/mobile/icon_recom_product4.png) no-repeat 47px 50%;}

.broadcast_product_list {width:100%; overflow:hidden; background-color:#fff;}
.broadcast_product_list>li {float:left; width:50%; border-bottom:2px solid #d0d0d0; background:url(/inc/img/mobile/bg_line.gif) repeat-y 0 0;}
.broadcast_product_list>li:first-child, .broadcast_product_list>li:first-child+li+li {background:none;}
.broadcast_product_list>li>a {display:block; height:135px; padding:60px 0 40px 288px; font-size:48px; font-weight:700; color:#444;}
.broadcast_product_list>li:first-child>a {background:url(/inc/img/mobile/icon_recom_product5.png) no-repeat 47px 50%;}
.broadcast_product_list>li:first-child+li>a {background:url(/inc/img/mobile/icon_recom_product6.png) no-repeat 47px 50%;}

.tab_wrap {position:relative; margin:30px 0; border-top:2px solid #d0d0d0;}
.tab_wrap .information_list {padding:55px 0 55px 40px; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.tab_wrap .information_list>li {padding-left:37px; margin-top:60px; background:url(/inc/img/mobile/bul_dot.gif) no-repeat 0 50%;}
.tab_wrap .information_list>li:first-child {margin-top:0}
.tab_wrap .information_list>li>a {display:inline-block; overflow:hidden; max-width:93%; font-size:48px; color:#444; white-space:nowrap; text-overflow:ellipsis;}
.tab_wrap .tab {width:88%;}
.tab_wrap .tab>li, .tab_wrap .tab>li:first-child {width:50%;}
.tab_wrap .tab>li>a {font-size:48px;}
.tab_wrap .btn_more {position:absolute; top:2px; right:0; display:inline-block; width:12%; height:108px; padding-top:40px; border-bottom:8px solid #b7b7b7; text-align:center; background:#fff url(/inc/img/mobile/bg_line.gif) repeat-y 0 0;}
.tab_wrap .btn_more>img {width:70px; height:71px;}

.app_list{padding-bottom:30px;margin-top:30px}
.app_list>li>a{position:relative;display:block;width:100%;overflow:hidden;padding:59px 0 40px 0;border-bottom:2px solid #d0d0d0;background-color:#fff}
.app_list>li:first-child>a{border-top:2px solid #d0d0d0}
.app_list>li>a>.btn_go{position:absolute;display:inline-block;width:37px;height:65px;top:50%;right:61px;margin-top:-33px}
.app_list>li>a>div{float:left}
.app_list>li>a>.image_box{margin:0 58px 0 63px}
.app_list>li>a>.txt_box>span{font-size:48px}
.app_list>li:first-child>a>.txt_box>strong{color:#598cff}
.app_list>li:first-child+li>a>.txt_box>strong{color:#bb1e28}
.app_list>li:first-child+li>a>.txt_box{padding-top:0px}
.app_list>li:first-child+li>a>.txt_box>p{margin-top:10px}

#footer {padding-bottom:80px;}
#footer .foot_list {padding:56px 0; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0;}
#footer .foot_list>ul {width:100%; overflow:hidden;}
#footer .foot_list>ul>li {float:left; width:24%; text-align:center; background:url(/inc/img/mobile/bg_bar.gif) no-repeat 0 4px;}
#footer .foot_list>ul>li:nth-child(5) {float:left; width:18%; text-align:center; background:url(/inc/img/mobile/bg_bar.gif) no-repeat 0 4px;}
#footer .foot_list>ul>li:nth-child(4) {float:left; width:28%; text-align:center; background:url(/inc/img/mobile/bg_bar.gif) no-repeat 0 4px;}
#footer .foot_list>ul>li:nth-child(3) {float:left; width:16%; text-align:center; background:url(/inc/img/mobile/bg_bar.gif) no-repeat 0 4px;}	/*개인정보처리방침추가*/
#footer .foot_list>ul>li:nth-child(2) {float:left; width:25%; text-align:center; background:url(/inc/img/mobile/bg_bar.gif) no-repeat 0 4px;}
#footer .foot_list>ul>li:first-child {width:13%; background:none;}
#footer .foot_list>ul>li>a {font-size:46px; font-weight:600; color:#222;}
#footer .callcenter {width:100%; margin-top:60px; overflow:hidden;}
#footer .callcenter>div {float:left; width:45.4%; padding-left:4.6%;}
#footer .callcenter>div:first-child {width:44.4%; border-right:2px solid #d0d0d0;}
#footer .callcenter>div>span {font-size:40px; color:#222; vertical-align:middle; line-height:44px;}
#footer .callcenter>div>em, #footer .callcenter>div>p {font-size:44px;}
#footer .callcenter>div>em {vertical-align:middle; line-height:44px;}
#footer .callcenter>div>p {margin-bottom:36px;}
#footer .callcenter>div:first-child>p {font-size:44px; font-weight:600; color:#02a1e3;}
#footer .social_box {margin-top:80px; text-align:center;}
#footer .social_box>a {display:inline-block; width:96px; height:96px; overflow:hidden; text-indent:-9999px;}
#footer .social_box>.btn_facebook {margin-right:7px; background:url(/inc/img/mobile/btn_facebook_off.png) no-repeat 50% 50%;}
#footer .social_box>.btn_facebook:active {background:url(/inc/img/mobile/btn_facebook_on.png) no-repeat 0 0;}
#footer .social_box>.btn_blog {background:url(/inc/img/mobile/btn_blog_off.png) no-repeat 50% 50%;}
#footer .social_box>.btn_blog:active {background:url(/inc/img/mobile/btn_blog_on.png) no-repeat 0 0;}
#footer .copyright {margin-top:40px; font-size:40px; text-align:center;}
.btn_top {position:fixed; bottom:130px; right:40px; overflow:hidden; display:inline-block; width:174px; height:174px; background:url(/inc/img/mobile/btn_top_off.png) no-repeat 0 0; text-indent:-9999px;}
.btn_top:active {background:url(/inc/img/mobile/btn_top_on.png) no-repeat 0 0;}
.scroll_lock .btn_top{display:none}

/*button*/
.btn_regist {display:block; width:100%; height:91px; padding-top:45px; border:2px solid #222; border-radius:6px; font-size:48px; font-weight:600; color:#222; text-align:center; line-height:48px; background:url(/inc/img/mobile/bg_arrow.png) no-repeat 96% 50%;}
.btn_regist:active, .btn_regist.del:active {background-color:#f2f2f2; }
.btn_regist.disable {border-color:#dadada; color:#aaa; background:#f8f8f8 url(/inc/img/mobile/bg_arrow4.png) no-repeat 96% 50%;}
.btn_regist.del {background:#fff;}
.btn_view {display:block; width:100%; height:91px; padding-top:45px; border:2px solid #222; border-radius:6px; font-size:48px; font-weight:600; color:#222; text-align:center; line-height:48px;
background:-moz-linear-gradient(top,#fff 0%,#f3f3f3 100%);
background:-webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%);
background:linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
}
.btn_view>span {padding-right:60px; background:url(/inc/img/mobile/bg_arrow2.png) no-repeat 100% 50%}
.btn_view:active {
background:-moz-linear-gradient(top,#f2f2f2 0%,#e7e7e7 100%);
background:-webkit-linear-gradient(top, #f2f2f2 0%,#e7e7e7 100%);
background:linear-gradient(to bottom, #f2f2f2 0%, #e7e7e7 100%);
}
.btn_blue, .btn_blue:visited {display:block; width:100%; height:91px; padding-top:45px; font-size:52px; font-weight:600; color:#fff !important; border-radius:6px; text-align:center; line-height:52px; background:#0288d1 url(/inc/img/mobile/bg_arrow3.png) no-repeat 96% 50%; box-shadow:0 8px 0 0 #035986;}
.btn_blue2, .btn_blue2:visited {display:block; width:100%; height:140px; padding-top:45px; font-size:52px; font-weight:600; color:#fff !important; border-radius:6px; text-align:center; line-height:52px; background:#0288d1 url(/inc/img/mobile/bg_arrow3.png) no-repeat 96% 50%; box-shadow:0 8px 0 0 #035986;}
.btn_blue:active {background-color:#0274b2; box-shadow:0 8px 0 0 #035986;}
.btn_blue.disable {color:#91c7e9; background:#4dabdf url(/inc/img/mobile/bg_arrow5.png) no-repeat 96% 50%; box-shadow:0 8px 0 0 #4f95bb;}
.btn_red, .btn_red:visited {display:block; width:100%; height:91px; padding-top:45px; font-size:52px; font-weight:600; color:#fff; border-radius:6px; text-align:center; line-height:52px; background-color:#e24646; box-shadow:0 8px 0 0 #a92f2f;}
.btn_red:active {background-color:#c03c3c; box-shadow:0 8px 0 0 #902828;}
.btn_red.disable {color:#eb8d8d; background-color:#e86b6b; box-shadow:0 8px 0 0 #ba5959;}
.btn_gray, .btn_gray:visited {display:block;width:100%;height:91px;padding-top:45px;font-size:52px;font-weight:600; color: #fff !important; border-radius:6px;text-align:center;line-height:52px;background-color:#666;box-shadow:0 8px 0 0 #505050;}
.btn_gray:active {background-color:#525252; box-shadow:0 8px 0 0 #404040;}
.btn_gray.disable {color:#f1f1f1; background-color:#ccc; box-shadow:0 8px 0 0 #aaa;}
.distance_button {width:100%; overflow:hidden;}
.distance_button>a {float:left; width:24.5%; height:95px; padding-top:40px; font-size:48px; border:2px solid #ccc; border-right-color:#f8f8f8; background-color:#f8f8f8; text-align:center;}
.distance_button>a:first-child {border-radius:6px 0 0 6px;}
.distance_button>a:last-child {border-right:2px solid #ccc; border-radius:0 6px 6px 0;}
.distance_button>a:active {color:#02a1e3; border:2px solid #02a1e3; background-color:#fff;}
.distance_button>a:active+a, .speed_button>a.on+a {border-left-color:#f8f8f8;}
.distance_button>a.on {color:#444; font-weight:700; border:2px solid #444; background-color:#fff;}
.btn_info , .btn_info:visited {display:inline-block; height:71px; padding:15px 40px 0; margin-left:10px; font-size:44px; font-weight:700; color:#444; border:2px solid #444; border-radius:6px;}
.btn_info:active {border-color:#02a1e3; color:#02a1e3;}
.btn_info.disable {border-color:#dadada; background-color:#f8f8f8; color:#aaa;}
.btn_info:first-child {margin-left:10px;}
.btn_pdf {display:inline-block; height:84px; padding:0 40px 0 106px; border:2px solid #444; border-radius:6px; font-size:44px; font-weight:700; background:#fff url(/inc/img/mobile/icon_pdf.png) no-repeat 40px 50%; line-height:86px;}
.btn_air {display:inline-block; height:86px; padding:0 40px 0 87px; border:2px solid #444; border-radius:6px; font-size:44px; font-weight:700; background:#fff url(/inc/img/mobile/bg_tri.gif) no-repeat 40px 50%; line-height:88px;}



/*form*/
.number_input{position:relative; display:block;height:136px; padding:0 100px 0 40px; border:2px solid #666; border-radius:6px; font-size:48px; color:#888; line-height:140px;background:#fff}
.number_input>input[type=text]{display:block;width:100%;height:100%;border:0;padding:0;margin:0;outline:none;background:none;}
.number_input>span{position:absolute;right:40px;top:0;height:100%;font-size:48px;color:#222;}
.number_input.hLight{border-color:#222}
.number_input.focuson{border-color:#02a1e3;}
.number_input.readonly{border-color:#666;background:#f8f8f8;color:#222;}
.number_input.readonly>input[type=text]{background:none;color:#222}
.number_input.readonly>span{color:#222}
.number_input.disabled{border-color:#dadada;background:#f8f8f8;color:#aaa}
.number_input.disabled>input[type=text]{background:none}
.number_input.disabled>span{color:#aaa}

.check_box input[type=checkbox]:empty {width:1px; height:1px; margin-left:-1px;}
.check_box input[type=checkbox]:empty~label {position:relative; float:left; line-height:80px; text-indent:98px; color:#fff; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check_box input[type=checkbox]:empty~label:before {position:absolute; display:block; left:0; bottom:0; content:''; width:80px; height:80px; border-radius:10px; background-color:#fff;}
.check_box input[type=checkbox]:checked~label:before {background:#fff url(/inc/img/mobile/img_check.png) no-repeat 50% 50%;}

/* calendar */
.calendar {display:inline-block;}
.calendar>input {width:303px; height:136px; border:2px solid #666; border-right:0; border-radius:6px 0 0 6px; line-height:136px; vertical-align:middle;padding-left:55px;font-size:48px;color:#888}
.calendar>.btn_calendar {display:inline-block; width:135px; height:136px; border:2px solid #666; border-radius:0 6px 6px 0; background:url(/inc/img/mobile/icon_calendar.gif) no-repeat 50% 50%; vertical-align:middle;}
.wave {margin:0 7px;}
.last {margin-left:30px;}

.calendar>.dimmed{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;z-index:100}
.calendar>.cal{position:fixed;display:none;width:94%;background:#fff;top:100px;left:3%;z-index:100}
.calendar.on>.cal, .calendar.on>.dimmed{display:block}
.calendar>.cal>.selected_date{position:relative;width:90%;height:210px;padding:55px 5% 50px 5%;background:#5a280b;color:#fff}
.calendar>.cal>.selected_date>.year{position:relative;overflow:hidden;display:block;width:170px;padding-right:69px;font-size:72px;height:90px;line-height:90px;color:#fff;background:url(/inc/img/mobile/cal_ico_slt_year.png) no-repeat right center;letter-spacing:0}
.calendar>.cal>.selected_date>.year>div{position:absolute;display:block;top:0;left:0;height:90px}
.calendar>.cal>.selected_date>.month_date{position:relative;overflow:hidden;display:block;margin-top:30px;font-size:80px;line-height:90px;height:90px;color:#fff;letter-spacing:0}
.calendar>.cal>.selected_date>.month_date>div{position:absolute;display:block;top:0;left:0;height:90px}
.calendar>.cal>.btn_cal_today{position:absolute;top:169px;right:5%;width:264px;height:88px;line-height:70px;border:4px solid #845a41;border-radius:4px;font-size:56px;color:#fff;background:none;transition:background 0.25s linear}
.calendar>.cal>.btn_cal_today:active{background:#7b533b;transition:background 0.25s linear}
.calendar>.cal>.btn_cal_today.off{display:none}
.calendar>.cal>.select_layer{display:none;position:relative;margin-bottom:303px;width:100%;max-height:1048px;padding-bottom:60px;overflow-x:hidden;overflow-y:auto}
.calendar>.cal>.select_layer.on{display:block;}
.calendar>.cal>.select_layer>.month{position:relative;margin-top:80px;font-size:54px;height:60px;line-height:60px;font-weight:600;color:#000;text-align:center;letter-spacing:0;overflow:hidden}
.calendar>.cal>.select_layer>.month>div{position:absolute;left:0;top:0;height:60px;width:100%;color:#000}
.calendar>.cal>.select_layer>.left_dummy{position:absolute;top:66px;left:0;width:35px;padding-left:12%;height:64px;background:#fff}
.calendar>.cal>.select_layer>.right_dummy{position:absolute;top:66px;right:0;width:35px;padding-right:12%;height:64px;background:#fff}
.calendar>.cal>.select_layer>.btnPrev{top:78px;left:12%;position:absolute;display:inline-block;width:32px;height:60px;background:url(/inc/img/mobile/cal_btn_prev.png) no-repeat center center}
.calendar>.cal>.select_layer>.btnPrev>div{position:absolute;width:0;height:0;top:50%;left:50%;margin-left:2px;margin-right:0;background:#000;opacity:0.2;border-radius:50%;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.btnPrev:active>div{margin-left:-73px;margin-top:-75px;width:150px;height:150px;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.btnPrev.dsd{background:url(/inc/img/mobile/cal_btn_prev_dis.png) no-repeat center center}
.calendar>.cal>.select_layer>.btnPrev.dsd>div{display:none}
.calendar>.cal>.select_layer>.btnNext{top:78px;right:12%;position:absolute;display:inline-block;width:32px;height:60px;background:url(/inc/img/mobile/cal_btn_next.png) no-repeat center center}
.calendar>.cal>.select_layer>.btnNext>div{position:absolute;width:0;height:0;top:50%;right:50%;margin-right:2px;margin-right:0;background:#000;opacity:0.2;border-radius:50%;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.btnNext:active>div{margin-right:-73px;margin-top:-75px;width:150px;height:150px;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.btnNext.dsd{background:url(/inc/img/mobile/cal_btn_next_dis.png) no-repeat center center}
.calendar>.cal>.select_layer>.btnNext.dsd>div{display:none}
.calendar>.cal>.select_layer>.day{margin:70px 0 774px 0;padding:0 2% 0 2%;height:64px;font-size:52px;line-height:64px;color:#bdbdbd;text-align:center}
.calendar>.cal>.select_layer>.day>span{display:inline-block;width:14%;float:left}
.calendar>.cal>.select_layer>.day>span:first-child{margin-left:1%}

.calendar>.cal>.select_layer>.dateList{width:100%;height:784px;position:absolute;left:0;top:264px;}
.calendar>.cal>.select_layer>.dateList>.date{margin-top:70px;padding:0 2% 0 2%;height:64px;font-size:52px;line-height:64px;color:#000;text-align:center}
.calendar>.cal>.select_layer>.dateList>.date>span,.calendar>.cal>.select_layer>.dateList>.date>a{position:relative;display:inline-block;height:64px;width:14%;float:left}
.calendar>.cal>.select_layer>.dateList>.date>a>span{position:absolute;display:block;width:100%;height:100%;top:0;left:0;color:#000}
.calendar>.cal>.select_layer>.dateList>.date>a>div{position:absolute;margin-left:0;margin-top:-5px;top:50%;left:50%;opacity:1;width:0;height:0;background:#6aabdd;border-radius:50%;z-index:0;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.dateList>.date>a:active>div{margin-left:-55px;margin-top:-60px;width:110px;height:110px;opacity:0.5;color:#fff;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.dateList>.date>a:active>span{color:#fff}
.calendar>.cal>.select_layer>.dateList>.date>a.on>div{margin-left:-55px;margin-top:-60px;width:110px;height:110px;opacity:1;transition:all 0.15s linear}
.calendar>.cal>.select_layer>.dateList>.date>a.on>span{color:#fff}
.calendar>.cal>.select_layer>.dateList>.date>:first-child{margin-left:1%}

.calendar>.cal>.select_layer>.dateList>.date>a.dsd>div{display:none}
.calendar>.cal>.select_layer>.dateList>.date>a.dsd>span{color:#bdbdbd}

.calendar>.cal>.select_layer>.dateList>.date:first-child{margin-top:50px}

.calendar>.cal>.select_layer_year{display:none;margin-bottom:303px;width:100%;max-height:1048px;padding-bottom:60px;overflow-x:hidden;overflow-y:auto}
.calendar>.cal>.select_layer_year.on{display:block}
.calendar>.cal>.select_layer_year>a{padding:20px 0;display:block;line-height:120px;height:120px;font-size:66px;color:#666;text-align:center;outline:none;}
.calendar>.cal>.select_layer_year>a.on{font-size:107px;color:#6aabdd}
.calendar>.cal>.select_layer_year>a.dsd{font-size:66px;color:#bdbdbd;}

.calendar>.cal>.result_btn{position:absolute;left:0;width:100%;height:147px;bottom:0;padding-top:50px;padding-bottom:86px;text-align:center}
.calendar>.cal>.result_btn>.btnDtSelect{outline:none;display:inline-block;background:#0288d1;color:#fff;width:30%;height:147px;line-height:80px;margin:0;padding:15px 0 0 0;border:0;border-radius:4px;font-size:56px;font-weight:600; transition:background 0.25s linear}
.calendar>.cal>.result_btn>.btnDtSelect:active{background:#3495ca; transition:background 0.25s linear}
.calendar>.cal>.result_btn>.btnDtCancel{outline:none;display:inline-block;background:#f3f3f3;color:#222;width:30%;height:147px;line-height:80px;margin:0 0 0 25px;padding:15px 0 0 0;border:0;border-radius:4px;font-size:56px;font-weight:600;transition:background 0.25s linear}
.calendar>.cal>.result_btn>.btnDtCancel:active{background:#c7c7c7; transition:background 0.25s linear}

/*list*/
.listDefault>li {padding-left:27px; margin-top:20px; background:url(/inc/img/mobile/bul_dot2.gif) no-repeat 0 24px;}
.listDefault2>li{padding-left:36px; margin-top:20px; font-size:44px; background:url(/inc/img/mobile/bul_list_2depth.png) no-repeat 0 17px}
.listDefault3>li{padding-left:36px; margin-top:20px; font-size:44px; background:url(/inc/img/mobile/bul_dot3.gif) no-repeat 0 22px}
.nobul>li {margin-top:20px;}
/*contents*/
/*유의사항*/
.attention_box {margin-top:100px; background-color:#f3f3f3;}
.attention_box>div:first-child {overflow:hidden;  padding:60px 40px;}
.attention_box .attention_tit {padding-left:70px; font-size:48px; font-weight:600; color:#222; background:url(/inc/img/mobile/icon_attention.png) no-repeat 0 7px;}
.attention_box .list_basic {margin:30px 0 0 20px;}
.attention_box .list_basic>li {padding-left:30px; margin-top:20px; font-size:44px; background:url(/inc/img/mobile/bul_dot2.gif) no-repeat 0 24px;}
.attention_box .list_basic>li>ul {margin-top:20px;}
.attention_box .list_basic>li>ul>li {padding-left:35px; font-size:40px; background:url(/inc/img/mobile/bul_list_2depth.png) no-repeat 0 17px;}

.attention_box .btn_box {background-color:#e8e8e8; border-radius:0 0 6px 6px;}
.attention_box .btn_box>a {display:inline-block; width:100%; padding:27px 0 25px; text-align:center;}
.attention_box .btn_box>a>span {display:inline-block; padding-right:78px; background:url(/inc/img/mobile/icon_close.png) no-repeat 100% 50%; line-height:53px;}
.attention_box .btn_box>a.open>span {background:url(/inc/img/mobile/icon_open.png) no-repeat 100% 50%;}

.important {width:16px; height:15px; margin-right:6px; vertical-align:middle;}

/*tab*/
.tab {width:100%; overflow:hidden; background-color:#fff;}
.tab>li {float:left; width:33%; background:url(/inc/img/mobile/bg_line.gif) repeat-y 0 0;}
.tab>li:first-child {width:34%; border-left:0;}
.tab>li>a, .tab>li>a:visited {display:block; height:100px; padding-top:50px; border-bottom:8px solid #b7b7b7; font-size:54px; color:#434343; text-align:center;}
.tab>li.on>a {border-color:#02a1e3; color:#02a1e3; font-weight:700;}
.tab.type2>li {width:25%;}
.tab.type2>li>a {font-size:44px;}
.tab.type3>li, .tab.type4>li {width:50%;}
.tab.type3>li>a {height:173px;}
.tab.type4>li>a {height:100px;}

.summary_wrap, .detail_wrap {margin-top:40px;}
.summary_wrap>div:first-child {width:99.6%; border-top:2px solid #b7b7b7; border-right:2px solid #b7b7b7; border-left:2px solid #b7b7b7; border-radius:6px 6px 0 0; background-color:#fff;}
.summary_wrap>.product>div, .summary_wrap>.product2>div {padding:59px;}
.summary_wrap>.product>div>strong {font-size:60px; color:#222;}
.summary_wrap>.product>div>ul>li {font-size:48px; margin-top:18px;}
.summary_wrap>.product>div>ul>li>span {display:inline-block; color:#222; width:362px;}
.summary_wrap>.product>div>ul>li>em {color:#666;}
.summary_wrap>.product>div>p {margin-top:10px; color:#666; line-height:80px;}
.summary_wrap>.btn_box {width:100%; height:140px}
.summary_wrap>.btn_box>a {float:left; width:49.75%; height:96px; padding-top:40px; border:2px solid #888; text-align:center; color:#222;
background:-moz-linear-gradient(top,#fff 0%,#f3f3f3 100%);
background:-webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%);
background:linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
}
.summary_wrap>.btn_box>a:first-child {border-right:0; border-radius:0 0 0 6px;}
.summary_wrap>.btn_box>a:last-child {border-radius:0 0 6px 0;}
.summary_wrap>.btn_box>a:active {
background:-moz-linear-gradient(top,#f2f2f2 0%,#e7e7e7 100%);
background:-webkit-linear-gradient(top, #f2f2f2 0%,#e7e7e7 100%);
background:linear-gradient(to bottom, #f2f2f2 0%, #e7e7e7 100%);
}
.summary_wrap>.trading>div {padding:40px 0 60px; text-align:center;}
.summary_wrap>.trading>div>div {margin:0 auto 30px;}
.summary_wrap>.trading>div>.icon01 {width:295px; height:312px;}
.summary_wrap>.trading>div>.icon02 {width:262px; height:262px;}
.summary_wrap>.trading>div>.icon03 {width:262px; height:257px;}
.summary_wrap>.trading>div>.icon04 {width:264px; height:257px;}
.summary_wrap>.trading>div>.icon {width:264px; height:257px;}
.summary_wrap>.trading>div>p {margin-top:20px;}
.summary_wrap>.btn_box.only>a {width:99.6%; font-weight:700; border-right:2px solid #888; border-radius:0 0 6px 6px;}

.summary_wrap>.product2>div>.pname {margin-top:33px; font-size:60px; color:#000;}
.summary_wrap>.product2>div>.info_box {width:100%; overflow:hidden; padding:58px 0; margin-top:58px; background-color:#f8f8f8;}
.summary_wrap>.product2>div>.info_box>div {float:left; width:50%; text-align:center;}
.summary_wrap>.product2>div>.info_box>div:first-child {background:url(/inc/img/mobile/bg_line2.gif) repeat-y 100% 0;}
.summary_wrap>.product2>div>.info_box>div>span {font-size:44px; color:#666;}
.summary_wrap>.product2>div>.info_box>div>p {margin-top:36px; font-size:80px; color:#e9000b;}
.summary_wrap>.product2>div>ul {margin-top:40px;}
.summary_wrap>.product2>div>ul>li {margin-top:15px;}
.summary_wrap>.product2>div>ul>li>em {color:#222; margin-right:60px;}
.summary_wrap>.product2>div>ul>li>span {color:#666;}

.detail_wrap>.product_tit {padding:44px 53px 40px 55px; border-top:2px solid #b7b7b7; border-right:2px solid #b7b7b7; border-left:2px solid #b7b7b7; border-radius:6px 6px 0 0; background-color:#fff;}
/*.detail_wrap>.product_tit>div {width:100%; overflow:hidden;}
.detail_wrap>.product_tit>div>.product_name {float:left; width:80%; padding-top:30px; font-size:60px; color:#222; vertical-align:middle;}
.detail_wrap>.product_tit>div>div {float:right; text-align:right;}*/
.detail_wrap>.product_tit>div {width:100%; display:table;}
.detail_wrap>.product_tit>div>* {display:table-cell; height:170px; vertical-align:middle;}
.detail_wrap>.product_tit>div>.product_name {width:80%; font-size:60px; font-weight:700; color:#222; line-height:80px;}
.detail_wrap>.product_tit>div>div {text-align:right;}
.detail_wrap>.product_tit>div>div>p {margin-top:10px; font-size:60px;}
.detail_wrap>.txt_list {padding:60px; border-top:2px solid #b7b7b7; border-right:2px solid #b7b7b7; border-left:2px solid #b7b7b7; background-color:#fff;}
.detail_wrap>.txt_list>ul>li {padding-left:27px; margin-top:25px; font-size:48px; background:url(/inc/img/mobile/bul_dot2.gif) no-repeat 0 22px;}
.detail_wrap>.txt_list>ul>li:first-child {margin-top:0;}
.detail_wrap>.btn_box {width:99.9%; overflow:hidden; border-left:2px solid #888; border-radius:0 0 0 6px;}
.detail_wrap>.btn_box>a {float:left; width:50%; height:96px; padding-top:40px; text-align:center;}
.detail_wrap>.btn_box>a:first-child {border:2px solid #888; border-right:0; border-left:0; border-radius:0 0 0 6px; color:#222;
background:-moz-linear-gradient(top,#fff 0%,#f3f3f3 100%);
background:-webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%);
background:linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
}
.detail_wrap>.btn_box>a:first-child:active {
background:-moz-linear-gradient(top,#f2f2f2 0%,#e7e7e7 100%);
background:-webkit-linear-gradient(top, #f2f2f2 0%,#e7e7e7 100%);
background:linear-gradient(to bottom, #f2f2f2 0%, #e7e7e7 100%);
}
.detail_wrap>.btn_box>a:last-child {height:100px; color:#fff; border-radius:0 0 6px 0;
background:-moz-linear-gradient(top,#e24646 0%,#de4545 100%);
background:-webkit-linear-gradient(top, #e24646 0%,#de4545 100%);
background:linear-gradient(to bottom, #e24646 0%, #de4545 100%);
}
.detail_wrap>.btn_box>a:last-child:active {
background:-moz-linear-gradient(top,#c64242 0%,#ba3636 100%);
background:-webkit-linear-gradient(top, #c64242 0%,#ba3636 100%);
background:linear-gradient(to bottom, #c64242 0%, #ba3636 100%);
}

/*table*/
.table_basic {margin-top:40px; border-top:3px solid #222; border-bottom:2px solid #888;}
.table_basic table {width:100%; border-collapse:collapse; table-layout: fixed}
.table_basic thead th {padding:35px 0 30px 0; border-bottom:2px solid #888; border-left:2px solid #ccc; color:#222; background-color:#f2f2f2; text-align:center;font-weight:normal; }
.table_basic thead th:first-child {border-left:0;}
.table_basic thead tr.sky th {background-color:#f8fdff;}
.table_basic tbody td {position:relative; padding:33px 37px 33px 40px; border-top:2px solid #ccc; color:#666;}
.table_basic tbody th {padding:33px 0 33px 40px; border-top:2px solid #ccc; text-align:left; background-color:#f2f2f2;font-weight: normal;}
.table_basic thead+tbody th {background-color:#fafdfa;  color:#222; text-align:left;font-weight: normal;}
.table_basic tbody>tr:first-child>th, .table_basic tbody>tr:first-child>td {border-top:0;}
.table_basic tbody th+td {border-left:2px solid #ccc;}
.table_basic tbody td {border-right:2px solid #ccc;}
.table_basic tbody td:last-child {border-right:0;}
.table_basic tfoot td {padding:33px 37px 33px 40px; border-top:2px solid #888; border-left:2px solid #ccc; font-weight:700; color:#222; background-color:#f8fdff;}
.table_basic tfoot td:first-child {border-left:0;}

.table_basic.step tbody td {padding:75px 0 75px 40px;}

/*popup*/
.layer_popup {display:none; position:fixed; top:308px; left:50%; width:90%; margin-left:-45%; z-index:1501;}
.layer_popup>div {position:relative;}
.layer_popup>div>.pop_tit {height:115px; padding-top:65px; font-size:68px; font-weight:700; color:#fff; background-color:#02a1e3; border-radius:6px 6px 0 0; text-align:center;}
.layer_popup>div>.pop_cont {padding:60px 40px; border-radius:0 0 6px 6px; background-color:#fff;}
.layer_popup>div>.pop_cont>.intro_ment {font-size:56px; color:#222; text-align:center; line-height:76px;}
.layer_popup>div>.pop_cont>.info_ment {padding:60px 0; margin-top:50px; font-size:48px; color:#888; background-color:#f5f8fa; text-align:center; line-height:64px;}
.layer_popup>div>.pop_cont>.summary_ment {margin-top:55px; font-size:70px; color:#222; text-align:center; line-height:90px;}
.layer_popup>div>.btn_close {position:absolute; top:0; right:0; overflow:hidden; display:inline-block; width:180px; height:180px; border-radius:0 6px 0 0; background:url(/inc/img/mobile/bg_close.png) no-repeat 50% 50%; text-indent:-9999px;}
.layer_popup>div>.btn_close:active {background-color:#028ec9;}
#dimmed{z-index:1500; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.3; background:#000}

.js-layerPopup{position:fixed;top:100%;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch;}
.js-layerPopup #content{height:auto;position:static;overflow-y:visible;}

/*text color*/
.point_blue {color:#02a1e3 !important;}
.point_red {color:#e13d3d !important;}
.point_green {color:#699920 !important;}
.point_yellow {color:#dd8811 !important;}
.point_black {color:#222 !important;}
.point_gray {color:#888 !important;}

.point_up {color:#e9000b !important;}
.point_down {color:#016bee !important;}

.point_up>img {width:47px; height:40px;}
.point_down>img {width:47px; height:40px;}
/*accordion*/
.accordion_list>li>.accordion_tit {position:relative;display:block; padding:40px; font-size:52px; font-weight:700; color:#222; border:2px solid #b7b7b7;
background:-moz-linear-gradient(top,#fff 0%,#f2f2f2 100%);
background:-webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
}
.accordion_list>li>.accordion_tit.active {border-top:5px solid #02a1e3;padding-top:37px}
.accordion_list>li>.accordion_tit>span {display:inline-block; overflow:hidden; width:80px; height:80px; position:absolute; top:50%; right:40px; margin-top:-40px; background:url(/inc/img/mobile/btn_open.png) no-repeat 0 0; text-indent:-9999px;}
.accordion_list>li>.accordion_tit.active>span {background:url(/inc/img/mobile/btn_close.png) no-repeat 0 0; margin-top:-43px;}
.accordion_list>li>.accordion_cont {display:none; border-left:2px solid #b7b7b7; border-right:2px solid #b7b7b7;}
.accordion_list>li>.accordion_cont>div {padding:80px 40px; border-bottom:2px solid #b7b7b7;}

.accordion_list2>li>.acc_tit {display:block;position:relative; padding:79px 56px 74px; border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; background-color:#fff;}
.accordion_list2>li>.acc_tit>p {font-size:60px; font-width:700; color:#222;}
.accordion_list2>li>.acc_tit>em {position:absolute; top:50%; right:60px; margin-top:-16px; display:inline-block; width:65px; height:37px; background:url(/inc/img/mobile/btn_open.gif) no-repeat 0 0;}
.accordion_list2>li>.acc_tit.on>em {background-image:url(/inc/img/mobile/btn_close3.gif);}
.accordion_list2>li>.acc_cont {display:none; padding:60px; background-color:#f2f2f2;}
.accordion_list2>li>.acc_cont>div {width:100%; overflow:hidden;}
.accordion_list2>li>.acc_cont>div>div {float:left;}
.accordion_list2>li>.acc_cont>div>.image_box {width:310px; height:394px; margin-right:60px; border:2px solid #ccc;}
.accordion_list2>li>.acc_cont>div>.text_box {padding-top:55px;}
.accordion_list2>li>.acc_cont>div>.text_box>span {color:#666;}
.accordion_list2>li>.acc_cont>div>.text_box>p {margin-top:15px; color:#222}

/*추천펀드 링크드랍다운*/
.link_box{position:relative;}
.link_box>a{display:block;height:140px;padding-left:40px;border:2px solid #666; border-radius:6px;line-height:140px;font-size:48px;font-weight:700;color:#222;background:#fff url(/inc/img/mobile/bg_select_open.gif) no-repeat 100% 50%;}
.link_box.on>a{border-radius:6px 6px 0 0;border-color:#02a1e3;background:#fff url(/inc/img/mobile/bg_select_close.gif) no-repeat right center;}
.link_box>.link_wrap{top:140px;left:0;position:absolute;display:none;/*border:2px solid #02a1e3;*/width:100%;}
.link_box>.link_wrap>div{border-left:2px solid #02a1e3;border-right:2px solid #02a1e3;border-bottom:2px solid #02a1e3;border-radius:0 0 6px 6px;background:#fff;}
.link_box>.link_wrap>div>a{display:block;height:140px;line-height:140px;padding-left:40px;border-top:0;border-top:2px solid #e1e1e1;font-size:48px;color:#666;}
.link_box>.link_wrap>div>a.selected{background:#02a1e3;color:#fff;}
.link_box.on>div{display:block}


/*전체 메뉴*/
.total_menu{position:fixed; top:0; left:-100%; width:100%; height:100%; background-color:#e6e6e6; z-index:999;}
.total_menu .top_cont {position:relative; overflow:hidden; height:124px; padding:35px 0 35px 43px; border-bottom:6px solid #02a1e3; background-color:#fff;}
.total_menu .top_cont .btn_home{float:left; margin:23px 147px 0 0;}
.total_menu .top_cont>div {float:left; border-radius:6px;
background:-moz-linear-gradient(top,#fff 0%,#f8f8f8 100%);
background:-webkit-linear-gradient(top, #fff 0%,#f8f8f8 100%);
background:linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
}
.total_menu .top_cont>div>a {display:inline-block; height:87px; border:2px solid #888; font-size:48px;}
.total_menu .top_cont .btn_login { width:184px; padding:33px 0 0 124px; border-radius:6px 0 0 6px; background:url(/inc/img/mobile/icon_login.png) no-repeat 60px 50%;}
.total_menu .top_cont .btn_asset { width:213px; padding:33px 0 0 144px; border-radius:0 6px 6px 0; background:url(/inc/img/mobile/icon_asset.png) no-repeat 60px 50%;}
.total_menu .top_cont>.btn_menu_close {position:absolute;display:block; top:50%; right:22px; margin-top:-60px; padding:30px;}
.total_menu .top_cont>.btn_menu_close>img{display:block;width:60px;height:60px;}

.total_menu .list_1depth {position:absolute; top:0; left:0; width:280px; background-color:#fff;overflow-y:auto;}
.total_menu .list_1depth>ul {border-bottom:2px solid #999;}
.total_menu .list_1depth>ul>li {border-top:2px solid #999;}
.total_menu .list_1depth>ul>li:first-child {border-top:0;}
.total_menu .list_1depth>ul>li>a {display:inline-block; width:100%; height:122px; padding-top:180px; text-align:center;}
.total_menu .list_1depth>ul>li:first-child>a {padding-top:140px; height:162px; background:url(/inc/img/mobile/bg_1depth01.png) no-repeat 50% 40px;}
.total_menu .list_1depth>ul>li:first-child>a:active,
.total_menu .list_1depth>ul>li:first-child>a.active {color:#fff; background:#02a1e3 url(/inc/img/mobile/bg_1depth01_on.png) no-repeat 50% 40px;}
.total_menu .list_1depth>ul>li:first-child+li>a {background:url(/inc/img/mobile/bg_1depth02.png) no-repeat 50% 66px;}
.total_menu .list_1depth>ul>li:first-child+li>a:active,
.total_menu .list_1depth>ul>li:first-child+li>a.active {color:#fff; background:#02a1e3 url(/inc/img/mobile/bg_1depth02_on.png) no-repeat 50% 66px;}
.total_menu .list_1depth>ul>li:first-child+li+li>a {background:url(/inc/img/mobile/bg_1depth03.png) no-repeat 50% 68px;}
.total_menu .list_1depth>ul>li:first-child+li+li>a:active,
.total_menu .list_1depth>ul>li:first-child+li+li>a.active {color:#fff; background:#02a1e3 url(/inc/img/mobile/bg_1depth03_on.png) no-repeat 50% 68px;}
.total_menu .list_1depth>ul>li:first-child+li+li+li>a {background:url(/inc/img/mobile/bg_1depth04.png) no-repeat 50% 80px;}
.total_menu .list_1depth>ul>li:first-child+li+li+li>a:active,
.total_menu .list_1depth>ul>li:first-child+li+li+li>a.active {color:#fff; background:#02a1e3 url(/inc/img/mobile/bg_1depth04_on.png) no-repeat 50% 80px;}
.total_menu .list_1depth>ul>li:first-child+li+li+li+li>a {background:url(/inc/img/mobile/bg_1depth05.png) no-repeat 50% 60px;}
.total_menu .list_1depth>ul>li:first-child+li+li+li+li>a:active,
.total_menu .list_1depth>ul>li:first-child+li+li+li+li>a.active {color:#fff; background:#02a1e3 url(/inc/img/mobile/bg_1depth05_on.png) no-repeat 50% 60px;}
.total_menu .list_1depth>ul>li:first-child+li+li+li+li+li>a {background:url(/inc/img/mobile/bg_1depth06.png) no-repeat 50% 65px;}
.total_menu .list_1depth>ul>li:first-child+li+li+li+li+li>a:active,
.total_menu .list_1depth>ul>li:first-child+li+li+li+li+li>a.active {color:#fff; background:#02a1e3 url(/inc/img/mobile/bg_1depth06_on.png) no-repeat 50% 65px;}
.total_menu .menu_list {position:relative;}
.total_menu .submenu_list {height:100%; margin-left:280px; overflow-y:auto;-webkit-overflow-scrolling:touch;}
.total_menu .submenu_list ul li {border-top:2px solid #c3c3c3;}
.total_menu .submenu_list ul li a {display:inline-block; width:95%; height:100px; padding:50px 0 0 5%;}
.total_menu .submenu_list ul li ul {width:100%; overflow:hidden; border-top:2px solid #c3c3c3; background-color:#f8f8f8;}
.total_menu .submenu_list ul li ul>li {float:left; width:49.8%;}
.total_menu .submenu_list ul li ul>li:first-child, .submenu_list ul li ul>li:first-child+li+li, .submenu_list ul li ul>li:first-child+li+li+li+li, .submenu_list ul li ul>li:first-child+li+li+li+li+li+li {border-right:2px solid #c3c3c3;}
.total_menu .submenu_list ul li ul>li:first-child, .total_menu .submenu_list ul li ul>li:first-child+li {border-top:0;}
.total_menu .submenu_list ul li ul>li>a {display:inline-block; width:90%; height:100px; padding:50px 0 0 10%;}
.total_menu .submenu_list>div{border-left:4px solid #999;}
.total_menu .submenu_list>div.active{border-left-color:#02a1e3; border-bottom:4px solid #02a1e3;}
.total_menu .submenu_list>div.active+div>ul>li:first-child{border-top:0}
.total_menu .submenu_list>div.active:last-child{border-bottom:0;}
.total_menu .submenu_list>div:last-child>ul>li:last-child{border-bottom:2px solid #c3c3c3}

/* Today True Friend*/
.today_box {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f3f3f3;z-index:1;-webkit-overflow-scrolling:touch;}
.today_box .btn_close {float:left; margin-left:39px;}
.today_box>.today_tit {height:131px; padding-top:69px; background-color:#02a1e3;}
.today_box>.today_tit>span {float:left; margin:10px 0 0 98px; font-size:68px; color:#fff;}
.today_box>.today_tit>em {float:right; margin:10px 36px 0 45px; font-size:36px; color:#fff;}
.today_box>.notice {position:relative; width:100%; height:100px; padding-top:40px; font-size:48px; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.today_box>.notice>span {padding-right:32px; margin-left:40px; color:#000; background:url(/inc/img/mobile/bg_bar2.gif) no-repeat 100% 50%;}
.today_box .btn_go {position:absolute; top:50%; right:42px; margin-top:-36px; display:block; width:70px; height:71px;}
.today_box>.notice>em {margin-left:27px;}
.today_box>.isa_imag {margin-top:30px;}
.today_box>.isa_image img {width:100%;}

.sub_tit_set {position:relative; height:88px; padding:45px 0 0 40px;}
.sub_tit_set.bd_bottom {border-bottom:2px solid #d0d0d0;}
.sub_tit_set>span {font-size:48px; color:#000;}
.recom_fund {padding:0 60px 55px 40px; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.recom_fund>ul>li {width:100%; margin-top:60px; text-align:left; overflow:hidden;}
.recom_fund>ul>li>span {padding-left:37px; font-size:48px; color:#444; background:url(/inc/img/mobile/bul_dot.gif) no-repeat 0 18px;}
.recom_fund>ul>li>em {float:right;}

.info_list{width:100%;overflow:hidden;border-top:2px solid #d0d0d0;background-color:#fff}
.info_list>li{float:left;display:block;position:relative;width:50%;height:221px;border-left:2px solid #d0d0d0; margin-left:-1px; border-bottom:2px solid #d0d0d0}
.info_list>li:first-child, .info_list>li:first-child+li+li{border-left:0}
.info_list>li>div{width:80%;padding:45px 10% 38px 10%;display:none;position:absolute;top:-100%;left:0}
.info_list>li>div.on{display:block;top:0;left:0}
.info_list>li>div.bfOn{display:block;top:0;left:0}
.info_list>li span{color:#444}
.info_list>li p{display:block;margin-top:10px;font-size:52px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.info_list>li p>em{margin-right:30px}
.info_list>li p>img{width:47px}
.info_list>li .point_down>img{height:41px}
.info_list>li .point_up>img{height:40px}


.today_box .air_box {width:100%; overflow:hidden; padding:37px 0; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.today_box .air_box>div {float:left; font-size:48px;}
.today_box .air_box>.time {width:60%; background:url(/inc/img/mobile/bg_dot.gif) repeat-y 100% 0;}
.today_box .air_box>.time>div {padding:20px 0 25px 60px; line-height:80px;}
.today_box .air_box>.view {width:40%;}
.today_box .air_box>.view>div {padding:70px 0 0 70px;}
.today_box .air_box>.view>div>a {padding-right:63px; background:url(/inc/img/mobile/bg_arrow.png) no-repeat 100% 50%;}
.today_box .air_box>.view>div>a>img {width:78px; height:58px; margin-right:16px; vertical-align:middle;}
.today_box .edu_movie {position:relative; display:block; height:127px; padding:80px 0 0 238px; margin-bottom:80px; font-size:48px; color:#444; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background:#fff url(/inc/img/mobile/icon_stock.png) no-repeat 60px 50%;}

/*고객동영상교육*/
.movie_edu_box {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f3f3f3;z-index:1;-webkit-overflow-scrolling:touch}
.movie_edu_box .btn_close {position:absolute; top:50%; left:63px; margin-top:-40px;}
.movie_edu_box>.edu_tit {position:relative; height:121px; padding-top:79px; background-color:#02a1e3; text-align:center;}
.movie_edu_box>.edu_tit>span {font-size:60px; color:#fff;}
.movie_edu_box .edu_list {margin-top:30px; background-color:#fff;}
.movie_edu_box .edu_list>li {border-bottom:2px solid #d0d0d0;}
.movie_edu_box .edu_list>li:first-child {border-top:2px solid #d0d0d0;}
.movie_edu_box .edu_list>li>a{display:block;position:relative;padding:60px 5% 45px 5%;width:90%;overflow:hidden;}
.movie_edu_box .edu_list>li>a>div {float:left;}
.movie_edu_box .edu_list>li>a>img {position:absolute;display:block; width:37px;height:65px; top:50%; right:5%; margin-top:-33px;}
.movie_edu_box .edu_list>li>a>div>.intro {font-size:40px; color:#888;}
.movie_edu_box .edu_list>li>a>div>.title {margin-top:12px; font-size:48px; color:#222;}
.movie_edu_box .edu_list>li>a>.image_box {margin-right:60px;}
.movie_edu_box .edu_list>li>a>.txt_box {padding-top:24px;}

/* 펀드검색 */
#layerPopup1{position:fixed; top:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f3f3f3;}
#layerPopup2{position:fixed; top:0; left:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f3f3f3;}
.fund_search {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff;z-index:1;-webkit-overflow-scrolling:touch}
.mall_fund_search {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f3f3f3;}
.fund_list {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f3f3f3;z-index:1;-webkit-overflow-scrolling:touch}
.search_top {height:170px; padding-top:30px; background-color:#02a1e3;}
.search_top>.btn_close, .fund_search>.search_top>.search_box{float:left}
.search_top>.btn_close{margin:30px 67px 0 69px}
.search_top>.search_box{width:80%;padding-left:3%;height:140px;overflow:hidden;border-radius:6px;background-color:#fff}
.search_top>.search_box>input{width:70%;height:140px;border:0;font-size:60px;vertical-align:top}
.search_top>.search_box>div{float:right;padding-top:33px;margin-right:26px}
.search_top>.search_box>div>.btn_delete{display:inline-block;width:72px;height:72px;margin-right:58px}
.search_top>.search_box>div>.btn_search{display:inline-block;width:74px;height:75px}

.fund_search .search_list {background-color:#fff;-webkit-overflow-scrolling:touch}
.fund_search .search_list>li>a {position:relative;display:block; border-bottom:2px solid #d0d0d0; padding:65px 0 56px 17px; font-size:54px; color:#222;}
.fund_search .search_list>li:first-child>a {border-top:2px solid #d0d0d0;}
.fund_search .search_list>li>a>img {position:absolute;display:block;width:37px;height:65px; top:50%; right:61px; margin-top:-33px;}
.fund_search .search_list>li>a>em {display:inline-block; width:144px; color:#e13d3d; text-align:center;}

.fund_search .no_search {text-align:center; background-color:#f3f3f3;position:absolute;height:100%;width:100%;top:388px;left:0;overflow-y:auto;overflow-x:hidden;margin-bottom:-388px;-webkit-overflow-scrolling:touch}
.fund_search .no_search>span{margin:448px 0;display:inline-block; padding-top:471px; font-size:60px; background:url(/inc/img/mobile/img_no_search.png) no-repeat top center;}

.fund_search .latest_list {background-color:#fff;}
.fund_search .latest_list>li {position:relative; padding:60px 0; border-bottom:2px solid #d0d0d0; text-align:left;}
.fund_search .latest_list>li:first-child {border-top:2px solid #d0d0d0;}
.fund_search .latest_list>li>span {float:right; margin-right:192px; font-size:48px; color:#888;}
.fund_search .latest_list>li>.search_word {margin-left:60px; font-size:54px; color:#222;}
.fund_search .latest_list>li>.btn_delete {position:absolute; top:50%; right:60px; margin-top:-36px;}

.fund_search .btn_area {padding:60px 40px; border-top:2px solid #d0d0d0; background-color:#fff;}

/* 매트릭스펀드검색 */
.select_area{padding:37px 40px 40px; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background-color:#fff}
.matrix_box{height:1104px; padding:48px 40px 0; background-color:#fff}
.matrix_box>ul{width:100%}
.matrix_box>ul>li{float:left; width:20%; text-align:center}
.matrix_box>ul>li>strong{display:inline-block; width:100%; color:#222; background:url(/inc/img/mobile/bg_bar3.gif) no-repeat 0 4px;}
.matrix_box>ul>li:first-child>strong{background:none}
.matrix_box>ul>li>ul{margin-top:43px}
.matrix_box>ul>li>ul>li{margin-bottom:20px}
.matrix_box li>a{display:inline-block; width:220px; height:95px; padding-top:45px; border:2px solid #666; border-radius:6px; font-size:40px; background-color:#fff; text-align:center}
.matrix_box li>a.selected{border-color:#0288d1; background-color:#0288d1; color:#fff}
.matrix_box li>a.long{padding-top:20px; height:120px; line-height:52px}
.matrix_box li>a.disabled{border-color:#b2b2b2; background-color:#fff; color:#b1b1b1}

.result_box {padding:45px 40px; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.result_box>div {width:100%; overflow:hidden;}
.result_box>div>strong {float:left; font-size:56px; font-weight:700; color:#222;}
.result_box>div>p {float:right; font-size:48px; color:#222}

.search_button {padding:60px 40px; background-color:#fff;}

.search_button_2btn {padding:60px 40px; background-color:#fff;height:136px;}
.search_button_2btn>a{display:block;width:49%}
.search_button_2btn>a:first-child{float:left}
.search_button_2btn>a:first-child+a{float:right}

/* 검색결과목록 */
.search_result_box {padding:40px; background-color:#f3f3f3;}
.product_summary {margin-bottom:40px; border:2px solid #b7b7b7; border-radius:6px; background-color:#fff;}
.product_summary>div:first-child {padding:60px; border-bottom:2px solid #b7b7b7;;}
.product_summary>div:first-child>a {display:block; margin-top:28px; font-size:60px; color:#000;}
.product_summary>div:first-child+div {padding:43px 60px 37px 0; text-align:right;}
.product_summary>div:first-child+div>span {margin-right:35px; color:#666; vertical-align:middle;}
.product_summary>div:first-child+div>em {font-size:60px; color:#e9000b; vertical-align:middle;}

.flag {display:inline-block; height:60px; padding:0 20px; margin-left:7px; border:2px solid #e07575; border-radius:6px; font-size:36px; color:#cf5959; background-color:#fcf1f1; text-align:center; line-height:66px;}
.flag.purple {border-color:#ab73ef; background-color:#f6f1fc; color:#8d5bc9;}
.flag.yellow {border-color:#f4c021; background-color:#fef9e8; color:#d8930e;}
.flag.blue {border-color:#7a93f1; background-color:#f1f4fe; color:#6480e9;}
.flag.orange {border-color:#f99858; background-color:#fef4ee; color:#e3762e;}
.flag.green {border-color:#a3cc4c; background-color:#f6faed; color:#52a90c;}
.flag.sky {border-color:#26c3cd; background-color:#eaf9fa; color:#1cb8c2;}
.flag:first-child {margin-left:0;}

/* My자산 */
.welcome_box {padding:30px 40px; border-bottom:2px solid #d0d0d0; font-size:56px; color:#666; background:#fff;}
.welcome_box>img {width:150px; height:152px; vertical-align:middle;}
.welcome_box>strong {margin-left:25px; color:#222;}
.welcome_box>span {float:right; font-size:45px; color:black;}

.summary_money {padding:40px;}
.summary_money>div {padding:0 40px; border:2px solid #b7b7b7; border-radius:6px; background-color:#fff;}
.summary_money>div>ul>li {width:100%; overflow:hidden; padding:40px 0 35px 0; border-top:2px dashed #b7b7b7;}
.summary_money>div>ul>li:first-child {border-top:0;}
.summary_money>div>ul>li>span {float:left; color:#666;}
.summary_money>div>ul>li>p {float:right; color:#666;}
.summary_money>div>ul>li>p>em {color:#222;}

.asset_situation {padding-bottom:30px; border-top:2px solid #d0d0d0;}
.asset_situation>div {padding:60px 40px 100px; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.h2_set {width:100%; overflow:hidden;}
.h2_set>h2 {float:left;}
.h2_set>p {float:right;}
.h2_set>p>span {margin-right:34px; font-size:44px; color:#666; vertical-align:middle;}
.h2_set>p>strong {font-size:56px; color:#222; vertical-align:middle;}
.next_step {position:absolute; left:50%; bottom:-40px; width:80px; height:80px; margin-left:-40px; z-index:1;}


.bank_list {width:100%; overflow:hidden; border-left:2px solid #ccc;}
.bank_list>li {float:left; width:33.15%; border-top:2px solid #ccc; border-right:2px solid #ccc; border-bottom:2px solid #ccc; text-align:center;}
.bank_list>li>img {width:387px; height:98px;}

#content .inner_box>.cell_intro {padding:125px 0 0 360px; height:235px; font-weight:700; color:#222; background:#fff url(/inc/img/mobile/img_cell.png) no-repeat 60px 50%;}
#content .inner_box>.bankis_visit {padding:90px 0 0 360px; height:270px; font-weight:700; color:#222; background:#fff url(/inc/img/mobile/img_bankis.png) no-repeat 60px 50%;}
#content .inner_box>.bankis_direct {padding-top:100px;}
#content .inner_box>.ars_summary {padding:75px 0 0 360px; height:285px; background:#fff url(/inc/img/mobile/img_ars.png) no-repeat 60px 50%;}
#content .inner_box>.ars_summary>strong {font-size:56px; color:#222; line-height:72px;}
#content .inner_box>.ars_summary>p {margin-top:20px; color:#666;}
#content .inner_box>.ars_summary.solution {padding-top:60px; height:460px; background:#fff url(/inc/img/mobile/img_solution.png) no-repeat 60px 60px;}
#content .inner_box>.ars_summary.solution>p{font-size:50px;}
#content .inner_box>.ars_summary.call {border-bottom:0; background:#fff url(/inc/img/mobile/img_call_center.png) no-repeat 60px 60px;}

.star {padding-left:30px; margin-top:20px; font-size:40px; background:url(/inc/img/mobile/bul_star.gif) no-repeat 0 18px; line-height:60px;}
.star_blue {padding-left:30px; margin-top:20px; font-size:40px; background:url(/inc/img/mobile/bul_star_blue.gif) no-repeat 0 18px; line-height:60px;}

.bankis_process {margin-bottom:100px; border-top:2px solid #222; border-bottom:2px solid #888;}
.bankis_process>li {position:relative; padding:80px 0 70px 40px; border-top:2px solid #ccc; color:#222;}
.bankis_process>li:first-child {border-top:0;}
.bankis_process>li>p {padding-left:74px; background:url(/inc/img/mobile/txt_number1.gif) no-repeat 0 0;}
.bankis_process>li:first-child+li>p {background-image:url(/inc/img/mobile/txt_number2.gif);}
.bankis_process>li:first-child+li+li>p {background-image:url(/inc/img/mobile/txt_number3.gif);}
.bankis_process>li:first-child+li+li+li>p {background-image:url(/inc/img/mobile/txt_number4.gif);}
.bankis_process>li:first-child+li+li+li+li>p {background-image:url(/inc/img/mobile/txt_number5.gif);}
.bankis_process>li:first-child+li+li+li+li+li>p {background-image:url(/inc/img/mobile/txt_number6.gif);}
.bankis_process>li:first-child+li+li+li+li+li+li>p {background-image:url(/inc/img/mobile/txt_number7.gif);}

.trading_intro {padding:90px 0 0 360px; height:270px; font-weight:700; color:#222; background:#fff url(/inc/img/mobile/img_trading.png) no-repeat 60px 50%;}
.trading_cont {padding:40px 40px 100px;}

.eng {font-size:44px; color:#222;}
.service_process {width:100%; overflow:hidden; margin-top:35px;}
.service_process>li {float:left; padding:0 3% 0 1%; background:url(/inc/img/mobile/bg_blue_arrow.gif) no-repeat 100% 50%;width:22%;}
.service_process>li:first-child {padding-left:0;}
.service_process>li:last-child {padding-right:0;}
.service_process>li>p {width:100%; height:235px; padding-top:65px; border-radius:6px; font-size:44px; font-weight:700; background-color:#f1f4f6; text-align:center; line-height:58px;}
.service_process>li>.short {padding-top:125px; height:175px;}

.service_process2 {width:100%; overflow:hidden;}
.service_process2 li {padding:75px 0 0 360px; height:285px; background:#fff url(/inc/img/mobile/img_magic2.png) no-repeat 60px 50%;}
.service_process2>li:first-child {padding-right:0; background:#fff url(/inc/img/mobile/img_magic1.png) no-repeat 60px 50%;}
.service_process2>li:last-child {padding-right:0; background:#fff url(/inc/img/mobile/img_magic3.png) no-repeat 60px 50%;}
.service_process2>li>p {width:100%; height:235px; padding-top:20px; padding-left:100px; border-radius:6px; font-size:50px; text-align:left; line-height:65px;}
.service_process2>li>p>span{margin-top:20px; display:block;}

.common_box {padding:53px 40px 60px; margin-top:30px; background-color:#f2f2f2;}
.common_box .listDefault>li>span{font-size:45px;color:#222222;}
.inner_box .bankis_direct>.image_box {margin-top:80px }

.portfolio_example {margin-top:15px;}
.portfolio_example>li {padding:80px 46px 80px 38px; border-top:2px solid #d7d7d7;}
.portfolio_example>li:first-child {padding-top:100px; border-color:#222;}
.portfolio_example>li>p {padding-left:74px; font-weight:700; color:#222; background:url(/inc/img/mobile/txt_number1.gif) no-repeat 0 0;}
.portfolio_example>li:first-child+li>p {background-image:url(/inc/img/mobile/txt_number2.gif)}
.portfolio_example>li:first-child+li+li>p {background-image:url(/inc/img/mobile/txt_number3.gif)}
.portfolio_example>li>.image_box {padding:80px 157px 0 125px;}
.portfolio_example>li>.image_box2 {padding:80px 222px 0 160px;}

.join_guide {border-bottom:2px solid #888;}
.join_guide>.title {padding:35px 0; border-top:3px solid #222;  color:#212121; background-color:#f2f2f2; text-align:center;}
.join_guide>div {border-top:2px solid #ccc; text-align:center;}
.join_guide>.new {padding:40px 0 70px; border-top-color:#888;}
.join_guide>.old {padding:80px 0 70px;}
.join_guide>.new>.icon>img {width:218px; height:170px;}
.join_guide>.old>.icon>img {width:233px; height:153px;}
.join_guide>div>.sub_title {padding-bottom:30px; margin-top:35px; font-weight:700; color:#222; background:url(/inc/img/mobile/bg_blue_line.gif) no-repeat 50% 100%;}
.join_guide>div>.text {margin-top:50px;}
.join_guide>div>.text>p {font-size:44px; color:#666;}

.date {margin-top:20px; font-size:40px; color:#888;text-align:right;}

/* 팝업 */
.pop_head {position:relative; height:130px; padding-top:70px; background-color:#02a1e3;}
.pop_head>h1 {font-size:68px; font-weight:normal; color:#fff; text-align:center;}
.pop_head>a {position:absolute; top:50%; right:60px; margin-top:-30px; display:inline-block; width:60px; height:60px;}

.recom_pname {padding:60px 40px; border-bottom:2px solid #b7b7b7; background-color:#fff;}
.recom_pname>p {margin-top:30px; font-size:60px; color:#222;}

.product_info {border:2px solid #888; border-top:3px solid #222;}
.product_info>table {width:100%; border-collapse:collapse;}
.product_info>table th {padding:37px 0 34px 0; color:#222; border-bottom:2px solid #888; border-left:2px solid #d7d7d7; background-color:#f8f8f8;}
.product_info>table th:first-child {border-left:0;}
.product_info>table td {padding:50px 40px 45px; color:#222; border-bottom:2px solid #d7d7d7; border-left:2px solid #d7d7d7; text-align:center;}
.product_info>table td:first-child {border-left:0;}
.product_info>table:last-child td {border-bottom:0;}

.visual_grade {width:260px; overflow:hidden; margin:0 auto;}
.visual_grade>li {float:left; margin-left:6px;}
.visual_grade>li:first-child {margin-left:0;}
.visual_grade>li>img {width:47px; height:47px;}

.graph_box {margin-top:40px; border:2px solid #888; border-top:3px solid #222;}
.graph_box>.graph01 {height:850px;}
.graph_box>.graph02 {height:700px;}
.graph_box>.division_box {width:100%; overflow:hidden; padding:47px 0; border-top:2px solid #ccc;}
.graph_box>.division_box.bd_none {border-top:0;}
.graph_box>.division_box>ul {margin:0 40px; overflow:hidden;}
.graph_box>.division_box>.type01 {float:right; margin:0;}
.graph_box>.division_box>.type01>li {float:left; margin-right:80px;}
.graph_box>.division_box>ul>li.long {width:100%;}
.graph_box>.division_box>ul>li>span {display:inline-block; width:45px; height:45px; margin:6px 15px 0 0; background-color:#83c6ff; vertical-align:top;}
.graph_box>.division_box>.type01>li:first-child+li>span {background-color:#ff8383;}
.graph_box>.division_box>ul>li>em {display:inline-block; width:89%; color:#222; vertical-align:middle; word-break:break-all}

.graph_box>.division_box>.type02>li, .graph_box>.division_box>.type03>li, .graph_box>.division_box>.type04>li {float:left; width:50%; margin-top:25px;}
.graph_box>.division_box>.type02>li:first-child+li>span {background-color:#ff8f91;}
.graph_box>.division_box>.type02>li:first-child+li+li>span {background-color:#ffd233;}
.graph_box>.division_box>.type02>li:first-child+li+li+li>span {background-color:#95cf43;}
.graph_box>.division_box>.type02>li:first-child+li+li+li+li>span {background-color:#e169e7;}
.graph_box>.division_box>.type02>li:first-child+li+li+li+li+li>span {background-color:#8f6fd8;}
.graph_box>.division_box>.type02>li:first-child+li+li+li+li+li+li>span {background-color:#41d5cc;}
.graph_box>.division_box>.type02>li:first-child+li+li+li+li+li+li+li>span {background-color:#f6b23c;}
.graph_box>.division_box>.type02>li:first-child+li+li+li+li+li+li+li+li>span {background-color:#408eee;}
.graph_box>.division_box>.type02>li:first-child+li+li+li+li+li+li+li+li+li>span {background-color:#37c05a;}

.graph_box>.division_box>.type03>li>span {background-color:#cd6969;}
.graph_box>.division_box>.type03>li:first-child+li>span {background-color:#ba9985;}
.graph_box>.division_box>.type03>li:first-child+li+li>span {background-color:#91aed6;}
.graph_box>.division_box>.type03>li:first-child+li+li+li>span {background-color:#41d5cc;}
.graph_box>.division_box>.type03>li:first-child+li+li+li+li>span {background-color:#ff8b8d;}
.graph_box>.division_box>.type03>li:first-child+li+li+li+li+li>span {background-color:#408eee;}
.graph_box>.division_box>.type03>li:first-child+li+li+li+li+li+li>span {background-color:#ffb14c;}
.graph_box>.division_box>.type03>li:first-child+li+li+li+li+li+li+li>span {background-color:#b2cf4c;}
.graph_box>.division_box>.type03>li:first-child+li+li+li+li+li+li+li+li>span {background-color:#934fd3;}
.graph_box>.division_box>.type03>li:first-child+li+li+li+li+li+li+li+li+li>span {background-color:#dc7fd8;}

.graph_box>.division_box>.type04>li>span {background-color:#83c6ff;}
.graph_box>.division_box>.type04>li:first-child+li>span {background-color:#ff8f91;}
.graph_box>.division_box>.type04>li:first-child+li+li>span {background-color:#ffd233;}
.graph_box>.division_box>.type04>li:first-child+li+li+li>span {background-color:#95cf43;}
.graph_box>.division_box>.type04>li:first-child+li+li+li+li>span {background-color:#e169e7;}
.graph_box>.division_box>.type04>li:first-child+li+li+li+li+li>span {background-color:#8f6fd8;}
.graph_box>.division_box>.type04>li:first-child+li+li+li+li+li+li>span {background-color:#41d5cc;}
.graph_box>.division_box>.type04>li:first-child+li+li+li+li+li+li+li>span {background-color:#f6b23c;}
.graph_box>.division_box>.type04>li:first-child+li+li+li+li+li+li+li+li>span {background-color:#408eee;}

.other_class {border-top:2px solid #222; border-bottom:2px solid #888;}
.other_class>p {padding:30px 42px; background-color:#f8f8f8;}
.other_class>ul>li {width:100%; display:table; border-top:2px solid #d7d7d7;}
.other_class>ul>li:first-child {border-top-color:#888;}
.other_class>ul>li>div {display:table-cell; padding:40px 50px 40px 42px; vertical-align:middle;}
.other_class>ul>li>div:first-child {width:75%; font-size:56px; line-height:72px;}
.other_class>ul>li>div:first-child+div {text-align:right;}
.other_class>ul>li>div:first-child+div>span {color:#666;}
.other_class>ul>li>div:first-child+div>p {margin-top:8px; font-size:60px;}

.h2_tit_set, .h2_tit_set3 {width:100%; overflow:hidden;}
.h2_tit_set h2 {float:left; margin-right:40px;}
.h2_tit_set span {float:left; font-size:40px; color:#888;}
.h2_tit_set.btn h2 {line-height:89px;}
.h2_tit_set.btn .btn_info {float:left;}
.h2_tit_set2 {width:100%; display:inline-block;}
.h2_tit_set2 h2 {float:left; margin-right:20px;}
.h2_tit_set2 strong {float:left; font-size:56px; color:#02a1e3;}
.h2_tit_set2 .btn_air {float:right; margin-top:-15px;}
.h2_tit_set3 h2 {float:left;}
.h2_tit_set3 span {float:right; font-size:40px;}

#content>.inner_box>.list_wrap {padding:0; border-bottom:0;}
#content>.inner_box>.invest_box {padding:0 40px 40px; background-color:#f5f8fa;}
.invest_experience {height:257px; padding:95px 0 0 403px; border-bottom:2px solid #d0d0d0; font-size:70px; font-weight:700; background:#fff url(/inc/img/mobile/img_invest_experience.png) no-repeat 60px 50%; line-height:90px;}
.experience_list>li>a{position:relative;display:block;padding:50px 0 50px 58px; font-size:60px; color:#222; border-top:2px solid #d7d7d7; line-height:80px;}
.experience_list>li>a>img {position:absolute; top:50%; right:61px; margin-top:-33px; width:37px; height:65px;}

.question_box {padding:50px 40px; border-bottom:2px solid #d0d0d0; font-size:60px; font-weight:700; background-color:#fff; line-height:80px;}

.date_box {width:100%; overflow:hidden;}
.date_box>* {float:left;}
.date_box>span {margin:33px 0 0 0;}
.date_box>.number_input {width:70%;float:right;}

.invest_box>.buy_box {padding:80px 60px; margin-top:40px; border:2px solid #b7b7b7; border-radius:6px; background-color:#fff;}

.twin_button {text-align:center;}
.twin_button .btn {display:inline-block; width:48.5%; border-radius:6px; font-weight:700; text-align:center;}
.twin_button .btn.blue {height:140px;  margin-right:21px; color:#fff; background-color:#0288d1; line-height:140px;}
.twin_button .btn.white {height:136px; border:2px solid #222; line-height:136px;}

.type_list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; /* 세로로 나열 */ gap: 12px; /* 카드 사이 간격 */}
.type_list>li {display: flex; align-items: center; /* 아이콘과 텍스트 중앙 정렬 */ background-color: #f2f2f2; border-radius: 12px; padding: 20px 25px; border: 1px solid #f0f0f0;}
.type_list>li>.invest_type {width:100px; height:100px; color:#fff; border-radius:50%; margin: 0 60px 0 20px;}
.type_list>li>.invest_type.green {background-color:#14AE5C}
.type_list>li>.invest_type.blue {background-color:#0093FF}
.type_list>li>.invest_type.orange {background-color:#F88004}
.type_list>li>.invest_type.red {background-color:#F34B55}
.type_list>li>p {word-break: keep-all; color:#222;}

.qna_list {border-bottom:2px solid #888;}
.qna_list>li>p {padding:40px; border-top:3px solid #222; border-bottom:2px solid #ccc; color:#000; background-color:#f2f2f2;}
.qna_list>li span {display:inline-block; width:80px; height:80px; font-size:44px; font-weight:700; color:#fff; border-radius:50%; background-color:#02a1e3; line-height:85px; text-align:center;}
.qna_list>li>p>span {margin-right:40px;}
.qna_list>li>div {width:100%; overflow:hidden; padding:40px 0 50px 0;}
.qna_list>li>div>span {float:left; margin:0 43px; background-color:#692c00;}
.qna_list>li>div>div {float:left; width:85%; padding-top:10px;}

#content>.inner_box>.air_intro {padding:60px 100px; background:#fff url(/inc/img/mobile/bg_efriend.png) no-repeat 100% 60px;}
.air_intro>img {width:355px; height:81px;}
.air_intro>div {font-size:42px; color:#666;}
.air_intro>div>p {margin-bottom:25px; font-size:56px; font-weight:700; color:#222;}

#content>.inner_box>.select_area2 {padding:60px 40px;}
#content>.inner_box>.select_area2.search {margin-bottom:-30px;}

.vod_list>li {position:relative; display:table; padding:60px 0; border-top:2px solid #d7d7d7;}
.vod_list>li:first-child {border-top:0;}
.vod_list>li>div {display:table-cell; vertical-align:middle;}
.vod_list>li>.image_box {width:290px; height:280px; padding:0 60px;}
.vod_list>li>.text_box {padding-right:155px;}
.vod_list>li>.text_box>.tit {font-size:56px; color:#222; line-height:70px;}
.vod_list>li>.text_box>.period {margin-top:12px; font-size:44px; color:#888;}
.vod_list>li>a {position:absolute; top:50%; right:60px; margin-top:-33px;}
.vod_list>li>a>img {width:37px; height:65px;}

.full {margin-left:-62px;}
.full2 {margin-left:-36px;}
.map_area {height:902px; padding:0; margin:-60px -40px 55px; border-bottom:2px solid #d0d0d0; background-color:#fcfcfc;}
.search_result {font-size:44px;  color:#000;}

.notice_list>li>a {position:relative; display:block; padding:50px 0 50px 58px; border-bottom:2px solid #d7d7d7;}
.notice_list>li>a>p {width:85%; margin-bottom:20px; font-size:60px; color:#222; line-height:80px;}
.notice_list>li>a>span {font-size:44px; color:#888;}
.notice_list>li>a>img {position:absolute; width:37px; height:65px; top:50%; right:60px; margin-top:-33px;}
.notice_list>li.noData{padding-top: 60px;padding-bottom: 60px;font-size: 54px;line-height: 64px;}

.notice_tit_box {position:relative; padding:50px 40px; border-bottom:2px solid #d0d0d0; background-color:#fff;}
.notice_tit_box>p {margin-bottom:20px; font-size:60px; color:#222; width:100%; line-height:64px}
.notice_tit_box>span {font-size:44px; color:#888;}
.notice_tit_box.event>.social_box {margin-top:40px;text-align:right;font-family: 'Nanum Barun Gothic' !important;vertical-align: middle !important;}
.notice_tit_box.event>.social_box>.btn_info{margin:0 27px 0 0;font-size: 44px;vertical-align:middle !important;line-height: 64px !important;}
.notice_tit_box.event>.social_box>.katok, .notice_tit_box.event>.social_box>.facebook {display:inline-block; overflow:hidden; width:101px; height:101px;  text-indent:-9999px;vertical-align:middle !important;margin-top: -5px;text-align:left;}
.notice_tit_box.event>.social_box>.katok {margin-right:27px; background:url(/inc/img/mobile/icon_katok.png) no-repeat 0 0;}
.notice_tit_box.event>.social_box>.katok:active {background-image:url(/inc/img/mobile/icon_katok_on.png)}
.notice_tit_box.event>.social_box>.facebook {background:url(/inc/img/mobile/icon_facebook.png) no-repeat 0 0;}
.notice_tit_box.event>.social_box>.facebook:active {background-image:url(/inc/img/mobile/icon_facebook_on.png)}

#content>.inner_box>.notice_cont{-webkit-transform: scale(3.2);-moz-transform: scale(3.2);-ms-transform: scale(3.2);transform: scale(3.2);padding: 26px 2%;border-bottom: 0;width: 27.25%;margin-left: 34.375%}
#content>.inner_box>.event_cont {padding:0 40px; border-top:0; border-bottom:0; background:none;}
.last_btn_box {padding:40px; border-top:2px solid #d0d0d0; background-color:#fff;}

.pop_cont {padding:60px 40px}

.comp {margin-bottom:95px}
.cont_txt {margin-top:25px}
.marT0{margin-top:0 !important}
.marT10{margin-top:10px !important}
.marT20{margin-top:20px !important}
.marT30 {margin-top:30px !important}
.marT40 {margin-top:40px !important}
.marT50 {margin-top:50px !important}
.marT60 {margin-top:60px !important}
.marT70 {margin-top:70px !important}
.marT80 {margin-top:80px !important}
.marT100 {margin-top:100px !important}
.marL25 {margin-left:25px !important}
.t_right {text-align:right !important}
.t_center {text-align:center !important}

.loading {position: fixed; display: none; width: 100%; height: 100%; z-index: 1300}
.loading img {position:fixed;top:50%;left:50%;margin:-90px 0 0 -90px;width: 200px}
BODY.viewport1 .loading img {position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;width: 50px}

.ico_link_menu{display:inline-block;margin:0 0 -9px 20px;width:61px;height:47px}

#mtk_pwd{margin-left: auto; margin-right: auto; right: 0}



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

/*
.api_Input input {width:100%;height:100px;padding:100px 10px;border:none;border-bottom:3px solid #e0e0e0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#444;font-size:70px;line-height:1.2;}
.api_Input .btn_Api {border:1px solid #a5a5a5;background:#fdfdfd;color:#000;text-align:center;vertical-align:middle}



.inner_box>div {padding:60px 40px 100px; border-top:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; background-color:#fff;}


.openApi-mobile .inputbox_wrap {margin-top:20px;}
.inputbox_wrap input{width:100%;height:100px;padding:100px 10px;border:none;border-bottom:3px solid #e0e0e0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#444;font-size:70px;line-height:1.2;}
.inputbox_wrap button{width:100%;padding:40px 10px;border:none;border-bottom:3px solid #e0e0e0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#5C6088;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:white;font-size:70px;line-height:1.2;}


agreementtit_wrap {padding-top:5px;color:#000;font-size:14px;}
*/


/*모바일웹에서 따온 CSS*/
.main_txt01{padding-left:24px !important;}

/***************************************OPEN API 모바일웹****************************************/
/*INTRO*/
.btn_bottom_area01 {
	bottom: 0;
    position: fixed;
    text-align: center;
    width: 100vw;
}

.btn_bottom01 {
	background-color: #5c6088;
    color: #fff !important;
    display: inline-block;
    font-size: 5.063rem;
    height: 220px;
	line-height: 220px;
    text-align: center;
    width: 100vw;
}
.btn_bottom01:hover{
	background-color: #484c72;
    color: #fff !important;
    display: inline-block;
    font-size: 5.063rem;
    height: 220px;
	line-height: 220px;
    text-align: center;
    width: 100vw;
}

.btn_bottom01_dis{
	background-color: #f0f0f0;
    color: #a0a0a0 !important;
    display: inline-block;
    font-size: 5.063rem;
    height: 220px;
	line-height: 220px;
    text-align: center;
    width: 100vw;
}

/*STEP 1*/
#openapi_wrap_step1{margin:0;padding:0;font-size: 68px;line-height:130%; color:#444;background-color: #fff;}
.main_txt01_openApiMo{background:#f5f5f5;display:block;width: 90%;margin: 0 auto;padding: 40px 20px;background-color: #fff;}

.main_check_area {
	background-color: #f8f8fa;
	padding: 100px 0 0px 0;
}

.main_check {
	margin: 0 28px;
	padding-bottom: 50px;
	border-bottom: 4px solid #5c5f88;
}

input[type=checkbox].css-checkbox1 {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox1 + label.css-label1 {
	background-size: 28px 56px;
	padding-left:32px;
	padding-right: 0px;
	height:28px;
	display:inline-block;
	line-height:28px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:4.5rem;
	vertical-align:text-top;
	cursor:pointer;
}

input[type=checkbox].css-checkbox1:checked + label.css-label1 {
	background-size: 28px 56px;
	background-position: 0 -28px;
}

label.css-label1 {
	background-image:url(../../images/opanApiMobile/bg_check.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.main_menu01 {
	border-bottom:70px solid #f0f0f0;
}
.main_menu01 li {
	font-size: 4.200rem;
	padding: 40px 40px;
	margin: 0 28px;
	border-bottom: 1px solid #f0f0f0;
}

.moApi_input {margin-left:28px !important;}

.moApi_input input {font-size: 4.2rem;}

.Api_Input_area01 {
	border-bottom: 7px solid #f4f4f4;
}

.input_main01_api {
	border: 2px solid #fff;
	border-top: none;
	padding: 40px 40px;
	background-color: #fff;
	 font-size: 4.2rem;
	height:150px;
	width:100%;
	color: #000;
	border-radius: 0;
}

.input_main01_api:focus {
	border: 2px solid #fff;
	border-top: none;
	padding: 40px 40px;
	border-bottom: 2px solid #5c6088;
	background-color: #fff;
	font-size: 4.2rem;
	height:150px;
	width:100%;
	color: #000;
	border-radius: 0;
}

.Api_Button_area01 {margin-top:55px !important;margin-bottom:55px !important;text-align: center !important;}

.btn_main01 {
	background-color: #5c6088;
    color: #fff !important;
    display: inline-block;
    font-size: 4rem;
    height: 175px;
	line-height: 166px;
    text-align: center;
    width: calc(100% - 56px)
}

.btn_main01:hover{
	background-color: #484c72;
    color: #fff !important;
    display: inline-block;
    font-size: 4rem;
    height: 175px;
	line-height: 166px;
    text-align: center;
    width: calc(100% - 56px)
}

.btn_main01_dis{
	background-color: #f0f0f0;
    color: #a0a0a0 !important;
    display: inline-block;
    font-size:4rem;
    height: 175px;
	line-height: 166px;
    text-align: center;
    width: calc(100% - 56px)
}

.pore {position: relative;}

.txt_time {
	color:#a0a0a0;
	font-size: 2.900rem;
	text-align: center;
	position: absolute;
	right: 31px;
	top: 60px;
}


.modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform: translateY(-50%) !important;
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: white;
  padding: 0;
  max-height: 70%;
  width: 100%;
  margin: auto;
  overflow-y: hidden;
  border-radius: 20px;
  will-change: top, opacity;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
}

.modal:focus {
  outline: none;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0 !important;
  will-change: bottom, opacity;
  transform: translateY(0) !important;
  overflow: hidden;
}

.modal.modal-fixed-header .modal-content {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}

.btn_bottom_area01_api {
	bottom: 0;
    position: fixed;
    text-align: center;
    width: 100vw;
}

.main_smenu01 {
	overflow: hidden;
	margin-top: 15px;
}

.main_smenu01 li {
	font-size:3.000rem;
	width: 35.2777vw;
	color: #787878;
	padding: 14px 0px 14px 20px;
	margin:0;
	border-bottom: none;
	float: left;
	display: inline-block;
}
/******모달******/
.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0 !important;
  will-change: bottom, opacity;
  transform: translateY(0) !important;
  overflow: hidden;
}

.modal.modal-fixed-footer {
  padding: 0;
}

.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 60px);
  max-height: 100%;
  width: 100%;
  overflow-y: scroll;
}

.modal.modal-fixed-footer .modal-footer {
  border-top: 0px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

/*pop_title*/
.pop_title {
	height: 50px;
	text-align: center;
	background-color: #fff;
	position: fixed;
    top: 0;
	width: 100%;
	z-index:3;
}

.pop_title h1 {
	font-size: 1.176rem;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
}

.pop_title h2 {
	font-size: 4.2rem;
	line-height: 150px;
	font-weight: bold;
	text-align: center;
}

.btn_close01 a {
	position: absolute;
	left: 24px;
	top: 16px;
	background: rgba(0, 0, 0, 0) url("../images/btn_close01_nor.png") no-repeat scroll 0 0 / 17px auto;
    display: inline-block;
    font-size: 0;
    height: 17px;
	width: 17px;
    vertical-align: top;
}

.pt50 {padding-top:50px !important;}


/***************************************OPEN API 모바일웹(수현씨)****************************************/
#openapi_wrap{margin:0;padding:0;font-size: 28px;line-height:130%; color:#444}
#openapi_wrap strong{font-size: 36px;margin-bottom: 20px;display: inline-block;padding-left: 30px; color:#222}
.api_infobox{background: url(../../images/opanApiMobile//img_api.png) no-repeat 50px 100px #fff;padding: 60px 0 30px  324px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom: 60px;}
.api_infobox ul li{background:url(../../images/opanApiMobile//bul_dot2.gif) no-repeat 0 24px;padding-left:27px;margin-top: 20px;}
.api_infobox ul{width: 580px;}
.api_process p{background:#f5f5f5;display:block;width: 90%;margin: 0 auto;padding: 40px 20px;font-size: 25px;}
.api_process p span{background:url(../../images/opanApiMobile//ico_title.png) no-repeat center;text-indent:-10000px;display: inline-block;width: 45px;}
.api_process_cont{padding: 0 50px;}
.api_process_cont h3{background: url(../../images/opanApiMobile//bul_dot2.gif) no-repeat 0 18px;padding-left: 15px;font-size: 32px;margin-bottom: 20px;display: inline-block;color: #222;margin-top: 60px;}
.api_process_cont ul.listDefault{margin: 0 0 30px 0;}
.api_process_cont ul.listDefault li{background: url(../../images/opanApiMobile//ico_arrow_right.png) no-repeat 20px 12px;padding-left: 40px;margin-top: 15px;}
.api_process_cont p.cont_txt{color:#222;padding-left: 20px;}
.api_process_cont h4{padding-left:20px;color: #02a1e3;}
.roundBoxKnow{padding-left: 30px;margin-bottom: 200px;margin-top: 100px;}
.roundBoxKnow .title{background: url(../../images/opanApiMobile//icon_attention.png) no-repeat 0;color:#222;background-size: 3%;font-size: 28px;font-weight:600;padding-left: 40px;}
.roundBoxKnow ul.listBasic{width: 890px;padding: 0 12px;}
.roundBoxKnow ul.listBasic li{background:url(../../images/opanApiMobile//bul_dot2.gif) no-repeat 0 24px;padding-left:27px;margin-top: 20px;}
.btn_bottom_area01 a.btn_bottom01{
    padding: 50px 0;
    font-size: 46px;
}
.api_process_cont ul.listDefault a.link{color:#02a1e3; text-decoration:underline;}