@charset "euc-kr";
/* CSS Document */
img{ max-width:100%; vertical-align:middle;}
.box1{ width:95%; padding:0 2.5%; max-width:1160px; margin:0 auto}

/*input{-webkit-border-radius:0; -webkit-appearance:none;}
select{-webkit-appearance:listbox} */

#header{ position:fixed	; width:100%; height:auto; left:0; top:0; z-index:100; }
#header .top_area{ position:relative; z-index:inherit}
#header .top_area .bg_top{ display:block; position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#fff;filter:alpha(opacity=100);opacity:1;}
#header.on .top_area .bg_top{filter:alpha(opacity=100);opacity:1; background:#fff;}
#header .top_area .box1{ position:relative; z-index:inherit; text-align:center; padding:10px 0}
#header .top_area .logo{ position:absolute; left:0; top:13px; width:auto;}
#header .top_area .logo > a > img{ height:38px;}
#header .top_area .gnb_wrap{ float:right; width:auto;}
#header .top_area .gnb_wrap .gnb_area{ float:left; display:none}
#header .top_area .gnb_wrap .gnb_area .gnb{ font-size:0; line-height:0; float:left}
#header .top_area .gnb_wrap .gnb_area .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; z-index:inherit}
#header .top_area .gnb_wrap .gnb_area .gnb > li .dp1{ display:block; line-height:50px; padding:0 35px; font-size:18px; color:#fff; position:relative; z-index:inherit}
#header .top_area .gnb_wrap .gnb_area .gnb > li .bg{display:block; position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:none}
#header .top_area .gnb_wrap .gnb_area .gnb > li:hover .bg{background:#000;;filter:alpha(opacity=30);opacity:0.3;}
#header .top_area .gnb_wrap .gnb_area .gnb > li.on .bg{background:#000;;filter:alpha(opacity=30);opacity:0.3;}
#header .top_area .gnb_wrap .gnb_area .gnb > li.on .dp1{ color:#ffcc00}
#header .top_area .gnb_wrap .gnb_area .gnb > li .dp2{ display:none; position:absolute; z-index:inherit; width:100%; left:0; top:50px; padding:15px 0; background:#444; filter:alpha(opacity=90);opacity:0.9}
#header.on .top_area .gnb_wrap .gnb_area .gnb > li .dp2{ background:#364c6f}
#header .top_area .gnb_wrap .gnb_area .gnb > li .dp2 > li > a{ display:block; line-height:30px; font-size:14px; color:#fff; text-align:center;}
#header .top_area .gnb_wrap .gnb_area .gnb > li .dp2 > li > a:hover{ color:#ffcc00}
#header .top_area .gnb_wrap .gnb_area .gnb > li:hover .dp2{ display:block;}
#header .top_area .gnb_wrap .gnb_area .gnb > li.m_mypage{ display:none}

#header .top_area .gnb_wrap .etc_area{ float:left; font-size:0; line-height:0; margin-left:10px; position:relative; z-index:inherit}
#header .top_area .gnb_wrap .etc_area > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:1px; position:relative; z-index:inherit}
#header .top_area .gnb_wrap .etc_area > li:first-child{ margin-left:0}
#header .top_area .gnb_wrap .etc_area > li > .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=20);opacity:0.2}
#header .top_area .gnb_wrap .etc_area > li.entire_menu .bg{ background:#0d7fbd; filter:alpha(opacity=100);opacity:1}
#header .top_area .gnb_wrap .etc_area > li > a{ display:inline-block; vertical-align:middle; width:54px; height:45px; background-position:center center; background-repeat:no-repeat; position:relative; z-index:inherit; background-size:auto;}
#header .top_area .gnb_wrap .etc_area > li.login > a{ background-image:url(../m/images/inc/top_icon_login.png)}
#header .top_area .gnb_wrap .etc_area > li.english > a{ background-image:url(../images/inc/top_icon_pc.png)}
#header .top_area .gnb_wrap .etc_area > li.join > a{ background-image:url(../eng/m/images/inc/top_icon_kr.png)}
#header .top_area .gnb_wrap .etc_area > li.mypage > a{ background-image:url(../m/images/inc/top_icon_mypage.png)}
#header .top_area .gnb_wrap .etc_area > li.entire_menu > a{ background-image:url(../images/inc/top_icon_menu.png)}
#header .top_area .gnb_wrap .etc_area > li:hover .bg{ background:#0794e0; filter:alpha(opacity=100);opacity:1}

