@charset "utf-8";
/*
Theme Name - Code Number : HOME-GREY - live-hg1603034
*/
/* common */
html,body {font-family:"Raleway-Light","NBG_light","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; font-size:1em; color:#333; line-height:1.75; background:#f3f3f3;}
a {color:#333;}
a:hover,a:focus,a:active {text-decoration:none; color:inherit;}
hr {margin:0; border:none;}
.outliner {max-width:1200px; margin:0 auto;}
.infoOutline.detail_full .outliner {max-width:none;}
.container {max-width:1280px; width:auto; margin:0 auto; padding:0;}
.shareThis {position:relative; padding:30px 0 65px; text-align:center;}
.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"] {border:1px solid #d9d9d9; box-shadow:none; -webkit-appearance:none;}
.tile ul,.inshop ul {list-style:none;}
.btnTop {position:fixed; right:13px; bottom:13px; color:#fff; padding:10px 11px; border-radius:5px; width:2.5em; font-size:14px; text-align:right; text-decoration:none; z-index:99;}
.btnTop:hover,.btnTop:focus,.btnTop:active {color:#fff; text-decoration:none;}
.f_thin {font-family:"Raleway-Thin","Raleway-Light","NBG_light","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; font-weight:normal;}

/* Color setting */
#wrap .btn.btnPoint,#wrap .pagination a:hover,#wrap .pagination a:focus,#wrap .pagination a:active,#wrap .pagination .active a {color:#fff; border-color:#084476; background-color:#054982;}
#wrap .pagination .prev a:hover,#wrap .pagination .prev a:focus,#wrap .pagination .prev a:active,
#wrap .pagination .next a:hover,#wrap .pagination .next a:focus,#wrap .pagination .next a:active {color:#fff;}
#wrap .pointColor,#wrap .shopDone header h1:before,.related .tileTitle:after,.downFile h3,.infourl h3,.showDate h3,.searchResult .keyCode {color:#054982;}
#wrap .pointBg,#accNav a,.shop .disPercent,.btnTop,.gotoHome a,.entry .swipe .indicator .active {background-color:#054982;}
#wrap .disPercent:before {border-color:transparent #054982 transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav a:focus:before,#wrap .tabNav a:active:before,#wrap .tabNav .active a:before {border-color:#054982}
#confirmLayer a,#confirmLayer .txt:before,#confirmLayer .close button:hover,#confirmLayer .close button:focus,#confirmLayer .close button:active,
#member input[type="radio"]:checked+.icoCheck,#member input[type="checkbox"]:checked+.icoCheck,.searchWrap .searchCon button[type="submit"] {background-color:#054982;}
#confirmLayer a:hover,#confirmLayer a:focus,#confirmLayer a:active,
#member input[type="submit"]:hover,#member input[type="submit"]:focus,#member input[type="submit"]:active,
#wrap .btnPoint:hover,#wrap .btnPoint:focus,#wrap .btnPoint:active {background-color:#084476;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; z-index:999; transition:top 0.3s;}
#header:before {content:""; position:absolute; top:0; left:0; width:100%; height:0; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; transition:all 0.3s;}
#gnb {position:static; margin:0; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.fix#header:before {height:100%;}
.fix .navbar-header {height:50px;}
.fix .navbar-header h1 {height:40px;}
.fix .navbar-header .gwLogo,.subPage .navbar-header .gwLogo {display:block;}
.fix .navbar-header .wwLogo,.subPage .navbar-header .wwLogo {display:none;}
.fix .navbar-header .navbar-toggle {top:0;}
.fix .icoMenu,.subPage .icoMenu {background:#1e1e1e;}
.dimmedBody .fix .icoMenu {background:#fff;}
.dimmedBody .navbar-header h1 {left:-88px;}
.icoMenu {position:absolute; left:50%; top:50%; width:22px; height:2px; margin-left:-11px; background:#fff; transition:all 0.3s ease-in;
	transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
}
.icoMenu.lineTop {margin-top:-8px;}
.icoMenu.lineMid {margin-top:-1px;}
.icoMenu.lineBottom {margin-top:6px;}
.dimmedBody .icoMenu.lineMid {display:none;}
.dimmedBody .icoMenu.lineTop {
	margin-top:-1px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.dimmedBody .icoMenu.lineBottom {
	margin-top:-1px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.dimmedBody .navbar-toggle:hover .icoMenu {margin-top:-1px;}
.navbar-header {height:50px; padding:5px 0; transition:top 0.3s;}
.navbar-header h1 {position:absolute; left:15px; width:160px; height:40px; margin:0; padding:0; font-size:0; transition:all 0.3s;}
.navbar-header img {height:100%; vertical-align:top;}
.navbar-header a {display:block; float:none; width:100%; height:100%; padding:0; background-size:contain; background-position:0 50% !important; transition:all 0.3s;}
.navbar-header .gwLogo {display:none;}
.navbar-header .navbar-toggle {display:block; position:absolute; top:0; right:0; width:50px; height:50px; margin:0; padding:15px; border:none; border-radius:0; z-index:999; transition:all 0.3s;}
.navbar-default .navbar-header .navbar-toggle:hover,.navbar-default .navbar-header .navbar-toggle:focus,.navbar-default .navbar-header .navbar-toggle:active {background:none;}
.navbar-nav {-ms-overflow-style:none; overflow: -moz-scrollbars-none;}
.navbar-nav::-webkit-scrollbar {display:none;}
.navbar-nav a {display:block;}
.heightHeader #gnb .navbar-collapse {position:fixed; top:0; bottom:0; left:-100%; width:100%; height:100%; margin-left:-50px; overflow:auto; padding:20px 0 20px 50px; border:none; background:#f6f6f6; box-shadow:none; z-index:99;}
.heightHeader #gnb .navbar-nav {float:none; overflow:auto; margin:0; padding:0 0 30px;}
.heightHeader #gnb .navbar-nav li {float:none;}
.heightHeader #gnb .navbar-nav a {position:relative; padding:10px 30px; font-size:15px; color:#232323; line-height:1.5; white-space:normal; background:none; border-color:inherit; transition:padding 0.3s;}
.heightHeader #gnb .navbar-nav .menuName {display:inline-block; vertical-align:top; padding-left:2px; padding-right:2px; padding-bottom:2px;}
.heightHeader #gnb .navbar-nav a:hover>.menuName,.heightHeader #gnb .navbar-nav>.on>a>.menuName,.heightHeader #gnb .navbar-nav .open>a>.menuName {padding-bottom:0; border-bottom:2px solid #054982;}
#gnb .navbar-nav .openMenu {position:relative;}
#gnb .navbar-nav .openMenu:before {content:""; position:absolute; top:50%; left:100%; width:12px; height:2px; margin-top:-2px; margin-left:10px; background:#393939; transition:all 0.3s;}
#gnb .navbar-nav .openMenu:after {content:""; position:absolute; top:50%; left:100%; width:2px; height:12px; margin-top:-7px; margin-left:15px; background:#393939; transition:all 0.3s;}
#gnb .navbar-nav a:hover .openMenu:before,#gnb .navbar-nav a:hover .openMenu:after {transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg);}
#gnb .navbar-nav .open .openMenu:before,#gnb .navbar-nav .open a:hover .openMenu:before {transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0);}
#gnb .navbar-nav .open .openMenu:after,#gnb .navbar-nav .open a:hover .openMenu:after {transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); opacity:0;}
.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu {position:static; float:none; min-width:0; width:100%; margin:0; padding:0; border:none; border-radius:0; background:none; box-shadow:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu a {padding:5px 30px 5px 50px; color:#a8a8a8;}
.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown>a .menuName {position:relative;}
.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown>a .menuName:after {content:""; position:absolute; top:50%; left:100%; width:0; height:0; margin-top:-6px; margin-left:15px; border-style:solid; border-width:6px; border-color:transparent; border-left-color:#a8a8a8;}
.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown.open>a .menuName:after {border-left-color:#054982;}
.heightHeader #gnb .navbar-nav .menu-3rd {display:none; padding:0; list-style:none;}
.heightHeader #gnb .navbar-nav .menu-3rd a {padding-left:75px;}
.heightHeader #gnb .navbar-nav .menu-3rd a:before {content:""; position:absolute; top:16px; left:50px; width:12px; border-bottom:1px solid #c0c0c0;}
.heightHeader #gnb .navbar-nav .menu-3rd a:hover:before,.heightHeader #gnb .navbar-nav .menu-3rd .on>a:before {border-bottom-color:#054982;}
.heightHeader #gnb .navbar-nav .menu-3rd a:hover,.heightHeader #gnb .navbar-nav .menu-3rd .on>a {color:#054982;}
.heightHeader #gnb .navbar-nav .open .open .menu-3rd {display:block;}
.heightHeader #gnb .onMenu {display:none;}
.heightHeader #gnb .on>.onMenu,.heightHeader #gnb .open>.onMenu {display:block;}
.heightHeader #gnb .on>.onMenu+a,.heightHeader #gnb .open>.onMenu+a {display:none;}
.heightHeader .headerSns {display:block; text-align:center;}
.gnbDim {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99;}
.headerSns {display:none; margin:25px 0; padding:0; list-style:none;}
.headerSns li {display:inline-block; margin:0 12px;}
.headerSns li a {color:#969696;}
.navbar-form {margin:0; padding:0; border:none;}
.searchWrap {display:none; position:fixed; top:0; left:0px; right:0px; bottom:0; width:100%; text-align:center; z-index:1200;}
.searchWrap .searchCon {position:absolute; left:5px; right:5px; top:160px; z-index:999; width:90%; max-width:530px; margin:auto; padding:10px 76px 10px 10px; border-radius:3px; background:#fff; text-align:right;}
.searchWrap .searchCon .form-control {width:100%; height:40px; border:0px; padding:10px; font-size:14px; -webkit-appearance:none; border:1px solid #ededed;}
.searchWrap .searchCon input.form-control {color:#333;}
.searchWrap .searchCon input.form-control::-webkit-input-placeholder {color:#999;}
.searchWrap .searchCon input.form-control:-moz-placeholder {color:#999;}
.searchWrap .searchCon input.form-control::-moz-placeholder {color:#999;}
.searchWrap .searchCon input.form-control:-ms-input-placeholder {color:#999;}
.searchWrap .searchCon button[type="submit"] {position:absolute; top:10px; bottom:10px; right:10px; width:56px; height:auto; padding:0; font-size:13px; color:#fff; border:none; border-radius:3px;}
.searchWrap .searchCon button .fa {display:none;}
.searchWrap .dimWrap {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:#000; opacity:0.8;}
#util {margin:0 30px; line-height:1; z-index:9;}
#util .searchBtn {width:26px; height:26px; margin:0 0 0 -2px; padding:0; font-size:0; line-height:1; color:#eccc8f; vertical-align:middle; border:none; background:url('https://www.duck-in.co.kr/resource/official/hg1603042/img/common/ico_util.png') 0 0 no-repeat; z-index:99;}
#util .searchBtn:hover,#util .searchBtn:focus,#util .searchBtn:active {background-position:-26px 0;}
#util ul {display:inline-block; margin:0; padding:0; font-size:0; list-style:none; vertical-align:middle;}
#util li,#util .mall {display:inline-block; vertical-align:middle; font-size:0; line-height:1;}
#util a {display:inline-block; width:26px; height:26px; vertical-align:middle; background:url('https://www.duck-in.co.kr/resource/official/hg1603042/img/common/ico_util.png') left top no-repeat;}
#util li li {display:block; font-size:12px;}
#util li li a {display:block; width:auto; height:auto; margin:0; color:#999; border-radius:0; background:none; box-shadow:none;}
#util .mypage a {background-position:0 -26px;}
#util .cart a {background-position:0 -52px;}
#util .mall a {background-position:0 -104px;}
#util .mypage a:hover,#util .mypage a:focus,#util .mypage a:active,#util .mypage .active {background-position:-26px -26px;}
#util .cart a:hover,#util .cart a:focus,#util .cart a:active,#util .cart .active {background-position:-26px -52px;}
#util .mall a:hover,#util .mall a:focus,#util .mall a:active,#util .mall .active {background-position:-26px -104px;}
#util .dropdown-menu {display:none; left:50%; min-width:0; width:100px; margin-top:10px; margin-left:-50px; padding:5px 0; border:none; box-shadow:0 2px 5px rgba(0,0,0,0.15);}
#util .dropdown-menu a {padding:3px 15px;}
#util .dropdown-menu:before {content:""; position:absolute; top:-10px; left:50%; width:0; height:0; margin-left:-5px; border-style:solid; border-width:5px; border-color:transparent transparent #fff transparent;}
#util .dropdown-menu a:hover,#util .dropdown-menu a:focus,#util .dropdown-menu a:active {color:#666;}
#util .open .dropdown-menu {display:block;}
#util .language {float:left; margin:0; padding:0; list-style:none; text-align:center; font-size:0;}
#util .language .lang {display:inline-block; position:relative; padding:0 15px; vertical-align:top;}
#util .language .lang:first-child {padding-left:0;}
#util .language .lang:before {content:""; position:absolute; top:50%; left:0; width:0; height:12px; margin-top:-6px; border-left:1px solid #c0c0c0;}
#util .language .lang:first-child:before {display:none;}
#util .language .lang a {display:block; width:auto; height:auto; padding:5px; font-size:14px; background:none; opacity:0.6;}
#util .language .active a {opacity:1;}
#util .blogLink {font-size:0; text-indent:-9999px; background-position:0 -104px;}
#util .blogLink:hover,#util .blogLink:focus {background-position:-26px -104px;}


.quickBanner {position:fixed; top:50px; right:5px; width:120px; transition:top 0.3s; z-index:9;}
.quickBanner .qb {margin-top:5px;}
.quickBanner .qb:first-of-type {margin-top:0;}
.quickBanner a {display:block; position:relative; color:#fff;}
.quickBanner a:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#c9a527; opacity:0.8; transition:opacity 0.3s;}
.quickBanner a:hover:before {opacity:1;}
.quickBanner .img {display:none; position:relative; background-size:cover; z-index:1;}
.quickBanner .txt {position:relative; padding:8px 5px; text-align:center; font-size:13px; line-height:1.3; z-index:1;}
.quickBanner .txt .main {margin:0; font-weight:bold;}
.quickBanner .txt .sub {margin:0.3em 0 0; font-size:12px;}

.quickBanner .qbCut {margin-top:5px; width:100%; height:24px; padding:0; line-height:24px; border:1px solid #cacaca; background:#fff; opacity:0.8; transition:all 0.3s;}
.quickBanner .qbCut:hover {opacity:1;}
.quickBanner.cut {width:80px;}
.quickBanner.cut .qb {margin-top:2px;}
.quickBanner.cut .txt {padding-top:4px; padding-bottom:4px; font-size:12px;}
.quickBanner.cut .qbCut {margin-top:2px;}
.quickBanner.cut .img {display:none;}
/* keyVisual */
.promotion {position:relative; background:#fff;}
.swipe {position:relative; width:100%; overflow:hidden;}
.swipe a {display:block; width:100%; height:100%;}
.swipe .indicator,.promotion .indicator {position:absolute; bottom:15px; left:50%; z-index:9; width:60%; margin-left:-30%; margin-bottom:0; padding-left:0; text-align:center; list-style:none;}
.swipe .indicator li,.promotion .indicator li {display:inline-block; font-size:0; cursor:pointer;}
.promotion .indicator ol {margin:0; padding:0;}
.promotion .indicator .dot {display:inline-block; margin:0 2px; text-indent:-999em; vertical-align:middle; border-radius:100%; border:3px solid rgba(0,0,0,0.12);}
.promotion .indicator .dot:before {content:""; display:block; width:2px; height:2px; border-radius:100%; background:#fff;}
.promotion .indicator .active .dot {border-width:2px;}
.promotion .indicator .active .dot:before {width:5px; height:5px;}
.promotion .indicator .summary {display:none;}
.swipe .swipeItem {position:relative; width:100%; overflow:hidden;}
.swipe .swipeItem:after {content:""; display:block; clear:both;}
.swipe .item {position:relative; float:left; overflow:hidden; width:100%; background-size:cover;}
.swipe .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.swipe .swipeControl {display:none; position:absolute; top:0; bottom:0; width:80px; color:#fff; text-align:center;}
.swipe .swipeControl.left {left:0;}
.swipe .swipeControl.right {right:0;}
.swipe .swipeControl .prev,.swipe .swipeControl .next {display:inline-block; position:absolute; top:50%; z-index:5; width:50px; height:50px; margin-top:-25px; background:url('../img/common/btn_kv_arr.png') no-repeat; background-size:50px 100px; opacity:0.7; transition:opacity 0.3s;}
.swipe .swipeControl.left .prev {right:0; background-position:0 0;}
.swipe .swipeControl.right .next {left:0; background-position:0 100%;}
.swipe .swipeControl:hover .prev,.swipe .swipeControl:hover .next {opacity:1;}
.swipe .container {position:relative; max-width:1580px; z-index:1;}
.swipe .caption {padding-bottom:50px; text-align:center; color:#fff;}
.swipe .caption .main {margin:0 0 0.5em; font-size:32px; font-weight:normal; line-height:1;}
.swipe .caption .sub {margin:0; font-size:15px; font-weight:normal; line-height:1.75;}
.entry .swipe {padding-bottom:40px;}
.entry .swipe .item img {max-width:100%;}
.entry .swipe .indicator {bottom:10px;}
.entry .swipe .indicator li {width:10px; height:10px; margin:0 2px; text-indent:-999em; border-radius:100%; background:#ccc;}
.entry .swipe .indicator .active {margin:0 2px;}
.entry .swipe .swipeControl {width:35px;}
.entry .swipe .swipeControl .prev,.entry .swipe .swipeControl .next {width:28px; height:55px; left:50%; right:auto; margin-top:-28px; margin-left:-14px; background:url('https://www.duck-in.co.kr/resource/official/hg1603042/img/common/btn_gall_arr.png') 0 0 no-repeat;}
.entry .swipe .swipeControl.left .prev {background-position:100% 0;}
.entry .swipe .swipeControl.right .next {background-position:100% 100%;}
#keyVisual .item {height:410px; min-height:410px;}

/* title position */
.titlePosition .container {width:auto; height:100%;}
.titlePosition .titleBox {display:table; position:static; width:100%; height:100%; padding-top:50px;}
.titlePosition .titleBox .titleCell {display:table-cell; padding:60px 20px; text-align:center; vertical-align:middle;}
.titlePosition .titleCell.pos_tl {text-align:left; vertical-align:top;}
.titlePosition .titleCell.pos_tc {text-align:center; vertical-align:top;}
.titlePosition .titleCell.pos_tr {text-align:right; vertical-align:top;}
.titlePosition .titleCell.pos_ml {text-align:left; vertical-align:middle;}
.titlePosition .titleCell.pos_mc {text-align:center; vertical-align:middle;}
.titlePosition .titleCell.pos_mr {text-align:right; vertical-align:middle;}
.titlePosition .titleCell.pos_bl {text-align:left; vertical-align:bottom;}
.titlePosition .titleCell.pos_bc {text-align:center; vertical-align:bottom;}
.titlePosition .titleCell.pos_br {text-align:right; vertical-align:bottom;}
.titlePosition.topBg .titleBox {padding-top:0; padding-bottom:0;}
.titlePosition.topBg .titleBox .titleCell {padding:60px 15px 30px;}


.sectionTitle {margin:0 auto; padding-bottom:60px; text-align:center;}
.sectionTitle .category {display:inline-block; margin-bottom:1.5em; padding:2px 12px 0; font-size:12px; color:#65d4eb; line-height:1.3; vertical-align:top; border:2px solid #65d4eb; border-radius:30px; background-color:#f7f7f7; transition:background-color 0.3s;}
.sectionTitle .main {margin:0; font-size:25px; font-weight:normal; line-height:1.3;}
.sectionTitle .sub {margin:0.6em 0 0; font-size:13px; color:#939393; line-height:1.75;}
.sectionTitle a:hover .category {color:#fff; background:#65d4eb;}

.viewmore {display:inline-block; margin:1.3em 0 0; padding:8px 12px; font-size:12px; color:#fff; vertical-align:top; line-height:1; border-radius:2px; background:#054982; transition:all 0.3s;}
a:hover .viewmore {background-color:#084476;}
.mainContact {position:relative; padding:50px 30px; color:#fff; background-size:cover;}
/* .mainContact:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.2;} */
.mainContact .container {position:relative; max-width:1280px;}
.mainContact a {color:inherit;}
.mainContact .sectionTitle {max-width:none; padding-top:0; padding-bottom:0; text-align:left;}
.mainContact .sectionTitle:after {display:none;}
.mainContact .sectionTitle .sub {color:inherit;}
.mainContact .sectionTitle .sub:after {content:""; display:block; width:50px; height:1px; margin:20px 0; background:#fff;}
.mainContact .summary {margin:0 0 10px; font-size:13px; line-height:1.75;}
.mainContact .contactForm {margin-top:30px; font-size:13px;}
.mainContact .contactForm .formTitle {margin:0 0 20px; font-size:18px; line-height:1.3;}
.mainContact .contactForm .formTitle:first-letter {font-family:"Kaleko_bold","Kaleko","Myriad","Tahoma","NBG","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
.mainContact .contactForm .formBox {margin-bottom:10px;}
.mainContact .contactForm .formBox input,.mainContact .contactForm .formBox textarea {display:block; width:100%; padding:8px; line-height:1.5; color:#333; border:1px solid #d3d3d3; border-radius:0; background:#fff;}
.mainContact .contactForm .formBox textarea {height:9em;}
.mainContact .contactForm .chkAgree input {display:none; width:0; height:0; margin:-1px; padding:0; overflow:hidden; opacity:0;}
.mainContact .contactForm .chkAgree label {display:inline-block; margin:0; font-weight:normal; vertical-align:middle; opacity:0.7;}
.mainContact .contactForm .chkAgree label:before {content:""; display:inline-block; position:relative; top:-1px; width:20px; height:20px; margin-right:10px; vertical-align:middle; background:#d0d0d0 url('https://www.duck-in.co.kr/resource/official/hg1603042/img/common/bg_chkagree.png') 0 0 no-repeat; background-size:100% auto;}
.mainContact .contactForm .chkAgree input:checked+label {opacity:1;}
.mainContact .contactForm .chkAgree input:checked+label:before {background-color:#343434;}
.mainContact .contactForm .chkAgree a {margin-left:10px; text-decoration:underline;}
.mainContact .viewmore .btnMore {min-width:100%; text-align:left;}
.mainContact .viewmore .btnMore:hover {color:#202020; background-color:#fff;}
.mainContact .viewmore {display:block; padding:0;margin:1em 0 0; font-size:12px; color:#8c8c8c; line-height:1; opacity:0.8; transition:opacity 0.3s;}
.mainContact .viewmore .fa {margin-left:0.2em;}
.mainContact a:hover .viewmore {opacity:1;}
.viewmore .btnMore {display:inline-block; min-width:100px; padding:10px 20px; text-align:center; vertical-align:top; color:#fff; font-size:12px; line-height:1.3; border:1px solid #fff; background:#202020; transition:background-color 0.3s;}
.viewmore .btnMore:hover {color:#202020; background-color:#fff;}

.mainBanner {position:relative; min-height:156px; max-height:300px; overflow:hidden; background-size:cover; background-color:#e1b863;}
.mainBanner a {display:table; position:relative; width:100%; height:100%; color:#fff; z-index:1;}
.mainBanner .bannerBox {max-width:720px; margin:0 auto;}
.mainBanner .cell {display:table-cell; padding:15px 30px; text-align:center; vertical-align:middle;}
.mainBanner .main {margin:0; font-size:15px; font-weight:normal; line-height:1.3;}
.mainBanner .sub {margin:1em 0 0; font-size:12px; line-height:1.75;}
.mainBanner a:hover .viewmore {color:#054982; background-color:#fff;}
.mainBanner .bgImg {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover;}

/* tile */
.tile {overflow:hidden;}
.tile a {display:block;}
.tileImg {overflow:hidden; background-size:cover; box-shadow:inset 0 0 1px rgba(0,0,0,0.2);}
.tileTitle .title {margin:0 0 0.5em; font-size:16px; font-weight:normal; line-height:1.3;}
.tileTitle .subTitle {margin:0; font-size:12px; font-weight:normal; line-height:1.75;}




.cateTitle {max-width:620px; margin:0 auto; padding:40px 5px 35px; text-align:center;}
.cateTitle .main {margin:0; font-size:24px; font-weight:normal; line-height:1.3;}
.cateTitle .main:after {content:""; display:block; margin:10px auto; width:20px; height:2px; background:#5e4f4a;}
.cateTitle .sub {margin:0; font-size:14px; font-weight:normal; line-height:1.75;}

.shortCut {padding-bottom:50px;}
.shortCut .news {padding:0 5px;}
.shortCut .tile {position:relative; float:left; width:33.33%; padding:0 5px;}
.shortCut .news .tile a {background:none;}
.shortCut .tile:before {content:""; position:absolute; top:0; left:0; height:100%; border-left:1px solid rgba(0,0,0,0.05);}
.shortCut .tile:first-of-type:before {display:none;}
.shortCut .tileImg {width:80%; max-width:100px; margin:0 auto 10px; box-shadow:none;}
.shortCut .tileTitle {text-align:center;}
.shortCut .tile .tileTitle .main {margin:0; font-size:14px; font-weight:normal; line-height:1.3; color:#333; min-height:2.6em;}
.shortCut .tile .tileTitle .sub {display:none; margin:1em 0 1.2em; font-size:13px; font-weight:normal; line-height:1.75; color:#6e6e6e; height:3.5em; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.mainSwipe {background:#fff;}
.mainSwipe .swipeContainer {padding:45px 5px; overflow:hidden;}
.mainSwipe .swipeContents {width:80%; overflow:visible;}
.mainSwipe .item a {width:auto; margin:0 5px;}
.mainSwipe .item .tileTitle {padding-top:18px;}
.mainSwipe .item .tileTitle .main {margin:0 0 0.5em; font-size:15px; font-weight:normal; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainSwipe .item .tileTitle .sub,.mainSwipe .item .tileTitle .price {margin:0; font-size:12px; font-weight:normal; line-height:1.75; height:3.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainSwipe .item .tileTitle .price .fixed {text-decoration:line-through; color:#c0c0c0;}
.mainSwipe .item .tileTitle .viewmore {display:none; margin-top:2em; padding:0; font-size:13px; color:#054982; background:none;}
.mainSwipe .item .tileImg {position:relative;}
.mainSwipe .item .tileImg:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #054982; transition:border-width 0.3s;}
.mainSwipe .item a:hover .tileImg:before {border-width:8px;}

/* .main .tileList {background:#fff;} */
.categories {padding:0 10px 20px; background:#fff;}
.categories .tiles {margin:0 -5px;}
.categories .tile {float:left; width:50%; padding:0 5px;}
.categories .tile:nth-of-type(2n+1) {clear:left;}
.categories .tileImg {position:relative;}
.categories .tile .tileImg:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #054982; background:transparent; transition:border-width 0.3s; z-index:2;}
.categories .tile a:hover .tileImg:before {border-width:8px;}
.categories .tileTitle {padding:15px 10px 30px;}
.categories .tileTitle .main {margin:0 0 0.5em; font-size:14px; font-weight:normal; line-height:1.3;}
.categories .tileTitle .sub {margin:0; font-size:13px; font-weight:normal; line-height:1.75; max-height:5.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.tileList .tile {float:left; width:50%;}
.tileList .tile:nth-of-type(2n+1) {clear:left;}
.tileList .tile a {position:relative;}
.tileList .tile .tileTitle {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px; transition:background-color 0.3s;}
.tileList .tile .tileTitle .main {max-width:10em; margin:0; padding-left:5px; font-size:14px; font-weight:normal; line-height:1.5; border-left:1px solid #fff;}
/* .tileList .tile a:hover .tileTitle {background-color:rgba(0,0,0,0.3);} */
.tileList .tile a:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #054982; background:transparent; transition:border-width 0.3s; z-index:2;}
.tileList .tile a:hover:before {border-width:8px;}

.breadCrumb {margin:0 10px 25px; font-size:11px; line-height:1;}
.breadCrumb .outliner {position:relative;}
.breadCrumb .outliner:before {content:""; position:absolute; top:50%; left:0; right:0; height:8px; margin-top:-4px; background:#054982;}
.breadCrumb .breadCrumbBox {display:inline-block; position:relative; padding-right:15px; vertical-align:middle; background:#f3f3f3; z-index:1;}
.breadCrumb .current {color:#054982;}
.breadCrumb .fa {margin-left:5px; margin-right:5px;}

.subFilter {margin:0 0 25px; font-size:14px;}
.filterPage .subFilter {margin-left:10px; margin-right:10px;}
.list02 .subFilter {margin-left:10px; margin-right:10px;}
.subFilter .filterBtn {display:block; position:relative; padding:13px 15px; color:#fff; background:#054982;}
.subFilter .filterBtn:after {content:""; position:absolute; top:50%; right:15px; width:0; height:0; margin-top:-3px; border-width:6px; border-style:solid; border-color:transparent; border-top-color:#fff;}
.subFilter.open .filterBtn:after {margin-top:-9px; border-top-color:transparent; border-bottom-color:#fff;}
.subFilter .filterGroup {float:none; width:100%; min-width:0; margin:0; padding:0; border-radius:0; border:none; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; background:#fff; box-shadow:none;}
.subFilter .filterGroup>li>a {padding:13px 15px; color:#a1a1a1; line-height:1; border-bottom:1px solid #f0f0f0;}
.subFilter .filterGroup>li>a span {display:inline-block; padding-bottom:1px; vertical-align:top;}
.subFilter .filterGroup>li>a:hover,.subFilter .filterGroup>li>a:focus,.subFilter .filterGroup>.active>a,.subFilter .filterGroup>.active>a:hover,.subFilter .filterGroup>.active>a:focus {color:#181818; background:none;}
.subFilter .filterGroup>.active>a span,.subFilter .filterGroup>.active>a:hover span,.subFilter .filterGroup>.active>a:focus span {border-bottom:1px solid #181818;}
.subFilter .filterGroup .subCategory {display:none; margin:0; list-style-type:none; text-align:center; font-size:12px; background:#fafafa;}
.subFilter .filterGroup .subCategory li a {display:block; padding:5px 0; color:#a1a1a1;}
.subFilter .filterGroup .subCategory li a:hover,.subFilter .filterGroup .subCategory li a:focus,.subFilter .filterGroup .subCategory .active a {color:#666;}

.categoryFilter {text-align:center; font-size:12px;}
.list02 .categoryFilter {margin-left:10px; margin-right:10px;}
.categoryFilter ul {margin:0 -5px 15px; padding:0; list-style:none;}
.categoryFilter li {float:left; width:50%; margin-bottom:5px; padding:0 5px;}
.categoryFilter li a {display:block; padding:5px 10px; color:#333; background:#fff;}
.categoryFilter li a:hover,.categoryFilter li a:focus,.categoryFilter li a:active,.categoryFilter .active a {color:#fff; background:#054982;}

.subTile {padding:0 10px;}
.subTile .tile {overflow:visible;}
.subTile .tile a {position:relative; overflow:hidden; box-shadow:0 2px 3px rgba(0,0,0,0.02);}
.subTile .tile a:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #054982; background:transparent; transition:border-width 0.3s; z-index:2;}
.subTile .tile a:hover:before {border-width:8px;}
.subTile .tile a:after {content:""; display:block; clear:both;}
/* .subTile .tileTitle {background:#fff;} */
.subTile .tileTitle .main {margin:0 0 0.5em; font-size:14px; font-weight:normal; line-height:1.3;}
.subTile .tileTitle .sub {margin:0; font-size:12px; line-height:1.75; color:#909090; max-height:3.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subTile .tileTitle .summary {display:none;}
.subTile .tileTitle .date {display:block; margin:1em 0 0; font-size:12px; line-height:1; color:#c0c0c0;}
.subTile .tileTitle .price {margin:0; font-size:12px; line-height:1.75; color:#909090; max-height:3.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subTile .tileTitle .price .fixed {text-decoration:line-through; color:#c0c0c0;}
.subTile .loadMore {text-align:center; box-shadow:0 2px 3px rgba(0,0,0,0.02);}
.subTile .loadMore button {width:100%; height:52px; padding:0 15px; font-size:13px; border:1px solid transparent; background:#fff; transition:border 0.3s;}
.subTile .loadMore button:hover {border-width:4px; border-color:#054982;}
.list01 .tile {margin-bottom:15px;}
.list01 .tile .tileImg {height:0; padding-top:66%;}
.list01 .tileTitle {padding:15px;}
.list01 .tileTitle .main {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list01 .loadMore {margin-bottom:15px;}
.list02 .subTile {padding:0;}
.list02 .subTile .outliner {max-width:none;}
.list02 .tile {position:relative; float:left; width:50%;}
.list02 .tile a {background:none;}
.list02 .tile:nth-of-type(2n+1) {clear:left;}
.list02 .tileTitle {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px; background:none; transition:background-color 0.3s;}
.list02 .tile .tileTitle .main {max-width:10em; padding-left:5px; line-height:1.5; border-left:1px solid #333;}
.list02 .tile .tileTitle .sub,.list02 .tileTitle .tile .date {display:none;}
/* .list02 .tile a:hover .tileTitle {background-color:rgba(0,0,0,0.3);} */
.list02 .tileImg {padding-bottom:100%;}
.list02 .loadMore {margin-top:15px; margin-bottom:15px;}
.list03 .tile {margin-bottom:15px;}
.list03 .tileTitle {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px; -color:#fff; background:none; transition:background-color 0.3s;}
.list03 .tile .tileTitle .main {max-width:50%; padding-left:5px; border-left:1px solid #333;}
.list03 .tile .tileTitle .sub,.list03 .tile .tileTitle .date {display:none; color:inherit;}
.list03 .tileImg {padding-bottom:50%;}
.list03 .loadMore {margin-bottom:15px;}
.list04 .tile {margin-bottom:15px;}
.list04 .tile .tileImg {height:0; padding-top:66%;}
.list04 .tileTitle {padding:15px;}
.list04 .tileTitle .main {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list04 .loadMore {margin-bottom:15px;}
.list05 .tile {margin-bottom:15px;}
.list05 .tile a {background:#fff;}
.list05 .tileImg {position:absolute; top:0; left:0; bottom:0; width:130px;}
.list05 .tileTitle {margin-left:130px; padding:20px;}
.list05 .tileTitle .main {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list05 .loadMore {margin-bottom:15px;}
.listSummary .subTile .tileTitle .sub {display:none;}
.listSummary .subTile .tileTitle .sub.summary {display:block; display:-webkit-box;}

/* sub */
.searchResult .breadCrumb {font-size:0;}
h3.searchResult {margin:0 0 25px; padding:0 20px; font-size:18px; text-align:center;}
.gotoHome {margin-top:50px; margin-bottom:100px; text-align:center;}
.gotoHome a {display:inline-block; padding:10px 30px; color:#fff;}
.gotoHome a:hover,.gotoHome a:focus,.gotoHome a:active {color:#fff;}
.gotoHome a .fa {margin-left:10px;}

.topBg {background-size:cover;}
.topBg .title {margin:0; font-size:32px; line-height:1.2;}
.topBg .subTitle {margin:1.3em 0 0; font-size:15px; line-height:1.75;}
.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:250px; min-height:250px; margin-bottom:25px; color:#fff;}

/* info */
.infoOutline {position:relative; width:auto; margin-bottom:20px; padding:0;}
.innerOutline {position:relative; margin-bottom:20px; padding:55px 15px 40px; background:#fff;}
.innerOutline #bbs,.innerOutline #shop,.innerOutline #member,.innerOutline .shopinfoList {max-width:900px; margin:0 auto;}
.info .detail_wide .pages>*,.info .detail_wide header,.info .detail_wide .infourl,.info .detail_wide .downFile,.info .detail_wide #shop.shopView header,
.info .detail_wide #shop.shopView .shopInfo,.info .detail_wide #shop .tales .nav,.info .detail_wide #shop .goodnoti,.info .detail_wide #shop .goodqna {max-width:960px;} /* 본문 기본 사이즈. entry의 max-width값이 들어감 기본 1080+padding15+15 */
.info .detail_full .pages .mods.mods_wide,.detail_full .related {max-width:900px; margin-left:auto; margin-right:auto;} /* 컨텐츠 영역 기본 사이즈. infoOutline의 max-width값이 들어감 */
.landing.billboard {max-width:none;}
.landing.billboard .entry {padding:20px 0;}
.detail {position:relative; padding-top:55px; padding-left:15px; padding-right:15px; background:#fff;}
.detail .closer.bottomCloser {display:inline !important; bottom:0;}
.detail .btn_hover:hover {color:#054982;}
.detail .btn_hover:hover span {color:inherit !important;}
.entry {position:relative; max-width:900px; margin:0 auto; padding:0; line-height:1.75;}
.entry header {margin-bottom:25px;}
.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1,#shopinfo header h1 {margin:0 0 0.5em; font-size:22px; font-weight:normal; line-height:1.3;}
.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2,#shopinfo header h2 {margin:0; font-size:16px; font-weight:normal; line-height:1.75;}
/*
.entry .pages {font-family:"NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
#bbs .board {font-family:"NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
.shopView .dtCont {font-family:"NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
 */
.shop #shop.shopView {max-width:800px; margin-bottom:0; padding-top:0;}
button.closer {position:absolute; top:0; right:0; width:40px; height:40px; padding:0; text-indent:-999em; border:none; background:url('https://www.duck-in.co.kr/resource/official/hg1603042/img/common/icon_layer_close.png') center center no-repeat; z-index:9;}
.related {max-width:1200px !important; margin:0 auto; padding:0 5px;}
.related h3 {margin:30px 0 20px 5px; font-size:16px; font-weight:normal;}
.related .tile {width:50%; margin:0; padding:5px;}
.related .tile a {position:relative; padding-top:60%; border:1px solid #ebebeb;}
.related .tileTitle {position:relative; height:75px; padding:15px; background:#fff; z-index:1;}
.related .tile h4 {overflow:hidden; margin:0 0 0.3em; font-size:14px; font-weight:normal; line-height:1.3; white-space:nowrap; text-overflow:ellipsis;}
.related .tile h5,.related .tile p {overflow:hidden; margin:0; font-size:13px; font-weight:normal; color:#999; line-height:1.75; height:1.75em; white-space:nowrap; text-overflow:ellipsis;}
.related .tile .date {display:none;}
.related .tile a {position:relative; overflow:hidden; box-shadow:0 2px 3px rgba(0,0,0,0.02);}
.related .tile a:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #054982; background:transparent; transition:border-width 0.3s; z-index:2;}
.related .tile a:hover:before {border-width:8px;}
.related .tileImg {position:absolute; top:0; left:0; right:0; bottom:75px; height:auto !important;}

/* footer */
#footer {padding:20px 15px; text-align:center; font-size:12px; background:#fff;}
#footer p,#footer address {margin:0;}
#footer a {color:inherit;}
#footer ul {margin:0; padding:0; list-style:none;}
.footerLogo {width:120px; height:40px; margin:0 auto 15px; background-size:contain;}
.footerSns li {display:inline-block; margin:0 5px;}
.footerInfo li {display:inline-block; margin:0 5px;}
.footerInfo .break {display:block;}

/* custom org */
.custom_org {font-size:0; text-align:center;}
.custom_org ul {position:relative; margin:0; padding:0; list-style:none;}
.custom_org .org_1 {position:relative; max-width:240px; margin:0 auto 60px; padding:12px 0; color:#fff; border-radius:3px; background-color:#202533;}
.custom_org li>span {display:block; width:160px; margin:0 auto; padding:8px 0; color:#fff; border-radius:3px; background-color:#3c4767;}
.custom_org .org_group li {position:relative; margin:0;}
.custom_org .org_group .org_2>span {margin-bottom:60px;}
.custom_org .org_group .org_group2 {margin-top:120px;}
.custom_org .org_group .org_group2>li {display:inline-block; margin:0 15px; vertical-align:top;}
.custom_org .org_group .org_3>span {border-radius:3px 3px 0 0;}
.custom_org .org_group .org_3 ul {border-radius:0 0 3px 3px; border:1px solid #dadada; border-top:none; background-color:#f5f6f7;}
.custom_org .org_group .org_3 li {border-top:1px dashed #dadada;}
.custom_org .org_group .org_3 li:first-of-type {border-top:none;}
.custom_org .org_group .org_3 li>span {width:auto; padding:5px 0; color:#454545; border-radius:0; background:none;}
.custom_org .org_group .org_2:before {content:""; position:absolute; bottom:100%; left:50%; height:60px; border-left:1px solid #c0c0c0;}
.custom_org .org_group .org_3:before {content:""; position:absolute; bottom:100%; left:50%; height:60px; border-left:1px solid #c0c0c0;}
.custom_org .org_group .org_3:after {content:""; position:absolute; bottom:100%; left:50%; right:-111px; margin-bottom:60px; border-top:1px solid #c0c0c0;}
.custom_org .org_group .org_3:last-of-type:after {display:none;}
.custom_org .org_group .org_group2:before {content:""; position:absolute; bottom:100%; left:50%; height:60px; margin-bottom:60px; border-left:1px solid #c0c0c0;}
.custom_org_1 .org_group .org_2:first-of-type:before {display:none;}
.custom_org_1 .org_group .org_group2 {max-width:600px; margin:0 auto; padding-top:30px; border:1px solid #c0c0c0;}
.custom_org_1 .org_group .org_group2:before {margin-bottom:0;}
.custom_org_1 .org_group .org_group2>li {margin-bottom:30px;}
.custom_org_1 .org_group .org_3:before,.custom_org_1 .org_group .org_3:after {display:none;}
.custom_org_2 .org_2:nth-of-type(2) {position:absolute; top:104px; left:50%; margin-left:-280px;}
.custom_org_2 .org_2:nth-of-type(3) {position:absolute; top:104px; right:50%; margin-right:-280px;}
.custom_org_2 .org_2:nth-of-type(2):before {bottom:auto; top:22px; left:100%; height:auto; width:40px; border-top:1px solid #c0c0c0; border-left:none;}
.custom_org_2 .org_2:nth-of-type(3):before {bottom:auto; top:22px; left:auto; right:100%; height:auto; width:40px; border-top:1px solid #c0c0c0; border-left:none;}
.custom_org_2 .org_group .org_2:nth-of-type(1):before {display:none;}

/* Media Queries */
@media screen and (max-width:929px) {
	.custom_org .org_group .org_group2>li {margin:0 5px;}
	.custom_org_1 .org_group .org_group2 {max-width:560px; padding:25px 0;}
	.custom_org_1 .org_group .org_group2>li {margin:5px;}
	.custom_org .org_group .org_3:after {right:-91px;}
}
@media screen and (max-width:767px) {
	.custom_org .org_1 {max-width:none;}
	.custom_org {max-width:300px; margin:0 auto;}
	.custom_org .org_group {padding-left:30px; padding-right:30px;}
	.custom_org li>span {width:auto;}
	.custom_org .org_group .org_2>span {margin-bottom:30px;}
	.custom_org_1 .org_group .org_group2 {padding:30px 30px 15px;}
	.custom_org .org_group .org_group2>li {display:block; margin:0 0 15px;}
	.custom_org .org_group .org_2:before {height:30px;}
	.custom_org .org_group .org_group2:before {height:30px; margin-bottom:0;}
	.custom_org .org_group .org_3:before {bottom:auto; top:0; left:-20px; bottom:-15px; height:auto;}
	.custom_org .org_group .org_3:after {bottom:auto; top:22px; left:-20px; right:100%; margin-bottom:0;}
	.custom_org .org_group .org_3:last-of-type:before {bottom:auto; height:22px;}

	.custom_org_2 .org_group {padding:0;}
	.custom_org_2 .org_group .org_2>span {width:150px;}
	.custom_org_2 .org_2:nth-of-type(2) {top:74px; margin-left:-240px;}
	.custom_org_2 .org_2:nth-of-type(3) {top:74px; margin-right:-240px;}
	.custom_org_2 .org_2:nth-of-type(2):before,.custom_org_2 .org_2:nth-of-type(3):before {width:15px;}
	.custom_org_2 .org_group .org_group2 {max-width:240px; margin:30px auto 0; padding:30px 30px 15px; border:1px solid #c0c0c0;}
	.custom_org_2 .org_group .org_3:before,.custom_org_2 .org_group .org_3:after {display:none;}
	.quickBanner.pcOnly {display:none;}
	.quickBanner.mobileOnly {display:block;}
}
@media screen and (max-width:519px) {
	.custom_org_2 .org_group .org_2>span {width:120px;}
	.custom_org_2 .org_2:nth-of-type(2) {margin-left:-190px;}
	.custom_org_2 .org_2:nth-of-type(3) {margin-right:-190px;}
	.custom_org_2 .org_2:nth-of-type(2):before,.custom_org_2 .org_2:nth-of-type(3):before {width:10px;}
}
@media screen and (max-width:419px) {
	.custom_org_2 .org_group .org_2>span {width:80px;}
	.custom_org_2 .org_2:nth-of-type(2) {margin-left:-130px;}
	.custom_org_2 .org_2:nth-of-type(3) {margin-right:-130px;}
}
@media screen and (min-width:360px) {
	.searchWrap .searchCon  {padding:15px 110px 15px 15px;}
	.searchWrap .searchCon .form-control {height:42px; padding:5px 15px; font-size:16px;}
	.searchWrap .searchCon button[type="submit"] {top:15px; bottom:15px; right:15px; width:80px; font-size:15px;}
}
@media screen and (min-width:768px) {
	.quickBanner.pcOnly {display:block;}
	.quickBanner.mobileOnly {display:none;}
	div#noticePop {top:90px;}
	.fix#header {height:50px;}
	.fix#header .navbar-header h1 {height:40px;}
	.fix#header .navbar-header .navbar-toggle {top:0;}
	.navbar-header {float:none; height:60px; padding:5px 15px;}
	.navbar-header h1 {left:30px; width:180px; height:50px;}
	.navbar-header .navbar-toggle {top:5px; right:15px;}
	.heightHeader #gnb .navbar-collapse {margin-left:-80px; padding-top:40px; padding-left:80px;}
	.heightHeader #gnb .navbar-nav a {padding-top:20px; padding-bottom:20px; font-size:21px;}
	.heightHeader #gnb .navbar-nav .menu-3rd a:before {top:22px;}
	.lang li {padding:0 2px;}
	.lang li:before {border-left-color:inherit; opacity:0.6;}
	.quickBanner .img {display:block; width:70px; margin:0 auto;}
	.quickBanner .txt {padding-top:0; padding-bottom:10px;}
	.searchWrap .searchCon  {padding:15px 125px 15px 15px;}
	.searchWrap .searchCon .form-control {height:50px; font-size:20px;}
	.searchWrap .searchCon button[type="submit"] {width:95px; padding:0 15px; text-align:left; font-size:16px;}
	.searchWrap .searchCon button[type="submit"] .fa {display:inline-block; float:right; font-size:27px;}
	.promotion .indicator {bottom:30px;}
	.promotion .indicator .dot {margin:0 5px; border-width:6px;}
	.promotion .indicator .dot:before {width:4px; height:4px;}
	.promotion .indicator .active .dot {border-width:4px;}
	.promotion .indicator .active .dot:before {width:8px; height:8px;}
	.swipe .swipeControl {display:block;}
	#keyVisual .item {height:580px; min-height:580px;}
	.swipe .swipeControl {display:block;}
	.swipe .caption .main {font-size:42px;}
	.swipe .caption .sub {font-size:18px;}
	.titlePosition .titleBox {padding-top:60px;}
	.titlePosition .titleBox .titleCell {padding:120px 110px;}
	.viewmore {padding:9px 15px; font-size:13px;}
	.sectionTitle {max-width:640px; padding-bottom:80px;}
	.sectionTitle .main {font-size:42px;}
	.sectionTitle .sub {font-size:17px;}
	.mainBanner {min-height:300px;}
	.mainBanner .main {font-size:30px;}
	.mainBanner .sub {font-size:13px;}
	.mainBanner .viewmore {padding:15px 40px;}
	.cateTitle {padding:80px 15px 50px;}
	.cateTitle .main {font-size:30px;}
	.cateTitle .main:after {margin:25px auto; width:40px; height:1px;}
	.cateTitle .sub {font-size:14px;}
	.shortCut {padding-bottom:100px;}
	.shortCut .news {padding:0 15px;}
	.shortCut .tile {padding:0 15px;}
	.shortCut .tileImg {margin-bottom:20px;}
	.shortCut .tileTitle {max-width:200px; margin:0 auto;}
	.shortCut .tile .tileTitle .main {min-height:0;}
	.shortCut .tile .tileTitle .sub {display:block; display:-webkit-box;}
	.mainSwipe .swipeContainer {padding:90px 15px 65px;}
	.mainSwipe .swipeContents {width:50%;}
	.mainSwipe .swipe .item:nth-of-type(2n+1) {clear:left;}
	.mainSwipe .item a {margin:0 15px;}
	.mainSwipe .item .tileTitle {padding-top:0;}
	.mainSwipe .item .tileTitle .sub,.mainSwipe .item .tileTitle .price {font-size:13px;}
	.mainSwipe .item.bigT {margin-bottom:55px;}
	.mainSwipe .item.bigT .tileTitle {padding-top:25px;}
	.mainSwipe .item.bigT .tileTitle .main {font-size:16px;}
	.mainSwipe .item.bigT .tileTitle .viewmore {display:inline-block;}
	.mainSwipe .item.smallT {margin-bottom:25px;}
	.mainSwipe .item.smallT .tileImg {float:left; width:105px;}
	.mainSwipe .item.smallT .tileTitle {margin-left:125px;}
	.mainSwipe .item.smallT .tileTitle .main {font-size:14px;}
	.mainContact {padding:70px 65px;}
	.mainContact .sectionTitle {float:left; width:50%; padding-right:30px;}
	.mainContact .sectionTitle .sub:after {margin-top:30px; margin-bottom:30px;}
	.mainContact .sectionTitle .summary {font-size:13px;}
	.mainContact .contactForm {float:right; width:50%; margin-top:0; padding-left:30px; font-size:13px;}
	.mainContact .contactForm .formTitle {font-size:24px;}
	.mainContact .viewmore {max-width:228px;}
	.viewmore .btnMore {font-size:13px;}
	.categories {padding-bottom:50px;}
	.categories .tile {width:25%;}
	.categories .tile:nth-of-type(2n+1) {clear:none;}
	.tileList .tile .tileTitle {padding:40px;}
	.tileList .tile .tileTitle .main {padding-left:10px; font-size:16px; border-width:2px;}
	.topBg.bgFileUrl_crop, .topBg[style*="background-image"] {height:320px; min-height:320px;}
	.topBg .title {font-size:48px;}
	.topBg .subTitle {font-size:16px;}
	.topBg.titlePosition .titleBox .titleCell {padding-top:70px; padding-bottom:45px; padding-left:30px; padding-right:30px;}
	.breadCrumb {margin:0 30px 40px; font-size:13px;}
	.subFilter {margin-bottom:40px;}
	.filterPage .subFilter {margin-left:30px; margin-right:30px;}
	.list02 .subFilter {margin-left:30px; margin-right:30px;}
	.categoryFilter {margin-bottom:30px; font-size:0;}
	.list02 .categoryFilter {margin-left:30px; margin-right:30px;}
	.categoryFilter li {display:inline-block; float:none; width:auto; margin-bottom:10px;}
	.categoryFilter li a {min-width:40px; padding:6px 12px; font-size:13px;}
	.subTile {padding:0 30px;}
	.subTile .tileTitle .price {max-height:none; height:3.5em;}
	.list01 .news {margin:0 -8px;}
	.list01 .tile {float:left; width:25%; padding:0 8px;}
	.list01 .tile1,.list01 .tile8 {width:50%;}
	.list01 .tile1,.list01 .tile6 {clear:left;}
	.list01 .tile8 {float:right;}
	.list01 .tile1 .tileImg,.list01 .tile8 .tileImg {padding-bottom:128px;}
	.list01 .tileTitle {height:125px;}
	.list01 .tileTitle .sub {height:5.25em; max-height:none; -webkit-line-clamp:3;}
	.list01 .loadMore {margin-top:25px; margin-bottom:40px;}
	.list02 .tile {width:25%;}
	.list02 .tile1,.list02 .tile8 {width:50%;}
	.list02 .tile:nth-of-type(2n+1) {clear:none;}
	.list02 .tile1,.list02 .tile6 {clear:left;}
	.list02 .tile8 {float:right;}
	.list02 .tileTitle {padding:30px;}
	.list02 .tile .tileTitle .main {padding-left:10px; font-size:16px; border-width:2px;}
	.list02 .loadMore {margin-top:40px; margin-bottom:40px;}
	.list03 .news {margin:0 -8px;}
	.list03 .tile {float:left; width:50%; padding:0 8px;}
	.list03 .tile:nth-of-type(2n+1) {clear:left;}
	.list03 .tileTitle {padding:30px;}
	.list03 .tile .tileTitle .main {padding-left:10px; font-size:16px; border-width:2px;}
	.list03 .loadMore {margin-top:25px; margin-bottom:40px;}
	.list04 .news {margin:0 -8px;}
	.list04 .tile {float:left; width:33.33%; padding:0 8px;}
	/*.list04 .tile1,.list04 .tile2,.list04 .tile6,.list04 .tile7 {width:50%;}*/
	/*.list04 .tile1,.list04 .tile3,.list04 .tile6,.list04 .tile8 {clear:left;}*/
	.list04 .tile .tileTitle .sub {height:3.5em;}
	.list04 .loadMore {margin-top:25px; margin-bottom:40px;}
	.list05 .news {margin:0 -8px;}
	.list05 .tile {float:left; width:50%; padding:0 8px;}
	.list05 .tile:nth-of-type(2n+1) {clear:left;}
	.list05 .tileTitle .sub {height:3.5em;}
	.list05 .loadMore {margin-top:25px; margin-bottom:40px;}
	.infoOutline {margin-bottom:60px;}
	.innerOutline {margin-bottom:60px; padding:70px 30px 60px;}
	h3.searchResult {margin-bottom:40px; font-size:32px;}
	.gotoHome {margin-top:80px; margin-bottom:160px;}
	.detail {padding-top:70px; padding-left:30px; padding-right:30px;}
	.entry header {margin-bottom:40px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1,#shopinfo header h1 {font-size:28px;}
	button.closer {width:60px; height:60px;}
	.shareThis {padding-bottom:80px;}
	.related .tile {width:25%;}
	.related .tileTitle {height:85px; padding:20px;}
	.related .tileImg {bottom:85px;}
	#footer {padding:40px 20px;}
	.footerInfo {float:right; text-align:right;}
	.footerInfo li {margin:0 0 0 15px;}
	#footer .copy {float:right; clear:right;}
}
@media screen and (min-width:992px) {
	.container {padding:0;}
	#keyVisual .item {height:640px; min-height:640px;}
	#keyVisual .file_src_video {background:none !important;}
	.categoryFilter li a {min-width:60px;}
	.innerOutline {padding:70px 30px 80px;}
}
@media screen and (max-width:1279px) {
	.heightHeader #gnb .navbar-nav .open .dropdown-menu {display:block !important;}
}
@media screen and (min-width:1280px) {
	.container {width:auto;}
	#header>.container {position:relative;}
	#header {height:80px;}
	.fix#header .navbar-header h1 {top:5px;}
	.fix#header #gnb .navbar-nav a {height:50px; padding-top:15px;}
	.fix#header #gnb .navbar-nav .dropdown-menu a {height:auto; padding-top:8px;}
	#gnb {height:auto;}
	.navbar-header {position:static; float:left; width:auto; height:auto; padding:0; background:none;}
	.navbar-header h1 {top:0; width:120px; height:60px; margin:0;}
	.navbar-header .navbar-toggle {display:none;}
	.navbar-nav {padding:0;}
	.navbar-nav .dropdown .fa-chevron-down {display:none;}
	.heightHeader #gnb .navbar-collapse {position:static; width:auto; height:auto; margin:0; padding:0; background:none; z-index:99;}
	.heightHeader #gnb .gnbHome {display:none;}
	.heightHeader #gnb .navbar-nav {float:right; height:auto; overflow:visible; margin:0 200px 0 0; padding:0;}
	.heightHeader #gnb .navbar-nav li {float:left; margin:0 5px;}
	.heightHeader #gnb .navbar-nav a {height:80px; padding:30px 15px 0; font-size:14px; background:none;}
	.heightHeader #gnb .navbar-nav .dropdown>a {background:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown>a .menuName:after {margin-left:16px; border-width:5px;}
	.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
	.heightHeader #gnb .navbar-nav .dropdown.open>a {background:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {position:absolute; width:auto; min-width:160px; margin-top:-5px; padding:8px 0; border:none; border-left:2px solid #054982; background:#fff;}
	.heightHeader #gnb .navbar-nav .dropdown-menu li {float:none; margin:0;}
	.heightHeader #gnb .navbar-nav .submenuAll {display:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {height:auto; padding:8px 20px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown>a {padding-right:30px;}
	#gnb .navbar-nav .openMenu:before,#gnb .navbar-nav .openMenu:after {display:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName {display:inline-block; position:relative; padding-left:0;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName:before {display:none;}
	.heightHeader #gnb .navbar-nav .menu-3rd {position:absolute; top:0; left:100%; width:auto; min-width:200px; padding:8px 0; background:#fff; box-shadow:inset 2px 0  4px rgba(0,0,0,0.1);}
	.heightHeader #gnb .navbar-nav>li:last-child .menu-3rd {left:auto; right:100%; margin-right:2px; box-shadow:inset -2px 0  4px rgba(0,0,0,0.1);}
	.heightHeader #gnb .navbar-nav>li:last-child .dropdown-menu .dropdown>a .menuName:after {left:auto; right:100%; margin-left:0; margin-right:8px; border-left-color:transparent; border-right-color:#a8a8a8;}
	.heightHeader #gnb .navbar-nav>li:last-child .dropdown-menu .dropdown.open>a .menuName:after {border-left-color:transparent; border-right-color:#054982;}
	.heightHeader #gnb .navbar-nav .menu-3rd a:before {display:none;}
	.heightHeader .headerSns {display:none;}
	.heightHeader .gnbDim {display:none !important;}
	#util {position:absolute; top:50%; right:30px; left:auto; margin:-21px 0 0;}
	#util .language {margin-top:9px;}
	#util .blogLink {width:auto; height:42px; margin-right:8px; padding-left:32px; padding-top:15px; font-size:12px; text-indent:0; line-height:1; color:#a0a0a0; background:url('https://www.duck-in.co.kr/resource/official/hg1603042/img/common/ico_bloglink.png') -6px 0 no-repeat; background-size:42px 84px; transition:background-color 0.3s;}
	#util .blogLink:hover, #util .blogLink:focus, #util .blogLink:active {color:#37c714; background-position:-6px -42px;}
	#util .searchBtn {width:42px; height:42px; margin:0 0 0 3px; border-radius:100%; background:#fff url('../img/common/ico_search.png') 0 0 no-repeat; background-size:42px auto; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
	#util .searchBtn:hover, #util .searchBtn:focus, #util .searchBtn:active {background-position:0 -42px;}
	#util a.member-icon {width:42px; height:42px; margin:0 0 0 3px; border-radius:100%; background:#fff url('../img/common/ico_member.png') 0 0 no-repeat; background-size:42px auto; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
	#util a.shop-icon {width:42px; height:42px; margin:0 0 0 3px; border-radius:100%; background:#fff url('../img/common/ico_shop.png') 0 0 no-repeat; background-size:42px auto; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
	#util .mypage>a {background-position:0 0;}
	#util .mypage>a:hover,#util .mypage>a:focus,#util .mypage>a:active,#util .mypage>.active,#util .cart a:hover, #util .cart a:focus, #util .cart a:active, #util .cart .active{background-position:0 -42px;}
	/*#util .mypage>a:hover,#util .mypage>a:focus,#util .mypage a:active,#util .mypage>.active,#util .cart>a:hover {background-position:0 -42px;}*/
	.fix #util .searchBtn,.fix #util .mypage>a {box-shadow:none; background-color:transparent;}
	.quickbanner {top:70px; right:30px;}
	.quickbanner .qb {max-width:200px;}
	.promotion .indicator {position:static; width:auto; margin-left:0; padding-bottom:20px; border-top:4px solid #054982;}
	.promotion .indicator ol {position:relative; max-width:1200px; margin:0 auto;}
	.promotion .indicator li {position:relative; width:25%; vertical-align:top;}
	.promotion .indicator .active:before {content:""; display:block; position:absolute; left:50%; bottom:100%; width:120px; height:20px; margin-left:-60px; margin-bottom:4px; background:url('../img/common/bg_indicator.png') 50% 50% no-repeat; background-size:cover;}
	.promotion .indicator .dot {display:none;}
	.promotion .indicator .summary {display:block; position:relative; padding:20px 30px; text-align:center; font-size:13px; line-height:1.5;}
	.promotion .indicator .summary:before {content:""; position:absolute; top:50%; left:0; height:75px; margin-top:-38px; border-left:1px solid #eee;}
	.promotion .indicator li:first-of-type .summary:before {display:none;}
	.promotion .indicator .summary .category:after {content:""; display:block; width:24px; height:1px; margin:10px auto 15px; background:#d8d8d8;}
	.promotion .indicator li:hover .summary .category:after,.promotion .indicator li.active .summary .category:after {background:#054982;}
	.promotion .indicator .summary p {margin:0; height:3em; color:#787878; line-height:1.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.swipe .swipeControl {width:110px;}
	#keyVisual .item {height:720px; min-height:720px;}
	.swipe .caption .main {font-size:60px;}
	.swipe .caption .sub {font-size:16px;}
	.titlePosition .titleBox {padding-top:90px;}
	.titlePosition .titleBox .titleCell {padding:150px;}
	.shortCut .news {padding:0 25px;}
	.mainBanner .bgImg {top:-30%; height:130%;}
	.mainSwipe .swipeContainer {padding-left:25px; padding-right:25px;}
	.mainSwipe .swipeContents {width:33.33%;}
	.mainSwipe .swipe .item:nth-of-type(2n+1) {clear:none;}
	.mainSwipe .swipe .item.smallT {float:none;}
	.mainContact {padding:90px 170px;}
	.mainContact .sectionTitle {padding-right:100px;}
	.mainContact .sectionTitle .sub:after {width:60px; margin-top:40px; margin-bottom:40px;}
	.mainContact .sectionTitle .summary {margin-bottom:20px; font-size:15px;}
	.mainContact .contactForm {padding-left:100px; font-size:15px;}
	.mainContact .contactForm .formTitle {font-size:28px;}
	.mainContact .contactForm .formBox {margin-bottom:20px;}
	.mainContact .contactForm .formBox input,.mainContact .contactForm .formBox textarea {padding:10px 15px;}
	.mainContact .contactForm .formBox textarea {height:12em;}
	.viewmore .btnMore {font-size:14px;}
	.categories .tileTitle {padding-top:30px; padding-left:20px;}
	.categories .tileTitle .main {font-size:16px;}
	.tileList .tile {width:25%;}
	.tileList .tile:nth-of-type(2n+1) {clear:none;}
	.tileList .tile:nth-of-type(4n+1) {clear:left;}
	.tileList .tileImg {max-height:480px;}
	.topBg.titlePosition .titleBox .titleCell {padding-left:0; padding-right:0; padding-top:90px; padding-bottom:60px;}
	.breadCrumb {margin:0 0 60px;}
	.subFilter {margin-bottom:60px;}
	.subFilter .filterBtn {display:none;}
	.subFilter .filterGroup {display:block; position:static; border:none; border-top:none; text-align:center; font-size:0; background:none; box-shadow:none;}
	.subFilter .filterGroup li {display:inline-block; margin:5px 5px; font-size:13px;}
	.subFilter .filterGroup>li>a {min-width:100px; padding:8px 15px; color:#333; border:none; background:#fff;}
	.subFilter .filterGroup>li>a span {padding:0; border:none;}
	.subFilter .filterGroup>.active>a span, .subFilter .filterGroup>.active>a:hover span, .subFilter .filterGroup>.active>a:focus span {border:none;}
	.subFilter .filterGroup>li>a:hover, .subFilter .filterGroup>li>a:focus, .subFilter .filterGroup>.active>a, .subFilter .filterGroup>.active>a:hover, .subFilter .filterGroup>.active>a:focus {color:#fff; background:#054982;}
	.sub.leftMenu .outliner {max-width:1200px;}
	.categoryFilter {margin-bottom:30px;}
	.subFilter .filterGroup .subCategory li a {padding-left:20px;}
	.leftMenu .subFilter {float:left; width:170px; margin:0 18px 80px 0;}
	.leftMenu .subFilter .filterGroup {padding:12px 0; text-align:left; border-left:2px solid #054982; background:#fff;}
	.leftMenu .subFilter .filterGroup li {display:block; position:relative; margin:0;}
	.leftMenu .subFilter .filterGroup>li>a {width:auto; padding:12px 20px; background:none;}
	.leftMenu .subFilter .filterGroup>li>a:hover,.leftMenu .subFilter .filterGroup>li>a:focus,.leftMenu .subFilter .filterGroup>.active>a,.leftMenu .subFilter .filterGroup>.active>a:hover,.leftMenu .subFilter .filterGroup>.active>a:focus {color:#054982; background:none;}
	.leftMenu .subFilter+.newsWrap {float:right; width:994px;}
	.leftMenu .subFilter .filterGroup .subMenu>a {position:relative;}
	.leftMenu .subFilter .filterGroup .subMenu>a:after {content:""; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-4px; border-style:solid; border-width:4px; border-color:transparent transparent transparent #303030; transition:right 0.3s;}
	.leftMenu .subFilter .filterGroup .subMenu>a:hover:after,.leftMenu .subFilter .filterGroup .subMenu.open>:after {right:5px; border-left-color:#054982;}
	.leftMenu .subFilter .filterGroup .subCategory {position:absolute; top:0; left:100%; width:180px; padding:10px 0; overflow:hidden; text-align:left; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.1), inset 2px 0 0 0 rgba(0,0,0,0.1);}
	.leftMenu .subFilter .filterGroup .subCategory a {padding:5px 15px; color:#303030;}
	.leftMenu .subFilter .filterGroup .subCategory a:hover,.leftMenu .subFilter .filterGroup .subCategory a:focus,.leftMenu .subFilter .filterGroup .subCategory .active a {color:#054982;}
	.leftMenu .subFilter .filterGroup .subMenu.open .subCategory {display:block;}
	.leftMenu .container {float:left; width:170px;}
	.leftMenu .newsWrap {float:right; width:994px;}
	
	.categoryFilter li a {min-width:67px;}
	.subTile {padding:0;}
	.subTile .tileTitle .sub {font-size:13px;}
	.subTile .tileTitle .date {font-size:13px;}
	.subTile .tileTitle .price {font-size:13px;}
	.list01 .news {margin:0 -18px;}
	.list01 .tile {margin-bottom:36px; padding:0 18px;}
	.list01 .tileTitle {height:135px; padding:18px 30px;}
	.list01 .tile1 .tileImg, .list01 .tile8 .tileImg {padding-bottom:147px;}
	.list01 .loadMore {margin-top:24px; margin-bottom:60px;}
	.list02 .tileTitle {padding:40px;}
	.list02 .loadMore {margin-top:60px; margin-bottom:60px;}
	.list03 .news {margin:0 -18px;}
	.list03 .tile {margin-bottom:36px; padding:0 18px;}
	.list03 .loadMore {margin-top:24px; margin-bottom:60px;}
	.list04 .news {margin:0 -18px;}
	.list04 .tile {margin-bottom:36px; padding:0 18px;}
	.list04 .tileTitle {padding:18px 30px;}
	.list04 .loadMore {margin-top:24px; margin-bottom:60px;}
	.list05 .news {margin:0 -18px;}
	.list05 .tile {margin-bottom:36px; padding:0 18px;}
	.list05 .tileTitle {margin-left:150px; padding:30px;}
	.list05 .tileImg {width:150px;}
	.list05 .loadMore {margin-top:24px; margin-bottom:60px;}
	.topBg.bgFileUrl_crop, .topBg[style*="background-image"] {height:480px; min-height:480px;}
	h3.searchResult {margin-bottom:60px;}
	.infoOutline {margin-bottom:80px;}
	.innerOutline {margin-bottom:80px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1,#shopinfo header h1 {font-size:34px;}
	.gotoHome {margin-top:120px; margin-bottom:200px;}
	#footer {position:relative; padding-left:60px; padding-right:60px;}
	.footerLogo {position:absolute; top:50%; left:60px; margin-top:-10px; margin-bottom:0;}
	#footer .copy {text-align:right;}
}
@media screen and (min-width:1440px) {
	.swipe .caption .main {font-size:70px;}
	#videoPopup iframe {position:absolute; top:50%; left:50%; width:1280px !important; height:720px !important; margin-top:-360px !important; margin-left:-640px !important;}
	.related {padding:0;}
	.related h3 {margin-left:0;}
	.related .relatedWrap {margin:0 -5px;}
	.mainContact .contactForm .inputBox {margin:0 -10px;}
	.mainContact .contactForm .inputForm {float:left; width:50%; padding:0 10px;}
	.quickBanner {top:45px;}
	.fix .quickBanner {top:115px;}
	.quickBanner.cut {width:120px;}
	.quickBanner.cut .txt {padding-top:12px; padding-bottom:12px; font-size:14px;}
}
@media screen and (min-width:1600px) {
	
	.quickBanner {top:70px; right:15px; width:140px;}
	.fix .quickBanner {top:125px;}
	.quickBanner a {padding-left:10px; padding-right:10px;}
	.quickBanner .img {width:120px;}
	.quickBanner .txt {padding-left:0; padding-right:0; font-size:16px;}
	.quickBanner .txt .sub {font-size:14px;}
	.footerInfo {max-width:900px;}
	#footer .copy {right:55px; }
}
@media screen and (min-width:1920px) {
	#keyVisual .item {height:820px; min-height:820px;}
	.leftMenu.list02 .tileImg {padding-bottom:300px;}
	.leftMenu.list02 .tile1 .tileImg,.leftMenu .list02 .tile8 .tileImg {padding-bottom:600px;}
	.leftMenu.list02 .subFilter+.newsWrap .tileImg {padding-bottom:248px;}
	.leftMenu.list02 .subFilter+.newsWrap .tile1 .tileImg,.leftMenu.list02 .subFilter+.newsWrap .tile8 .tileImg {padding-bottom:496px;}
	.list02 .tileImg {padding-bottom:480px;}
	.list02 .tile1 .tileImg,.list02 .tile8 .tileImg {padding-bottom:960px;}
}