@charset "utf-8";

* { word-break:keep-all;-webkit-tap-highlight-color:transparent; }


html, body {

	letter-spacing:0px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size : 14px;
	line-height : 30px;
	margin : 0 auto;
	color:gray;
	padding : 0 0 0 0;
	height: 100%;
	width:100%;
	min-width:100%;
	min-height:900px;
	scrollbar-face-color: #747474;



	scrollbar-shadow-color: #747474;



	scrollbar-highlight-color: #747474;



	scrollbar-3dlight-color: #747474;



	scrollbar-darkshadow-color: #747474;



	scrollbar-track-color: #f1f1f1;



	scrollbar-arrow-color: white;


}


img{
	border:0;
}




a {

	text-decoration : none;
	color:gray;


}

.wrap { width:100%;height:auto;min-height:calc( 100% - 110px );padding:0px;padding-top:70px;margin:0px;background:none; }

header { width:100%;height:70px;position:fixed;top:0px;left:0px;font-family:'Open Sans', sans-serif !important;background:rgba(255,255,255,1);z-index:999999999999;border-bottom:1px solid #f4f4f4;min-width:100%; }
.toggle { float:right;height:71px;width:71px;border-left:1px solid #f4f4f4;cursor:pointer;line-height:71px;text-align:center;border-right:1px solid #f4f4f4; }
.header_top { width:calc( 100% - 68px );padding-left:34px;padding-right:34px;border-bottom:1px solid #eeeeee;height:39px;line-height:39px;color:#707070; }
.header_top div { cursor:pointer;font-size:14px;color:#707070;height:39px;line-height:39px;float:left;padding-left:5px;padding-right:18px; }
.header_top div.sel { font-weight:bold;color:#03a9f4; }
.header_top a { text-decoration:underline;float:right;height:39px;line-height:39px;display:inline-block;padding-left:5px;padding-right:5px;vertical-align:middle;font-size:11px; }

.m_menu { width:calc( 100% - 64px );padding:32px;height:auto;background:white;z-index:999999999999;top:72px;border-bottom:4px solid #03a9f4;position:fixed; }

.m_menu_cell { display:block;margin:0px;padding:10px;height:40px;line-height:40px;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #d4d4d4;cursor:pointer;color:#444;width:calc( 100% - 20px );font-size:20px;font-weight:bold; }
.m_menu_cell:hover { background:#f4f4f4;color:#03a9f4 }


.header_bottom { height:71px;line-height:71px;padding-left:34px;padding-right:34px;width:calc( 100% - 68px ); }
.header_bottom .logo { width:212px;height:28px;display:inline-block;vertical-align:middle;background:url('../img/logo.png') no-repeat;background-size:100% 100%;background-position:center center;cursor:pointer;float:left;margin-top:20px; }

.header_bottom ul { list-style-type:none;padding:none;float:left;height:71px;line-height:71px;width:490px;margin:0px; }
.header_bottom ul li { cursor:pointer;float:right;height:71px;line-height:71px;display:inline-block;vertical-align:middle;padding-right:5px;padding-left:50px;font-size:18px;color:#999999;width:170px; }
.header_bottom ul li.sele { font-weight:bold;color:#454545;text-decoration:underline; }
.header_bottom ul li:hover { font-weight:bold;color:#454545;text-decoration:underline; }



.main_visual {
    position:relative;
    width:70%;
	height:auto;
	top:0%;
	left:0%;
	margin:0px auto;
	margin-top:40px;
	margin-bottom:40px;

}
.main_visual:after { clear:both;width:100%;height:0px;display:block;content:''; }
.main_visual .bg_visual {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:590px;
    background-image:url("../img/bg_visual.jpg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    text-align:center;
}
.main_visual .visual_txt {
    position:relative;
    height:128px;
}
.main_visual h1 {
    padding:60px 0 0;
    color:#ffffff;
    font-size:44px;
    font-weight:400;
    text-align:center;
}
.main_visual .slide {
    position:relative;
    width:100%;
    height:auto;
    /* background:url("../img/bg_slide.png") no-repeat bottom center; */
	float:left;
}
.main_visual .slide .slide_wrap {
    overflow:hidden;
    position:relative;
    height:381px;
}
.main_visual .slide .slide_wrap .view_box {
    height:381px;
}
.main_visual .slide .slide_wrap .view_box .state_box {
    height:38px;
    font-size:17px;
}
.main_visual .slide .slide_wrap .view_box .state_box.state_origin {
    padding:0 14px;
}
.main_visual .slide .slide_wrap .view_box .state_box.state_cp {
    padding:0 17px;
}
.main_visual .slide .slide_wrap .view_box .view_handle:before {
    width:4px;
}
.main_visual .slide .slide_wrap .view_box .view_handle:after {
    width:4px;
}
.main_visual .slide .slide_wrap .view_box .view_handle .view_handleR {
    margin-right:0;
}
.main_visual .slide .slide_wrap .view_box .view_label {
    top:-38%;
    font-size:14px;
}
.main_visual .slide .slide_wrap .view_box .view_label strong {
    font-size:14px;
}
.main_visual .slide .slide_wrap .view_box .view_label p {
    font-size:14px;
}
.main_visual .slide .slide_wrap .view_box .view_label.view_before_label {
    left:-125%;
}
.main_visual .slide .slide_wrap .view_box .view_label.view_after_label {
    right:-125%;
}

.main_visual .slide .slide_wrap img {
    width:100%;

}
.main_visual .slide .slide_wrap .slide_txt_left {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:86px;
    height:40px;
    line-height:40px;
    background:rgba(0,0,0,0.3);
    color:#ffffff;
    font-size:17px;
    font-weight:400;
    text-align:center;
}
.main_visual .slide .slide_wrap .slide_txt_right {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:124px;
    height:40px;
    line-height:40px;
    background:rgba(255,78,0,0.4);
    color:#ffffff;
    font-size:17px;
    font-weight:400;
    text-align:center;
}
.main_visual .slide .slide_wrap .slide_bar {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    text-transform:uppercase;
}
.main_visual .slide .slide_wrap .slide_bar .bar_before{
    position:relative;
    width:50%;
    height:100%;
}
.main_visual .slide .slide_wrap .slide_bar .bar_after{
    position:relative;
    width:50%;
    height:100%;
}
.main_visual .slide .slide_wrap .slide_bar .bar_before:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:29px;
    height:100%;
    background:url("../img/bar_left.png") no-repeat top right;
}
.main_visual .slide .slide_wrap .slide_bar .bar_after:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:29px;
    height:100%;
    background:url("../img/bar_right.png") no-repeat top left;
}


#compress-imgs { width:100% !important;height:381px !important; }
.twentytwenty-handle { margin-top:25px !important; }
.view_box {
    display:block;
    overflow:hidden;
    position:relative;
    width:100%;
    margin:0;
    z-index:0;
}
.img_view {

}
.img_view.img_before {


    z-index:20;
}
.img_view.img_after {


    z-index:10;
}
.compress-imgs img {
    height: 481px;
}
.c_file_size {
    display: none;
    position:absolute;
    top:50%;
    left:50%;
    width:64px;
    height:61px;
    margin-left:-32px;
    margin-right:-32px;
    border:0;
    z-index:30;
}

.c_file_sizeL {
    position:absolute;
    top:50%;
    left:0;
    width:32px;
    height:61px;
    margin-top:-61px;
    margin-left:1px;
    background-image:url("../img/arrow_view_left.png");
    background-repeat:no-repeat;
    background-size:contain;
    border:0;
    z-index:31;
}
.c_file_sizeR {
    position:absolute;
    top:50%;
    right:0;
    width:32px;
    height:61px;
    margin-top:-61px;
    margin-right:-1px;
    background-image:url("../img/arrow_view_right.png");
    background-repeat:no-repeat;
    background-size:contain;
    border:0;
    z-index:31;
}
.view_label {
    position:absolute;
    top:-42%;
    color:#000000;
    font-size:18px;
}
.view_label strong {
    font-size:18px;
}
.view_label span {
    font-size:28px;
    font-weight:bold;
}
.view_label p {
    font-size:18px;
    font-weight:400;
}
.view_before_label {
    left:-132%;
    text-align:left;
}
.view_after_label {
    right:-132%;
    text-align:right;
}
.btn_select {
    overflow:hidden;
    position:relative;
    position:absolute;
    top:0;
    left:50%;
    width:430px;
    height:59px;
    margin-left:-218px;
    box-sizing:border-box;
    background:rgba(0, 0, 0, 0.2);
    border:3px solid #ffffff;
    border-radius:0 0 24px 24px;
    font-size:0;
    z-index:50;
}
.btn_select .btn_selView {
    display:inline-block;
    width:50%;
    height:56px;
    line-height:56px;
    color:#ffffff;
    font-size:22px;
    font-weight:400;
}
.btn_select .btn_selView.on {
    background:#ffffff;
    color:#000000;
}
.state_box {
    position:absolute;
    display:table;
    top:0;
    height:96px;
    color:#ffffff;
    font-size:28px;
    font-weight:400;
    text-align:center;
    z-index:50;
    line-height:1;
}
.state_box.state_origin {
    left:0;
    padding:0 32px;
    background:rgba(0, 0, 0, 0.3);
}
.state_box.state_cp {
    right:0;
    padding:0 46px;
    background:rgba(255, 78, 0, 0.4);
}
.state_box .state_wrap {
    display:table-cell;
    vertical-align:middle;
}
.state_box .state_wrap .num {
    padding-top:18px;
    font-size:25px;
}


.main_txt { width:100%;height:481px;float:left;padding-left:0px;color:black;font-size:25px;font-weight:normal;margin-top:30px;text-align:center; }

.main_txt b { font-size:70px;display:block;line-height:70px;font-weight:normal;color:black;margin-top:20px;margin-left:-10px; }
.main_txt h1 { font-size:70px;display:block;line-height:70px;font-weight:normal;color:black;margin-top:20px;margin-left:-10px;padding-top:0px;margin-bottom:0px; }
.main_txt span { font-size:17px;display:block;line-height:27px;color:black;font-weight:normal }
/* .bg_a { width:100%;height:400px;background:url('../img/bg.png') no-repeat;background-size:100% 100%;background-position:center center;position:absolute;top:50%;margin-top:-350px;left:0px;z-index:0;display:none; } */
.icon_cell { cursor:pointer;display:inline-block;overflow:visible;width:106px;height:106px;border-radius:50%;border:1px solid #e4e4e4;margin:4px;text-align:center;line-height:106px;position:relative;margin-bottom:70px; }
.icon_cell img { width:100%;margin-top:-5px;margin-left:0px; }
.icon_cell:noth-of-type(1) { margin-left:0px; }
.icon_cell:hover { border:1px solid #03a9f4 }
.icon_cell_txt { width:100%;height:20px;position:absolute;bottom:-30px;left:0px;text-align:center;line-height:20px;color:#0099ff;font-size:14px;font-weight:normal; }
.icon_cell:hover .icon_cell_txt { color:#03a9f4 }
.ghost { width:100%;height:auto;border-bottom:1px solid #f3f3f3; }
.ghost:after { clear:both;width:100%;height:0px;display:block;content:''; }
.ghost_content { width:100%;height:38px;border-top:1px solid #f3f3f3; }

.about_options { width:70%;text-align:center;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-bottom:70px; }
.about_options:after { clear:both;width:100%;height:0px;display:block;content:''; }
.about_options b { color:#333;font-size:30px;font-weight:bold;display:block;line-height:50px; }
.about_options h2 { color:#333;font-size:30px;font-weight:bold;display:block;line-height:50px;margin-top:0px;margin-bottom:0px; }

.about_options2 { width:calc( 100% - 140px );text-align:left;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-bottom:70px;padding-left:70px;padding-right:70px; }
.about_options2:after { clear:both;width:100%;height:0px;display:block;content:''; }
.about_options2 b { color:#333;font-size:30px;font-weight:bold;display:block;line-height:30px; }
.about_options2 h2 { color:#333;font-size:30px;font-weight:bold;display:block;line-height:30px;margin-top:0px;margin-bottom:0px }
.about_options_cell { float:left;width:45%;text-align:left;height:auto;font-size:19px;color:#333;font-weight:bold;margin-top:20px;margin-bottom:40px;padding-right:5%; }
.about_options_cell span { font-size:17px;line-height:22px;display:block;font-weight:normal;color:black;margin-top:13px; }
.about_options_cell img { width:40px;margin-right:12px;display:inline-block;vertical-align:middle;margin-top:-2px;opacity:0.5;margin-left:-4px; }
.clear_both123 { clear:both; }
.about_options b.blu { color:#333;font-size:40px;font-weight:bold;display:block;line-height:54px; }

.about_content_title { width:70%;text-align:center;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-bottom:30px; }
.about_content_title h2 { color:#333;font-size:30px;font-weight:bold;display:block;line-height:30px;margin-top:0px;margin-bottom:0px }
.about_content { width:70%;text-align:justify;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-left:30px;padding-top:30px;padding-right:30px;padding-bottom:30px;background:white;border:solid;border-width:1px;border-radius:5px;border-color:lightgray; }
.about_content:after { clear:both;width:100%;height:0px;display:block;content:''; }
.about_content b { color:#333;font-size:30px;font-weight:bold;display:block;line-height:50px; }
.about_content h2 { color:#333;font-size:30px;font-weight:bold;display:block;line-height:50px;margin-top:0px;margin-bottom:0px;text-align:center; }

.how_to { background:#03a9f4;width:calc( 100% - 100px );color:white;height:auto;padding:50px;text-align:center;padding-top:70px;padding-bottom:100px; }
.how_to img { width:170px;display:inline-block;vertical-align:middle;height:170px; }
.how_to_text { width:70%;height:170px;line-height:33px;font-size:17px;font-weight:normal;display:inline-block;vertical-align:middle;text-align:left;margin-left:0px; }
.how_to_text b { font-size:22px;font-weight:bold;display:block;margin-bottom:20px;text-align:center;width:100%;display:block; }
.how_to_text span { padding-left:18px;position:relative;display:block;text-align:left;font-size:inherit;color:white; }
.how_to_text span em { font-style:normal;font-weight:bold;text-align:left;position:absolute;top:0px;left:-2px;color:white;font-size:inherit; }



.start_btn { margin:5px;width:calc( 100% - 4px );height:70px;line-height:70px;color:#03a9f4 !important;font-size:19px;font-weight:bold;text-align:center;border-radius:10px;border:0px dashed #d4d4d4;cursor:pointer;display:inline-block;vertical-align:middle;background:#f5f6fa;color:#5e70df }
.start_btn:hover { border:0px dashed #03a9f4;color:#fff !important;background:#03a9f4 !important; }





footer { background:#707070;color:white;width:100%;height:auto;padding-top:57px;border-top:20px solid #93c0eb; }
.footer_in { width:100%;height:auto;color:white;margin:0px auto; }
.footer_in:after { clear:both;width:100%;height:0px;display:block;content:''; }
.footer_in_col { width:calc( 40% - 40px );display:inline-block;vertical-align:top;text-align:left;color:white;font-size:14px;line-height:22px;height:auto;margin-left:40px;margin-top:30px; }
.footer_in_col b { font-size:20px;margin-bottom:-10px;display:block; }
.footer_in_col a { color:white;font-size:12px;margin-bottom:10px; }
.compressed_file { height:auto;float:left;width:220px;color:White;font-size:20px;font-weight:normal;text-align:left;margin-left:40px;font-weight:bold; }
.compressed_file span { font-style:normal;font-weight:lighter;font-family:'Open Sans', sans-serif !important;font-size:40px;display:block;margin-top:10px; }
.hithere { background:#979797;width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:auto;line-height:24px;color:white;position:fixed;bottom:0px;left:0px;z-index:99999999;text-align:left;padding-top:10px;padding-bottom:10px; }
.hithere a { font-style:normal;color:white;font-weight:normal;margin-left:20px; }
.hithere a:hover { text-decoration:underline; }
.sub_wrap { padding:70px;width:calc( 100% - 140px );height:auto;text-align:left;border-bottom:1px solid #f3f3f3;padding-top:70px; }
.sub_wrap span { font-size:30px;color:black;font-weight:normal; }
.sub_wrap b { font-size:50px;color:black;font-weight:normal;display:block;margin-top:10px;margin-left:-10px;line-height:57px; }
.sub_wrap h1 { font-size:50px;color:black;font-weight:normal;display:block;margin-top:10px;margin-left:-10px;line-height:57px;margin-bottom:0px; }
.sub_wrap em { font-style:bold;font-size:17px;font-weight:normal;color:black; }
.drop_district_bg { width:calc( 100% - 80px );height:208px;border-radius:10px;border:1px solid #e7e7e7;background:rgba(250,250,250,0.9);margin-top:30px;padding:40px;position:relative; }
.drop_district { width:calc( 100% - 2px );height:206px;border:1px solid #e0e0e0;border-radius:10px;background:white;cursor:pointer; }
.drop_district img { margin-top:23px;margin-left:48px;float:left; }
.drop_district .txt { margin-top:23px;margin-left:70px;width:calc( 100% - 70px - 48px - 138px );height:100px;color:#03a9f4;font-size:37px;float:left;text-align:left; }
.drop_district .txt:hover { margin-top:23px;margin-left:70px;width:calc( 100% - 70px - 48px - 138px );height:100px;color:#03a9f4;font-size:37px;float:left;text-align:left;text-decoration:underline; }

.drop_district .txt b { font-size:22px;display:block;margin-top:10px;color:#03a9f4;margin-left:0px }
.upto { position:absolute;top:7px;right:50px;width:200px;text-align:right;color:#7a7a7a;height:30px;line-height:30px;font-size:18px;font-weight:bold; }
.sub_bg { width:100%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }
.sub_bg2 { width:100%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg2.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }
.sub_bg3 { width:100%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg3.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }

.on_mobile { display:block; }
.on_mobile_i { display:inline-block; }
.not_mobile { display:none; }
.not_mobile_i { display:none !important; }

.sulmoon_pop { width:calc( 70% - 60px );left:15%;top:50%;height:620px;margin-top:-300px;background:white;border-radius:10px;z-index:9999999999999999999999999999;position:fixed;padding:30px;margin-left:0px; }
.sulmoon_pop b { font-size:37px;color:#03a9f4;font-weight:normal; }
.sulmoon_pop_wrap { width:100%;height:400px;overflow-y:auto;border-bottom:1px solid #eaeaea;color:gray;line-height:20px;border-top:1px solid #eaeaea;padding-top:30px; }
.sulmoon_pop_wrap b { font-size:19px;color:gray; }
.sulmoon_pop_wrap b span { color:red; }

.jechool_btn { width:100px;height:45px;line-height:45px;border-radius:10px;text-align:center;background:#03a9f4;color:white;float:right;margin-top:12px;cursor:pointer; }
.jechool_btn:hover { background:#0096da; }

.result_dowonload { color:#fff;background:#000099;border:2px solid #000099;text-align:center;line-height:50px;height:50px;cursor:pointer;width:240px;border-radius:10px;float:right;font-size:20px;font-weight:bold; }
.result_txt { width:100%;float:left;margin-bottom:30px; }
.result_icon_btn { color:#7194e2;background:none;border:2px solid #7194e2;text-align:center;line-height:50px;height:50px;cursor:pointer;width:50px;border-radius:10px;float:right;font-size:20px;font-weight:bold;margin-right:10px;position:relative;overflow:visible; }
.result_icon_btn img { width:30px;margin:0px !important;display:inline-block !important;float:none !important; }
.result_icon_btn:hover { background:#eaeaea; }
.result_dowonload:hover { background:#0091d3;border:2px solid #0091d3; }
.sub_bg4 { width:100%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg4.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }

.slide img { width:100%;height:auto; }
.undergo { position:relative;bottom:0px;right:0px;float:right; }


.not_mobile_t { display:none; }

.sign_up_popup { width:60%;height:400px;position:fixed;z-index:9999999999999999999999999999;top:50%;left:15%;margin-top:-200px;margin-left:0px;background:white;border-radius:10px;text-align:center;padding:5%; }
.sign_up_popup b { font-weight:bold;color:#03a9f4;font-size:39px; }

.sign_up_popup_x { position:absolute;top:10px;right:10px;width:30px;line-height:30px;height:30px;color:white;background:#d4d4d4;text-align:center;font-size:12px;z-index:999;border-radius:50%;cursor:pointer; }
.sign_up_popup_x:hover { background:#0093d7 }
.profile { background:#f4f4f4;height:140px;width:calc( 100% -124px );line-height:40px;padding-left:62px;padding-right:62px;padding-top:30px; }

.original_info { font-size:17px;font-weight:bold;color:white;position:absolute;bottom:70px;left:20px;height:auto;line-height:20px;z-index:999999; }

pre b { font-size:20px !important;font-weight:bold !important;color:black !important;margin-bottom:20px !important;display:block !important;margin-top:20px !important; }
pre span { color:gray !important;font-weight:normal !important;font-size:14px !important;position:relative !important;padding-left:0px;display:block;margin-bottom:-20px; }
pre span em { font-style:normal;font-weight:bold;color:gray;position:absolute;left:0px;text-align:left;font-size:17px !important;top:7px; }
pre span b { font-size:14px !important;font-weight:bold !important;color:gray !important;margin-bottom:0px !important;display:inline !important;margin-top:0px !important;margin-left:0px !important;line-height:inherit !important; }
.facebook { display:inline-block;margin-bottom:20px;width:70%;height:40px;line-height:40px;text-align:center;background:#3b5998;color:white;border-radius:20px;cursor:pointer;margin-top:10px; }
.google { display:inline-block;margin-bottom:20px;width:70%;height:40px;line-height:40px;text-align:center;background:#4285f4;color:white;border-radius:20px;cursor:pointer; }
.facebook img { width:18px;margin-right:10px;margin-top:-3px; }
.google img { width:18px;margin-right:10px;margin-top:-3px; }
.note_123 { width:90%;left:5%;text-align:center;background:#ffff00;color:black;font-size:12px;height:30px;line-height:30px;border-radius:15px;position:absolute;bottom:-50px; }

@media all and (min-width:1235px){

.on_mobile_i { display:none; }
.on_mobile { display:none; }
.not_mobile { display:block; }
.not_mobile_i { display:inline-block !important; }
.not_mobile_t { display:table-cell; }

.sulmoon_pop { width:940px;left:50%;top:50%;height:540px;margin-top:-300px;background:white;border-radius:10px;z-index:9999999999999999999999999999;position:fixed;padding:30px;margin-left:-500px; }
.sign_up_popup { width:700px;height:400px;position:fixed;z-index:9999999999999999999999999999;top:50%;left:50%;margin-top:-200px;margin-left:-350px;background:white;border-radius:10px;text-align:center;padding:0%; }
.facebook { display:inline-block;margin-bottom:20px;width:70%;height:40px;line-height:40px;text-align:center;background:#3b5998;color:white;border-radius:20px;cursor:pointer;margin-top:10px; }
.google { display:inline-block;margin-bottom:20px;width:70%;height:40px;line-height:40px;text-align:center;background:#4285f4;color:white;border-radius:20px;cursor:pointer; }
.facebook img { width:15px;margin-right:10px;margin-top:-3px; }
.google img { width:15px;margin-right:10px;margin-top:-3px; }


html, body {

	letter-spacing:0px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size : 14px;
	line-height : 30px;
	margin : 0 auto;
	color:gray;
	padding : 0 0 0 0;
	height: 100%;
	width:100%;
	min-width:100%;
	min-height:900px;
	scrollbar-face-color: #747474;



	scrollbar-shadow-color: #747474;



	scrollbar-highlight-color: #747474;



	scrollbar-3dlight-color: #747474;



	scrollbar-darkshadow-color: #747474;



	scrollbar-track-color: #f1f1f1;



	scrollbar-arrow-color: white;


}


img{
	border:0;
}




a {

	text-decoration : none;
	color:gray;


}

.wrap { width:100%;height:auto;min-height:calc( 100% - 110px );padding:0px;padding-top:70px;margin:0px;background:none; }

header { width:100%;height:70px;position:fixed;top:0px;left:0px;font-family:'Open Sans', sans-serif !important;background:rgba(255,255,255,1);z-index:999999999999;border-bottom:1px solid #f4f4f4;min-width:1391px; }

.header_top { width:calc( 100% - 68px );padding-left:34px;padding-right:34px;border-bottom:1px solid #eeeeee;height:39px;line-height:39px;color:#707070; }
.header_top div { cursor:pointer;font-size:14px;color:#707070;height:39px;line-height:39px;float:left;padding-left:5px;padding-right:15px; }
.header_top div.sel { font-weight:bold;color:#03a9f4; }
.header_top a { text-decoration:underline;float:right;height:39px;line-height:39px;display:inline-block;padding-left:5px;padding-right:5px;vertical-align:middle;font-size:11px; }


.header_bottom { height:71px;line-height:71px;padding-left:34px;padding-right:34px;width:calc( 100% - 68px ); }
.header_bottom .logo { width:212px;height:28px;display:inline-block;vertical-align:middle;background:url('../img/logo_pc.png') no-repeat;background-size:100% 100%;background-position:center center;cursor:pointer; }

.header_bottom ul { list-style-type:none;padding:none;float:left;height:71px;line-height:71px;width:900px;margin:0px; }
.header_bottom ul li { cursor:pointer;float:left;height:71px;line-height:71px;display:inline-block;vertical-align:middle;padding-right:0px;padding-left:50px;font-size:15px;color:#999999; }
.header_bottom ul li.sele { font-weight:bold;color:#454545;text-decoration:none; }
.header_bottom ul li:hover { font-weight:bold;color:#454545;text-decoration:none; }



.main_visual {
    position:absolute;
    width:1510px;
	height:522px;
	top:50%;
	left:50%;
	margin-top:-261px;
	margin-left:-755px;

}
.main_visual .bg_visual {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:590px;
    background-image:url("../img/bg_visual.jpg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    text-align:center;
}
.main_visual .visual_txt {
    position:relative;
    height:128px;
}
.main_visual h1 {
    padding:60px 0 0;
    color:#ffffff;
    font-size:44px;
    font-weight:400;
    text-align:center;
}
.main_visual .slide {
    position:relative;
    width:807px;
    height:481px;
    /* background:url("../img/bg_slide.png") no-repeat bottom center; */
	float:left;
}
.main_visual .slide .slide_wrap {
    overflow:hidden;
    position:relative;
    height:481px;
}
.main_visual .slide .slide_wrap .view_box {
    height:481px;
}
.main_visual .slide .slide_wrap .view_box .state_box {
    height:38px;
    font-size:17px;
}
.main_visual .slide .slide_wrap .view_box .state_box.state_origin {
    padding:0 14px;
}
.main_visual .slide .slide_wrap .view_box .state_box.state_cp {
    padding:0 17px;
}
.main_visual .slide .slide_wrap .view_box .view_handle:before {
    width:4px;
}
.main_visual .slide .slide_wrap .view_box .view_handle:after {
    width:4px;
}
.main_visual .slide .slide_wrap .view_box .view_handle .view_handleR {
    margin-right:0;
}
.main_visual .slide .slide_wrap .view_box .view_label {
    top:-38%;
    font-size:14px;
}
.main_visual .slide .slide_wrap .view_box .view_label strong {
    font-size:14px;
}
.main_visual .slide .slide_wrap .view_box .view_label p {
    font-size:14px;
}
.main_visual .slide .slide_wrap .view_box .view_label.view_before_label {
    left:-125%;
}
.main_visual .slide .slide_wrap .view_box .view_label.view_after_label {
    right:-125%;
}

.main_visual .slide .slide_wrap img {
    width:100%;

}
.main_visual .slide .slide_wrap .slide_txt_left {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:86px;
    height:40px;
    line-height:40px;
    background:rgba(0,0,0,0.3);
    color:#ffffff;
    font-size:17px;
    font-weight:400;
    text-align:center;
}
.main_visual .slide .slide_wrap .slide_txt_right {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:124px;
    height:40px;
    line-height:40px;
    background:rgba(255,78,0,0.4);
    color:#ffffff;
    font-size:17px;
    font-weight:400;
    text-align:center;
}
.main_visual .slide .slide_wrap .slide_bar {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    text-transform:uppercase;
}
.main_visual .slide .slide_wrap .slide_bar .bar_before{
    position:relative;
    width:50%;
    height:100%;
}
.main_visual .slide .slide_wrap .slide_bar .bar_after{
    position:relative;
    width:50%;
    height:100%;
}
.main_visual .slide .slide_wrap .slide_bar .bar_before:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:29px;
    height:100%;
    background:url("../img/bar_left.png") no-repeat top right;
}
.main_visual .slide .slide_wrap .slide_bar .bar_after:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:29px;
    height:100%;
    background:url("../img/bar_right.png") no-repeat top left;
}


#compress-imgs { width:807px !important;height:481px !important; }
.twentytwenty-handle { margin-top:25px !important; }
.view_box {
    display:block;
    overflow:hidden;
    position:relative;
    width:100%;
    margin:0;
    z-index:0;
}
.img_view {

}
.img_view.img_before {


    z-index:20;
}
.img_view.img_after {


    z-index:10;
}
.compress-imgs img {
    height: 481px;
}
.c_file_size {
    display: none;
    position:absolute;
    top:50%;
    left:50%;
    width:64px;
    height:61px;
    margin-left:-32px;
    margin-right:-32px;
    border:0;
    z-index:30;
}

.c_file_sizeL {
    position:absolute;
    top:50%;
    left:0;
    width:32px;
    height:61px;
    margin-top:-61px;
    margin-left:1px;
    background-image:url("../img/arrow_view_left.png");
    background-repeat:no-repeat;
    background-size:contain;
    border:0;
    z-index:31;
}
.c_file_sizeR {
    position:absolute;
    top:50%;
    right:0;
    width:32px;
    height:61px;
    margin-top:-61px;
    margin-right:-1px;
    background-image:url("../img/arrow_view_right.png");
    background-repeat:no-repeat;
    background-size:contain;
    border:0;
    z-index:31;
}
.view_label {
    position:absolute;
    top:-42%;
    color:#000000;
    font-size:15px;
}
.view_label strong {
    font-size:15px;
}
.view_label span {
    font-size:28px;
    font-weight:bold;
}
.view_label p {
    font-size:15px;
    font-weight:400;
}
.view_before_label {
    left:-132%;
    text-align:left;
}
.view_after_label {
    right:-132%;
    text-align:right;
}
.btn_select {
    overflow:hidden;
    position:relative;
    position:absolute;
    top:0;
    left:50%;
    width:430px;
    height:59px;
    margin-left:-215px;
    box-sizing:border-box;
    background:rgba(0, 0, 0, 0.2);
    border:3px solid #ffffff;
    border-radius:0 0 24px 24px;
    font-size:0;
    z-index:50;
}
.btn_select .btn_selView {
    display:inline-block;
    width:50%;
    height:56px;
    line-height:56px;
    color:#ffffff;
    font-size:22px;
    font-weight:400;
}
.btn_select .btn_selView.on {
    background:#ffffff;
    color:#000000;
}
.state_box {
    position:absolute;
    display:table;
    top:0;
    height:96px;
    color:#ffffff;
    font-size:28px;
    font-weight:400;
    text-align:center;
    z-index:50;
    line-height:1;
}
.state_box.state_origin {
    left:0;
    padding:0 32px;
    background:rgba(0, 0, 0, 0.3);
}
.state_box.state_cp {
    right:0;
    padding:0 46px;
    background:rgba(255, 78, 0, 0.4);
}
.state_box .state_wrap {
    display:table-cell;
    vertical-align:middle;
}
.state_box .state_wrap .num {
    padding-top:15px;
    font-size:25px;
}


.main_txt { width:606px;height:481px;float:left;padding-left:50px;color:black;font-size:40px;font-weight:normal;margin-top:0px;text-align:left; }

.main_txt b { font-size:90px;display:block;line-height:90px;font-weight:normal;color:black;margin-top:20px;margin-left:-10px; }
.main_txt h1 { font-size:90px;display:block;line-height:90px;font-weight:normal;color:black;margin-top:20px;margin-left:-10px;padding-top:0px;margin-bottom:0px;text-align:left; }
.main_txt span { font-size:19px;display:block;line-height:24px;color:black;font-weight:normal }
/* .bg_a { width:60%;height:700px;background:url('../img/bg.png') no-repeat;background-size:100% 100%;background-position:center center;position:absolute;top:50%;margin-top:-350px;left:30px;z-index:0;display:none; } */
.icon_cell { cursor:pointer;display:inline-block;overflow:visible;width:106px;height:106px;border-radius:50%;border:1px solid #e4e4e4;margin:4px;text-align:center;line-height:106px;position:relative;margin-top:-10px;margin-bottom:0px; }
.icon_cell img { width:100%;margin-top:-5px;margin-left:0px; }
.icon_cell:noth-of-type(1) { margin-left:0px; }
.icon_cell:hover { border:1px solid #03a9f4 }
.icon_cell_txt { width:100%;height:20px;position:absolute;bottom:-30px;left:0px;text-align:center;line-height:20px;color:#0099ff;font-size:14px;font-weight:normal; }
.icon_cell:hover .icon_cell_txt { color:#03a9f4 }
.ghost { width:100%;height:770px;border-bottom:1px solid #f3f3f3;padding-bottom:none; }
.ghost_content { width:100%;height:38px;border-top:1px solid #f3f3f3;padding-bottom:none; }


.about_options { width:70%;text-align:center;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-bottom:70px; }
.about_options:after { clear:both;width:100%;height:0px;display:block;content:''; }
.about_options b { color:#333;font-size:30px;font-weight:bold; }

.about_options2 { width:calc( 100% - 224px );text-align:left;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-bottom:70px;padding-left:112px;padding-right:112px; }
.about_options2:after { clear:both;width:100%;height:0px;display:block;content:''; }
.about_options2 b { color:#333;font-size:30px;font-weight:bold; }
.about_options2 h2 { color:#333;font-size:30px;font-weight:bold;margin-top:0px;margin-bottom:0px }
.about_options_cell { float:left;width:32%;text-align:left;height:auto;font-size:16px;color:#333;font-weight:bold;margin-top:20px;margin-bottom:40px;padding-right:1%; }
.about_options_cell span { font-size:17px;line-height:22px;display:block;font-weight:normal;color:black;margin-top:13px; }
.about_options_cell img { width:40px;margin-right:12px;display:inline-block;vertical-align:middle;margin-top:-2px;opacity:0.5;margin-left:-4px; }
.clear_both123 { clear:both; }
.about_options b.blu { color:#333;font-size:40px;font-weight:bold; }

.about_content { width:70%;text-align:justify;margin:0px auto;height:auto;font-family:'Open Sans', sans-serif !important;padding-bottom:30px; }
.about_content:after { clear:both;width:100%;height:0px;display:block;content:''; }
.about_content b { color:#333;font-size:30px;font-weight:bold; }

.how_to { background:#03a9f4;width:calc( 100% - 100px );color:white;height:auto;padding:50px;text-align:center;padding-top:70px;padding-bottom:100px; }
.how_to img { width:170px;display:inline-block;vertical-align:middle;height:170px; }
.how_to_text { width:770px;height:170px;line-height:33px;font-size:17px;font-weight:normal;display:inline-block;vertical-align:middle;text-align:left;margin-left:70px; }
.how_to_text b { font-size:22px;font-weight:bold;text-align:left; }


.start_btn { margin:5px;width:calc( 22% - 4px );height:70px;line-height:70px;color:black;font-size:19px;font-weight:bold;text-align:center;border-radius:10px;border:0px dashed #d4d4d4;cursor:pointer;display:inline-block;vertical-align:middle;color:#f5f6fa;background:#eff0fc }
.start_btn:hover { border:0px dashed #03a9f4;color:#fff;background:#5e70df; }





footer { background:#707070;color:white;width:100%;height:200px;padding-top:57px;border-top:20px solid #93c0eb; }
.footer_in { width:1280px;height:100%;color:white;margin:0px auto; }
.footer_in_col { width:200px;display:inline-block;vertical-align:top;text-align:left;color:white;font-size:14px;line-height:22px;height:auto;margin-left:40px;margin-top:0px; }
.footer_in_col b { font-size:20px }
.footer_in_col a { color:white;font-size:12px;margin-bottom:10px; }
.compressed_file { height:auto;float:right;width:220px;color:White;font-size:20px;font-weight:normal;text-align:right;font-weight:bold; }
.compressed_file span { font-style:normal;font-weight:lighter;font-family:'Open Sans', sans-serif !important;font-size:40px;display:block;margin-top:10px; }
.hithere { background:#979797;width:calc( 100% - 40px );padding-left:20px;padding-right:20px;height:40px;line-height:40px;color:white;position:fixed;bottom:0px;left:0px;z-index:99999999;text-align:center;padding-top:0px;padding-bottom:0px; }
.hithere a { font-style:normal;color:white;font-weight:normal;margin-left:20px; }
.hithere a:hover { text-decoration:underline; }
.sub_wrap { padding:112px;width:calc( 100% - 224px );height:auto;text-align:left;border-bottom:1px solid #f3f3f3;padding-top:70px; }
.sub_wrap span { font-size:30px;color:black;font-weight:normal; }
.sub_wrap b { font-size:70px;color:black;font-weight:normal;display:block;margin-top:10px;margin-left:-10px; }
.sub_wrap h1 { font-size:70px;color:black;font-weight:normal;display:block;margin-top:10px;margin-left:-10px;margin-bottom:0px;line-height:57px; }
.sub_wrap em { font-style:normal;font-size:22px;font-weight:normal;color:#333; }
.drop_district_bg { width:914px;height:208px;border-radius:10px;border:1px solid #e7e7e7;background:rgba(250,250,250,0.9);margin-top:30px;padding:40px;position:relative; }
.drop_district { width:calc( 100% - 2px );height:206px;border:1px solid #e0e0e0;border-radius:10px;background:white; }
.drop_district img { margin-top:23px;margin-left:48px;float:left; }
.drop_district .txt { margin-top:23px;margin-left:70px;width:350px;height:100px;color:#03a9f4;font-size:37px;float:left;text-align:left; }
.drop_district .txt:hover { margin-top:23px;margin-left:70px;width:350px;height:100px;color:#03a9f4;font-size:37px;float:left;text-align:left;text-decoration:underline; }

.drop_district .txt b { font-size:22px;display:block;margin-top:10px;color:#03a9f4;margin-left:0px }
.upto { position:absolute;top:7px;right:50px;width:200px;text-align:right;color:#7a7a7a;height:30px;line-height:30px;font-size:15px;font-weight:bold; }
.sub_bg { width:70%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }
.result_dowonload { color:#fff;background:#000099;border:2px solid #000099;text-align:center;line-height:50px;height:50px;cursor:pointer;width:240px;border-radius:10px;float:right;font-size:20px;font-weight:bold; }
.result_txt { width:50%;float:left;margin-bottom:0px; }
.result_icon_btn { color:#7194e2;background:none;border:2px solid #7194e2;text-align:center;line-height:50px;height:50px;cursor:pointer;width:50px;border-radius:10px;float:right;font-size:20px;font-weight:bold; }
.sub_bg2 { width:70%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg2.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }
.sub_bg3 { width:70%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg3.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }
.sub_bg4 { width:70%;height:70%;position:fixed;bottom:0px;right:0px;background:url('../img/sub_bg4.png') no-repeat;background-size:cover;background-position:center center;z-index:-1; }
.slide img { width:95%;height:100%; }
.undergo { position:absolute;bottom:50px;right:70px; }
.compress { display:inline-block;vertical-align:middle;height:40px;line-height:40px;width:37%;color:White;border-radius:0px;text-align:center;background:#03a9f4;font-size:23px;cursor:pointer;margin-top:0px;float:left;margin-left:20px; }
/* .compress { display:inline-block;vertical-align:middle;height:40px;line-height:40px;width:calc( 100% - 450px );color:White;border-radius:0px;text-align:center;background:#03a9f4;font-size:20px;cursor:pointer;margin-top:0px;float:left;margin-left:25px; } */
.compress:hover { background:#03a9f4 }

.poongsun { padding-top:10px;padding-bottom:10px;width:190px;height:auto;position:absolute;bottom:50px;left:0px;border-radius:10px;background:#fff;border:2px solid #d4d4d4;z-index:999;font-size:12px;font-weight:normal;color:black;line-height:15px;text-align:left;padding-left:10px; }

.poongsun:after { position:absolute;top:35px;left:10px;width:20px;height:12px;background:url("../img/down.png") no-repeat;content:'';background-size:100% 100%;display:block; }
.profile { background:#f4f4f4;height:140px;width:calc( 100% -224px );line-height:40px;padding-left:112px;padding-right:112px;padding-top:30px; }

.original_info { font-size:17px;font-weight:bold;color:white;position:absolute;bottom:20px;left:20px;height:auto;line-height:20px;z-index:999999; }
pre b { font-size:20px !important;font-weight:bold !important;color:black !important;margin-bottom:20px !important;display:block !important;margin-top:20px !important; }
pre span { color:gray !important;font-weight:normal !important;font-size:14px !important;position:relative !important;padding-left:0px;display:block;margin-bottom:-20px; }
pre span em { font-style:normal;font-weight:bold;color:gray;position:absolute;left:0px;text-align:left;font-size:14px !important;top:0px; }
pre span b { font-size:14px !important;font-weight:bold !important;color:gray !important;margin-bottom:0px !important;display:inline !important;margin-top:0px !important;margin-left:0px !important;line-height:inherit !important; }

.note_123 { width:70%;left:15%;text-align:center;background:#ffff00;color:black;font-size:13px;height:30px;line-height:30px;border-radius:15px;position:absolute;bottom:-50px; }


}


.header_blog_btn { position:absolute;right:170px;height:35px;line-height:35px;width:70px;background:lightgray;color:white;font-size:15px;font-weight:normal;cursor:pointer;top:19px;text-align:center;border-radius:8px; }
.header_blog_btn:hover { background:gray; }

.header_sign_btn { position:absolute;right:34px;height:35px;line-height:35px;width:120px;background:#03a9f4;color:white;font-size:15px;font-weight:normal;cursor:pointer;top:19px;text-align:center;border-radius:17px; }
.header_sign_btn:hover { background:#0087c4 }
.header_login_btn { position:absolute;right:154px;height:35px;line-height:35px;width:120px;background:none;color:black;font-size:15px;font-weight:normal;cursor:pointer;top:19px;text-align:center;border-radius:17px; }
.header_login_btn:hover { text-decoration:underline; }


.header_my_account_btn { position:absolute;right:34px;height:35px;line-height:35px;width:120px;background:none;color:black;font-size:15px;font-weight:normal;cursor:pointer;top:19px;text-align:center;border-radius:17px; }
.header_my_account_btn:hover { text-decoration:underline; }
.header_signin_btn { position:absolute;right:34px;height:35px;line-height:35px;width:120px;background:none;color:black;font-size:15px;font-weight:normal;cursor:pointer;top:19px;text-align:center;border-radius:17px; }
.header_signin_btn:hover { text-decoration:underline; }
.header_signup_btn { position:absolute;right:34px;height:35px;line-height:35px;width:120px;background:#03a9f4;color:white;font-size:15px;font-weight:normal;cursor:pointer;top:19px;text-align:center;border-radius:17px; }
.header_signup_btn:hover { background:#0087c4 }








.checks {position: relative;float:left;margin-right:5px;height:auto;font-size:23px;display:inline-block;margin-right:20px;margin-right:30px; }
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #7194e2; border-radius: 100%; box-shadow: none; }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: none; }
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #7194e2; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 8px; left: 3px; width: 16px; height: 16px; background:#7194e2 ; border-radius: 100%; box-shadow: none; }



.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; text-align: center; background: #fff; border: 1px solid #7194e2; border-radius: none; box-shadow: none; }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: none; }
.checks input[type="checkbox"]:checked + label:before { background: #fff; border-color: #7194e2; }
.checks input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 11px; left: 2px; width: 8px; height: 8px; background: #7194e2; border-radius: none; box-shadow: none; }




.sub_wrap table { width:100%;border-collapse:collapse;border:1px solid #f4f4f4; }

.sub_wrap table td { padding:10px;border:1px solid #f4f4f4;text-align:center;border-left:none;border-right:none;font-size:16px; }
.sub_wrap table th { padding:10px;border:1px solid #f4f4f4;background:none;text-align:center;border-left:none;border-right:none;border-top:2px solid #d4d4d4;font-size:16px; }
.sub_wrap table tr:hover td { background:rgba(252,252,252,0.2);cursor:pointer; }
.sub_wrap table td a { text-decoration:underline;color:blue; }
.sub_wrap table td b { color:#7194e2;font-size:16px;display:inline;font-weight:bold;margin-left:20px;line-height:20px; }
.sub_wrap table td span { color:red;font-size:16px; }
.compress1 { margin:5px;display:inline-block;vertical-align:middle;height:30px;line-height:30px;width:120px;color:#7194e2;border-radius:5px;text-align:center;background:white;font-size:16px;cursor:pointer;margin-top:0px;border:1px solid #7194e2; }
.compress1:hover { background:#7194e2;color:white; }

.compress11 { margin:5px;display:inline-block;vertical-align:middle;height:30px;line-height:30px;width:120px;color:#0330f4;border-radius:5px;text-align:center;background:white;font-size:16px;cursor:pointer;margin-top:0px;border:1px solid #0330f4; }
.compress11:hover { background:#0330f4;color:white; }
.compress2 { margin:5px;display:inline-block;vertical-align:middle;height:30px;line-height:30px;width:190px;color:white;border-radius:5px;text-align:center;background:#000099;font-size:14px;cursor:pointer;margin-top:0px;border:1px solid #000099; }
.compress2:hover { background:#7194e2;color:white;border:1px solid #7194e2; }
.compressx { display:inline-block;vertical-align:middle;height:30px;line-height:30px;width:30px;color:gray;border-radius:10px;text-align:center;background:none;font-size:14px;cursor:pointer;margin-top:-4px;border:0px solid #7194e2; }
.compressx:hover { background:none;color:#7194e2; }
a.bookmark { font-size:17px;font-weight:normal;text-decoration:none;cursor:pointer;color:#0099ff;text-align:right;margin-left:20px; }
a.bookmark:hover { font-size:17px;font-weight:bold;text-decoration:none;cursor:pointer;color:#0099ff;text-align:right;margin-left:20px;text-decoration:underline; }

.compress1_exp { margin:5px;display:inline-block;vertical-align:middle;height:30px;line-height:30px;width:120px;color:gray;border-radius:5px;text-align:center;background:#d4d4d4;font-size:14px;cursor:normal;margin-top:0px;border:1px solid #d4d4d4; }


.sub_wrap em {color:#333; font-size:18px;font-style:normal; }


.dark_wall { width:100%;height:100%;position:fixed;top:0px;left:0px;background:black;opacity:0.5;z-index:99999999999999999999999; }




.checks2 {position: relative;float:left;margin-right:5px;height:auto;font-size:13px;display:inline-block;margin-right:20px;color:gray; }
.checks2 input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks2 input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks2 input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; text-align: center; background: #fff; border: 1px solid #7194e2; border-radius: 100%; box-shadow: none; }
.checks2 input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: none; }
.checks2 input[type="radio"]:checked + label:before { background: #fff; border-color: #7194e2; }
.checks2 input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 12px; left: 2px; width: 8px; height: 8px; background:#7194e2 ; border-radius: 100%; box-shadow: none; }

span.files { font-size:20px;font-weight:bold;color:gray; }


.div_line { width:100%;height:1px;background:#d4d4d4;display:block;margin-top:20px;margin-bottom:20px; }
.sulmoon_input { width:100%;border:none;border-bottom:1px solid #f4f4f4;height:20px;outline:none; }

.result { width:calc( 100% - 60px );padding:30px;height:auto;background:none;border-radius:0px;padding-top:30px;padding-bottom:30px;line-height:23px;font-size:14px;border:1px solid #f4f4f4;margin-top:-1px; }
.result:after { clear:both;width:100%;height:0px;display:block;content:''; }
.result b { font-size:20px;color:black;display:inline;margin:0px;line-height:20px;font-weight:bold; }
.result b a { color:#0099ff;font-weight:bold; }

.margin_20 { margin:20px;margin-left:5px;margin-right:5px;width:40px;height:40px;line-height:40px; }
.margin_20:nth-of-type(1) { margin-right:20px; }






.level_btn { width:20%;max-width:200px;height:40px;line-height:40px;float:left;margin-right:-1px;border:1px solid #d4d4d4;color:gray;cursor:pointer;text-align:center;font-size:16px; }
.level_btn:hover { width:20%;max-width:200px;height:40px;line-height:40px;float:left;margin-right:-1px;border:1px solid #d4d4d4;color:gray;cursor:pointer;text-align:center;font-size:16px;background:#f4f4f4; }
.level_btn_sel { border:1px solid #03a9f4 !important;background:#03a9f4 !important;color:white !important; }


.question_mark { width:20px;line-height:20px;text-align:center;height:20px;border-radius:50%;background:#03a9f4;cursor:pointer;color:white;margin-left:20px;font-size:11px;display:inline-block;vertical-align:middle;margin-top:-2px;position:relative; }
.question_mark:hover { background:#2057bc }
.question_mark .poongsun { padding-top:10px;padding-bottom:10px;width:190px;height:auto;position:absolute;bottom:35px;left:0px;border-radius:10px;background:#fff;border:2px solid #d4d4d4;z-index:999;font-size:12px;font-weight:normal;color:black;line-height:15px;text-align:left;padding-left:10px; }


.question_mark .poongsun:after { position:absolute;top:65px;left:0px;width:20px;height:12px;background:url("../img/down.png") no-repeat;content:'';background-size:100% 100%;display:block; }


.dark_x { width:50px;height:50px;position:fixed;top:10px;right:10px;text-align:center;line-height:50px;color:white;font-size:50px;font-weight:normal;cursor:pointer;z-index:999999999999999999999990;font-weight:normal !important; }

.profile_pic { width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;background:#4285f4;color:white;float:right;cursor:pointer;margin-top:10px;font-size:20px; }


.profile_pic2 { width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;background:#4285f4;color:white;vertical-align:middle;display:inline-block;cursor:pointer;margin-top:10px;font-size:20px; }


.profile b { color:black;font-size:20px;font-weight:bold;margin-left:20px;margin-top:10px;display:inline-block;vertical-align:middle; }

.profile_tab { float:left;width:100px;height:40px;line-height:40px;text-align:middle;background:#d4d4d4;text-align:center;cursor:pointer;color:gray; }
.profile_tab_sel { background:white;color:#0099ff;font-weight:bold; }






select { float:right;border:1px solid #d4d4d4;padding:0px;padding-left:10px;padding-right:10px;height:27px;line-height:27px; }

.paging { width:100%;height:auto;padding-top:20px;padding-bottom:20px;text-align:center; }
.paging_cell_dir { border:1px solid #f4f4f4;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;color:gray;display:inline-block;vertical-align:middle;margin:5px;cursor:pointer; }
.paging_cell_dir:hover { border:1px solid #d4d4d4; }
.paging_cell { font-weight:bolder;border:0px solid #d4d4d4;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;color:gray;display:inline-block;vertical-align:middle;margin:5px;cursor:pointer; }
.paging_cell:hover { border:0px solid gray; }
.paging_cell_sel { color:black; }

.gray_bg { background:#f4f4f4; }
.gray_bg input[type=text] { width:calc( 100% - 20px );padding:0px;padding-left:10px;padding-right:10px;border:1px solid #eaeaea;background:white;height:40px;line-height:40px;outline:none; }
.gray_bg textarea { width:calc( 100% - 20px );padding:10px;border:1px solid #eaeaea;background:white;outline:none;resize:none;height:400px;font-family: 'Open Sans', sans-serif !important; }

.send_btn { width:200px;height:40px;line-height:40px;text-align:center;color:white;font-size:17px;background:#4275f4;cursor:pointer; }
.send_btn:hover { background:#315cc7; }

th .compressx { border:1px solid #f4f4f4; }

.padding_top_small { padding-top:30px; }

.sub_wrap_center { text-align:center;min-height:540px;font-size:20px; }

.sub_wrap_center span { font-size:20px !important;font-weight:bold;color:black }

pre {  word-break:keep-all;line-height:14px;white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */font-family:'Open Sans', sans-serif !important;line-height:22px !important;  }


.righting { text-align:right !important;padding-left:30px !important; }
.lefting { text-align:left !important;padding-left:30px !important; }

.footer_in_col a:hover { cursor:pointer;color:white;text-decoration:underline; }


.popup_added_wrap { text-align:left;padding:50px;width:calc( 100% - 100px );height:calc( 100% - 100px );position:relative; }

.popup_added_wrap_cancel { width:calc( 50% - 55px );position:absolute;bottom:50px;left:50px;height:40px;line-height:40px;background:gray;text-align:center;cursor:pointer;color:white;font-size:14px; }
.popup_added_wrap_ok { width:calc( 50% - 55px );position:absolute;bottom:50px;right:50px;height:40px;line-height:40px;background:#03a9f4;text-align:center;cursor:pointer;color:white;font-size:14px; }
.popup_added_wrap_ok:hover { background:#0091d3; }
.popup_added_wrap_cancel:hover { background:#444; }
.popup_added_wrap_ok_one { width:calc( 50% - 55px );position:absolute;bottom:50px;right:calc( 25%  + 25px );height:40px;line-height:40px;background:#03a9f4;text-align:center;cursor:pointer;color:white;font-size:14px; }
.popup_added_wrap_ok_one:hover { background:#0091d3; }
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #0091d3;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0091d3 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.main_visual:after { clear:both;width:100%;height:0px;content:'';display:block; }

@media (max-width:1234px){
  .compress { display:inline-block;vertical-align:middle;height:40px;line-height:40px;width:35%;color:White;border-radius:0px;text-align:center;background:#03a9f4;font-size:23px;cursor:pointer;margin-top:0px;float:left;margin-left:20px; }

  .level_btn { width:20%;height:40px;line-height:40px;float:left;margin-right:-1px;border:1px solid #d4d4d4;color:gray;cursor:pointer;text-align:center;font-size:16px; }
  .level_btn:hover { width:20%;height:40px;line-height:40px;float:left;margin-right:-1px;border:1px solid #d4d4d4;color:gray;cursor:pointer;text-align:center;font-size:16px;background:#f4f4f4; }
  .level_btn_sel { border:1px solid #03a9f4 !important;background:#03a9f4 !important;color:white !important; }


}

.ediker_popup_div {
    background:#414B54;
    color:white;
    position:fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 100px;
    line-height:100px;
    font-size: 19px;
    text-align: center;
}

.ediker_link_btn {
    left: 50%;
    width: 300px;
    height: 40px;
    background: #03a9f4;
    color: white;
    line-height: 40px;
    padding: 0px;
    font-size: 19px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.ediker_link_btn:hover {
    opacity: 0.7;
}

.ediker_link_btn:active {
    opacity: 1;
}

@media (max-width: 895px) {
    .ediker_popup_div {
        background:#414B54;
        color:white;
        position:fixed;
        bottom:0px;
        left:0px;
        width: 100%;
        height: 100px;
        line-height:50px;
        font-size: 19px;
        text-align: center;
    }
}