.entire{ position:absolute; z-index:inherit; border-top:none; right:0; top:45px; display:none; background:#444;filter:alpha(opacity=95);opacity:0.95; border-radius:10px 0 10px 10px;}
.entire_wrap{ position:relative; z-index:inherit; padding:20px 10px 0 10px;}
.entire_wrap .wrap_bg{ position:absolute; z-index:inherit; width:100%; height:100%; display:inline-block;}
.entire .gnb{ position:relative; z-index:inherit;display:inline-block; overflow-y:scroll; width:200px; height:450px;}
.entire .gnb > li{ margin-top:3px}
.entire .gnb > li .dp1{ display:block; border-radius:5px; border:1px solid #777; padding:7px 15px; font-size:13px; color:#fff}
.entire .gnb > li .dp1:hover{ background:#83b4fa}
.entire .gnb > li .dp2{ padding:7px 0}
.entire .gnb > li .dp2 > li > a{ display:block;font-size:13px; color:#aaa; padding:3px 15px}
.entire .gnb > li .dp2 > li > a:hover{ color:#fff}
.entire .close{ height:20px; cursor:pointer; filter:alpha(opacity=50);opacity:0.5;}
.entire .close:hover{filter:alpha(opacity=100);opacity:1;}

.entire .gnb > li.m_7{ display:none;}

#contents{}
#contents .sub_visual{ position:relative; z-index:inherit; margin-top:65px;}
#contents .sub_visual .bg{ position: relative; z-index:inherit; width:2000px; height:190px; left:50%; margin-left:-1000px; text-align:center;}
#contents .sub_visual .bg > img{ width:auto; height:100%; max-height:190px;}

#contents .sub_visual .con_wrap{ position: absolute; z-index:inherit; left:0; top:0; width:100%; height:auto}
#contents .sub_visual .con{ overflow:hidden;}
#contents .sub_visual .con .slogan{ padding:16px 0 0 0; overflow:hidden; text-align:center;}
#contents .sub_visual .con .slogan .tt{ display:inline-block; *display:inline; zoom:1; padding:15px 0 15px 0; line-height:22px; width:auto; position:relative; z-index:inherit; font-size:0.938em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
#contents .sub_visual .con .slogan .tt .line{ height:1px; width:100%; position:absolute; z-index:inherit; left:0; background:#fff; filter:alpha(opacity=100);opacity:1}
#contents .sub_visual .con .slogan .tt .line.top{ top:0}
#contents .sub_visual .con .slogan .tt .line.bottom{ bottom:0}
#contents .sub_visual .con .text{ margin-top:10px; text-align:center;}
#contents .sub_visual .con .text .t1{ font-size:1.25em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5); font-family:notokrB, sans-serif;}
#contents .sub_visual .con .text .t2{ font-size:0.750em; color:#fff; line-height:16px; padding-top:10px; text-shadow:1px 1px 1px #333}
#contents .sub_visual .con .my_name{ font-size:33px; color:#fff; text-align:center; margin-top:120px; font-family:notokrB, sans-serif}
#contents .sub_visual .con .my_tt{ font-size:17px; color:#fff; text-align:center; margin-top:20px}
#contents .sub_visual .img{ float:right; padding-top:10px; position:relative; z-index:inherit; overflow:hidden}
#contents .sub_visual .img img{ position:relative; z-index:inherit; right:-700px; height:60px;}
#contents .sub_visual .img .icon{ background:url(../images/inc/sub_visual_icon_light.png) no-repeat; background-size:100% auto; width:35px; height:36px; display:block; position:absolute; z-index:inherit; filter:alpha(opacity=0);opacity:0}
#contents .sub_visual .img .icon.pos_1{ right:20px; bottom:35px}
#contents .sub_visual .img .icon.pos_2{ left:30px; bottom:35px}

#contents .nav_area{ background:#585852; border:1px solid #585852; border-left:none; border-right:none;}
#contents .nav_area .box1{ width:100%; padding:0 0; *zoom:1;}
#contents .nav_area .box1:after{ content:""; display:block; clear:both;}
#contents .nav_area .nav{ float:left; width:100%; font-size:0; line-height:0;}
#contents .nav_area .nav > li{ width:45%; display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; z-index:1; box-sizing:border-box; -moz-box-sizing:border-box}
#contents .nav_area .nav .home{ width:10%;}
#contents .nav_area .nav .home > a{ display:block; height:30px; background:url(../images/inc/nav_icon_home.png) no-repeat center center #fff; background-size:auto 13px;}
#contents .nav_area .nav .menu1 .gnb .dp2{ display:none}
#contents .nav_area .nav .menu2 .gnb > li{ display:none; overflow:hidden}
#contents .nav_area .nav .menu2 .gnb .dp1{ display:none}
#contents .nav_area .nav .menu3 .gnb > li{ display:none; overflow:hidden}
#contents .nav_area .nav .menu3 .gnb .dp3{ display:none}
#contents .nav_area .nav .gnb{ position:absolute; z-index:inherit; left:0; top:30px; width:100%; display:none; background:#6d6d68; border-top:1px solid #585852; padding:10px 0;}
#contents .nav_area .nav .gnb a{ display:block; line-height:25px; font-size:12px; color:#fff; padding:0 5px 0 15px}
#contents .nav_area .nav .gnb a:hover{ background:#585852}
#contents .nav_area .nav > li:hover .gnb{ display:block;}
#contents .nav_area .nav .menu_st{ border-right:1px solid #6d6d68; line-height:30px; font-size:11px; color:#fff; padding:0 0 0 10px; background:url(../images/inc/nav_arrow.png) no-repeat right center; background-size:auto 6px; cursor:pointer}
#contents .nav_area .nav .menu_st > a{ color:#fff}
#contents .nav_area .nav .menu_st img{float:right; margin-top:10px; margin-right:10px; }

#contents .nav_area .utile{ float:right; width:20%; overflow:hidden;}
#contents .nav_area .utile > li{ float:left; width:50%; border-left:1px solid #686863; box-sizing:border-box; -moz-box-sizing:border-box}
#contents .nav_area .utile > li > a{ display:block; height:30px; background-repeat:no-repeat; background-position:center center; background-size:auto 15px; background-color:#50504a;}
#contents .nav_area .utile > li.bookmark > a{ background-image:url(../images/inc/nav_icon_bookmark.png)}
#contents .nav_area .utile > li.print > a{ background-image:url(../images/inc/nav_icon_print.png)}
#contents .nav_area .utile > li.facebook > a{ background-image:url(../images/inc/sns_facebook.png)}
#contents .nav_area .utile > li.twitter > a{ background-image:url(../images/inc/sns_twitter.png)}

#contents .doc{ margin:30px 2% 0px 2%;}
#contents .page_pd{ padding:0 60px}

#footer{ margin:0px 0 0 0}
#footer .footer_menu{ background:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#666;}
#footer .footer_menu .menu{ float:left; overflow:hidden;}
#footer .footer_menu .menu > li{ float:left; background:url(../images/inc/fm_sec.gif) no-repeat left center}
#footer .footer_menu .menu > li > a{ font-size:0.750em; color:#fff; font-weight:bold; line-height:30px; padding:0 10px; }
#footer .footer_menu .menu > li:first-child{ background:none;}
#footer .footer_menu .menu > li:first-child a{ padding-left:0;}
#footer .footer_menu .gotop{ float:right; margin-right:-2.5%;}
#footer .footer_menu .gotop > a{ display:block; width:35px; height:30px; background:url(../images/inc/gotop_icon.png) no-repeat center 6px #111; background-size:auto 7px; filter:alpha(opacity=50);opacity:0.5;}
#footer .footer_menu .gotop > a .tt{ display:block; padding-top:17px; font-size:0.625em; color:#fff !important; text-align:center}

#footer .footer_info{ padding:25px 0 25px 0; background:#fff;}
#footer .footer_info .info{ margin-top:10px; padding-top:10px; border-top:1px dotted #ccc;}
#footer .footer_info .info:first-child{ margin-top:0; padding-top:0; border-top:0;}
#footer .footer_info .info dt{ font-size:0.813em; color:#333; padding-bottom:8px}
#footer .footer_info .info dd{ display:inline-block; *display:inline; zoom:1; margin-right:20px; font-size:0.750em; color:#666 !important; font-weight:bold; line-height:17px; word-break:keep-all;}
#footer .footer_info .info dd span{ -webkit-color:red !important;}

#footer .footer_info .cs{ padding-top:10px}
#footer .footer_info .cs li{ background-size:auto 13px;}
#footer .footer_info .cs .tel{ background:url(../images/inc/cs_phone.png) no-repeat left center}
#footer .footer_info .cs .fax{ background:url(../images/inc/cs_fax.png) no-repeat left center}
#footer .footer_info .cs .email{ background:url(../images/inc/cs_email.png) no-repeat left center}
#footer .footer_info .cs .tit,
#footer .footer_info .cs .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:0.813em; color:#ffc000; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; letter-spacing:0}
#footer .footer_info .cs .tit{ padding-left:25px; width:55px;}

#footer .footer_info .time{ background:#333; border:1px solid #444; padding:5px 25px; border-radius:5px; margin-top:10px; width:270px}
#footer .footer_info .time > li{ color:#eee;; font-size:0.688em; line-height:1.5}

#footer .footer_info .copyright{ font-size:0.563em; color:#666; padding-top:15px; letter-spacing:0}
#footer .footer_info .ment{ color:#fff; padding-top:15px;}
#footer .footer_info .ment .tt{line-height:17px; font-size:0.750em; color:#fff}
#footer .footer_info .ment .brand{ border-top:1px dashed #555; margin-top:10px; padding-top:10px; overflow:hidden}
#footer .footer_info .ment .brand .tit{ float:left; width:90px; color:#fff; font-size:0.750em; line-height:30px}
#footer .footer_info .ment .brand .banner{ float:right; overflow:hidden}
#footer .footer_info .ment .brand .banner > li{ float:left; margin-left:5px}
#footer .footer_info .ment .brand .banner > li > a{ display:block; height:30px; filter:alpha(opacity=80);opacity:0.8;}
#footer .footer_info .ment .brand .banner > li > a img{ width:auto; height:100%; max-height:30px;}

#footer .footer_info .sns{ float:right; padding-top:20px}
#footer .footer_info .sns_link{ text-align:right; margin-bottom:15px; font-size:0; line-height:0;}
#footer .footer_info .sns_link > li{ display:inline-block; *display:inline; zoom:1; margin-left:5px;}
#footer .footer_info .sns_link > li:first-child{ margin-left:0}
#footer .footer_info .sns_link > li a{ display:block; height:25px;}
#footer .footer_info .sns_link > li img{ width:auto; height:100%; max-height:25px;}
/**/

.pop_tit{ font-size:20px; text-align:center; color:#194e83; position:relative; z-index:inherit; padding:5px 0 14px 0;}
.pop_tit .line{ display:block; position:absolute; z-index:inherit; width:22px; height:4px; left:50%; bottom:0; margin-left:-11px; background:#8aaad9; }

.pop_tit2{ font-size:20px; text-align:left; color:#3199e0; position:relative; z-index:inherit; padding:24px 0 14px 0;}
.pop_tit2 .line{ display:block; position:absolute; z-index:inherit; width:30px; height:4px; left:50%; bottom:0; margin-left:-15px; background:#fff;  }


.form_area{}
.form_area > dl > dt{ text-align:center; margin-bottom:15px}
.form{color:#777}
.form .form_tit{ padding:15px 0 2px 0; font-size:14px; color:#555;}
.form .form_tit:first-child{ padding-top:0}
.form .form_tit.st2{ font-size:15px; line-height:1.5}
.form .inp_wrap{ margin-top:-1px;}
.form .inp_wrap:first-child{ margin-top:0}
.form .inp_wrap input{ width:80%}
.form .check_wrap{}
.form .tt_wrap{font-size:12px; color:#777; line-height:1.5}
.form .tt_wrap2{font-size:13px; color:#2a5caa; line-height:1.5; padding:5px 0 0 3px}
.form .msg_wrap{font-size:12px; color:#f62832; min-height:18px; line-height:1; padding:4px 0 0 3px}
.form .btn_wrap{ padding:15px 0; margin-top:15px}
.form .btn_wrap .btn_inc{ width:100%}

.form_area > dl > dd.agree_box{ font-size:14px; color:#333; border-radius:5px; line-height:1.5; width:95%;}

.form_area .link{ text-align:center; font-size:0; line-height:0; padding:0 0 15px 0; margin-bottom:20px; border-bottom:1px solid #ddd}
.form_area .link > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; background:url(../images/inc/sec_st1.gif) no-repeat left center; padding:0 10px}
.form_area .link > li:first-child{ background:none}
.form_area .link > li > a{ font-size:13px; color:#777; line-height:20px}
.form_area .link > li > a:hover{ color:#111}

.form_area .sns{}
.form_area .sns > li{ margin-top:10px}
.form_area .sns > li:firs-child{ margin-top:0}
.form_area .sns > li > a{ display:block; line-height:50px; color:#fff; font-size:16px; ; text-align:center; padding-left:50px; position: relative; z-index:inherit; border-radius:3px; overflow:hidden}
.form_area .sns > li > a .icon{ position:absolute; z-index:inherit; display:block; width:50px; height:100%; background:#000; left:0; top:0;filter:alpha(opacity=10);opacity:0.1;}
.form_area .sns > li.facebook a{ background: url(../images/inc/sns_facebook.png) no-repeat 20px center #334d9a}
.form_area .sns > li.naver a{ background: url(../images/inc/sns_naver.png) no-repeat 16px center #27b107}

.form_area .join{ margin-top:20px; border-top:1px solid #ddd; overflow:hidden; padding:15px 0}
.form_area .join .t1{ float:left; font-size:12px; color:#777;}
.form_area .join .t2{ float:right; font-size:14px; color:#194e83; }
.form_area .join .t2:hover{ text-decoration:underline}

.form_area .tt_box{ border:1px solid #ccc; border-radius:5px; padding:20px}
.form_area .tt_box .t1{ text-align:center; font-size:14px; color:#555;}
.form_area .tt_box .t2{ text-align:center; color:#111; font-size:13px}
.form_area .tt_box .t2 .point{ color:#111; font-size:20px}
.form_area .tt_box .t3{ text-align:center; font-size:12px; color:#777}
.form_area .tt_box .find_re{ margin:20px 0; padding:10px; background:#eee}


/**/
.box_st{ border-radius:5px; border:1px solid #ddd;}
.box_st.w1{ width:270px; float:left}
.box_st.w2{ }
.box_st.w3{}
.box_st.w4{ width:400px;}
.box_st.mg_l{ margin-left:24px}
.box_st.mg_t{ margin-top:24px}

.box_st .tit{ text-align:center; font-size:20px; color:#555; font-family:notokrB, sans-serif; padding:25px 25px 15px 25px}
.box_st .tit2{ text-align:left; font-size:22px; color:#555; font-family:notokrB, sans-serif; padding:25px 25px 15px 25px}
.box_st .tit2 .more{ width:150px; margin-bottom:10px; margin-left:5px}
.box_st .t_box{ background:#eeeeee; text-align:center; padding:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.box_st .t_box1{ padding:0 25px}
.box_st .t_box2{ padding:25px 25px 35px 25px}
.box_st .t_box3{ text-align:center; padding:0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1;}
.box_st .t_box4{ margin:15px 25px; text-align:right;}
.box_st .c_box{ padding:10px}
.box_st .c_box2{ padding:0 25px 0 25px}
.box_st .btn{padding:15px 25px 0 25px}
.box_st .btn2{padding:0 15px 0 15px}
.box_st .t_tit{ float:left; width:50%; text-align:left}
.box_st .t_con{ float:right; width:50%; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.box_st .t1{ font-size:27px; color:#333; font-family:notokrB, sans-serif;}
.box_st .t2{ font-size:14px; color:#777; padding-left:5px;}
.box_st .t3{ font-size:15px; color:#999}
.box_st .t4{ font-size:16px; color:#555; font-family:notokrB, sans-serif;}
.box_st .t5{ font-size:13px; color:#555;}
.box_st .list_st{border-bottom:1px dotted #aaa; padding-bottom:5px}
.box_st .list_st > li{ border-top:1px dotted #aaa; margin-top:5px; padding-top:5px;}

.box_st .law{ height:200px; overflow-y:auto}

.my_info{min-height:326px}
.my_info .my{ min-height:95px; border-bottom:1px solid #ddd; position:relative; z-index:inherit}
.my_info .my .id{ padding:15px 65px 0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.my_info .my .etc_btn{position:absolute; z-index:inherit; right:10px; bottom:8px; width:auto; height:auto}
.my_info .my .etc_btn a{ display: inline-block;* display:inline; zoom:1;  width:30px; height:30px; margin:0 1px; border-radius:40px}
.my_info .my .etc_btn a.mod{background:url(../images/inc/mypage_icon_modify.png) no-repeat center center #8aaad9; border:1px solid #8aaad9}
.my_info .my .etc_btn a.recom{background:url(../images/inc/mypage_icon_recom.png) no-repeat center center #fff; border:1px solid #ddd}
.my_info .my .mail{ padding:0 25px 0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.my_info .my .joindate{ padding:2px 25px 0 25px; font-size:13px;}
.my_info .my .id .point{ font-size:25px; color:#000}

.my_total{ font-size:0; line-height:0; margin-bottom:24px; text-align:center; white-space:nowrap; display:inline-block;width:100%}
.my_total > li{ float:left; zoom:1; width:33%; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.my_total.click > li{ cursor:pointer}
.my_total > li:first-child{ border-left:none }
.my_total > li:nth-child(4){ border-left:none }
.my_total > li .tt,
.my_total > li .con{display:inline-block; *display:inline; zoom:1; width:50%; line-height:68px}
.my_total > li .tt{ text-align:left;}
.my_total > li .con{ text-align:right;}
.my_total.click > li:hover,
.my_total.click > li.on{ background:#8aaad9}
.my_total.click > li:hover .tt,
.my_total.click > li.on .tt,
.my_total.click > li:hover .con,
.my_total.click > li.on .con{ color:#fff}

.my_schedule{ min-height:365px}
.my_schedule .icon{ float:left;  border-radius:3px; width:16px; line-height:15px; border:1px solid #ddd; text-align:center; font-family: notokrBL, sans-serif; margin:2px 5px 0 3px}
.my_schedule .icon.plus{ color:#2a5caa}
.my_schedule .icon.minus{ color:#333}

.my_schedule_list{ min-height:365px}

.my_bank{ min-height:265px}
.my_withdraw{ min-height:265px;padding-bottom:15px;}
.my_withdraw .tt{ height:70px}

.schedule_month{ font-size:30px; font-family: Georgia, "Times New Roman", Times, serif; line-height:30px; margin:40px 0 10px 0; text-align:center}
.schedule_month .btn{ width:35px; height:32px; background:#f1f1f1; border:1px solid #ddd; border-radius:5px; font-size:8px; font-weight:bold; vertical-align:middle}
.schedule_month .btn:hover{ background:#8aaad9; border:1px solid #8aaad9; color:#fff}
.schedule_month:hover{ color:#2a5caa;}

.my_search{ border-top:2px solid #111; padding:15px 0}
.my_search .s_btn{}
.my_search .s_inp{ }
.my_search .tt{ vertical-align:middle; font-size:14px; color:#333; font-family:notokrB, sans-serif; padding:0 10px; line-height:30px}
.my_search .calendar{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:30px; height:28px; margin:1px 0 0 5px; background:url(../images/inc/mypage_icon_calendar.png) no-repeat center center}
.my_search .from{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:30px; font-size:15px; font-family:notokrBL, sans-serif; color:#999; text-align:center; width:25px}

.apply_prod{ background:#f5f5f5; border:1px solid #ddd; border-radius:5px; padding:20px; overflow:hidden}
.apply_prod .p_tit{ float:left; font-size:15px; font-size:17px; color:#111; }
.apply_prod .p_tit .no{ color:#999; padding-right:5px}
.apply_prod .p_con{ float:right; text-align:right}
.apply_prod .p_con .info{ overflow:hidden; padding-top:5px}
.apply_prod .p_con .info > li{ float:left; padding:0 20px; border-left:1px solid #ddd; font-size:14px; color:#777}

.apply_money{ display:inline-block; *display:inline; zoom:1; line-height:48px; border-radius:5px; border:1px dashed #8aaad9; height:50px; display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 20px; font-size:16px; color:#8aaad9}
.apply_money > *{ vertical-align:middle}
.apply_money strong{ color:#194e83; font-family:Arial, Helvetica, sans-serif; font-size:27px; padding:0 5px 0 10px}

/**/
.table_st1{ }
.table_st1 th,
.table_st1 td{ font-size:14px; padding:12px 10px;}
.table_st1 th{ font-weight:normal; color:#111; border-top:2px solid #111; border-bottom:1px solid #111; }
.table_st1 td{ color:#777; border-bottom:1px solid #ddd; text-align:center}

.table_st2 th, .table_st2 td{ border:1px solid #ddd; min-height:30px; padding:5px 10px}
.table_st2 th{ background:#f5f5f5; text-align:center; color:#111; font-size:15px}
.table_st2 td{ text-align:center; color:#777; font-size:14px; font-family:notokrR, sans-serif}
.table_st2 .st1{ background:#8aaad9; border:1px solid #769fda; color:#fff}

.table_st2.mini th, .table_st2.mini td{min-height:18px; padding:2px 5px}
.table_st2.mini th{ font-size:13px}
.table_st2.mini td{ font-size:13px;}

.table_st3 th, .table_st3 td{ min-height:30px; padding:5px 10px}
.table_st3 th{ background:#666; text-align:center; color:#fff; font-size:18px; border:1px solid #777; font-weight:normal}
.table_st3 td{ text-align:center; color:#777; font-size:16px; border:1px solid #aaa;}
.table_st3 .st1{ background:#8aaad9; border:1px solid #769fda; color:#fff}

.table_st3.mini th, .table_st3.mini td{min-height:18px; padding:5px 5px}
.table_st3.mini th{ font-size:13px}
.table_st3.mini td{ font-size:15px;}

.nocon{ line-height:180px; text-align:center; font-size:15px; color:#aaa}

a.link_st{ color:#777; *display:block; *width:100%}
a.link_st:hover{ text-decoration:underline;}

.memo_st{ border-radius:5px; border:2px solid #dbe3ee; padding:25px; margin:24px 0 0 0;}
.memo_st > dt{ font-size:15px; border-bottom:1px dashed #c7d7f0; color:#2a5caa; padding-bottom:10px; font-family:notokrB, sans-serif}
.memo_st > dd{ padding:10px 0 0 0; font-size:13px; color:#777; line-height:1.7}

.memo_st2{ background:#2a5caa; border-radius:5px; text-align:center; color:#fff; font-size:13px; padding:20px}

.memo_st3{ border:1px solid #ddd; border-radius:4px; padding:10px 15px;}
.memo_st3 > dt{ font-size:13px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ddd; color:#111}
.memo_st3 > dd{ font-size:12px; color:#888}

.memo_apply{ background:#dbe3ee; padding:25px; margin:24px 0 0 0}
.memo_apply > dt{ color:#2a5caa; font-size:18px; font-family:notokrB, sans-serif; background:#fff; text-align:center; padding:10px 0; margin-bottom:10px}
.memo_apply > dd{ padding:10px 10px 0 10px; font-size:14px; color:#111; line-height:2 }

.ul_st{}
.ul_st > li{ margin-top:5px; font-size:13px; color:#777; font-family:notokrR, sans-serif}
.ul_st > li .icon{ float:left; width:4px; height:4px; border:2px solid #8aaad9; margin:4px 4px 0 0}

.ol_st1 > li{ list-style:decimal; margin-left:25px; margin-top:10px}


.msg_st{ border-top:2px dashed #ddd; padding-top:20px; margin-top:20px; text-align:center; color: #FF0000; font-size:14px}

.chart_my_schedule{ position:relative; z-index:inherit; padding:0 0 0 10px; margin:0 0 -37px 0}
.chart_my_schedule .tt{position:absolute; z-index:inherit; right:0; bottom:50px; width:auto; white-space:nowrap; color:#666; font-size:12px}

.chart_mymain{ position: relative; z-index:inherit; text-align:center}
.chart_mymain:first-child{ margin-left:0}
.chart_mymain .tt{ position:absolute; z-index:inherit; width:auto; left:90px; bottom:70px; font-size:15px; color:#194e83; }

.btn_agree{ font-size:11px; background:#8aaad9;color:#fff !important; padding:3px 10px; margin:0 10px}

.btn_st1{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:70px; position:relative; z-index:inherit; border:none; font-size:1.2em; color:#fff !important; padding:0 50px 0 20px; border-radius:2px; filter:alpha(opacity=90);opacity:0.9;}
.btn_st1 img{ vertical-align:middle; margin-right:10px}
.btn_st1 .arrow{display:block; position:absolute; z-index:inherit; right:0; top:0; width:70px; height:70px; background:url(../images/inc/btn_arrow.png) no-repeat center center}
.btn_st1.small{ height:48px; line-height:48px; font-size:17px; padding:0 70px 0 20px}
.btn_st1.small .arrow{width:50px; height:50px; background:url(../images/inc/btn_arrow_small.png) no-repeat center center;}
.btn_st1.c1{ background-color:#194e83}
.btn_st1.c2{ background-color:#487ecc}
.btn_st1.c3{ background-color:#fff; color:#4e7ab9 !important; border:1px solid #8aaad9;}
.btn_st1.c3 .arrow{ background-color:#8aaad9}
.btn_st1.c4{ background:#777}
.btn_st1:hover{filter:alpha(opacity=100);opacity:1;}
.btn_st1.off{ cursor: default}
.btn_st1.c1.off:hover{filter:alpha(opacity=90);opacity:0.9}

.table_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#666; border-radius:5px; padding:4px 18px; color:#fff !important; font-size:13px !important}
.table_btn.c2{ background:#2a5caa}
.table_btn.c3{ background:#033178}
.table_btn.c4{ background:#ff4f5a}

.st_cr1{ color:#333}
.st_cr2{ color:#2a5caa}
.st_cr3{ color:#033178}
.st_cr4{ color:#ff4f5a}

.line_st{ background:url(../images/inc/line_st.gif) repeat-x left top; margin:50px 0; height:1px}
.line_st2{ border-top:1px dashed #ccc; padding-top:20px; margin-top:20px}
.line_st3{ border-top:1px dashed #ccc; padding-top:10px; margin-top:10px}


.tt_st1{ font-size:15px; color:#999;word-break:keep-all;}
.tt_st2{ font-size:15px; color:#333;word-break:keep-all;}
.tt_st3{ font-size:14px; color:#777;word-break:keep-all;}

.validation-error{font-size:12px; color:#ef1d3b; min-height:18px; line-height:1;}
input.validation-error{ color:#8aaad9 !important}
label.validation-error {display:block;padding:3px 0 0 5%;}

/**/
.page_box{ padding:30px 0}
.page_box.gray{ background:#f1f1f1; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

.page_tit{text-align:center; font-size:30px; ; color:#333; padding-bottom:20px}
.page_tit .icon{ display:block; width:50px; height:34px; background:url(../images/inc/page_tit_icon.png) no-repeat; margin:0 auto 10px auto}

.page_tit2{ background:none; line-height:20px; color:#001e6c; font-size:25px; margin-top:40px; padding-bottom:20px;}
.page_tit2:first-child{ margin-top:0}

.page_tit3{ margin-top:30px; margin-bottom:10px}
.page_tit3 > img{ vertical-align: middle; padding-right:5px}
.page_tit3 .tt{ vertical-align:middle; font-size:25px; color:#111; line-height:30px; }
.page_tit3:first-child{ margin-top:10px}

.page_con{ padding:20px 0 0 0}

.sms_box{ margin:0 auto; margin-top:20px}
.sms_box .box{ background:#fff; border:1px solid #ddd; border-radius:5px; padding:30px; margin-top:5px}
.sms_box .box .tt{ color:#777; padding:5px 0 0 5%}
.sms_box .box2{ border:none; background:none}

/**/
.prod_list .prod_st1{ margin-top:50px}
.prod_list .prod_st1:first-child{ margin-top:0}
.prod_st1{ border:1px solid #ddd; border-top:2px solid #111; position:relative; z-index:inherit}
.prod_st1 .layer{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:#00c6ff; filter:alpha(opacity=10);opacity:0.1; display:none}
.prod_st1:hover{ border-left:1px dashed #2a5caa;border-right:1px dashed #2a5caa; border-top:2px solid #2a5caa}
.prod_st1:hover .layer{ display:}
.prod_st1 .prod_top{}
.prod_st1 .prod_tit{ float:left; width:50%; height:120px; background:#f5f5f5}
.prod_st1 .prod_tit .tit{ margin:25px 0 0 30px; float:left; width:300px}
.prod_st1 .prod_tit .tit .t1{ font-family:Georgia, "Times New Roman", Times, serif; color:#909191; font-size:20px; padding-left:4px}
.prod_st1 .prod_tit .tit .t2{ font-size:16px; color:#777}
.prod_st1 .prod_tit .tit .t3{ font-size:35px; color:#333;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block}
.prod_st1 .prod_tit .tit a.t3:hover{ text-decoration:underline}
.prod_st1 .prod_tit .info{ float:left; text-align:right; width:220px; margin:30px 20px 0 0}
.prod_st1 .prod_tit .info .t1{ font-size:13px; color:#666; text-align:left; display:block; padding-bottom:5px}
.prod_st1 .prod_tit .info .t2{ font-size:16px; color:#2a5caa; display:block}
.prod_st1 .prod_tit .info .t2 strong{ font-size:35px}
.prod_st1 .prod_tit .info .t2.sec{ padding:0 10px}
.prod_st1 .prod_img{ float:left; width:50%; height:120px}
.prod_st1 .prod_img .img{ width:100%; height:100%}

.prod_st1 .prod_md{ border-top:1px solid #ddd; position:relative; z-index:inherit}
.prod_st1 .prod_tt{ float:left; width:450px; margin:15px 100px 15px 30px;  font-size:14px; color:#777; line-height:22px; height:90px; overflow:hidden}
.prod_st1 .prod_detail{ float:left; width:420px; margin:10px 20px 0 20px;}
.prod_st1 .detail{ overflow:hidden}
.prod_st1 .detail .tit{ float:left; display:block; width:50px; font-size:15px; color:#222; line-height:18px}
.prod_st1 .detail .line{ float:left; display:block; margin:0 10px; width:260px; background:url(../images/inc/prod_list_line.gif) repeat-x left center; height:25px}
.prod_st1 .detail .tt{ float:left; display:block; width:90px; font-size:15px; color:#222; line-height:20px}
.prod_st1 .prod_btn{ float:right; position:relative; z-index:2 }
.prod_st1 .prod_btn .btn_prod_list{ display:block}
.btn_prod_list{  width:100px; height:60px; border:none; background:#ddd; font-size:15px; filter:alpha(opacity=90);opacity:0.9;}
.btn_prod_list:hover{ filter:alpha(opacity=100);opacity:1;}
.btn_prod_list.c1{ background:#555; color:#fff}
.btn_prod_list.c2{ background:#2a5caa; color:#fff}

.prod_prog{ border-bottom:5px solid #111; border-top:1px solid #ddd;}
.prod_prog .tit{ float:left; width:158px; line-height:55px; font-size:16px; color:#333; text-align:center}
.prod_prog .prog{ float:left; width:900px; position:relative; z-index:inherit; height:49px; }
.prod_prog .prog .per{ background:url(../images/inc/prog_img.png) no-repeat left top; height:50px; padding-left:97px; position:absolute; z-index:inherit; top:5px; left:19%; margin-left:-180px; width:auto}
.prod_prog .prog .per .tt{display: inline-block; *display:inline; zoom:1; background:#fdb940; border-radius:0 50px 50px 0; padding:1px 0 2px 0; width:80px; color:#fff; margin-top:3px; text-align:center}
.prod_prog .prog .per .tt strong{ font-size:18px; padding-right:5px}
.prod_prog .prog .line{ position:absolute; z-index:inherit; left:0; bottom:-11px; height:5px; width:0; background:#fdb940}
.prod_prog .dday{ float:right; width:99px; border-left:1px solid #ddd; text-align:center; font-size:13px; color:#777; line-height:55px}
.prod_prog .dday strong{ font-size:19px; font-family:notokrB, sans-serif; line-height:55px}
.prod_prog .dday span{ font-size:15px; font-family:notokrB, sans-serif; line-height:55px}

/**/
.prod_list2{ margin:0 0 0px 0}
.prod_list2 .prod_st2{ margin:0 0 20px 0}

.prod_list2.sec{ margin:0 0 -20px 0;}
.prod_list2.sec .prod_st2{ margin:0 0 20px 0; width:98%;}

.prod_st2{ border:1px solid #ddd; position:relative; z-index:inherit}
.prod_st2 .img{ position:relative; z-index:inherit; background:#eee}
.prod_st2 .img .size{ width:100%;}
.prod_st2 .img .info{ display:none; position:absolute; z-index:1; left:0; top:50%; margin-top:-65px; overflow:hidden; width:100%; text-align:center;}
.prod_st2 .img .info > li{ display:inline-block; *display:inline; zoom:1; margin:0 2px; width:120px; height:120px; border-radius:200px; background:#0c152a; text-align:center; border:5px solid #fff; filter:alpha(opacity=90);opacity:0.9;}
.prod_st2 .img .info > li .t1{ color:#fff; font-size:15px;}
.prod_st2 .img .info > li .t1 strong{ font-size:22px}

.prod_st2 .con_wrap{}
.prod_st2 .con_wrap .con_top{ padding:10px 10px 0 10px}
.prod_st2 .con_wrap .con_top .tit{ float:left; width:69%;}
.prod_st2 .con_wrap .con_top .tit .no{ font-size:0.8em; color:#222; padding:0 3px 3px 3px}
.prod_st2 .con_wrap .con_top .tit .tt{ font-size:1.4em; color:#222; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; z-index:1;}
.prod_st2 .con_wrap .con_top .tit .btn_op{ display:inline-block; *display:inline; zoom:1; vertical-align: text-top;margin-top:10px;}
.prod_st2 .con_wrap .con_top .tit .btn_op > li{ float:left; padding:5px 8px; color:#fff; margin:0 2px; border-radius:3px}
.prod_st2 .con_wrap .con_top .tit .btn_op > li.op1{ background:#029db9}
.prod_st2 .con_wrap .con_top .tit .btn_op > li.op2{ background:#27539c}
.prod_st2 .con_wrap .con_top .date{ float:right; width:31%; margin:0; text-align:center;}
.prod_st2 .con_wrap .con_top .date .icon{ float:left; margin:3px 2px 0 0px}
.prod_st2 .con_wrap .con_top .date .tt{ float:left; width:65px; font-size:15px;margin-top:10px; color:#898989;}
.prod_st2 .con_wrap .con_top .date .tt strong{ display:block; font-size:1.2em; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.prod_st2 .con_wrap .con_top .date .tt_end{ background:#999; color:#fff; font-size:17px; height:50px; line-height:50px; border-radius:5px}

.prod_st2 .con_wrap .con_ml{ padding:20px}
.prod_st2 .con_wrap .con_ml .table{}
.prod_st2 .con_wrap .con_ml .table .st{ border-top:2px solid #075eb2}
.prod_st2 .con_wrap .con_ml .table .st th,
.prod_st2 .con_wrap .con_ml .table .st td{ border-bottom:1px solid #cecece; padding:10px 0; font-size:15px; text-align:center}
.prod_st2 .con_wrap .con_ml .table .st th{ color:#333}
.prod_st2 .con_wrap .con_ml .table .st td{ color:#777}
.prod_st2 .con_wrap .con_ml .btn{width:100%; position:relative; z-index:1;margin-top:10px;}
.prod_st2 .con_wrap .con_ml .btn .st{ display:block; width:100%; height:40px; line-height:40px; background:#075eb2; text-align:center; font-size:16px; color:#fff; border-radius:4px; filter:alpha(opacity=80);opacity:0.8;}

.prod_st2 .con_wrap .con_bt{ padding:0px 20px 20px 20px}
.prod_st2 .con_wrap .con_bt .prog{ border-radius:4px; height:30px; position:relative; z-index:1; background:#eee; border:1px solid #ddd}
.prod_st2 .con_wrap .con_bt .prog .bar{ position:absolute; z-index:inherit; width:0; height:100%; left:0; top:0; background:#9cbbe8}
.prod_st2 .con_wrap .con_bt .prog .per{ position:relative; z-index:inherit; text-align:center; line-height:30px; color:#333; font-size:15px; font-family:notokrM, sans-serif}

.prod_st2 .layer{ display:none; position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#8aaad9; filter:alpha(opacity=10);opacity:0.1;}

.prod_st2:hover{ border:1px solid #8aaad9}
.prod_st2:hover .con_wrap .con_ml .btn .st{filter:alpha(opacity=100);opacity:1;}
.prod_st2:hover .layer{ display:block; }
.prod_st2:hover .img .info{ display:block}

/**/
.prod_list2.st3{ margin:0}
.prod_list2.st3 .prod_st2{  margin:20px 0 0 0}

.st3 .prod_st2{ border:1px solid #ddd; position:relative; z-index:inherit}
.st3 .prod_st2 .img{ float:none; text-align:center; }
.st3 .prod_st2 .img .size{ }
.st3 .prod_st2 .con_wrap{ float:none; width:100%; height:auto;}
.st3 .prod_st2 .con_wrap .con_top{ padding:15px 10px 5px 10px}
.st3 .prod_st2 .con_wrap .con_top .tit{ float:none; width:100%; position:relative; z-index:inherit; padding:0 5px}
.st3 .prod_st2 .con_wrap .con_top .tit .no{ font-size:16px; color:#222; padding:0 3px}
.st3 .prod_st2 .con_wrap .con_top .tit .tt{ font-size:22px; color:#222; position:relative; z-index:1;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.st3 .prod_st2 .con_wrap .con_top .tit .btn_op{ display:inline-block; *display:inline; zoom:1; vertical-align: text-top; margin-top:10px}
.st3 .prod_st2 .con_wrap .con_top .tit .btn_op > li{ float:left; padding:5px 8px; color:#fff; margin:0 2px; border-radius:3px}
.st3 .prod_st2 .con_wrap .con_top .tit .btn_op > li.op1{ background:#029db9}
.st3 .prod_st2 .con_wrap .con_top .tit .btn_op > li.op2{ background:#27539c}

.st3 .prod_st2 .con_wrap .con_ml{ padding:0 10px}
.st3 .prod_st2 .con_wrap .con_ml .table{ float:none; width:100%}
.st3 .prod_st2 .con_wrap .con_ml .table .st{ border-top:2px solid #075eb2}
.st3 .prod_st2 .con_wrap .con_ml .table .st th,
.st3 .prod_st2 .con_wrap .con_ml .table .st td{ border-bottom:1px solid #cecece; padding:5px 0; font-size:14px; text-align:center}
.st3 .prod_st2 .con_wrap .con_ml .table .st th{ color:#333}
.st3 .prod_st2 .con_wrap .con_ml .table .st td{ color:#777}
.st3 .prod_st2 .con_wrap .con_ml .btn{ float:none; width:100%; position:relative; z-index:1; margin:10px 0 0 0;}
.st3 .prod_st2 .con_wrap .con_ml .btn .st{ display:block; width:100%; margin:0 auto; height:35px; line-height:35px; background:#075eb2; text-align:center; font-size:15px; color:#fff; border-radius:4px; filter:alpha(opacity=80);opacity:0.8;}
.st3 .prod_st2 .con_wrap .con_ml .btn .st:hover{filter:alpha(opacity=100);opacity:1;}

.st3 .prod_st2 .con_wrap .con_bt{ padding:0 10px}
.st3 .prod_st2 .con_wrap .con_bt .prog{ border-radius:4px; overflow:hidden; height:30px; position:relative; z-index:1; background:#eee; border:1px solid #ddd; margin:5px 0 10px 0 }
.st3 .prod_st2 .con_wrap .con_bt .prog .bar{ position:absolute; z-index:inherit; width:0; height:100%; left:0; top:0; background:#9cbbe8}
.st3 .prod_st2 .con_wrap .con_bt .prog .per{ position:relative; z-index:inherit; text-align:center; line-height:30px; color:#333; font-size:14px; font-family:notokrM, sans-serif}

.st3 .prod_st2 .layer{ display:none; position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#8aaad9; filter:alpha(opacity=10);opacity:0.1;}

.st3 .prod_st2:hover{ border:1px solid #8aaad9}
.st3 .prod_st2:hover .con_wrap .con_ml .btn .st{filter:alpha(opacity=100);opacity:1;}
.st3 .prod_st2:hover .layer{ display:block}

.prod_ready{ background:url(../images/inc/ready_prod.png) center top no-repeat; padding-top:220px; margin:100px 0 150px 0; text-align:center; font-size:23px; color:#888; line-height:1.5}

/**/
.view_top{ position:relative; z-index:inherit;}
.view_img{ position:relative; z-index:inherit;  background:#000; min-height:260px}
.view_img > img{filter:alpha(opacity=40);opacity:0.4;  height:400px;}
.view_info{ position:absolute; z-index:inherit; left:0; top:0; width:100%}
.view_info .view_tit{ display:inline-block; *display:inline; zoom:1; vertical-align: bottom;}
.view_info .view_tit .t1{ font-size:18px; color:#fff; padding:20px 0 15px 8px}
.view_info .view_tit .t2{ font-size:24px; color:#fff; line-height:1}
.view_info .view_tit .t3{ font-size:15px; color:#fff; padding:15px 0 15px 5px}
.view_info .view_level{ display:inline-block; *display:inline; zoom:1; vertical-align: bottom; margin-bottom:10px; border:5px double #aaa; width:80px; height:80px; border-radius:80px; text-align:center}
.view_info .view_level .tt{ font-size:14px; color:#fff; padding-top:30px; line-height:1.2}
.view_info .view_level .level{ font-size:30px; color:#fff; font-family:notokrBL, sans-serif}
.view_info .view_detail{ position:relative; z-index:inherit}
.view_info .view_detail .bg{ position:absolute; z-index:inherit; width:100%; height:100%; left:0; top:0; background:#000; filter:alpha(opacity=30);opacity:0.3;border-top:1px solid #666}
.view_info .view_detail .detail{ overflow:hidden; margin-top:20px; position:relative; z-index:inherit; border-left:1px solid #666;}
.view_info .view_detail .detail > li{ float:left; width:33%; border-right:1px solid #666; height:45px;text-align:center; padding:15px 0}
.view_info .view_detail .detail > li.last{ width:100%; border-right:0;}
.view_info .view_detail .detail > li .tit{ font-size:17px; color:#fff; display:block}
.view_info .view_detail .detail > li .tt{ font-size:17px; display:block; color:#fff}
.view_info .view_detail .detail > li .tt .point{ font-size:40px}
.view_info .view_detail .detail > li .c1{ color:#ffe258}
.view_info .view_detail .detail > li .c2{ color:#9bc4ff}
.view_btn{ border:1px solid #ddd; border-top:none; padding:20px 0}
.view_btn .left{ float:left;}
.view_btn .left .btn_view_facebook{ margin-top:10px}
.view_btn .right{ float:right; }
.view_btn .right .sms_tt{ font-size:25px; line-height:70px; padding-right:30px; color:#2a5caa}
.view_info .prod_prog{ border-left:1px solid #ddd; border-right:1px solid #ddd}
.btn_view_facebook{ font-size:18px; font-family:notokrB, sans-serif; color:#001e4c !important; background:url(../images/inc/btn_view_facebook.png) no-repeat left center; height:50px; line-height:50px; padding-left:60px; display:inline-block; *display:inline; zoom:1; filter:alpha(opacity=70);opacity:0.7;}
.btn_view_facebook:hover{filter:alpha(opacity=100);opacity:1;}

.view_con{}
.view_box{ background:#fff; margin-top:50px}
.view_box .view_tit{ text-align:right; margin-top:45px; text-align:center}
.view_box .view_tit .tit{ text-align:center; font-size:30px; color:#111; padding-top:10px}
.view_box .view_con{  background:#fff; padding:40px 0; border-radius:8px}

.view_con_box{ }
.edit, .edit > *{font-size:15px; color:#888; line-height:1.5}
.edit img{ max-width:100%}
.view_shop_img .shop_img{ width:100%; }
.view_shop_img iframe{ height:506px !important}
#map_canvas{ height:506px; width:100%}
.map_tit{ display:block; display:inline-block; *display:inline; zoom:1; white-space:nowrap; width:auto; overflow:hidden; color:#2a5caa}
.simul_guide{ font-size:inherit; line-height:inherit}

.shop_sns{ font-size:0; line-height:0; margin:0 0 20px 0}
.shop_sns > li{ display:inline-block; *display:inline; zoom:1; margin-right:10px}
.shop_sns > li > a{ display:block; width:50px; height:50px; border:3px solid #ddd; background-color:#fff; background-position:center center; background-repeat:no-repeat; border:3px solid #ddd; border-radius:70px}
.shop_sns > li.home > a{ background-image:url(../images/inc/shop_icon_home.png)}
.shop_sns > li.blog > a{ background-image:url(../images/inc/shop_icon_blog.png)}
.shop_sns > li.cafe > a{ background-image:url(../images/inc/shop_icon_cafe.png)}
.shop_sns > li.facebook > a{ background-image:url(../images/inc/shop_icon_facebook.png)}
.shop_sns > li.twitter > a{ background-image:url(../images/inc/shop_icon_twitter.png)}
.shop_sns > li.on > a{ border:3px solid #8aaad9}
.shop_sns > li.on.home > a{ background-image:url(../images/inc/shop_icon_on_home.png)}
.shop_sns > li.on.blog > a{ background-image:url(../images/inc/shop_icon_on_blog.png)}
.shop_sns > li.on.cafe > a{ background-image:url(../images/inc/shop_icon_on_cafe.png)}
.shop_sns > li.on.facebook > a{ background-image:url(../images/inc/shop_icon_on_facebook.png)}
.shop_sns > li.on.twitter > a{ background-image:url(../images/inc/shop_icon_on_twitter.png)}

.credit_wrap{ margin:0}
.credit{ position:relative; z-index:inherit; background:#fff; border:1px solid #022241; border-radius:5px; }
.credit .tit{ line-height:70px; position:relative; z-index:inherit; text-align:center; font-size:23px; border-bottom:1px solid #022241; border-radius:5px 5px 0 0}
.credit.st1 .tit{ color:#022241; background:#fff}
.credit.st2 .tit{ color:#fff; background:#444}
.credit.st3 .tit{ color:#fff; background:#022241}
.credit .tit .line{ display:block; position:absolute; z-index:inherit; width:40px; height:8px; left:50%; margin-left:-20px; top:-4px}
.credit.st1 .tit .line{ background:#022241}
.credit.st2 .tit .line{ background:#222}
.credit.st3 .tit .line{ background:#01101d}
.credit .con{ padding:20px 0 0 0; height:70px; font-size:15px; color:#333; text-align:center;}
.credit .con .point{ font-size:35px}
.credit.st1 .con .point{ color:#022241}
.credit.st2 .con .point{ color:#333}
.credit.st3 .con .point{ color:#022241}
.credit .sub{ padding:15px 0 20px 0; border-top:1px solid #ddd; margin:0 30px; text-align:center; font-size:16px; color:#333}
.credit .sec{ padding:0 10px}
.credit .arrow{ background:url(../images/inc/credit_arrow.png) no-repeat; width:10px; height:7px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 5px}
.credit .pop_btn{ cursor:pointer}
.credit .pop_con{ display:none; background:#fff; border:1px dashed #333; padding:15px 5%; position:absolute; z-index:inherit; left:-1px; top:213px; width:90%; height:auto; color:#777}
.credit .pop_btn:hover .pop_con{ display:block}

.cd_level{ font-size:30px; font-family:notokrBL, sans-serif; color:#012242}

.super{ vertical-align:super; font-size:70%; font-family:notokrBL, sans-serif;}

.pop .sms{ padding:20px 0;}
.pop .sms_box{margin-top:10px}
.pop .sms_box .box{ padding:10px}
.pop .sms .page_tit{ font-size:25px; padding-bottom:10px}
.pop .sms .page_tit{ font-size:25px}
.pop .sms .tt_st2{ font-size:15px;}

/**/
.main_visual{ position:relative; z-index:inherit}
.main_visual .fluid_container{ width:100%; height:300px; margin:0 auto;}
.main_visual .con_wrap{ position:absolute; z-index:inherit; left:0; bottom:7px; width:100%;}

.main_visual .btn_wrap{ position:relative; z-index:inherit}
.main_visual .btn_wrap .box1{ width:100%; padding:0}
.main_visual .btn_wrap .bg{ position:absolute; z-index:inherit; background:#000; width:100%; height:100%; left:0; top:0; filter:alpha(opacity=80);opacity:0.8;}
.main_visual .btn_wrap .btn{ position:relative; z-index:inherit; overflow:hidden; background:url(../images/main/btn_line.png) repeat-y right top}
.main_visual .btn_wrap .btn > li{ float:left; width:50%; background:url(../images/main/btn_line.png) repeat-y left top}
.main_visual .btn_wrap .btn > li > a{ display:block; text-align:center;}
.main_visual .btn_wrap .btn > li > a .icon{ vertical-align: middle; padding-right:5px; height:12px;}
.main_visual .btn_wrap .btn > li > a .tt{color:#fff; font-size:1em; vertical-align: middle; display:inline-block;line-height:23px; padding-top:5px}
.main_visual .btn_wrap .btn > li > a:hover{ background:#111}

.main_visual .total_wrap{ position:relative; z-index:inherit; padding-bottom:5px}
.main_visual .total_wrap .box1{ width:100%; padding:0}
.main_visual .total_wrap .bg{ position:absolute; z-index:inherit; background:#000; width:100%; height:100%; left:0; top:0; filter:alpha(opacity=50);opacity:0.5;}
.main_visual .total_wrap .total{ position:relative; z-index:inherit; overflow:hidden;}
.main_visual .total_wrap .total > li{ float:left; width:33.33%; text-align:center}
.main_visual .total_wrap .total > li .va_wrap{ display:block; height:20px}
.main_visual .total_wrap .total > li .va_img{height:13px}
.main_visual .total_wrap .total > li .tit{ font-size:.625em; color:#fff}
.main_visual .total_wrap .total > li .tt{font-size:.688em; color:#fff}
.main_visual .total_wrap .total > li .tt strong{ font-size:1.125em}

.main_banner{ margin-top:10px}
.main_prod.open_banner{ padding-top:30px}
.main_prod.open_prod{}

.layer_frame{ width:90% !important; left:0% !important; margin-left:5% !important}
.main_prod{ }
.main_prod_tit{ padding:10px 0 10px 0}
.main_prod_tit .tit{ float:left}
.main_prod_tit .tit .icon{ vertical-align:middle; padding-right:5px; height:23px}
.main_prod_tit .tit .tt{ vertical-align:middle; font-size:1.063em; color:#0c152a; display:inline-block; padding-top:5px}
.main_prod_tit .more{ float:right; display:block; background:#444; padding:5px 10px; text-align:center; color:#fff; font-size:.75em; border-radius:5px; margin-top:5px}
.main_prod_tit .more:hover{ background:#0c152a}

.open_list > li{ margin-top:5px;}
.open_list > li:first-child{ margin-top:0}
.open_list > li a{ display:block;}
.open_list > li .img{ max-width:100%}

.main_sms{ margin-bottom:10px;margin-top:50px; background:url(../images/main/sms_bg.jpg) no-repeat center top; height:200px; position: relative; z-index:inherit; border:1px solid #001e4c; border-left:none; border-right:none}
.main_sms .icon{ position: absolute; z-index:inherit; display:block; text-align:center; top:-30px; left:50%; margin-left:-30px; width:60px; height:60px}
.main_sms .t1{ text-align:center; color:#fff; font-size:27px; padding:50px 0 10px 0}
.main_sms .t2{ text-align:center; color:#fff; font-size:20px;}
.main_sms .t2 .tt{ vertical-align:middle}
.main_sms .t2 .btn{ display:block; width:150px; margin:15px auto 0 auto;  background:#fff; color:#00174c; padding:5px 30px; border-radius:50px}
.main_sms .t2 .btn:hover{ background:#8aaad9; color:#fff}

.main_notice{ background:url(../images/main/notice_bg.gif) no-repeat center top; padding:30px 0 50px 0; border:1px solid #ddd; border-left:none; border-right:none;}
.main_notice .notice{ float:left; border:1px solid #ddd; margin-left:10px; position:relative; z-index:inherit; width:48%}
.main_notice .notice:first-child{ margin-left:0}
.main_notice .notice .img img{ width:100%; }
.main_notice .notice .con{ background:#fff; padding:15px 10px}
.main_notice .notice .tit{ font-size:15px; color:#111;  overflow:hidden; text-align:center;}
.main_notice .notice .more{ display:block; border:1px solid #ddd; width:70px; text-align:center; margin:20px auto 0 auto; padding:5px 10px; color:#999; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:inherit}
.main_notice .notice .layer{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#8aaad9; filter:alpha(opacity=10);opacity:0.1; display:none}
.main_notice .notice .shadow{ position:absolute; z-index:inherit; left:0; bottom:-30px; width:100%; height:30px; background:url(../images/main/notice_shadow.png) no-repeat top center}

.main_notice .notice:hover{ border:1px solid #001e4c}
.main_notice .notice:hover .more{ border:1px solid #666; color:#333}
.main_notice .notice:hover .layer{ display:block}


/*2_1*/
/*备己盔家俺*/
.sub_professional{}
.sub_professional .professional{ margin-top:30px; background:#f6f6f6; position:relative; *zoom:1; cursor:pointer;}
.sub_professional .professional:after{ content:""; display:block; clear:both;}
.sub_professional .professional:first-child{ margin-top:0;}
.sub_professional .professional .img,
.sub_professional .professional .con{ height:190px;}
.sub_professional .professional .img{ float:left; width:27%; max-width:274px;}
.sub_professional .professional .img img{ max-height:190px;}
.sub_professional .professional .con{ float:left; width:68%; max-width:350px; margin-left:15px;}
.sub_professional .professional .shadow{ position:absolute; right:80px; bottom:-24px;}

.sub_professional .professional .con *{ line-height:1.2;}
.sub_professional .professional .con .info{ padding:10px 5px 10px 3px;}
.sub_professional .professional .con .info span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.sub_professional .professional .con .info .t1{ font-size:.875em; color:#888;}
.sub_professional .professional .con .info .t2{ font-size:.813em; color:#888; margin-left:14px; padding-left:15px; position:relative;}
.sub_professional .professional .con .info .t2:before{ content:""; position:absolute; top:2px; left:0; width:1px; height:12px; background:#bbb;}
.sub_professional .professional .con .name_area{ margin-bottom:15px;}
.sub_professional .professional .con .name_area span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.sub_professional .professional .con .name_area .name{ font-size:20px; color:#222; font-weight:600; letter-spacing:4px;}
.sub_professional .professional .con .name_area .tel { font-size:1em; color:#666; padding-left:28px;}
.sub_professional .professional .con .work{ padding-left:3px;}
.sub_professional .professional .con .work .tt{ margin-bottom:5px; font-size:.875em; color:#999;}
.sub_professional .professional .con .work .list{ padding:2px 0; font-size:.813em; color:#222; width:67%; word-break:keep-all;}
.sub_professional .professional .con .btn{ position:absolute; right:0; bottom:0;}

.sub_professional_2{ margin:0% 0 0 -2%; *zoom:1;}
.sub_professional_2:after{ content:""; display:block; clear:both;}
.sub_professional_2 .professional{ height:190px; background:#f6f6f6; margin:5% 0 0 2%; position:relative; cursor:pointer;}
.sub_professional_2 .professional .shadow{ position:absolute; left:0; bottom:-24px;}
.sub_professional_2 .professional .btn{ position:absolute; right:0; bottom:0;}

.sub_professional_2 .professional .con{ padding:20px 0 0 25px;}
.sub_professional_2 .professional .con *{ line-height:1.2;}
.sub_professional_2 .professional .con .info{ padding:0 0 10px 3px; font-size:.875em; color:#888;}
.sub_professional_2 .professional .con .name_area{ margin-bottom:15px;}
.sub_professional_2 .professional .con .name_area span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.sub_professional_2 .professional .con .name_area .name{ font-size:20px; color:#222; font-weight:500; letter-spacing:4px;}
.sub_professional_2 .professional .con .name_area .tel { font-size:1em; color:#666; padding-left:15px;}
.sub_professional_2 .professional .con .work{ padding-left:3px;}
.sub_professional_2 .professional .con .work .tt{ margin-bottom:8px; font-size:.875em; color:#999;}
.sub_professional_2 .professional .con .work .list{ padding:2px 0; font-size:.813em; color:#222;}
.sub_professional_2 .professional .con .btn{ position:absolute; right:0; bottom:0;}

.pop_professional{}
.pop_professional .professional_top{ margin-bottom:20px; position:relative; *zoom:1;}
.pop_professional .professional_top:after{ content:""; display:block; clear:both;}
.pop_professional .professional_top .img{ float:left; width:30%;}
.pop_professional .professional_top .con{ float:right; width:63%;}

.pop_professional .professional_top .con *{ line-height:1.2;}
.pop_professional .professional_top .con .spot{ padding:5px 5px 10px 3px; font-size:.875em; color:#888;}
.pop_professional .professional_top .con .name{ margin-bottom:12px; font-size:1.5em; color:#222; font-weight:500; letter-spacing:4px;}
.pop_professional .professional_top .con .info{ padding-left:3px;}
.pop_professional .professional_top .con .info .mail{ display:block; font-size:.875em; color:#666; line-height:1.4;}
.pop_professional .professional_top .con .info .tel { display:block; font-size:.875em; color:#666; line-height:1.4;}
.pop_professional .professional_top .con .info .mail:hover{ text-decoration:underline;}
.pop_professional .professional_top .con .btn{ position:absolute; left:37%; bottom:0; overflow:hidden;}
.pop_professional .professional_top .con .btn > li{ float:left; width:65px; margin:0 2px; text-align:center; background:#000;}
.pop_professional .professional_top .con .btn > li > a{ display:block; height:25px; line-height:25px; font-size:.688em; color:#fff;} 

.pop_professional .professional_top2{ margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #ddd; position:relative;}
.pop_professional .professional_top2 .con *{ line-height:1.2;}
.pop_professional .professional_top2 .con .spot{ padding:0 0 10px 3px; font-size:.875em; color:#888;}
.pop_professional .professional_top2 .con .name_area span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.pop_professional .professional_top2 .con .name_area .name{ font-size:2.125em; color:#222; font-weight:500; letter-spacing:4px;}
.pop_professional .professional_top2 .con .name_area .tel { font-size:1em; color:#666; padding-left:15px;}
.pop_professional .professional_top2 .con .btn{ position:absolute; right:0; bottom:-1px; width:65px; text-align:center; background:#000;}
.pop_professional .professional_top2 .con .btn > a{ display:block; height:25px; line-height:25px; font-size:.688em; color:#fff;} 

.pop_professional .professional_info{ padding-bottom:40px;}
.pop_professional .professional_info dt{ margin:30px 0 10px 0; font-size:.938em; color:#111; line-height:1.3;}
.pop_professional .professional_info dt:first-child{ margin-top:0;}
.pop_professional .professional_info dd{ font-size:.75em; color:#777; line-height:1.5;}
.pop_professional .professional_info .work > li{ padding:1px 0;}


/*sub3 tab*/
.tab_wrapB{ margin-bottom:20px;}
.tab_wrapB .tab{ *zoom:1;}
.tab_wrapB .tab:after{ content:""; display:block; clear:both;}
.tab_wrapB .tab > li{ display:block;}
.tab_wrapB .tab.sec2 > li{ display:block;}
.tab_wrapB .tab.sec3 > li{ display:block;}
.tab_wrapB .tab > li > a{ display:block; position:relative; margin-left:2px; height:35px; line-height:35px; text-align:center; background:#3790c0; border:1px solid #3790c0; border-top:1px solid #3790c0; font-size:0.925em; color:#fff; transition:all 0.3s; font-weight:600;}
.tab_wrapB .tab > li.last{ margin-left:-3px;}
.tab_wrapB .tab > li.on > a{ background:#fff; border:1px solid #3790c0; border-top:1px solid #3790c0; color:#1c73a1; font-weight:600;}
.tab_wrapB .tab > li.on > a:before{ content:""; position:absolute; width:12px; height:19px; bottom:-19px; left:50%; margin-left:-6px; background:url(../images/inc/tab_arrow.png) no-repeat;}

.page_tit_st1{ margin-bottom:15px; font-size:1em; color:#111; line-height:1.3;}
.page_tit_st1 .t1{ font-size:.813em; color:#666;}
.page_tit_st2{ margin-bottom:15px; font-size:.813em; color:#444; line-height:1.3;}

/*过牢角利*/
.sub_status{ margin-top:-1px;}
.sub_status:first-child{ margin-top:0;}
.sub_status .tit{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:15px 20px 15px 5px; cursor:pointer; background-image:url(../images/inc/list_arrow_down.png); background-repeat:no-repeat; background-position:center right 20px; transition:all 0.3s; font-size:0.925em; color:#999;}
.sub_status:first-child .tit{ border-top:2px solid #645d5d;}
.sub_status .tit.on{ background-image:url(../images/inc/list_arrow_up.png); background-color:#f5f5f5; border-top-color:#645d5d; padding-left:25px; color:#111;}
.sub_status .con{border-bottom:1px solid #645d5d; padding:20px 20px; display:none}

.sub_status .con .in_box{ font-size:.875em; color:#333; line-height:1.9; overflow:hidden; background:#f6f6f6; padding:2%; margin-bottom:20px;}
.sub_status .con .in_box span{ float:left; display:block; margin-right:3%; min-width:47%;}
.sub_status .con .in_box span:before{ content:'- ';}

.sub_status .con .in_txt{ font-size:.875em; color:#555; line-height:1.9; overflow:hidden;}
.sub_status .con .in_txt span{ float:left; display:block; margin-right:3%; min-width:47%;}

.sub_status .con .in_txt2{ font-size:.875em; color:#555; line-height:1.9; overflow:hidden;}
.sub_status .con .in_txt2 .comp_w{ margin:13px 0; float:left; width:50%;}
.sub_status .con .in_txt2 .comp_w li{ padding:5px 0;}
.sub_status .con .in_txt2 .comp_w li span{ font-weight:bold;}
.sub_status .con .in_txt2 .comp_w li.date{ font-size:.875em; color:#333; font-weight:600; line-height:1.9em; overflow:hidden;text-align:left;}
.sub_status .con .in_txt2 .comp_w li.name{ font-size:.875em; color:#333; line-height:1.9em; overflow:hidden; text-align:left; word-break:keep-all;}
.sub_status .con .in_txt2 .comp_w li.cus{ font-size:.875em; color:#333; line-height:1.9em; overflow:hidden; text-align:left;}
.sub_status .con .in_txt2 .comp_w li.ing{ font-size:.875em; color:#666; line-height:1.9em; overflow:hidden; text-align:left;}
.sub_status .con .in_txt2 .comp_w li.ing2{ color:#333; font-weight:600;}