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

body,html {height:100%; width:100%; margin:0px; padding:0px; font-size:13px; font-family:'NanumGothic',  Sans-Serif; color:#444444; font-weight:400;}

/* FONT */
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic.eot');
  src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic.woff') format('woff'),
       url('../font/NanumGothic.ttf') format('truetype'),
       url('../font/NanumGothic.svg#NanumGothic') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothicBold.eot');
  src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicBold.woff') format('woff'),
       url('../font/NanumGothicBold.ttf') format('truetype'),
       url('../font/NanumGothicBold.svg#NanumGothicBold') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 900;
  src: url('../font/NanumGothicExtraBold.eot');
  src: url('../font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicExtraBold.woff') format('woff'),
       url('../font/NanumGothicExtraBold.ttf') format('truetype'),
       url('../font/NanumGothicExtraBold.svg#NanumGothicExtraBold') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NanumGothicLight.eot');
  src: url('../font/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicLight.woff') format('woff'),
       url('../font/NanumGothicLight.ttf') format('truetype'),
       url('../font/NanumGothicLight.svg#NanumGothicLight') format('svg');
}

img{max-width:100%;}

/* WRAP */
#wrap{width:100%; min-width:320px; overflow:hidden;}

/* HEADER */
.header_quick_link_box{width:100%; height:auto;}
.header_quick_link_box .header_quick_link{width:100%; height:30px; overflow:hidden; border-bottom:1px solid #c4c4c4;}
.header_quick_link_box .header_quick_link li{display:inline-block; vertical-align:top; width:20%; float:left; position:relative;}
.header_quick_link_box .header_quick_link li::after{content:""; width:1px; height:11px; display:inline-block; background-color:#c1c1c1; position:absolute; top:50%; margin-top:-6px; right:-0.5px;}
.header_quick_link_box .header_quick_link li a{display:block; width:100%; height:100%; line-height:30px; font-size:11px; color:#222; text-align:center;}
#header0{width:100%; padding:10px 3%; overflow:hidden; box-sizing:border-box; background-color:#fff;}
#header0 .go_home{float:left; display:inline-block; vertical-align:top; padding:1px 0;}
#header0 .go_home a{display:block;}
#header0 .go_home a img{width:113.5px; height:28px;}
#header0 .menu_btn{float:right; display:inline-block; vertical-align:top;}
#header0 .menu_btn a{display:block; padding:2px 0;}
#header0 .menu_btn a img{width:28px; height:28px;}
#header0 .menu_btn a span.icon_box{display:inline-block; width:auto; height:auto; position:relative;}
#header0 .menu_btn a span.icon_box span{display:inline-block; width:22px; height:22px; position:absolute; top:-5px; right:-5px; border-radius:50%; background-color:#ff4e00; text-align:center; font-size:12px; line-height:22px; color:#fff;}
#header{width:100%; border-bottom:2px solid #aec3d5;}
#header::after{content:''; display:block; clear:both;}
#header .util{width:100%; height:35px; line-height:35px; background-color:#e1eef6; overflow:hidden;}
#header .util p a{font-size:12px; color:#505050;}
#header .util .fl a{margin-right:15px;}
#header .util .fl a+a{font-size:13px;}
#header .util .fr span{padding:0 5px 0 8px; font-size:11px; color:#a9b8c4; font-weight:100; vertical-align:1px;}
#header h1{padding:18px 0; float:left; margin-right:50px;}
#header #gnv{float:left;}
#header #gnv ul{}
#header #gnv ul li{float:left; margin-left:18px; padding-top:40px;border:0px solid #000000; position:relative;}
#header #gnv ul li a{font-size:17px; font-weight:500; letter-spacing:-1px;}
#header #gnv ul li a:hover{color:#387fd4;}
#header #gnv ul li a.btn_guide{display:inline-block; margin-top:-3px; width:100px; height:30px; text-align:center; line-height:30px; font-size:13px; font-weight:500; border:1px solid #c1dbef; -webkit-border-radius:15px; border-radius:15px;}
#header #gnv ul li a.btn_guide span{color:#0e68b1;}
#header #gnv ul li a .new_btn{position:absolute; top:25px; right:-10px;}

/* QUICK */
#quick{width:80px; position:fixed; left:50%; margin-left:515px; margin-top:20px; top:px;}
#quick p{width:80px; height:80px; padding:10px 5px; text-align:center; box-sizing:border-box; border:1px solid #dbdbdb; background-color:#fff;}
#quick p+p{border-top:none;}
#quick a span{display:inline-block; width:100%; line-height:1.2; font-size:12px; color:#666;}
#quick a:hover span{color:#156fb9; font-weight:400;}

/* QUICK_agency*/
#quick_agency{width:100px; position:fixed; left:50%; margin-left:515px; top:150px; z-index:5000;}
/* #quick_agency .btn_quick{left:0px; top:158px; display:inline-block; cursor:pointer; position:absolute; z-index:99000;} */
#quick_agency .view_list{float:right; width:100%; height:100%; /* padding-top:158px; */ border:1px solid #aeb2ac; -webkit-box-shadow: -3px 0px 5px -1px		rgba(55,55,55,0.1); -moz-box-shadow: -3px 0px 5px -1px gba(55,55,55,0.1); box-shadow: -3px 0px 3px -1px rgba(55,55,55,0.1);
	background-color:rgba(255,255,255,0.9);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6ffffff, endColorStr=#e6ffffff );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#e6ffffff, endColorStr=#e6ffffff )";}
#quick_agency .view_list .tit{height:34px; line-height:34px; font-size:13px; color:#666; background-color:#e6e6e6; font-weight:500; text-align:center; /* border-top:1px solid #bcbdc0; */ border-bottom:1px solid #bcbdc0;}
#quick_agency .view_list div{padding:0 10px; height:34px; line-height:34px; font-size:14px; color:#343233; font-weight:500; text-align:center; border-top:1px solid #bcbdc0; /* border-bottom:1px solid #bcbdc0; */ background-color:#fff;}
#quick_agency .view_list div p{display:inline-block; margin:0 20px; font-size:14px; font-weight:500; color:#818181;}
#quick_agency .view_list div p span{color:#fc9930;}
#quick_agency .view_list div .q_btn_left{float:left; margin-top:10px;}
#quick_agency .view_list div .q_btn_right{float:right; margin-top:10px;}
#quick_agency .view_list ul{padding:13px 10px;}
#quick_agency .view_list ul li{border-bottom:1px solid #bebebe; margin:10px 0; width:100%; height:80px; overflow:hidden;}
#quick_agency .view_list ul li:hover{overflow:visible;}
#quick_agency .view_list ul li a{display:block; position:relative; width:80px; height:80px;}
#quick_agency .view_list ul li a div{width:400px; height:100px; padding:10px; box-sizing:border-box; border:1px solid #000; position:absolute; display:block; text-align:left; top:-10px; left:-304px;}
#quick_agency .view_list ul li a div p{display:inline-block; width: 270px; height:100%; margin:0 20px 0 0; box-sizing:border-box; text-align:left; box-sizing:border-box; padding-right:5px; position:relative;}
#quick_agency .view_list ul li a div img{margin-bottom:2.5px; border:1px solid #bebebe; width:80px; height:auto; display:inline-block; box-sizing:border-box; max-height:80px;}
#quick_agency .view_list ul li a div span{display:inline-block; width:100%; text-align:left; font-size:12px; margin-bottom:5px; line-height:1.3; color:#666; vertical-align:top; margin-top:5px;}
#quick_agency .view_list ul li a div p .view_price{display:inline-block; font-size:14px; letter-spacing:-0.5px; color:#444; height:16px; width:100%; border:0; padding:0; margin:0; line-height:16px; box-sizing:border-box; position:absolute; bottom:5px; left:0;}
#quick_agency .view_list ul li a div p .view_price span{display:inline;}
#quick_agency .view_list ul li a div p .view_price img{height:18px; width:auto; border:0;}
#quick_agency .view_list ul li a div p .view_price .price_color1{color:#de2910; margin-right:5px; font-size:16px; line-height:1;}
#quick_agency .view_list ul li a div p .view_price .price_color2{color:#0073fe; margin-right:5px; font-size:16px; line-height:1;}
#quick_agency .view_list ul li a div p .view_price .price_color3{color:#0073fe; font-size:16px; line-height:1;}
#quick_agency .view_list ul li a div p .view_price .cancel{text-decoration:line-through; font-size:14px; margin-right:5px; line-height:16px;}
#quick_agency .top_btn{width:100%; display:block; box-sizing:border-box; border-top:1px solid #bcbdc0;}
#quick_agency .top_btn img{display:block; margin:0 auto;}


/* FOOTER */
#footer0{width:100%; box-sizing:border-box; text-align:center; border-top:1px solid #c4c4c4; padding:15px 0px 55px 0px; clear:both;}
#footer0 .footer_link{width:100%; text-align:center; font-size:0;}
#footer0 .footer_link a{display:inline-block; vertical-align:top; font-size:11px; font-weight:400; letter-spacing:-1px; color:#000; line-height:1; background-color:#d6d6d6; padding:5px 10px; margin-right:5px;}
#footer0 .footer_link a:last-child{margin-right:0;}
#footer0 .copyright_box{width:100%; vertical-align:top; margin-top:12.5px; text-align:center; font-size:11px; font-weight:400; letter-spacing:-1px; color:#222; line-height:1.5;}
#footer0 .copyright_box address{font-style:normal; display:inline;}
#footer0 .copyright_box span{color:#666;}
#footer{width:100%; border-top:1px solid #878787; height:165px;}
#footer .footer_link{width:100%; height:34px; line-height:34px; border-bottom:1px solid #dbdbdb; font-size:12px; overflow:hidden;}
#footer .footer_link p a+a{margin-left:15px;}
#footer .footer_link p img{padding-top:16px; padding-left:3px;}
#footer .footer_copy{padding:10px 0; font-size:12px !important; color:#8f8f8f;}
#footer .footer_copy2{padding:0px 0px 20px 0px; font-size:12px !important; color:#447fcd;}

/* 버전체크 팝업 */
.pop_version_bg{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.4); z-index:5005;}
.pop_version_bg .pop_version_box{display:block; width:100%; height:100%; box-sizing:border-box; position:relative;}
.pop_version_bg .pop_version_box .pop_version{display:inline-block; width:80%; max-width:450px; height:auto; box-sizing:border-box; padding:20px 3%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.3); border:3px solid #ff4e00;}
.pop_version_bg .pop_version_box .pop_version .pop_text{font-size:13px; font-weight:400; letter-spacing:-0.25px; color:#444; text-align:center; line-height:1.5; padding:3px 0;}
.pop_version_bg .pop_version_box .pop_version .pop_btn_box{width:100%; height:auto; box-sizing:border-box; text-align:center; margin-top:15px; font-size:0; padding:0 15%;}
.pop_version_bg .pop_version_box .pop_version .pop_btn_box button.pop_btn{display:inline-block; width:calc(50% - 5px); height:35px; vertical-align:top; margin-right:10px; padding:0; border:0; box-shadow:1px 1px 3px rgba(0,0,0,0.3); text-align:center; line-height:35px;}
.pop_version_bg .pop_version_box .pop_version .pop_btn_box button.pop_btn:last-child{margin-right:0;}

@media (max-width: 350px) and (orientation: portrait){
#footer0 .copyright_box{font-size:10px;}
}

/* PAGING */
.paging {height:35px; text-align:center; font-size:13px; margin-top:30px; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #dbdbdb; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:28px; height:28px; line-height:28px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1px; border:1px solid #585b5d;}
.paging .link_page_on{position:relative; z-index:1px; border:1px solid #7c7c7c; color:#fff; display:inline-block; text-align:center; width:28px; height:28px; line-height:28px; background-color:#585b5d;}
.paging .btn_prev {display:inline-block; text-align:center; width:28px; height:28px; line-height:28px; margin-right:10px; color:#5a5a5a; font-weight:900; border:1px solid #dbdbdb; background-color:#f8f8f8;}
.paging .btn_next {display:inline-block; text-align:center; width:28px; height:28px; line-height:28px; margin-left:10px; color:#5a5a5a; font-weight:900; border:1px solid #dbdbdb; background-color:#f8f8f8;}

/* 공통 스타일 */
.color1{color:#447fcd;}
a.color1{color:#447fcd;}
.color2{color:#f54111;}
a.color2{color:#f54111;}
.color3{color:#f54111; font-size:15px}
a.color3{color:#f54111; font-size:15px}
.color4{color:#9e9e9e;}
a.color4{color:#9e9e9e;}
.color5{color:#f54111;font-size:15px}
a.color5{color:#f54111;font-size:15px}

.color6{color:#f54111;font-size:12px}
a.color6{color:#f54111;font-size:12px}


.color7{color:#f54111;}
a.color7{color:#f54111;}




.gray1{color:#3f3f3f;}
a.gray1{color:#3f3f3f;}

.gray2{color:#848484;}
a.gray2{color:#f54111;}

.gray3{color:#989898;font-size:11px;}
a.gray3{color:#989898;font-size:11px;}


.green{color:#01c73c;}
a.green{color:#01c73c;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}
.pd_no{padding:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.fw1{font-weight:100 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw7{font-weight:700 !important;}
.fw9{font-weight:900 !important;}

.inp{height:22px; padding-left:5px; padding-right:5px; box-sizing:border-box; border:1px solid #dbdbdb;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{width:200px;height:22px; box-sizing:border-box; border:1px solid #dbdbdb;}
.cp{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #dbdbdb;}


.inp_bg{background-color:#fcef57}



.inp[type="checkbox"]{display:none;}
.inp[type="checkbox"] + label{display:inline-block; padding:0 0 0 18px; height:22px; background:url('../img/sub/checkbox_off.png') no-repeat left center;}
.inp[type="checkbox"]:checked + label{background:url('../img/sub/checkbox_on.png') no-repeat left center; color:#f54111;}
 
.inp[type="radio"]{display:none;}
.inp[type="radio"] + label{display:inline-block; padding:0 0 0 18px; height:22px; background:url('../img/sub/radio_off.png') no-repeat left center;}
.inp[type="radio"]:checked + label{background:url('../img/sub/radio_on.png') no-repeat left center; color:#f54111;}


.width0{width:50px;}
.width1{width:10% !important;}
.width2{width:20% !important;}
.width2_4{width:23.75%;}
.width2_5{width:25% !important;}
.width2_7{width:27.5% !important;}

.width2_9{width:29.5% !important;}

.width3{width:30% !important;}
.width3_25{width:32.5% !important;}
.width4{width:40% !important;}
.width4_5{width:45% !important;}
.width5{width:50% !important;}
.width6{width:60% !important;}
.width6_7{width:67%;}
.width7{width:70% !important;}
.width7_4{width:74%;}
.width8{width:80% !important;}
.width9{width:90% !important;}
.width9_5{width:97%;}
.width10{width:100%;}
.qty{width:30px;}

.btn_box1{width:100%; overflow:hidden; font-weight:500; text-align:center; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; font-weight:500; text-align:center; margin-top:20px;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

/* sub_nav 없는 페이지 버튼타입 */
.btn_box1 a.btn_left_1{float:left; margin-left:7px; display:inline-block; width:110px; height:41px; font-size:16px; text-align:center; line-height:41px; border:1px solid #2668c4; font-size:14px; color:#447fcd; background-color:#fff;}
.btn_box1 a.btn_left_2{float:left; margin-left:7px; display:inline-block; width:110px; height:41px; font-size:16px; text-align:center; line-height:41px; border:1px solid #2668c4; color:#fff; background-color:#447fcd;}

.btn_box1 a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:110px; height:41px; font-size:16px; text-align:center; line-height:41px; border:1px solid #2668c4; color:#447fcd; background-color:#fff;}
.btn_box1 a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:110px; height:41px; font-size:16px; text-align:center; line-height:41px; border:1px solid #2668c4; color:#fff; background-color:#447fcd;}

.btn_box1 a.btn_center_1{margin-left:7px; display:inline-block; width:130px; height:41px; font-size:16px; text-align:center; line-height:41px; background-color:#447fcd; border:1px solid #2668c4; color:#fff;}
.btn_box1 a.btn_center_2{margin-left:7px; display:inline-block; width:130px; height:41px; font-size:16px; text-align:center; line-height:41px; background-color:#ffffff; border:1px solid #2668c4; color:#447fcd;}
.btn_box1 a.btn_center_3{margin-left:7px; display:inline-block; width:130px; height:41px; font-size:16px; text-align:center; line-height:41px; background-color:#ff0000; border:1px solid #eeeeee; color:#fff;}

.btn_box1 a.btn_center_4{margin-left:7px; display:inline-block; width:180px; height:41px; font-size:16px; text-align:center; line-height:41px; background-color:#037400; border:1px solid #d4d4d4; color:#fff;}


/* sub_nav 있는 페이지 버튼타입 */
.btn_box2 a.btn_left_1{float:left; margin-left:7px; display:inline-block; width:80px; height:35px; font-size:15px; text-align:center; line-height:35px; border:1px solid #2668c4; font-size:14px; color:#447fcd; background-color:#fff;}
.btn_box2 a.btn_left_2{float:left; margin-left:7px; display:inline-block; width:80px; height:35px; font-size:15px; text-align:center; line-height:35px; border:1px solid #2668c4; color:#fff; background-color:#447fcd;}

.btn_box2 a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:80px; height:35px; font-size:15px; text-align:center; line-height:35px; border:1px solid #2668c4; color:#447fcd; background-color:#fff;}
.btn_box2 a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:80px; height:35px; font-size:15px; text-align:center; line-height:35px; border:1px solid #2668c4; color:#fff; background-color:#447fcd;}

.btn_box2 a.btn_center_1{margin-left:7px; display:inline-block; width:150px; height:35px; font-size:15px; text-align:center; line-height:35px; background-color:#447fcd; border:1px solid #2668c4; color:#fff;}
.btn_box2 a.btn_center_2{margin-left:7px; display:inline-block; width:150px; height:35px; font-size:15px; text-align:center; line-height:35px; background-color:#ffffff; border:1px solid #2668c4; color:#447fcd;}
.btn_box2 a.btn_center_3{margin-left:7px; display:inline-block; width:150px; height:35px; font-size:15px; text-align:center; line-height:35px; background-color:#0f9c00; border:1px solid #eeeeee; color:#fff;}


.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}


/*Progress*/
#loading{display:none; width:100%; height:100%; position:fixed; z-index:99999;}
#loading div{position:relative; width:100%; height:100%;}
#loading div img{display:inline-block; position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-28px;}

/* 미리보기 스타일 셋팅 */
#preview{z-index: 9999; position:absolute; border:0px solid #ccc; background:#333; padding:1px; display:none; color:#fff;}

/* 검색창 */
.find_box{display:block; text-align:center; width:100%; margin-bottom:20px;}
.find_box label{line-height:36px; height:40px; color:#000; border:2px solid #fff; font-size:16px; vertical-align:top; display:inline-block; box-sizing:border-box; text-align:right; padding-right:20px;}
.find_box input{height:40px; padding:5px 10px; box-sizing:border-box; border:2px solid #666; width:60%; vertical-align:top; font-size:16px;}
.find_box .find_btn{display:inline-block; box-sizing:border-box; height:40px; text-align:center; border:2px solid #666; background-color:#fff; color:#000; line-height:36px; text-align:center; font-size:16px; letter-spacing:-0.25px; margin-left:20px; width:8%; vertical-align:top;}



/*폰트 클래스*/
.gray_color{color:#b9baba}
.center_line{text-decoration:line-through}